@luzmo/dashboard-contents-types 1.0.41 → 1.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/area-chart/area-chart-options.config.cjs +1 -1
- package/area-chart/area-chart-options.config.cjs.map +1 -1
- package/area-chart/area-chart-options.config.js +9 -7
- package/area-chart/area-chart-options.config.js.map +1 -1
- package/bar-chart/bar-chart-options.config.cjs +1 -1
- package/bar-chart/bar-chart-options.config.cjs.map +1 -1
- package/bar-chart/bar-chart-options.config.js +12 -10
- package/bar-chart/bar-chart-options.config.js.map +1 -1
- package/box-plot/box-plot-options.config.cjs +1 -1
- package/box-plot/box-plot-options.config.cjs.map +1 -1
- package/box-plot/box-plot-options.config.js +21 -19
- package/box-plot/box-plot-options.config.js.map +1 -1
- package/bubble-chart/bubble-chart-options.config.cjs +1 -1
- package/bubble-chart/bubble-chart-options.config.cjs.map +1 -1
- package/bubble-chart/bubble-chart-options.config.js +112 -107
- package/bubble-chart/bubble-chart-options.config.js.map +1 -1
- package/bullet-chart/bullet-chart-options.config.cjs +1 -1
- package/bullet-chart/bullet-chart-options.config.cjs.map +1 -1
- package/bullet-chart/bullet-chart-options.config.js +4 -3
- package/bullet-chart/bullet-chart-options.config.js.map +1 -1
- package/choropleth-map/choropleth-map-options.config.cjs +1 -1
- package/choropleth-map/choropleth-map-options.config.cjs.map +1 -1
- package/choropleth-map/choropleth-map-options.config.js +39 -37
- package/choropleth-map/choropleth-map-options.config.js.map +1 -1
- package/circle-pack-chart/circle-pack-chart-options.config.cjs +1 -1
- package/circle-pack-chart/circle-pack-chart-options.config.cjs.map +1 -1
- package/circle-pack-chart/circle-pack-chart-options.config.js +4 -3
- package/circle-pack-chart/circle-pack-chart-options.config.js.map +1 -1
- package/circular-gauge/circular-gauge-options.config.cjs +1 -1
- package/circular-gauge/circular-gauge-options.config.cjs.map +1 -1
- package/circular-gauge/circular-gauge-options.config.js +148 -143
- package/circular-gauge/circular-gauge-options.config.js.map +1 -1
- package/column-chart/column-chart-options.config.cjs +1 -1
- package/column-chart/column-chart-options.config.cjs.map +1 -1
- package/column-chart/column-chart-options.config.js +12 -10
- package/column-chart/column-chart-options.config.js.map +1 -1
- package/combination-chart/combination-chart-options.config.cjs +1 -1
- package/combination-chart/combination-chart-options.config.cjs.map +1 -1
- package/combination-chart/combination-chart-options.config.js +5 -3
- package/combination-chart/combination-chart-options.config.js.map +1 -1
- package/conditional-number/conditional-number-options.config.cjs +1 -1
- package/conditional-number/conditional-number-options.config.cjs.map +1 -1
- package/conditional-number/conditional-number-options.config.js +156 -151
- package/conditional-number/conditional-number-options.config.js.map +1 -1
- package/donut-chart/donut-chart-options.config.cjs +1 -1
- package/donut-chart/donut-chart-options.config.cjs.map +1 -1
- package/donut-chart/donut-chart-options.config.js +184 -179
- package/donut-chart/donut-chart-options.config.js.map +1 -1
- package/evolution-number/evolution-number-options.config.cjs +1 -1
- package/evolution-number/evolution-number-options.config.cjs.map +1 -1
- package/evolution-number/evolution-number-options.config.js +5 -3
- package/evolution-number/evolution-number-options.config.js.map +1 -1
- package/funnel-chart/funnel-chart-options.config.cjs +1 -1
- package/funnel-chart/funnel-chart-options.config.cjs.map +1 -1
- package/funnel-chart/funnel-chart-options.config.js +5 -3
- package/funnel-chart/funnel-chart-options.config.js.map +1 -1
- package/heat-map/heat-map-options.config.cjs +1 -1
- package/heat-map/heat-map-options.config.cjs.map +1 -1
- package/heat-map/heat-map-options.config.js +32 -30
- package/heat-map/heat-map-options.config.js.map +1 -1
- package/heat-table/heat-table-options.config.cjs +1 -1
- package/heat-table/heat-table-options.config.cjs.map +1 -1
- package/heat-table/heat-table-options.config.js +28 -26
- package/heat-table/heat-table-options.config.js.map +1 -1
- package/hexbin-map/hexbin-map-options.config.cjs +1 -1
- package/hexbin-map/hexbin-map-options.config.cjs.map +1 -1
- package/hexbin-map/hexbin-map-options.config.js +20 -18
- package/hexbin-map/hexbin-map-options.config.js.map +1 -1
- package/index.cjs +1 -1
- package/index.js +192 -191
- package/line-chart/line-chart-options.config.cjs +1 -1
- package/line-chart/line-chart-options.config.cjs.map +1 -1
- package/line-chart/line-chart-options.config.js +7 -5
- package/line-chart/line-chart-options.config.js.map +1 -1
- package/marker-map/marker-map-options.config.cjs +1 -1
- package/marker-map/marker-map-options.config.cjs.map +1 -1
- package/marker-map/marker-map-options.config.js +97 -92
- package/marker-map/marker-map-options.config.js.map +1 -1
- package/ohlc-chart/ohlc-chart-options.config.cjs +1 -1
- package/ohlc-chart/ohlc-chart-options.config.cjs.map +1 -1
- package/ohlc-chart/ohlc-chart-options.config.js +5 -3
- package/ohlc-chart/ohlc-chart-options.config.js.map +1 -1
- package/package.json +1 -1
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.cjs +1 -1
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.cjs.map +1 -1
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.js +4 -3
- package/parallel-coordinates-plot/parallel-coordinates-plot-options.config.js.map +1 -1
- package/pivot-table/pivot-table-options.config.cjs +1 -1
- package/pivot-table/pivot-table-options.config.cjs.map +1 -1
- package/pivot-table/pivot-table-options.config.js +5 -3
- package/pivot-table/pivot-table-options.config.js.map +1 -1
- package/pyramid-chart/pyramid-chart-options.config.cjs +1 -1
- package/pyramid-chart/pyramid-chart-options.config.cjs.map +1 -1
- package/pyramid-chart/pyramid-chart-options.config.js +5 -3
- package/pyramid-chart/pyramid-chart-options.config.js.map +1 -1
- package/radar-chart/radar-chart-options.config.cjs +1 -1
- package/radar-chart/radar-chart-options.config.cjs.map +1 -1
- package/radar-chart/radar-chart-options.config.js +7 -5
- package/radar-chart/radar-chart-options.config.js.map +1 -1
- package/regular-table/regular-table-options.config.cjs +1 -1
- package/regular-table/regular-table-options.config.cjs.map +1 -1
- package/regular-table/regular-table-options.config.js +126 -121
- package/regular-table/regular-table-options.config.js.map +1 -1
- package/route-map/route-map-options.config.cjs +1 -1
- package/route-map/route-map-options.config.cjs.map +1 -1
- package/route-map/route-map-options.config.js +38 -36
- package/route-map/route-map-options.config.js.map +1 -1
- package/sankey-diagram/sankey-diagram-options.config.cjs +1 -1
- package/sankey-diagram/sankey-diagram-options.config.cjs.map +1 -1
- package/sankey-diagram/sankey-diagram-options.config.js +5 -3
- package/sankey-diagram/sankey-diagram-options.config.js.map +1 -1
- package/scatter-plot/scatter-plot-options.config.cjs +1 -1
- package/scatter-plot/scatter-plot-options.config.cjs.map +1 -1
- package/scatter-plot/scatter-plot-options.config.js +7 -5
- package/scatter-plot/scatter-plot-options.config.js.map +1 -1
- package/shared/utils/info-tooltip-options.config.cjs +2 -0
- package/shared/utils/info-tooltip-options.config.cjs.map +1 -0
- package/shared/utils/info-tooltip-options.config.js +42 -0
- package/shared/utils/info-tooltip-options.config.js.map +1 -0
- package/shared/utils/info-tooltip-options.i18n.cjs +2 -0
- package/shared/utils/info-tooltip-options.i18n.cjs.map +1 -0
- package/shared/utils/info-tooltip-options.i18n.js +57 -0
- package/shared/utils/info-tooltip-options.i18n.js.map +1 -0
- package/shared/utils/options-loader.cjs +1 -1
- package/shared/utils/options-loader.cjs.map +1 -1
- package/shared/utils/options-loader.js +5 -3
- package/shared/utils/options-loader.js.map +1 -1
- package/speedometer-chart/speedometer-chart-options.config.cjs +1 -1
- package/speedometer-chart/speedometer-chart-options.config.cjs.map +1 -1
- package/speedometer-chart/speedometer-chart-options.config.js +201 -196
- package/speedometer-chart/speedometer-chart-options.config.js.map +1 -1
- package/spike-map/spike-map-options.config.cjs +1 -1
- package/spike-map/spike-map-options.config.cjs.map +1 -1
- package/spike-map/spike-map-options.config.js +41 -39
- package/spike-map/spike-map-options.config.js.map +1 -1
- package/src/lib/area-chart/area-chart-options.config.d.ts.map +1 -1
- package/src/lib/bar-chart/bar-chart-options.config.d.ts.map +1 -1
- package/src/lib/box-plot/box-plot-options.config.d.ts.map +1 -1
- package/src/lib/bubble-chart/bubble-chart-options.config.d.ts.map +1 -1
- package/src/lib/bullet-chart/bullet-chart-options.config.d.ts.map +1 -1
- package/src/lib/choropleth-map/choropleth-map-options.config.d.ts.map +1 -1
- package/src/lib/circle-pack-chart/circle-pack-chart-options.config.d.ts.map +1 -1
- package/src/lib/circular-gauge/circular-gauge-options.config.d.ts.map +1 -1
- package/src/lib/column-chart/column-chart-options.config.d.ts.map +1 -1
- package/src/lib/combination-chart/combination-chart-options.config.d.ts.map +1 -1
- package/src/lib/conditional-number/conditional-number-options.config.d.ts.map +1 -1
- package/src/lib/donut-chart/donut-chart-options.config.d.ts.map +1 -1
- package/src/lib/evolution-number/evolution-number-options.config.d.ts.map +1 -1
- package/src/lib/funnel-chart/funnel-chart-options.config.d.ts.map +1 -1
- package/src/lib/heat-map/heat-map-options.config.d.ts.map +1 -1
- package/src/lib/heat-table/heat-table-options.config.d.ts.map +1 -1
- package/src/lib/hexbin-map/hexbin-map-options.config.d.ts.map +1 -1
- package/src/lib/line-chart/line-chart-options.config.d.ts.map +1 -1
- package/src/lib/marker-map/marker-map-options.config.d.ts.map +1 -1
- package/src/lib/ohlc-chart/ohlc-chart-options.config.d.ts.map +1 -1
- package/src/lib/parallel-coordinates-plot/parallel-coordinates-plot-options.config.d.ts.map +1 -1
- package/src/lib/pivot-table/pivot-table-options.config.d.ts.map +1 -1
- package/src/lib/pyramid-chart/pyramid-chart-options.config.d.ts.map +1 -1
- package/src/lib/radar-chart/radar-chart-options.config.d.ts.map +1 -1
- package/src/lib/regular-table/regular-table-options.config.d.ts.map +1 -1
- package/src/lib/route-map/route-map-options.config.d.ts.map +1 -1
- package/src/lib/sankey-diagram/sankey-diagram-options.config.d.ts.map +1 -1
- package/src/lib/scatter-plot/scatter-plot-options.config.d.ts.map +1 -1
- package/src/lib/shared/schemas/dashboard-state.schema.d.ts +2 -2
- package/src/lib/shared/schemas/screen-mode.schema.d.ts +1 -1
- package/src/lib/shared/utils/index.d.ts +1 -0
- package/src/lib/shared/utils/index.d.ts.map +1 -1
- package/src/lib/shared/utils/info-tooltip-options.config.d.ts +6 -0
- package/src/lib/shared/utils/info-tooltip-options.config.d.ts.map +1 -0
- package/src/lib/shared/utils/info-tooltip-options.i18n.d.ts +3 -0
- package/src/lib/shared/utils/info-tooltip-options.i18n.d.ts.map +1 -0
- package/src/lib/shared/utils/options-loader.d.ts.map +1 -1
- package/src/lib/speedometer-chart/speedometer-chart-options.config.d.ts.map +1 -1
- package/src/lib/spike-map/spike-map-options.config.d.ts.map +1 -1
- package/src/lib/strip-plot/strip-plot-options.config.d.ts.map +1 -1
- package/src/lib/sunburst-chart/sunburst-chart-options.config.d.ts.map +1 -1
- package/src/lib/symbol-map/symbol-map-options.config.d.ts.map +1 -1
- package/src/lib/treemap-chart/treemap-chart-options.config.d.ts.map +1 -1
- package/src/lib/wordcloud-chart/wordcloud-chart-options.config.d.ts.map +1 -1
- package/strip-plot/strip-plot-options.config.cjs +1 -1
- package/strip-plot/strip-plot-options.config.cjs.map +1 -1
- package/strip-plot/strip-plot-options.config.js +4 -3
- package/strip-plot/strip-plot-options.config.js.map +1 -1
- package/sunburst-chart/sunburst-chart-options.config.cjs +1 -1
- package/sunburst-chart/sunburst-chart-options.config.cjs.map +1 -1
- package/sunburst-chart/sunburst-chart-options.config.js +5 -3
- package/sunburst-chart/sunburst-chart-options.config.js.map +1 -1
- package/symbol-map/symbol-map-options.config.cjs +1 -1
- package/symbol-map/symbol-map-options.config.cjs.map +1 -1
- package/symbol-map/symbol-map-options.config.js +7 -5
- package/symbol-map/symbol-map-options.config.js.map +1 -1
- package/treemap-chart/treemap-chart-options.config.cjs +1 -1
- package/treemap-chart/treemap-chart-options.config.cjs.map +1 -1
- package/treemap-chart/treemap-chart-options.config.js +180 -175
- package/treemap-chart/treemap-chart-options.config.js.map +1 -1
- package/wordcloud-chart/wordcloud-chart-options.config.cjs +1 -1
- package/wordcloud-chart/wordcloud-chart-options.config.cjs.map +1 -1
- package/wordcloud-chart/wordcloud-chart-options.config.js +67 -62
- package/wordcloud-chart/wordcloud-chart-options.config.js.map +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../helpers.cjs"),t=require("../shared/utils/color/color-palettes.cjs"),
|
|
1
|
+
const e=require("../helpers.cjs"),t=require("../shared/utils/info-tooltip-options.config.cjs"),n=require("../shared/utils/color/color-palettes.cjs"),r=require("../shared/utils/map-tile-providers.cjs"),i=require("../shared/utils/color-range-utils.cjs");var a=(e,t)=>{let r=`colors${t}`;return n.getColorMaps()[e]?.[r]},o=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(e=>e?.name===`legend`)?.content?.length===0:!0,s=({slots:e})=>{if(Array.isArray(e)&&e?.length>0){let t=e?.find(e=>e?.name===`legend`);if(t){let e=t?.content;if(e)return e?.some(e=>e?.type===`numeric`)}}return!1},c=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`enabled.zoom`,control:{type:`switch`,label:`Zoom`,default:!0}},{key:`enabled.pan`,control:{type:`switch`,label:`Pan`,default:!0}},{key:`enabled.pitchBearing`,control:{type:`switch`,label:`Pitch & Rotate`,default:!1}},{key:`lineWeight`,control:{type:`slider`,label:`Line weight`,default:4,min:1,max:8,step:1}},{type:`divider`},{key:`vectorTileProvider`,control:{type:`picker`,label:`Map style`,default:`Basic`,enum:[`Basic`,`Bright`,`Dark`,`Fiord`,`Liberty`,`Pastel`,`Positron`,`Streets`,`Toner`,`Topographique`,`Voyager`,`No Tiles`],parseValue:e=>e?.name||`Basic`,toValue:e=>r.mapVectorTileProviders[e]??{}}}]},{key:`colors`,type:`group`,open:!0,children:[{key:`opacity`,control:{type:`slider`,label:`Opacity`,default:.8,min:0,max:1,step:.01}},{key:`color`,control:{type:`color-picker`,label:`Route color`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`color`)},visibleIf:o},{key:`colorsClassType`,control:{type:`picker`,label:`Colors type`,default:`sequential`,enum:[`sequential`,`divergent`,`manual`],calculateValue:({options:e})=>e?.colorsClass===`manual`?`manual`:n.getColorMaps()?.[e?.colorsClass]?.type??`sequential`,toOptions:({options:e,value:t})=>{let r=e?.colorsClass??`PuBu`,a=e?.numberClasses??5,o=i.toRangesWithValue(e?.manualValues?.ranges),s=r===`manual`?`manual`:r,c;t===`manual`?c=`manual`:t!==n.getColorMaps()?.[e?.colorsClass]?.type&&(c=n.getColorMapKeys(t??`sequential`)[0]);let l={...e,colorsClass:c};if(t===`manual`||e?.classification===`manual`){let e=i.calculateManualRanges(a,t===`manual`?s:c,o);l.manualValues={...l.manualValues,ranges:i.toRangesWithVal(e)}}else delete l?.manualValues?.ranges;return l}},visibleIf:s},{key:`colorsClass`,control:{type:`color-palette-picker`,label:`Color palette`,hideLabel:!0,default:({options:e})=>{let t=n.getColorMaps()?.[e?.colorsClass]?.type;return n.getColorMapKeys(t??`sequential`)[0]},enum:({options:e})=>{let t=n.getColorMaps()?.[e?.colorsClass]?.type;return n.getColorMapKeys(t??`sequential`)},toOptions:({options:e,value:t})=>{let n={...e,colorsClass:t};if(e?.classification===`manual`){let r=a(t,e?.numberClasses??5);n.manualValues={...n.manualValues,ranges:e?.manualValues?.ranges?.map(e=>{let t=typeof e.val==`number`?e.val:void 0;return{...e,color:t===void 0?void 0:r?.[t]}})}}return n}},visibleIf:({options:e,slots:t})=>s({slots:t})&&e?.colorsClass!==`manual`},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!0,noAlphaChannel:!0,label:`Manual range colors`,hideLabel:!0},calculateValue:({options:e})=>i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:i.toRangesWithVal(t)}}),visibleIf:({options:e,slots:t})=>s({slots:t})&&e?.colorsClass===`manual`}]},{key:`classification`,type:`group`,open:!0,children:[{key:`numberClasses`,control:{type:`picker`,label:`Number of classes`,default:`5`,enum:[`3`,`4`,`5`,`6`,`7`,`8`,`9`],parseValue:e=>e?.toString()??`5`,toOptions:({options:e,value:t})=>{let n=Number.parseInt(t,10)||5,r={...e,numberClasses:n};if(e?.classification===`manual`||e?.colorsClass===`manual`){let n=i.calculateManualRanges(t,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges));r.manualValues={...r.manualValues,ranges:i.toRangesWithVal(n)}}return r}},visibleIf:s},{key:`classification`,control:{type:`picker`,label:`Method`,default:`interval`,enum:[`interval`,`manual`,`quantile`,`continuous`],toOptions:({options:e,value:t})=>{let n={...e,classification:t};if(t===`manual`||e?.colorsClass===`manual`){let t=i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges));n.manualValues={...n.manualValues,ranges:i.toRangesWithVal(t)}}else delete n?.manualValues?.ranges;return n}},visibleIf:s},{key:`manualValues.rangesValues`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!1,readOnlyColorPicker:!0,label:`Manual range values`,hideLabel:!0,calculateValue:({options:e})=>i.calculateManualRanges(e?.numberClasses,e?.colorsClass,i.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:i.toRangesWithVal(t)}})},visibleIf:({options:e,slots:t})=>s({slots:t})&&e?.classification===`manual`}],visibleIf:s},t.createInfoTooltipOptionsGroup()];exports.default=c;
|
|
2
2
|
//# sourceMappingURL=route-map-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/route-map/route-map-options.config.ts"],"sourcesContent":["import { type ColorValue, type ColorsClassKey, type ColorsType, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { RouteMapViewOptions } from './route-map-options';\nimport type { RouteMapSlots } from './route-map-slots';\n\ntype VectorTileProvider = (typeof mapVectorTileProviders)[keyof typeof mapVectorTileProviders];\ntype RouteMapConfigContext = OptionsConfigContext<RouteMapViewOptions, RouteMapSlots>;\ntype RouteMapConfigValue<T> = RouteMapConfigContext & { value: T };\ntype ColorClassKey = keyof Omit<ColorValue, 'type'>;\n\nconst getColorClassColors = (colorMapKey: ColorsClassKey, numberClasses: number) => {\n const colorsKey = `colors${numberClasses}` as ColorClassKey;\n\n return getColorMaps()[colorMapKey]?.[colorsKey];\n};\n\nconst hasNoLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'legend')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst hasNumericLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n const colorSlot = slots?.find((slot) => slot?.name === 'legend');\n\n if (colorSlot) {\n const colorContent = colorSlot?.content;\n\n if (colorContent) {\n return colorContent?.some((content) => content?.type === 'numeric');\n }\n }\n }\n\n return false;\n};\n\nconst routeMapOptionsConfig: OptionsConfig<RouteMapConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n {\n key: 'enabled.pan',\n control: {\n type: 'switch',\n label: 'Pan',\n default: true\n }\n },\n {\n key: 'enabled.pitchBearing',\n control: {\n type: 'switch',\n label: 'Pitch & Rotate',\n default: false\n }\n },\n {\n key: 'lineWeight',\n control: {\n type: 'slider',\n label: 'Line weight',\n default: 4,\n min: 1,\n max: 8,\n step: 1\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'vectorTileProvider',\n control: {\n type: 'picker',\n label: 'Map style',\n default: 'Basic',\n enum: [\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n 'No Tiles'\n ],\n parseValue: (value: VectorTileProvider | null | undefined) => value?.name || 'Basic',\n toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n }\n }\n ]\n },\n {\n key: 'colors',\n type: 'group',\n open: true,\n children: [\n {\n key: 'opacity',\n control: {\n type: 'slider',\n label: 'Opacity',\n default: 0.8,\n min: 0,\n max: 1,\n step: 0.01\n }\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Route color',\n default: ({ theme }: RouteMapConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RouteMapConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoLegend\n },\n {\n key: 'colorsClassType',\n control: {\n type: 'picker',\n label: 'Colors type',\n default: 'sequential',\n enum: ['sequential', 'divergent', 'manual'],\n calculateValue: ({ options }: RouteMapConfigContext) => {\n if (options?.colorsClass === 'manual') {\n return 'manual';\n }\n\n const colorMaps = getColorMaps();\n const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return type ?? 'sequential';\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsType>) => {\n const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n const numberClassesValue = options?.numberClasses ?? 5;\n const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n let newColorsClass;\n\n if (value === 'manual') {\n newColorsClass = 'manual';\n }\n else {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n if (value !== colorClassType) {\n newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n }\n }\n\n const newOptions = { ...options, colorsClass: newColorsClass };\n\n if (value === 'manual' || options?.classification === 'manual') {\n const manualRanges = calculateManualRanges(\n numberClassesValue,\n value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n previousRanges\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsClassKey>) => {\n const newOptions = { ...options, colorsClass: value };\n\n if (options?.classification === 'manual') {\n const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => {\n const colorIndex = typeof range.val === 'number' ? range.val : undefined;\n\n return {\n ...range,\n color: colorIndex === undefined ? undefined : newColors?.[colorIndex]\n };\n })\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass !== 'manual'\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: true,\n noAlphaChannel: true,\n label: 'Manual range colors',\n hideLabel: true\n },\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass === 'manual'\n }\n ]\n },\n {\n key: 'classification',\n type: 'group',\n open: true,\n children: [\n {\n key: 'numberClasses',\n control: {\n type: 'picker',\n label: 'Number of classes',\n default: '5',\n enum: ['3', '4', '5', '6', '7', '8', '9'],\n parseValue: (value: number | string | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: RouteMapConfigValue<string>) => {\n const numValue = Number.parseInt(value, 10) || 5;\n\n const newOptions = { ...options, numberClasses: numValue };\n\n if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: RouteMapConfigValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n const newOptions = { ...options, classification: value };\n\n if (value === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(\n options?.numberClasses,\n options?.colorsClass,\n toRangesWithValue(options?.manualValues?.ranges)\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'manualValues.rangesValues',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: false,\n readOnlyColorPicker: true,\n label: 'Manual range values',\n hideLabel: true,\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.classification === 'manual'\n }\n ],\n visibleIf: hasNumericLegend\n }\n];\n\nexport default routeMapOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"route-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/route-map/route-map-options.config.ts"],"sourcesContent":["import { type ColorValue, type ColorsClassKey, type ColorsType, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { RouteMapViewOptions } from './route-map-options';\nimport type { RouteMapSlots } from './route-map-slots';\n\ntype VectorTileProvider = (typeof mapVectorTileProviders)[keyof typeof mapVectorTileProviders];\ntype RouteMapConfigContext = OptionsConfigContext<RouteMapViewOptions, RouteMapSlots>;\ntype RouteMapConfigValue<T> = RouteMapConfigContext & { value: T };\ntype ColorClassKey = keyof Omit<ColorValue, 'type'>;\n\nconst getColorClassColors = (colorMapKey: ColorsClassKey, numberClasses: number) => {\n const colorsKey = `colors${numberClasses}` as ColorClassKey;\n\n return getColorMaps()[colorMapKey]?.[colorsKey];\n};\n\nconst hasNoLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'legend')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst hasNumericLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n const colorSlot = slots?.find((slot) => slot?.name === 'legend');\n\n if (colorSlot) {\n const colorContent = colorSlot?.content;\n\n if (colorContent) {\n return colorContent?.some((content) => content?.type === 'numeric');\n }\n }\n }\n\n return false;\n};\n\nconst routeMapOptionsConfig: OptionsConfig<RouteMapConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n {\n key: 'enabled.pan',\n control: {\n type: 'switch',\n label: 'Pan',\n default: true\n }\n },\n {\n key: 'enabled.pitchBearing',\n control: {\n type: 'switch',\n label: 'Pitch & Rotate',\n default: false\n }\n },\n {\n key: 'lineWeight',\n control: {\n type: 'slider',\n label: 'Line weight',\n default: 4,\n min: 1,\n max: 8,\n step: 1\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'vectorTileProvider',\n control: {\n type: 'picker',\n label: 'Map style',\n default: 'Basic',\n enum: [\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n 'No Tiles'\n ],\n parseValue: (value: VectorTileProvider | null | undefined) => value?.name || 'Basic',\n toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n }\n }\n ]\n },\n {\n key: 'colors',\n type: 'group',\n open: true,\n children: [\n {\n key: 'opacity',\n control: {\n type: 'slider',\n label: 'Opacity',\n default: 0.8,\n min: 0,\n max: 1,\n step: 0.01\n }\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Route color',\n default: ({ theme }: RouteMapConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RouteMapConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoLegend\n },\n {\n key: 'colorsClassType',\n control: {\n type: 'picker',\n label: 'Colors type',\n default: 'sequential',\n enum: ['sequential', 'divergent', 'manual'],\n calculateValue: ({ options }: RouteMapConfigContext) => {\n if (options?.colorsClass === 'manual') {\n return 'manual';\n }\n\n const colorMaps = getColorMaps();\n const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return type ?? 'sequential';\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsType>) => {\n const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n const numberClassesValue = options?.numberClasses ?? 5;\n const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n let newColorsClass;\n\n if (value === 'manual') {\n newColorsClass = 'manual';\n }\n else {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n if (value !== colorClassType) {\n newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n }\n }\n\n const newOptions = { ...options, colorsClass: newColorsClass };\n\n if (value === 'manual' || options?.classification === 'manual') {\n const manualRanges = calculateManualRanges(\n numberClassesValue,\n value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n previousRanges\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsClassKey>) => {\n const newOptions = { ...options, colorsClass: value };\n\n if (options?.classification === 'manual') {\n const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => {\n const colorIndex = typeof range.val === 'number' ? range.val : undefined;\n\n return {\n ...range,\n color: colorIndex === undefined ? undefined : newColors?.[colorIndex]\n };\n })\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass !== 'manual'\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: true,\n noAlphaChannel: true,\n label: 'Manual range colors',\n hideLabel: true\n },\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass === 'manual'\n }\n ]\n },\n {\n key: 'classification',\n type: 'group',\n open: true,\n children: [\n {\n key: 'numberClasses',\n control: {\n type: 'picker',\n label: 'Number of classes',\n default: '5',\n enum: ['3', '4', '5', '6', '7', '8', '9'],\n parseValue: (value: number | string | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: RouteMapConfigValue<string>) => {\n const numValue = Number.parseInt(value, 10) || 5;\n\n const newOptions = { ...options, numberClasses: numValue };\n\n if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: RouteMapConfigValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n const newOptions = { ...options, classification: value };\n\n if (value === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(\n options?.numberClasses,\n options?.colorsClass,\n toRangesWithValue(options?.manualValues?.ranges)\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'manualValues.rangesValues',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: false,\n readOnlyColorPicker: true,\n label: 'Manual range values',\n hideLabel: true,\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.classification === 'manual'\n }\n ],\n visibleIf: hasNumericLegend\n },\n createInfoTooltipOptionsGroup<RouteMapConfigContext>()\n];\n\nexport default routeMapOptionsConfig;\n"],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { createInfoTooltipOptionsGroup as i } from "../shared/utils/info-tooltip-options.config.js";
|
|
3
|
+
import { getColorMapKeys as a, getColorMaps as o } from "../shared/utils/color/color-palettes.js";
|
|
4
|
+
import { mapVectorTileProviders as s } from "../shared/utils/map-tile-providers.js";
|
|
5
|
+
import { calculateManualRanges as c, toRangesWithVal as l, toRangesWithValue as u } from "../shared/utils/color-range-utils.js";
|
|
5
6
|
//#region src/lib/route-map/route-map-options.config.ts
|
|
6
|
-
var
|
|
7
|
+
var d = (e, t) => {
|
|
7
8
|
let n = `colors${t}`;
|
|
8
|
-
return
|
|
9
|
-
},
|
|
9
|
+
return o()[e]?.[n];
|
|
10
|
+
}, f = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((e) => e?.name === "legend")?.content?.length === 0 : !0, p = ({ slots: e }) => {
|
|
10
11
|
if (Array.isArray(e) && e?.length > 0) {
|
|
11
12
|
let t = e?.find((e) => e?.name === "legend");
|
|
12
13
|
if (t) {
|
|
@@ -15,7 +16,7 @@ var u = (e, t) => {
|
|
|
15
16
|
}
|
|
16
17
|
}
|
|
17
18
|
return !1;
|
|
18
|
-
},
|
|
19
|
+
}, m = [
|
|
19
20
|
{
|
|
20
21
|
key: "general",
|
|
21
22
|
type: "group",
|
|
@@ -86,7 +87,7 @@ var u = (e, t) => {
|
|
|
86
87
|
"No Tiles"
|
|
87
88
|
],
|
|
88
89
|
parseValue: (e) => e?.name || "Basic",
|
|
89
|
-
toValue: (e) =>
|
|
90
|
+
toValue: (e) => s[e] ?? {}
|
|
90
91
|
}
|
|
91
92
|
}
|
|
92
93
|
]
|
|
@@ -117,7 +118,7 @@ var u = (e, t) => {
|
|
|
117
118
|
extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "color"),
|
|
118
119
|
extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "color")
|
|
119
120
|
},
|
|
120
|
-
visibleIf:
|
|
121
|
+
visibleIf: f
|
|
121
122
|
},
|
|
122
123
|
{
|
|
123
124
|
key: "colorsClassType",
|
|
@@ -130,25 +131,25 @@ var u = (e, t) => {
|
|
|
130
131
|
"divergent",
|
|
131
132
|
"manual"
|
|
132
133
|
],
|
|
133
|
-
calculateValue: ({ options: e }) => e?.colorsClass === "manual" ? "manual" :
|
|
134
|
+
calculateValue: ({ options: e }) => e?.colorsClass === "manual" ? "manual" : o()?.[e?.colorsClass]?.type ?? "sequential",
|
|
134
135
|
toOptions: ({ options: e, value: t }) => {
|
|
135
|
-
let n = e?.colorsClass ?? "PuBu", r = e?.numberClasses ?? 5,
|
|
136
|
-
t === "manual" ? d = "manual" : t !==
|
|
136
|
+
let n = e?.colorsClass ?? "PuBu", r = e?.numberClasses ?? 5, i = u(e?.manualValues?.ranges), s = n === "manual" ? "manual" : n, d;
|
|
137
|
+
t === "manual" ? d = "manual" : t !== o()?.[e?.colorsClass]?.type && (d = a(t ?? "sequential")[0]);
|
|
137
138
|
let f = {
|
|
138
139
|
...e,
|
|
139
140
|
colorsClass: d
|
|
140
141
|
};
|
|
141
142
|
if (t === "manual" || e?.classification === "manual") {
|
|
142
|
-
let e =
|
|
143
|
+
let e = c(r, t === "manual" ? s : d, i);
|
|
143
144
|
f.manualValues = {
|
|
144
145
|
...f.manualValues,
|
|
145
|
-
ranges:
|
|
146
|
+
ranges: l(e)
|
|
146
147
|
};
|
|
147
148
|
} else delete f?.manualValues?.ranges;
|
|
148
149
|
return f;
|
|
149
150
|
}
|
|
150
151
|
},
|
|
151
|
-
visibleIf:
|
|
152
|
+
visibleIf: p
|
|
152
153
|
},
|
|
153
154
|
{
|
|
154
155
|
key: "colorsClass",
|
|
@@ -157,12 +158,12 @@ var u = (e, t) => {
|
|
|
157
158
|
label: "Color palette",
|
|
158
159
|
hideLabel: !0,
|
|
159
160
|
default: ({ options: e }) => {
|
|
160
|
-
let t =
|
|
161
|
-
return
|
|
161
|
+
let t = o()?.[e?.colorsClass]?.type;
|
|
162
|
+
return a(t ?? "sequential")[0];
|
|
162
163
|
},
|
|
163
164
|
enum: ({ options: e }) => {
|
|
164
|
-
let t =
|
|
165
|
-
return
|
|
165
|
+
let t = o()?.[e?.colorsClass]?.type;
|
|
166
|
+
return a(t ?? "sequential");
|
|
166
167
|
},
|
|
167
168
|
toOptions: ({ options: e, value: t }) => {
|
|
168
169
|
let n = {
|
|
@@ -170,7 +171,7 @@ var u = (e, t) => {
|
|
|
170
171
|
colorsClass: t
|
|
171
172
|
};
|
|
172
173
|
if (e?.classification === "manual") {
|
|
173
|
-
let r =
|
|
174
|
+
let r = d(t, e?.numberClasses ?? 5);
|
|
174
175
|
n.manualValues = {
|
|
175
176
|
...n.manualValues,
|
|
176
177
|
ranges: e?.manualValues?.ranges?.map((e) => {
|
|
@@ -185,7 +186,7 @@ var u = (e, t) => {
|
|
|
185
186
|
return n;
|
|
186
187
|
}
|
|
187
188
|
},
|
|
188
|
-
visibleIf: ({ options: e, slots: t }) =>
|
|
189
|
+
visibleIf: ({ options: e, slots: t }) => p({ slots: t }) && e?.colorsClass !== "manual"
|
|
189
190
|
},
|
|
190
191
|
{
|
|
191
192
|
key: "manualValues.ranges",
|
|
@@ -198,15 +199,15 @@ var u = (e, t) => {
|
|
|
198
199
|
label: "Manual range colors",
|
|
199
200
|
hideLabel: !0
|
|
200
201
|
},
|
|
201
|
-
calculateValue: ({ options: e }) =>
|
|
202
|
+
calculateValue: ({ options: e }) => c(e?.numberClasses, e?.colorsClass, u(e?.manualValues?.ranges)),
|
|
202
203
|
toOptions: ({ options: e, value: t }) => ({
|
|
203
204
|
...e,
|
|
204
205
|
manualValues: {
|
|
205
206
|
...e.manualValues,
|
|
206
|
-
ranges:
|
|
207
|
+
ranges: l(t)
|
|
207
208
|
}
|
|
208
209
|
}),
|
|
209
|
-
visibleIf: ({ options: e, slots: t }) =>
|
|
210
|
+
visibleIf: ({ options: e, slots: t }) => p({ slots: t }) && e?.colorsClass === "manual"
|
|
210
211
|
}
|
|
211
212
|
]
|
|
212
213
|
},
|
|
@@ -237,16 +238,16 @@ var u = (e, t) => {
|
|
|
237
238
|
numberClasses: n
|
|
238
239
|
};
|
|
239
240
|
if (e?.classification === "manual" || e?.colorsClass === "manual") {
|
|
240
|
-
let n =
|
|
241
|
+
let n = c(t, e?.colorsClass, u(e?.manualValues?.ranges));
|
|
241
242
|
r.manualValues = {
|
|
242
243
|
...r.manualValues,
|
|
243
|
-
ranges:
|
|
244
|
+
ranges: l(n)
|
|
244
245
|
};
|
|
245
246
|
}
|
|
246
247
|
return r;
|
|
247
248
|
}
|
|
248
249
|
},
|
|
249
|
-
visibleIf:
|
|
250
|
+
visibleIf: p
|
|
250
251
|
},
|
|
251
252
|
{
|
|
252
253
|
key: "classification",
|
|
@@ -266,16 +267,16 @@ var u = (e, t) => {
|
|
|
266
267
|
classification: t
|
|
267
268
|
};
|
|
268
269
|
if (t === "manual" || e?.colorsClass === "manual") {
|
|
269
|
-
let t =
|
|
270
|
+
let t = c(e?.numberClasses, e?.colorsClass, u(e?.manualValues?.ranges));
|
|
270
271
|
n.manualValues = {
|
|
271
272
|
...n.manualValues,
|
|
272
|
-
ranges:
|
|
273
|
+
ranges: l(t)
|
|
273
274
|
};
|
|
274
275
|
} else delete n?.manualValues?.ranges;
|
|
275
276
|
return n;
|
|
276
277
|
}
|
|
277
278
|
},
|
|
278
|
-
visibleIf:
|
|
279
|
+
visibleIf: p
|
|
279
280
|
},
|
|
280
281
|
{
|
|
281
282
|
key: "manualValues.rangesValues",
|
|
@@ -287,22 +288,23 @@ var u = (e, t) => {
|
|
|
287
288
|
readOnlyColorPicker: !0,
|
|
288
289
|
label: "Manual range values",
|
|
289
290
|
hideLabel: !0,
|
|
290
|
-
calculateValue: ({ options: e }) =>
|
|
291
|
+
calculateValue: ({ options: e }) => c(e?.numberClasses, e?.colorsClass, u(e?.manualValues?.ranges)),
|
|
291
292
|
toOptions: ({ options: e, value: t }) => ({
|
|
292
293
|
...e,
|
|
293
294
|
manualValues: {
|
|
294
295
|
...e.manualValues,
|
|
295
|
-
ranges:
|
|
296
|
+
ranges: l(t)
|
|
296
297
|
}
|
|
297
298
|
})
|
|
298
299
|
},
|
|
299
|
-
visibleIf: ({ options: e, slots: t }) =>
|
|
300
|
+
visibleIf: ({ options: e, slots: t }) => p({ slots: t }) && e?.classification === "manual"
|
|
300
301
|
}
|
|
301
302
|
],
|
|
302
|
-
visibleIf:
|
|
303
|
-
}
|
|
303
|
+
visibleIf: p
|
|
304
|
+
},
|
|
305
|
+
i()
|
|
304
306
|
];
|
|
305
307
|
//#endregion
|
|
306
|
-
export {
|
|
308
|
+
export { m as default };
|
|
307
309
|
|
|
308
310
|
//# sourceMappingURL=route-map-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route-map-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/route-map/route-map-options.config.ts"],"sourcesContent":["import { type ColorValue, type ColorsClassKey, type ColorsType, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { RouteMapViewOptions } from './route-map-options';\nimport type { RouteMapSlots } from './route-map-slots';\n\ntype VectorTileProvider = (typeof mapVectorTileProviders)[keyof typeof mapVectorTileProviders];\ntype RouteMapConfigContext = OptionsConfigContext<RouteMapViewOptions, RouteMapSlots>;\ntype RouteMapConfigValue<T> = RouteMapConfigContext & { value: T };\ntype ColorClassKey = keyof Omit<ColorValue, 'type'>;\n\nconst getColorClassColors = (colorMapKey: ColorsClassKey, numberClasses: number) => {\n const colorsKey = `colors${numberClasses}` as ColorClassKey;\n\n return getColorMaps()[colorMapKey]?.[colorsKey];\n};\n\nconst hasNoLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'legend')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst hasNumericLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n const colorSlot = slots?.find((slot) => slot?.name === 'legend');\n\n if (colorSlot) {\n const colorContent = colorSlot?.content;\n\n if (colorContent) {\n return colorContent?.some((content) => content?.type === 'numeric');\n }\n }\n }\n\n return false;\n};\n\nconst routeMapOptionsConfig: OptionsConfig<RouteMapConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n {\n key: 'enabled.pan',\n control: {\n type: 'switch',\n label: 'Pan',\n default: true\n }\n },\n {\n key: 'enabled.pitchBearing',\n control: {\n type: 'switch',\n label: 'Pitch & Rotate',\n default: false\n }\n },\n {\n key: 'lineWeight',\n control: {\n type: 'slider',\n label: 'Line weight',\n default: 4,\n min: 1,\n max: 8,\n step: 1\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'vectorTileProvider',\n control: {\n type: 'picker',\n label: 'Map style',\n default: 'Basic',\n enum: [\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n 'No Tiles'\n ],\n parseValue: (value: VectorTileProvider | null | undefined) => value?.name || 'Basic',\n toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n }\n }\n ]\n },\n {\n key: 'colors',\n type: 'group',\n open: true,\n children: [\n {\n key: 'opacity',\n control: {\n type: 'slider',\n label: 'Opacity',\n default: 0.8,\n min: 0,\n max: 1,\n step: 0.01\n }\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Route color',\n default: ({ theme }: RouteMapConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RouteMapConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoLegend\n },\n {\n key: 'colorsClassType',\n control: {\n type: 'picker',\n label: 'Colors type',\n default: 'sequential',\n enum: ['sequential', 'divergent', 'manual'],\n calculateValue: ({ options }: RouteMapConfigContext) => {\n if (options?.colorsClass === 'manual') {\n return 'manual';\n }\n\n const colorMaps = getColorMaps();\n const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return type ?? 'sequential';\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsType>) => {\n const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n const numberClassesValue = options?.numberClasses ?? 5;\n const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n let newColorsClass;\n\n if (value === 'manual') {\n newColorsClass = 'manual';\n }\n else {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n if (value !== colorClassType) {\n newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n }\n }\n\n const newOptions = { ...options, colorsClass: newColorsClass };\n\n if (value === 'manual' || options?.classification === 'manual') {\n const manualRanges = calculateManualRanges(\n numberClassesValue,\n value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n previousRanges\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsClassKey>) => {\n const newOptions = { ...options, colorsClass: value };\n\n if (options?.classification === 'manual') {\n const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => {\n const colorIndex = typeof range.val === 'number' ? range.val : undefined;\n\n return {\n ...range,\n color: colorIndex === undefined ? undefined : newColors?.[colorIndex]\n };\n })\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass !== 'manual'\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: true,\n noAlphaChannel: true,\n label: 'Manual range colors',\n hideLabel: true\n },\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass === 'manual'\n }\n ]\n },\n {\n key: 'classification',\n type: 'group',\n open: true,\n children: [\n {\n key: 'numberClasses',\n control: {\n type: 'picker',\n label: 'Number of classes',\n default: '5',\n enum: ['3', '4', '5', '6', '7', '8', '9'],\n parseValue: (value: number | string | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: RouteMapConfigValue<string>) => {\n const numValue = Number.parseInt(value, 10) || 5;\n\n const newOptions = { ...options, numberClasses: numValue };\n\n if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: RouteMapConfigValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n const newOptions = { ...options, classification: value };\n\n if (value === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(\n options?.numberClasses,\n options?.colorsClass,\n toRangesWithValue(options?.manualValues?.ranges)\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'manualValues.rangesValues',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: false,\n readOnlyColorPicker: true,\n label: 'Manual range values',\n hideLabel: true,\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.classification === 'manual'\n }\n ],\n visibleIf: hasNumericLegend\n }\n];\n\nexport default routeMapOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"route-map-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/route-map/route-map-options.config.ts"],"sourcesContent":["import { type ColorValue, type ColorsClassKey, type ColorsType, getColorMapKeys, getColorMaps } from '../shared/utils/color/color-palettes';\nimport { mapVectorTileProviders } from '../shared/utils/map-tile-providers';\nimport {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { calculateManualRanges, toRangesWithVal, toRangesWithValue } from '../shared/utils/color-range-utils';\nimport type { ManualValuesRange } from '../shared/types/ranges';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { RouteMapViewOptions } from './route-map-options';\nimport type { RouteMapSlots } from './route-map-slots';\n\ntype VectorTileProvider = (typeof mapVectorTileProviders)[keyof typeof mapVectorTileProviders];\ntype RouteMapConfigContext = OptionsConfigContext<RouteMapViewOptions, RouteMapSlots>;\ntype RouteMapConfigValue<T> = RouteMapConfigContext & { value: T };\ntype ColorClassKey = keyof Omit<ColorValue, 'type'>;\n\nconst getColorClassColors = (colorMapKey: ColorsClassKey, numberClasses: number) => {\n const colorsKey = `colors${numberClasses}` as ColorClassKey;\n\n return getColorMaps()[colorMapKey]?.[colorsKey];\n};\n\nconst hasNoLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'legend')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst hasNumericLegend = ({ slots }: Pick<RouteMapConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n const colorSlot = slots?.find((slot) => slot?.name === 'legend');\n\n if (colorSlot) {\n const colorContent = colorSlot?.content;\n\n if (colorContent) {\n return colorContent?.some((content) => content?.type === 'numeric');\n }\n }\n }\n\n return false;\n};\n\nconst routeMapOptionsConfig: OptionsConfig<RouteMapConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n {\n key: 'enabled.pan',\n control: {\n type: 'switch',\n label: 'Pan',\n default: true\n }\n },\n {\n key: 'enabled.pitchBearing',\n control: {\n type: 'switch',\n label: 'Pitch & Rotate',\n default: false\n }\n },\n {\n key: 'lineWeight',\n control: {\n type: 'slider',\n label: 'Line weight',\n default: 4,\n min: 1,\n max: 8,\n step: 1\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'vectorTileProvider',\n control: {\n type: 'picker',\n label: 'Map style',\n default: 'Basic',\n enum: [\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n 'No Tiles'\n ],\n parseValue: (value: VectorTileProvider | null | undefined) => value?.name || 'Basic',\n toValue: (value: string) => mapVectorTileProviders[value as keyof typeof mapVectorTileProviders] ?? {}\n }\n }\n ]\n },\n {\n key: 'colors',\n type: 'group',\n open: true,\n children: [\n {\n key: 'opacity',\n control: {\n type: 'slider',\n label: 'Opacity',\n default: 0.8,\n min: 0,\n max: 1,\n step: 0.01\n }\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Route color',\n default: ({ theme }: RouteMapConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RouteMapConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RouteMapConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoLegend\n },\n {\n key: 'colorsClassType',\n control: {\n type: 'picker',\n label: 'Colors type',\n default: 'sequential',\n enum: ['sequential', 'divergent', 'manual'],\n calculateValue: ({ options }: RouteMapConfigContext) => {\n if (options?.colorsClass === 'manual') {\n return 'manual';\n }\n\n const colorMaps = getColorMaps();\n const type = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return type ?? 'sequential';\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsType>) => {\n const previousColorsClassValue = options?.colorsClass ?? 'PuBu';\n const numberClassesValue = options?.numberClasses ?? 5;\n const previousRanges = toRangesWithValue(options?.manualValues?.ranges);\n const useColorsClassToGenerate = previousColorsClassValue === 'manual' ? 'manual' : previousColorsClassValue;\n\n let newColorsClass;\n\n if (value === 'manual') {\n newColorsClass = 'manual';\n }\n else {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n if (value !== colorClassType) {\n newColorsClass = getColorMapKeys(value ?? 'sequential')[0];\n }\n }\n\n const newOptions = { ...options, colorsClass: newColorsClass };\n\n if (value === 'manual' || options?.classification === 'manual') {\n const manualRanges = calculateManualRanges(\n numberClassesValue,\n value === 'manual' ? useColorsClassToGenerate : newColorsClass,\n previousRanges\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: RouteMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: RouteMapConfigValue<ColorsClassKey>) => {\n const newOptions = { ...options, colorsClass: value };\n\n if (options?.classification === 'manual') {\n const newColors = getColorClassColors(value, options?.numberClasses ?? 5);\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: options?.manualValues?.ranges?.map((range: ManualValuesRange) => {\n const colorIndex = typeof range.val === 'number' ? range.val : undefined;\n\n return {\n ...range,\n color: colorIndex === undefined ? undefined : newColors?.[colorIndex]\n };\n })\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass !== 'manual'\n },\n {\n key: 'manualValues.ranges',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: true,\n noAlphaChannel: true,\n label: 'Manual range colors',\n hideLabel: true\n },\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.colorsClass === 'manual'\n }\n ]\n },\n {\n key: 'classification',\n type: 'group',\n open: true,\n children: [\n {\n key: 'numberClasses',\n control: {\n type: 'picker',\n label: 'Number of classes',\n default: '5',\n enum: ['3', '4', '5', '6', '7', '8', '9'],\n parseValue: (value: number | string | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: RouteMapConfigValue<string>) => {\n const numValue = Number.parseInt(value, 10) || 5;\n\n const newOptions = { ...options, numberClasses: numValue };\n\n if (options?.classification === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(value, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges));\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: RouteMapConfigValue<'interval' | 'manual' | 'quantile' | 'continuous'>) => {\n const newOptions = { ...options, classification: value };\n\n if (value === 'manual' || options?.colorsClass === 'manual') {\n const manualRanges = calculateManualRanges(\n options?.numberClasses,\n options?.colorsClass,\n toRangesWithValue(options?.manualValues?.ranges)\n );\n\n newOptions.manualValues = {\n ...newOptions.manualValues,\n ranges: toRangesWithVal(manualRanges)\n };\n }\n else {\n delete newOptions?.manualValues?.ranges;\n }\n\n return newOptions;\n }\n },\n visibleIf: hasNumericLegend\n },\n {\n key: 'manualValues.rangesValues',\n control: {\n type: 'color-range',\n editRangeSize: false,\n debounce: 500,\n noValues: false,\n readOnlyColorPicker: true,\n label: 'Manual range values',\n hideLabel: true,\n calculateValue: ({ options }: RouteMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: RouteMapConfigValue<ReturnType<typeof calculateManualRanges>>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options, slots }: RouteMapConfigContext) => hasNumericLegend({ slots }) && options?.classification === 'manual'\n }\n ],\n visibleIf: hasNumericLegend\n },\n createInfoTooltipOptionsGroup<RouteMapConfigContext>()\n];\n\nexport default routeMapOptionsConfig;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../helpers.cjs");var t=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`alignment`,control:{type:`picker`,label:`Node alignment`,default:`justify`,enum:[`justify`,`left`,`right`,`center`]}}]},{key:`nodes`,type:`group`,open:!0,children:[{key:`nodeSorting`,control:{type:`picker`,label:`Sorting`,default:`default`,enum:[`default`,`asc`,`desc`]}},{key:`labels.display`,control:{type:`switch`,label:`Show node label`,default:!0}},{key:`labels.value`,control:{type:`switch`,label:`Show node value`,default:!1}},{key:`colors.byCategory`,control:{type:`switch`,label:`Use node category color`,default:!0}},{key:`colors.nodeColor`,control:{type:`color-picker`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`colors.nodeColor`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`colors.nodeColor`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`colors.nodeColor`)},visibleIf:({options:e})=>e?.colors?.byCategory===!1}]},{key:`links`,type:`group`,open:!0,children:[{key:`colors.linkColor`,control:{type:`picker`,label:`Color`,default:`gradient`,enum:[`gradient`,`source`,`target`,`none`]}}]}];exports.default=t;
|
|
1
|
+
const e=require("../helpers.cjs");var t=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`alignment`,control:{type:`picker`,label:`Node alignment`,default:`justify`,enum:[`justify`,`left`,`right`,`center`]}}]},{key:`nodes`,type:`group`,open:!0,children:[{key:`nodeSorting`,control:{type:`picker`,label:`Sorting`,default:`default`,enum:[`default`,`asc`,`desc`]}},{key:`labels.display`,control:{type:`switch`,label:`Show node label`,default:!0}},{key:`labels.value`,control:{type:`switch`,label:`Show node value`,default:!1}},{key:`colors.byCategory`,control:{type:`switch`,label:`Use node category color`,default:!0}},{key:`colors.nodeColor`,control:{type:`color-picker`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`colors.nodeColor`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`colors.nodeColor`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`colors.nodeColor`)},visibleIf:({options:e})=>e?.colors?.byCategory===!1}]},{key:`links`,type:`group`,open:!0,children:[{key:`colors.linkColor`,control:{type:`picker`,label:`Color`,default:`gradient`,enum:[`gradient`,`source`,`target`,`none`]}}]},require("../shared/utils/info-tooltip-options.config.cjs").createInfoTooltipOptionsGroup()];exports.default=t;
|
|
2
2
|
//# sourceMappingURL=sankey-diagram-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sankey-diagram-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/sankey-diagram/sankey-diagram-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SankeyDiagramViewOptions } from './sankey-diagram-options';\n\ntype SankeyDiagramConfigContext = OptionsConfigContext<SankeyDiagramViewOptions>;\n\nconst sankeyDiagramOptionsConfig: OptionsConfig<SankeyDiagramConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'alignment',\n control: {\n type: 'picker',\n label: 'Node alignment',\n default: 'justify',\n enum: ['justify', 'left', 'right', 'center']\n }\n }\n ]\n },\n {\n key: 'nodes',\n type: 'group',\n open: true,\n children: [\n {\n key: 'nodeSorting',\n control: {\n type: 'picker',\n label: 'Sorting',\n default: 'default',\n enum: ['default', 'asc', 'desc']\n }\n },\n {\n key: 'labels.display',\n control: {\n type: 'switch',\n label: 'Show node label',\n default: true\n }\n },\n {\n key: 'labels.value',\n control: {\n type: 'switch',\n label: 'Show node value',\n default: false\n }\n },\n {\n key: 'colors.byCategory',\n control: {\n type: 'switch',\n label: 'Use node category color',\n default: true\n }\n },\n {\n key: 'colors.nodeColor',\n control: {\n type: 'color-picker',\n default: ({ theme }: SankeyDiagramConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'colors.nodeColor'),\n extraLabelHasClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'colors.nodeColor'),\n extraLabelClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'colors.nodeColor')\n },\n visibleIf: ({ options }: SankeyDiagramConfigContext) => options?.colors?.byCategory === false\n }\n ]\n },\n {\n key: 'links',\n type: 'group',\n open: true,\n children: [\n {\n key: 'colors.linkColor',\n control: {\n type: 'picker',\n label: 'Color',\n default: 'gradient',\n // TODO: make dependent of use node category color\n enum: ['gradient', 'source', 'target', 'none']\n }\n }\n ]\n }\n];\n\nexport default sankeyDiagramOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sankey-diagram-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/sankey-diagram/sankey-diagram-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SankeyDiagramViewOptions } from './sankey-diagram-options';\n\ntype SankeyDiagramConfigContext = OptionsConfigContext<SankeyDiagramViewOptions>;\n\nconst sankeyDiagramOptionsConfig: OptionsConfig<SankeyDiagramConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'alignment',\n control: {\n type: 'picker',\n label: 'Node alignment',\n default: 'justify',\n enum: ['justify', 'left', 'right', 'center']\n }\n }\n ]\n },\n {\n key: 'nodes',\n type: 'group',\n open: true,\n children: [\n {\n key: 'nodeSorting',\n control: {\n type: 'picker',\n label: 'Sorting',\n default: 'default',\n enum: ['default', 'asc', 'desc']\n }\n },\n {\n key: 'labels.display',\n control: {\n type: 'switch',\n label: 'Show node label',\n default: true\n }\n },\n {\n key: 'labels.value',\n control: {\n type: 'switch',\n label: 'Show node value',\n default: false\n }\n },\n {\n key: 'colors.byCategory',\n control: {\n type: 'switch',\n label: 'Use node category color',\n default: true\n }\n },\n {\n key: 'colors.nodeColor',\n control: {\n type: 'color-picker',\n default: ({ theme }: SankeyDiagramConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'colors.nodeColor'),\n extraLabelHasClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'colors.nodeColor'),\n extraLabelClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'colors.nodeColor')\n },\n visibleIf: ({ options }: SankeyDiagramConfigContext) => options?.colors?.byCategory === false\n }\n ]\n },\n {\n key: 'links',\n type: 'group',\n open: true,\n children: [\n {\n key: 'colors.linkColor',\n control: {\n type: 'picker',\n label: 'Color',\n default: 'gradient',\n // TODO: make dependent of use node category color\n enum: ['gradient', 'source', 'target', 'none']\n }\n }\n ]\n },\n createInfoTooltipOptionsGroup<SankeyDiagramConfigContext>()\n];\n\nexport default sankeyDiagramOptionsConfig;\n"],"mappings":"kCAYA,IAAM,EAAwE,CAC5E,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,MAAO,QACP,QAAS,EACX,CACF,EACA,CACE,IAAK,YACL,QAAS,CACP,KAAM,SACN,MAAO,iBACP,QAAS,UACT,KAAM,CAAC,UAAW,OAAQ,QAAS,QAAQ,CAC7C,CACF,CACF,CACF,EACA,CACE,IAAK,QACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,cACL,QAAS,CACP,KAAM,SACN,MAAO,UACP,QAAS,UACT,KAAM,CAAC,UAAW,MAAO,MAAM,CACjC,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,kBACP,QAAS,EACX,CACF,EACA,CACE,IAAK,eACL,QAAS,CACP,KAAM,SACN,MAAO,kBACP,QAAS,EACX,CACF,EACA,CACE,IAAK,oBACL,QAAS,CACP,KAAM,SACN,MAAO,0BACP,QAAS,EACX,CACF,EACA,CACE,IAAK,mBACL,QAAS,CACP,KAAM,eACN,SAAU,CAAE,WAAwC,EAAA,kBAAkB,CAAK,EAC3E,YAAa,CAAE,UAAS,WACtB,EAAA,4BAA4B,EAAS,EAAO,kBAAkB,EAChE,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,kBAAkB,EAC9E,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,kBAAkB,CAC7E,EACA,WAAY,CAAE,aAA0C,GAAS,QAAQ,aAAe,EAC1F,CACF,CACF,EACA,CACE,IAAK,QACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,mBACL,QAAS,CACP,KAAM,SACN,MAAO,QACP,QAAS,WAET,KAAM,CAAC,WAAY,SAAU,SAAU,MAAM,CAC/C,CACF,CACF,CACF,2DACA,CAAA,CAAA,8BAA0D,CAC5D"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
|
|
2
|
+
import { createInfoTooltipOptionsGroup as i } from "../shared/utils/info-tooltip-options.config.js";
|
|
2
3
|
//#region src/lib/sankey-diagram/sankey-diagram-options.config.ts
|
|
3
|
-
var
|
|
4
|
+
var a = [
|
|
4
5
|
{
|
|
5
6
|
key: "general",
|
|
6
7
|
type: "group",
|
|
@@ -100,9 +101,10 @@ var i = [
|
|
|
100
101
|
]
|
|
101
102
|
}
|
|
102
103
|
}]
|
|
103
|
-
}
|
|
104
|
+
},
|
|
105
|
+
i()
|
|
104
106
|
];
|
|
105
107
|
//#endregion
|
|
106
|
-
export {
|
|
108
|
+
export { a as default };
|
|
107
109
|
|
|
108
110
|
//# sourceMappingURL=sankey-diagram-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sankey-diagram-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/sankey-diagram/sankey-diagram-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SankeyDiagramViewOptions } from './sankey-diagram-options';\n\ntype SankeyDiagramConfigContext = OptionsConfigContext<SankeyDiagramViewOptions>;\n\nconst sankeyDiagramOptionsConfig: OptionsConfig<SankeyDiagramConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'alignment',\n control: {\n type: 'picker',\n label: 'Node alignment',\n default: 'justify',\n enum: ['justify', 'left', 'right', 'center']\n }\n }\n ]\n },\n {\n key: 'nodes',\n type: 'group',\n open: true,\n children: [\n {\n key: 'nodeSorting',\n control: {\n type: 'picker',\n label: 'Sorting',\n default: 'default',\n enum: ['default', 'asc', 'desc']\n }\n },\n {\n key: 'labels.display',\n control: {\n type: 'switch',\n label: 'Show node label',\n default: true\n }\n },\n {\n key: 'labels.value',\n control: {\n type: 'switch',\n label: 'Show node value',\n default: false\n }\n },\n {\n key: 'colors.byCategory',\n control: {\n type: 'switch',\n label: 'Use node category color',\n default: true\n }\n },\n {\n key: 'colors.nodeColor',\n control: {\n type: 'color-picker',\n default: ({ theme }: SankeyDiagramConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'colors.nodeColor'),\n extraLabelHasClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'colors.nodeColor'),\n extraLabelClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'colors.nodeColor')\n },\n visibleIf: ({ options }: SankeyDiagramConfigContext) => options?.colors?.byCategory === false\n }\n ]\n },\n {\n key: 'links',\n type: 'group',\n open: true,\n children: [\n {\n key: 'colors.linkColor',\n control: {\n type: 'picker',\n label: 'Color',\n default: 'gradient',\n // TODO: make dependent of use node category color\n enum: ['gradient', 'source', 'target', 'none']\n }\n }\n ]\n }\n];\n\nexport default sankeyDiagramOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sankey-diagram-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/sankey-diagram/sankey-diagram-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { SankeyDiagramViewOptions } from './sankey-diagram-options';\n\ntype SankeyDiagramConfigContext = OptionsConfigContext<SankeyDiagramViewOptions>;\n\nconst sankeyDiagramOptionsConfig: OptionsConfig<SankeyDiagramConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'alignment',\n control: {\n type: 'picker',\n label: 'Node alignment',\n default: 'justify',\n enum: ['justify', 'left', 'right', 'center']\n }\n }\n ]\n },\n {\n key: 'nodes',\n type: 'group',\n open: true,\n children: [\n {\n key: 'nodeSorting',\n control: {\n type: 'picker',\n label: 'Sorting',\n default: 'default',\n enum: ['default', 'asc', 'desc']\n }\n },\n {\n key: 'labels.display',\n control: {\n type: 'switch',\n label: 'Show node label',\n default: true\n }\n },\n {\n key: 'labels.value',\n control: {\n type: 'switch',\n label: 'Show node value',\n default: false\n }\n },\n {\n key: 'colors.byCategory',\n control: {\n type: 'switch',\n label: 'Use node category color',\n default: true\n }\n },\n {\n key: 'colors.nodeColor',\n control: {\n type: 'color-picker',\n default: ({ theme }: SankeyDiagramConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'colors.nodeColor'),\n extraLabelHasClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'colors.nodeColor'),\n extraLabelClickAction: ({ options, theme }: SankeyDiagramConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'colors.nodeColor')\n },\n visibleIf: ({ options }: SankeyDiagramConfigContext) => options?.colors?.byCategory === false\n }\n ]\n },\n {\n key: 'links',\n type: 'group',\n open: true,\n children: [\n {\n key: 'colors.linkColor',\n control: {\n type: 'picker',\n label: 'Color',\n default: 'gradient',\n // TODO: make dependent of use node category color\n enum: ['gradient', 'source', 'target', 'none']\n }\n }\n ]\n },\n createInfoTooltipOptionsGroup<SankeyDiagramConfigContext>()\n];\n\nexport default sankeyDiagramOptionsConfig;\n"],"mappings":";;;AAYA,IAAM,IAAwE;CAC5E;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU,CACR;GACE,KAAK;GACL,SAAS;IACP,MAAM;IACN,OAAO;IACP,SAAS;GACX;EACF,GACA;GACE,KAAK;GACL,SAAS;IACP,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;KAAC;KAAW;KAAQ;KAAS;IAAQ;GAC7C;EACF,CACF;CACF;CACA;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,MAAM;MAAC;MAAW;MAAO;KAAM;IACjC;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,UAAU,EAAE,eAAwC,EAAkB,CAAK;KAC3E,aAAa,EAAE,YAAS,eACtB,EAA4B,GAAS,GAAO,kBAAkB;KAChE,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,kBAAkB;KAC9E,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,kBAAkB;IAC7E;IACA,YAAY,EAAE,iBAA0C,GAAS,QAAQ,eAAe;GAC1F;EACF;CACF;CACA;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU,CACR;GACE,KAAK;GACL,SAAS;IACP,MAAM;IACN,OAAO;IACP,SAAS;IAET,MAAM;KAAC;KAAY;KAAU;KAAU;IAAM;GAC/C;EACF,CACF;CACF;CACA,EAA0D;AAC5D"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../helpers.cjs"),t=require("../shared/utils/axis-options.config.cjs"),n=require("../shared/utils/guidelines-options.config.cjs");var
|
|
1
|
+
const e=require("../helpers.cjs"),t=require("../shared/utils/axis-options.config.cjs"),n=require("../shared/utils/guidelines-options.config.cjs"),r=require("../shared/utils/info-tooltip-options.config.cjs");var i=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`color`)?.content?.length??0)>0:!1,a=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.legend`,control:{type:`switch`,label:`Legend`,default:!0},visibleIf:i},{key:`color`,control:{type:`color-picker`,label:`Color`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`color`)},visibleIf:({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(e=>e?.name===`color`)?.content?.length===0:!0}]},t.createAxesOptionsGroup([{axis:`x`,role:`numeric`,manualRange:{key:`manualAxesRange.x`},color:!0,label:!0,tickMode:!0,gridlines:!0},{axis:`y`,role:`numeric`,manualRange:{key:`manualAxesRange.y`},color:!0,label:!0,tickMode:!0,gridlines:!0}]),{key:`legend`,type:`group`,open:!1,children:[{key:`legend.position`,control:{label:`Position`,type:`position-picker`,default:`topRight`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}},{key:`legend.customOrder`,control:{label:`Custom order`,description:`Drag items in the chart legend to set the order.`,type:`switch`,default:!1}},{key:`interactivity.legendReorder`,control:{label:`Allow viewers to reorder`,type:`switch`,default:!1},visibleIf:({options:e})=>e?.legend?.customOrder===!0}],visibleIf:i},n.createScatterGuidelinesOptionsGroup(),r.createInfoTooltipOptionsGroup()];exports.default=a;
|
|
2
2
|
//# sourceMappingURL=scatter-plot-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scatter-plot-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/scatter-plot/scatter-plot-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createScatterGuidelinesOptionsGroup } from '../shared/utils/guidelines-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ScatterPlotViewOptions } from './scatter-plot-options';\nimport type { ScatterPlotSlots } from './scatter-plot-slots';\n\ntype ScatterPlotConfigContext = OptionsConfigContext<ScatterPlotViewOptions, ScatterPlotSlots>;\n\nconst hasColor = ({ slots }: Pick<ScatterPlotConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n }\n\n return false;\n};\n\nconst hasNoColor = ({ slots }: ScatterPlotConfigContext) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst scatterPlotOptionsConfig: OptionsConfig<ScatterPlotConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'display.legend',\n control: {\n type: 'switch',\n label: 'Legend',\n default: true\n },\n visibleIf: hasColor\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: ScatterPlotConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n }\n ]\n },\n createAxesOptionsGroup<ScatterPlotConfigContext>([\n { axis: 'x', role: 'numeric', manualRange: { key: 'manualAxesRange.x' }, color: true, label: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'numeric', manualRange: { key: 'manualAxesRange.y' }, color: true, label: true, tickMode: true, gridlines: true }\n ]),\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.position',\n control: {\n label: 'Position',\n type: 'position-picker',\n default: 'topRight',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n },\n {\n key: 'legend.customOrder',\n control: {\n label: 'Custom order',\n description: 'Drag items in the chart legend to set the order.',\n type: 'switch',\n default: false\n }\n },\n {\n key: 'interactivity.legendReorder',\n control: {\n label: 'Allow viewers to reorder',\n type: 'switch',\n default: false\n },\n visibleIf: ({ options }: ScatterPlotConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: hasColor\n },\n createScatterGuidelinesOptionsGroup()\n];\n\nexport default scatterPlotOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"scatter-plot-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/scatter-plot/scatter-plot-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createScatterGuidelinesOptionsGroup } from '../shared/utils/guidelines-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ScatterPlotViewOptions } from './scatter-plot-options';\nimport type { ScatterPlotSlots } from './scatter-plot-slots';\n\ntype ScatterPlotConfigContext = OptionsConfigContext<ScatterPlotViewOptions, ScatterPlotSlots>;\n\nconst hasColor = ({ slots }: Pick<ScatterPlotConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n }\n\n return false;\n};\n\nconst hasNoColor = ({ slots }: ScatterPlotConfigContext) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst scatterPlotOptionsConfig: OptionsConfig<ScatterPlotConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'display.legend',\n control: {\n type: 'switch',\n label: 'Legend',\n default: true\n },\n visibleIf: hasColor\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: ScatterPlotConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n }\n ]\n },\n createAxesOptionsGroup<ScatterPlotConfigContext>([\n { axis: 'x', role: 'numeric', manualRange: { key: 'manualAxesRange.x' }, color: true, label: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'numeric', manualRange: { key: 'manualAxesRange.y' }, color: true, label: true, tickMode: true, gridlines: true }\n ]),\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.position',\n control: {\n label: 'Position',\n type: 'position-picker',\n default: 'topRight',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n },\n {\n key: 'legend.customOrder',\n control: {\n label: 'Custom order',\n description: 'Drag items in the chart legend to set the order.',\n type: 'switch',\n default: false\n }\n },\n {\n key: 'interactivity.legendReorder',\n control: {\n label: 'Allow viewers to reorder',\n type: 'switch',\n default: false\n },\n visibleIf: ({ options }: ScatterPlotConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: hasColor\n },\n createScatterGuidelinesOptionsGroup(),\n createInfoTooltipOptionsGroup<ScatterPlotConfigContext>()\n];\n\nexport default scatterPlotOptionsConfig;\n"],"mappings":"+MAeA,IAAM,GAAY,CAAE,WACd,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,GAClC,GAAO,KAAM,GAAS,GAAM,OAAS,OAAO,CAAC,EAAE,SAAS,QAAU,GAAK,EAG1E,GAWH,EAAoE,CACxE,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,MAAO,QACP,QAAS,EACX,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,SACP,QAAS,EACX,EACA,UAAW,CACb,EACA,CACE,IAAK,QACL,QAAS,CACP,KAAM,eACN,MAAO,QACP,SAAU,CAAE,WAAsC,EAAA,kBAAkB,CAAK,EACzE,YAAa,CAAE,UAAS,WAAsC,EAAA,4BAA4B,EAAS,EAAO,OAAO,EACjH,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,OAAO,EACnE,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,OAAO,CAClE,EACA,WA3CY,CAAE,WAChB,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,EACnC,GAAO,KAAM,GAAS,GAAM,OAAS,OAAO,CAAC,EAAE,SAAS,SAAW,EAGrE,EAuCH,CACF,CACF,EACA,EAAA,uBAAiD,CAC/C,CAAE,KAAM,IAAK,KAAM,UAAW,YAAa,CAAE,IAAK,mBAAoB,EAAG,MAAO,GAAM,MAAO,GAAM,SAAU,GAAM,UAAW,EAAK,EACnI,CAAE,KAAM,IAAK,KAAM,UAAW,YAAa,CAAE,IAAK,mBAAoB,EAAG,MAAO,GAAM,MAAO,GAAM,SAAU,GAAM,UAAW,EAAK,CACrI,CAAC,EACD,CACE,IAAK,SACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,kBACL,QAAS,CACP,MAAO,WACP,KAAM,kBACN,QAAS,WACT,KAAM,CAAC,UAAW,MAAO,WAAY,QAAS,cAAe,SAAU,aAAc,MAAM,CAC7F,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,MAAO,eACP,YAAa,mDACb,KAAM,SACN,QAAS,EACX,CACF,EACA,CACE,IAAK,8BACL,QAAS,CACP,MAAO,2BACP,KAAM,SACN,QAAS,EACX,EACA,WAAY,CAAE,aAAwC,GAAS,QAAQ,cAAgB,EACzF,CACF,EACA,UAAW,CACb,EACA,EAAA,oCAAoC,EACpC,EAAA,8BAAwD,CAC1D"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { getThemeMainColor as e, getThemeMainColorExtraLabelClickAction as t, getThemeMainColorExtraLabelHasClickAction as n, getThemeMainColorResetLabel as r } from "../helpers.js";
|
|
2
2
|
import { createAxesOptionsGroup as i } from "../shared/utils/axis-options.config.js";
|
|
3
3
|
import { createScatterGuidelinesOptionsGroup as a } from "../shared/utils/guidelines-options.config.js";
|
|
4
|
+
import { createInfoTooltipOptionsGroup as o } from "../shared/utils/info-tooltip-options.config.js";
|
|
4
5
|
//#region src/lib/scatter-plot/scatter-plot-options.config.ts
|
|
5
|
-
var
|
|
6
|
+
var s = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "color")?.content?.length ?? 0) > 0 : !1, c = [
|
|
6
7
|
{
|
|
7
8
|
key: "general",
|
|
8
9
|
type: "group",
|
|
@@ -23,7 +24,7 @@ var o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
|
|
|
23
24
|
label: "Legend",
|
|
24
25
|
default: !0
|
|
25
26
|
},
|
|
26
|
-
visibleIf:
|
|
27
|
+
visibleIf: s
|
|
27
28
|
},
|
|
28
29
|
{
|
|
29
30
|
key: "color",
|
|
@@ -98,11 +99,12 @@ var o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?
|
|
|
98
99
|
visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
|
|
99
100
|
}
|
|
100
101
|
],
|
|
101
|
-
visibleIf:
|
|
102
|
+
visibleIf: s
|
|
102
103
|
},
|
|
103
|
-
a()
|
|
104
|
+
a(),
|
|
105
|
+
o()
|
|
104
106
|
];
|
|
105
107
|
//#endregion
|
|
106
|
-
export {
|
|
108
|
+
export { c as default };
|
|
107
109
|
|
|
108
110
|
//# sourceMappingURL=scatter-plot-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scatter-plot-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/scatter-plot/scatter-plot-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createScatterGuidelinesOptionsGroup } from '../shared/utils/guidelines-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ScatterPlotViewOptions } from './scatter-plot-options';\nimport type { ScatterPlotSlots } from './scatter-plot-slots';\n\ntype ScatterPlotConfigContext = OptionsConfigContext<ScatterPlotViewOptions, ScatterPlotSlots>;\n\nconst hasColor = ({ slots }: Pick<ScatterPlotConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n }\n\n return false;\n};\n\nconst hasNoColor = ({ slots }: ScatterPlotConfigContext) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst scatterPlotOptionsConfig: OptionsConfig<ScatterPlotConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'display.legend',\n control: {\n type: 'switch',\n label: 'Legend',\n default: true\n },\n visibleIf: hasColor\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: ScatterPlotConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n }\n ]\n },\n createAxesOptionsGroup<ScatterPlotConfigContext>([\n { axis: 'x', role: 'numeric', manualRange: { key: 'manualAxesRange.x' }, color: true, label: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'numeric', manualRange: { key: 'manualAxesRange.y' }, color: true, label: true, tickMode: true, gridlines: true }\n ]),\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.position',\n control: {\n label: 'Position',\n type: 'position-picker',\n default: 'topRight',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n },\n {\n key: 'legend.customOrder',\n control: {\n label: 'Custom order',\n description: 'Drag items in the chart legend to set the order.',\n type: 'switch',\n default: false\n }\n },\n {\n key: 'interactivity.legendReorder',\n control: {\n label: 'Allow viewers to reorder',\n type: 'switch',\n default: false\n },\n visibleIf: ({ options }: ScatterPlotConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: hasColor\n },\n createScatterGuidelinesOptionsGroup()\n];\n\nexport default scatterPlotOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"scatter-plot-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/scatter-plot/scatter-plot-options.config.ts"],"sourcesContent":["import {\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createScatterGuidelinesOptionsGroup } from '../shared/utils/guidelines-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { ScatterPlotViewOptions } from './scatter-plot-options';\nimport type { ScatterPlotSlots } from './scatter-plot-slots';\n\ntype ScatterPlotConfigContext = OptionsConfigContext<ScatterPlotViewOptions, ScatterPlotSlots>;\n\nconst hasColor = ({ slots }: Pick<ScatterPlotConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return (slots?.find((slot) => slot?.name === 'color')?.content?.length ?? 0) > 0;\n }\n\n return false;\n};\n\nconst hasNoColor = ({ slots }: ScatterPlotConfigContext) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return slots?.find((slot) => slot?.name === 'color')?.content?.length === 0;\n }\n\n return true;\n};\n\nconst scatterPlotOptionsConfig: OptionsConfig<ScatterPlotConfigContext> = [\n {\n key: 'general',\n type: 'group',\n open: true,\n children: [\n {\n key: 'display.title',\n control: {\n type: 'switch',\n label: 'Title',\n default: true\n }\n },\n {\n key: 'display.legend',\n control: {\n type: 'switch',\n label: 'Legend',\n default: true\n },\n visibleIf: hasColor\n },\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: ScatterPlotConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: ScatterPlotConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: ScatterPlotConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n }\n ]\n },\n createAxesOptionsGroup<ScatterPlotConfigContext>([\n { axis: 'x', role: 'numeric', manualRange: { key: 'manualAxesRange.x' }, color: true, label: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'numeric', manualRange: { key: 'manualAxesRange.y' }, color: true, label: true, tickMode: true, gridlines: true }\n ]),\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.position',\n control: {\n label: 'Position',\n type: 'position-picker',\n default: 'topRight',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n },\n {\n key: 'legend.customOrder',\n control: {\n label: 'Custom order',\n description: 'Drag items in the chart legend to set the order.',\n type: 'switch',\n default: false\n }\n },\n {\n key: 'interactivity.legendReorder',\n control: {\n label: 'Allow viewers to reorder',\n type: 'switch',\n default: false\n },\n visibleIf: ({ options }: ScatterPlotConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: hasColor\n },\n createScatterGuidelinesOptionsGroup(),\n createInfoTooltipOptionsGroup<ScatterPlotConfigContext>()\n];\n\nexport default scatterPlotOptionsConfig;\n"],"mappings":";;;;;AAeA,IAAM,KAAY,EAAE,eACd,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,KAClC,GAAO,MAAM,MAAS,GAAM,SAAS,OAAO,CAAC,EAAE,SAAS,UAAU,KAAK,IAG1E,IAWH,IAAoE;CACxE;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;IACX;IACA,WAAW;GACb;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAsC,EAAkB,CAAK;KACzE,aAAa,EAAE,YAAS,eAAsC,EAA4B,GAAS,GAAO,OAAO;KACjH,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,OAAO;KACnE,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,OAAO;IAClE;IACA,YA3CY,EAAE,eAChB,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,IACnC,GAAO,MAAM,MAAS,GAAM,SAAS,OAAO,CAAC,EAAE,SAAS,WAAW,IAGrE;GAuCH;EACF;CACF;CACA,EAAiD,CAC/C;EAAE,MAAM;EAAK,MAAM;EAAW,aAAa,EAAE,KAAK,oBAAoB;EAAG,OAAO;EAAM,OAAO;EAAM,UAAU;EAAM,WAAW;CAAK,GACnI;EAAE,MAAM;EAAK,MAAM;EAAW,aAAa,EAAE,KAAK,oBAAoB;EAAG,OAAO;EAAM,OAAO;EAAM,UAAU;EAAM,WAAW;CAAK,CACrI,CAAC;CACD;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,OAAO;KACP,MAAM;KACN,SAAS;KACT,MAAM;MAAC;MAAW;MAAO;MAAY;MAAS;MAAe;MAAU;MAAc;KAAM;IAC7F;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,OAAO;KACP,aAAa;KACb,MAAM;KACN,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,OAAO;KACP,MAAM;KACN,SAAS;IACX;IACA,YAAY,EAAE,iBAAwC,GAAS,QAAQ,gBAAgB;GACzF;EACF;EACA,WAAW;CACb;CACA,EAAoC;CACpC,EAAwD;AAC1D"}
|