@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("../shared/utils/color/color-palettes.cjs"),
|
|
1
|
+
const e=require("../shared/utils/info-tooltip-options.config.cjs"),t=require("../shared/utils/color/color-palettes.cjs"),n=require("../shared/utils/map-tile-providers.cjs"),r=require("../shared/utils/color-range-utils.cjs");var i=(e,n)=>{let r=`colors${n}`;return t.getColorMaps()[e]?.[r]},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}}]},{key:`map`,type:`group`,open:!0,children:[{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`,tooltip:`Use ctrl + drag`,default:!1}},{type:`divider`},{key:`vectorTileProvider`,control:{type:`picker`,label:`Map style`,default:`Basic`,enum:[`No Tiles`,`Basic`,`Bright`,`Dark`,`Fiord`,`Liberty`,`Pastel`,`Positron`,`Streets`,`Toner`,`Topographique`,`Voyager`,`3D buildings`],parseValue:e=>e?.name||`Basic`,toValue:e=>n.mapVectorTileProviders[e]??{}}}]},{key:`colors`,type:`group`,open:!0,children:[{key:`opacity`,control:{type:`slider`,label:`Opacity`,default:.85,min:.2,max:1,step:.01}},{key:`colorsClassType`,control:{type:`picker`,label:`Colors type`,default:`sequential`,enum:[`sequential`,`divergent`,`manual`],calculateValue:({options:e})=>e?.colorsClass===`manual`?`manual`:t.getColorMaps()?.[e?.colorsClass]?.type??`sequential`,toOptions:({options:e,value:n})=>{let i=e?.colorsClass??`PuBu`,a=e?.numberClasses??5,o=r.toRangesWithValue(e?.manualValues?.ranges),s=i===`manual`?`manual`:i,c;n===`manual`?c=`manual`:n!==t.getColorMaps()?.[e?.colorsClass]?.type&&(c=t.getColorMapKeys(n??`sequential`)[0]);let l={...e,colorsClass:c};if(n===`manual`||e?.classification===`manual`){let e=r.calculateManualRanges(a,n===`manual`?s:c,o);l.manualValues={...l.manualValues,ranges:r.toRangesWithVal(e)}}else delete l?.manualValues?.ranges;return l}}},{key:`colorsClass`,control:{type:`color-palette-picker`,label:`Color palette`,hideLabel:!0,default:({options:e})=>{let n=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(n??`sequential`)[0]},enum:({options:e})=>{let n=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(n??`sequential`)},toOptions:({options:e,value:t})=>{let n={...e,colorsClass:t};if(e?.classification===`manual`){let r=i(t,e?.numberClasses??5);n.manualValues={...n.manualValues,ranges:e?.manualValues?.ranges?.map(e=>({...e,color:typeof e.val==`number`?r?.[e.val]:void 0}))}}return n}},visibleIf:({options:e})=>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})=>r.calculateManualRanges(e?.numberClasses,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:r.toRangesWithVal(t)}}),visibleIf:({options:e})=>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,i={...e,numberClasses:n};if(e?.classification===`manual`||e?.colorsClass===`manual`){let n=r.calculateManualRanges(t,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges));i.manualValues={...i.manualValues,ranges:r.toRangesWithVal(n)}}return i}}},{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=r.calculateManualRanges(e?.numberClasses,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges));n.manualValues={...n.manualValues,ranges:r.toRangesWithVal(t)}}else delete n?.manualValues?.ranges;return n}}},{key:`manualValues.rangesValues`,control:{type:`color-range`,editRangeSize:!1,debounce:500,noValues:!1,readOnlyColorPicker:!0,label:`Manual range values`,hideLabel:!0,calculateValue:({options:e})=>r.calculateManualRanges(e?.numberClasses,e?.colorsClass,r.toRangesWithValue(e?.manualValues?.ranges)),toOptions:({options:e,value:t})=>({...e,manualValues:{...e.manualValues,ranges:r.toRangesWithVal(t)}})},visibleIf:({options:e})=>e?.classification===`manual`}]},{key:`legend`,type:`group`,open:!1,children:[{key:`legend.type`,control:{type:`picker`,label:`Type`,default:`bar`,enum:[`bar`,`list`]}},{key:`legend.size`,control:{type:`radio-button-group`,label:`Size`,default:`M`,enum:[`S`,`M`,`L`]}},{key:`legend.position`,control:{type:`position-picker`,label:`Position`,default:`bottomLeft`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}}],visibleIf:({options:e})=>e?.display?.legend===!0},e.createInfoTooltipOptionsGroup()];exports.default=a;
|
|
2
2
|
//# sourceMappingURL=choropleth-map-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"choropleth-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/choropleth-map/choropleth-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 { 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 { ChoroplethMapViewOptions } from './choropleth-map-options';\n\ntype ChoroplethMapConfigContext = OptionsConfigContext<ChoroplethMapViewOptions>;\ntype ChoroplethMapConfigContextWithValue<T> = ChoroplethMapConfigContext & { value: T };\ntype ColorCountKey = Exclude<keyof ColorValue, 'type'>;\n\nconst getColorClassColors = (colorClass: ColorsClassKey, numberClasses: number): string[] | undefined => {\n const key = `colors${numberClasses}` as ColorCountKey;\n\n return getColorMaps()[colorClass]?.[key];\n};\n\nconst choroplethMapOptionsConfig: OptionsConfig<ChoroplethMapConfigContext> = [\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 }\n ]\n },\n {\n key: 'map',\n type: 'group',\n open: true,\n children: [\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n /* {\n key: 'zoomRange',\n control: {\n type: 'range',\n label: 'Zoom range',\n default: [5, 18],\n min: 1,\n max: 22,\n step: 1\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.enabled?.zoom === true\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 tooltip: 'Use ctrl + drag',\n default: false\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 'No Tiles',\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n '3D buildings'\n ],\n parseValue: (value: { name?: string } | 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.85,\n min: 0.2,\n max: 1,\n step: 0.01\n }\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 }: ChoroplethMapConfigContext) => {\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 }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 ...range,\n color: typeof range.val === 'number' ? newColors?.[range.val] : undefined\n }))\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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: string | number | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n // TODO: add manual when being able to retrieve values from the choropleth map\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<'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 },\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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.classification === 'manual'\n }\n ]\n },\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.type',\n control: {\n type: 'picker',\n label: 'Type',\n default: 'bar',\n enum: ['bar', 'list']\n }\n },\n {\n key: 'legend.size',\n control: {\n type: 'radio-button-group',\n label: 'Size',\n default: 'M',\n enum: ['S', 'M', 'L']\n }\n },\n {\n key: 'legend.position',\n control: {\n type: 'position-picker',\n label: 'Position',\n default: 'bottomLeft',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n }\n ],\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.display?.legend === true\n }\n];\n\nexport default choroplethMapOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"choropleth-map-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/choropleth-map/choropleth-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 { 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 { ChoroplethMapViewOptions } from './choropleth-map-options';\n\ntype ChoroplethMapConfigContext = OptionsConfigContext<ChoroplethMapViewOptions>;\ntype ChoroplethMapConfigContextWithValue<T> = ChoroplethMapConfigContext & { value: T };\ntype ColorCountKey = Exclude<keyof ColorValue, 'type'>;\n\nconst getColorClassColors = (colorClass: ColorsClassKey, numberClasses: number): string[] | undefined => {\n const key = `colors${numberClasses}` as ColorCountKey;\n\n return getColorMaps()[colorClass]?.[key];\n};\n\nconst choroplethMapOptionsConfig: OptionsConfig<ChoroplethMapConfigContext> = [\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 }\n ]\n },\n {\n key: 'map',\n type: 'group',\n open: true,\n children: [\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n /* {\n key: 'zoomRange',\n control: {\n type: 'range',\n label: 'Zoom range',\n default: [5, 18],\n min: 1,\n max: 22,\n step: 1\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.enabled?.zoom === true\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 tooltip: 'Use ctrl + drag',\n default: false\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 'No Tiles',\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n '3D buildings'\n ],\n parseValue: (value: { name?: string } | 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.85,\n min: 0.2,\n max: 1,\n step: 0.01\n }\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 }: ChoroplethMapConfigContext) => {\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 }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 ...range,\n color: typeof range.val === 'number' ? newColors?.[range.val] : undefined\n }))\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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: string | number | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n // TODO: add manual when being able to retrieve values from the choropleth map\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<'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 },\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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.classification === 'manual'\n }\n ]\n },\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.type',\n control: {\n type: 'picker',\n label: 'Type',\n default: 'bar',\n enum: ['bar', 'list']\n }\n },\n {\n key: 'legend.size',\n control: {\n type: 'radio-button-group',\n label: 'Size',\n default: 'M',\n enum: ['S', 'M', 'L']\n }\n },\n {\n key: 'legend.position',\n control: {\n type: 'position-picker',\n label: 'Position',\n default: 'bottomLeft',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n }\n ],\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.display?.legend === true\n },\n createInfoTooltipOptionsGroup<ChoroplethMapConfigContext>()\n];\n\nexport default choroplethMapOptionsConfig;\n"],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { createInfoTooltipOptionsGroup as e } from "../shared/utils/info-tooltip-options.config.js";
|
|
2
|
+
import { getColorMapKeys as t, getColorMaps as n } from "../shared/utils/color/color-palettes.js";
|
|
3
|
+
import { mapVectorTileProviders as r } from "../shared/utils/map-tile-providers.js";
|
|
4
|
+
import { calculateManualRanges as i, toRangesWithVal as a, toRangesWithValue as o } from "../shared/utils/color-range-utils.js";
|
|
4
5
|
//#region src/lib/choropleth-map/choropleth-map-options.config.ts
|
|
5
|
-
var
|
|
6
|
-
let r = `colors${
|
|
7
|
-
return
|
|
8
|
-
},
|
|
6
|
+
var s = (e, t) => {
|
|
7
|
+
let r = `colors${t}`;
|
|
8
|
+
return n()[e]?.[r];
|
|
9
|
+
}, c = [
|
|
9
10
|
{
|
|
10
11
|
key: "general",
|
|
11
12
|
type: "group",
|
|
@@ -79,7 +80,7 @@ var o = (e, n) => {
|
|
|
79
80
|
"3D buildings"
|
|
80
81
|
],
|
|
81
82
|
parseValue: (e) => e?.name || "Basic",
|
|
82
|
-
toValue: (e) =>
|
|
83
|
+
toValue: (e) => r[e] ?? {}
|
|
83
84
|
}
|
|
84
85
|
}
|
|
85
86
|
]
|
|
@@ -111,19 +112,19 @@ var o = (e, n) => {
|
|
|
111
112
|
"divergent",
|
|
112
113
|
"manual"
|
|
113
114
|
],
|
|
114
|
-
calculateValue: ({ options: e }) => e?.colorsClass === "manual" ? "manual" :
|
|
115
|
-
toOptions: ({ options:
|
|
116
|
-
let s =
|
|
117
|
-
|
|
115
|
+
calculateValue: ({ options: e }) => e?.colorsClass === "manual" ? "manual" : n()?.[e?.colorsClass]?.type ?? "sequential",
|
|
116
|
+
toOptions: ({ options: e, value: r }) => {
|
|
117
|
+
let s = e?.colorsClass ?? "PuBu", c = e?.numberClasses ?? 5, l = o(e?.manualValues?.ranges), u = s === "manual" ? "manual" : s, d;
|
|
118
|
+
r === "manual" ? d = "manual" : r !== n()?.[e?.colorsClass]?.type && (d = t(r ?? "sequential")[0]);
|
|
118
119
|
let f = {
|
|
119
|
-
...
|
|
120
|
+
...e,
|
|
120
121
|
colorsClass: d
|
|
121
122
|
};
|
|
122
|
-
if (
|
|
123
|
-
let e =
|
|
123
|
+
if (r === "manual" || e?.classification === "manual") {
|
|
124
|
+
let e = i(c, r === "manual" ? u : d, l);
|
|
124
125
|
f.manualValues = {
|
|
125
126
|
...f.manualValues,
|
|
126
|
-
ranges:
|
|
127
|
+
ranges: a(e)
|
|
127
128
|
};
|
|
128
129
|
} else delete f?.manualValues?.ranges;
|
|
129
130
|
return f;
|
|
@@ -136,13 +137,13 @@ var o = (e, n) => {
|
|
|
136
137
|
type: "color-palette-picker",
|
|
137
138
|
label: "Color palette",
|
|
138
139
|
hideLabel: !0,
|
|
139
|
-
default: ({ options:
|
|
140
|
-
let r =
|
|
141
|
-
return
|
|
140
|
+
default: ({ options: e }) => {
|
|
141
|
+
let r = n()?.[e?.colorsClass]?.type;
|
|
142
|
+
return t(r ?? "sequential")[0];
|
|
142
143
|
},
|
|
143
|
-
enum: ({ options:
|
|
144
|
-
let r =
|
|
145
|
-
return
|
|
144
|
+
enum: ({ options: e }) => {
|
|
145
|
+
let r = n()?.[e?.colorsClass]?.type;
|
|
146
|
+
return t(r ?? "sequential");
|
|
146
147
|
},
|
|
147
148
|
toOptions: ({ options: e, value: t }) => {
|
|
148
149
|
let n = {
|
|
@@ -150,7 +151,7 @@ var o = (e, n) => {
|
|
|
150
151
|
colorsClass: t
|
|
151
152
|
};
|
|
152
153
|
if (e?.classification === "manual") {
|
|
153
|
-
let r =
|
|
154
|
+
let r = s(t, e?.numberClasses ?? 5);
|
|
154
155
|
n.manualValues = {
|
|
155
156
|
...n.manualValues,
|
|
156
157
|
ranges: e?.manualValues?.ranges?.map((e) => ({
|
|
@@ -175,12 +176,12 @@ var o = (e, n) => {
|
|
|
175
176
|
label: "Manual range colors",
|
|
176
177
|
hideLabel: !0
|
|
177
178
|
},
|
|
178
|
-
calculateValue: ({ options: e }) =>
|
|
179
|
+
calculateValue: ({ options: e }) => i(e?.numberClasses, e?.colorsClass, o(e?.manualValues?.ranges)),
|
|
179
180
|
toOptions: ({ options: e, value: t }) => ({
|
|
180
181
|
...e,
|
|
181
182
|
manualValues: {
|
|
182
183
|
...e.manualValues,
|
|
183
|
-
ranges:
|
|
184
|
+
ranges: a(t)
|
|
184
185
|
}
|
|
185
186
|
}),
|
|
186
187
|
visibleIf: ({ options: e }) => e?.colorsClass === "manual"
|
|
@@ -209,18 +210,18 @@ var o = (e, n) => {
|
|
|
209
210
|
],
|
|
210
211
|
parseValue: (e) => e?.toString() ?? "5",
|
|
211
212
|
toOptions: ({ options: e, value: t }) => {
|
|
212
|
-
let n = Number.parseInt(t, 10) || 5,
|
|
213
|
+
let n = Number.parseInt(t, 10) || 5, r = {
|
|
213
214
|
...e,
|
|
214
215
|
numberClasses: n
|
|
215
216
|
};
|
|
216
217
|
if (e?.classification === "manual" || e?.colorsClass === "manual") {
|
|
217
|
-
let n =
|
|
218
|
-
|
|
219
|
-
...
|
|
220
|
-
ranges:
|
|
218
|
+
let n = i(t, e?.colorsClass, o(e?.manualValues?.ranges));
|
|
219
|
+
r.manualValues = {
|
|
220
|
+
...r.manualValues,
|
|
221
|
+
ranges: a(n)
|
|
221
222
|
};
|
|
222
223
|
}
|
|
223
|
-
return
|
|
224
|
+
return r;
|
|
224
225
|
}
|
|
225
226
|
}
|
|
226
227
|
},
|
|
@@ -242,10 +243,10 @@ var o = (e, n) => {
|
|
|
242
243
|
classification: t
|
|
243
244
|
};
|
|
244
245
|
if (t === "manual" || e?.colorsClass === "manual") {
|
|
245
|
-
let t =
|
|
246
|
+
let t = i(e?.numberClasses, e?.colorsClass, o(e?.manualValues?.ranges));
|
|
246
247
|
n.manualValues = {
|
|
247
248
|
...n.manualValues,
|
|
248
|
-
ranges:
|
|
249
|
+
ranges: a(t)
|
|
249
250
|
};
|
|
250
251
|
} else delete n?.manualValues?.ranges;
|
|
251
252
|
return n;
|
|
@@ -262,12 +263,12 @@ var o = (e, n) => {
|
|
|
262
263
|
readOnlyColorPicker: !0,
|
|
263
264
|
label: "Manual range values",
|
|
264
265
|
hideLabel: !0,
|
|
265
|
-
calculateValue: ({ options: e }) =>
|
|
266
|
+
calculateValue: ({ options: e }) => i(e?.numberClasses, e?.colorsClass, o(e?.manualValues?.ranges)),
|
|
266
267
|
toOptions: ({ options: e, value: t }) => ({
|
|
267
268
|
...e,
|
|
268
269
|
manualValues: {
|
|
269
270
|
...e.manualValues,
|
|
270
|
-
ranges:
|
|
271
|
+
ranges: a(t)
|
|
271
272
|
}
|
|
272
273
|
})
|
|
273
274
|
},
|
|
@@ -322,9 +323,10 @@ var o = (e, n) => {
|
|
|
322
323
|
}
|
|
323
324
|
],
|
|
324
325
|
visibleIf: ({ options: e }) => e?.display?.legend === !0
|
|
325
|
-
}
|
|
326
|
+
},
|
|
327
|
+
e()
|
|
326
328
|
];
|
|
327
329
|
//#endregion
|
|
328
|
-
export {
|
|
330
|
+
export { c as default };
|
|
329
331
|
|
|
330
332
|
//# sourceMappingURL=choropleth-map-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"choropleth-map-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/choropleth-map/choropleth-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 { 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 { ChoroplethMapViewOptions } from './choropleth-map-options';\n\ntype ChoroplethMapConfigContext = OptionsConfigContext<ChoroplethMapViewOptions>;\ntype ChoroplethMapConfigContextWithValue<T> = ChoroplethMapConfigContext & { value: T };\ntype ColorCountKey = Exclude<keyof ColorValue, 'type'>;\n\nconst getColorClassColors = (colorClass: ColorsClassKey, numberClasses: number): string[] | undefined => {\n const key = `colors${numberClasses}` as ColorCountKey;\n\n return getColorMaps()[colorClass]?.[key];\n};\n\nconst choroplethMapOptionsConfig: OptionsConfig<ChoroplethMapConfigContext> = [\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 }\n ]\n },\n {\n key: 'map',\n type: 'group',\n open: true,\n children: [\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n /* {\n key: 'zoomRange',\n control: {\n type: 'range',\n label: 'Zoom range',\n default: [5, 18],\n min: 1,\n max: 22,\n step: 1\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.enabled?.zoom === true\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 tooltip: 'Use ctrl + drag',\n default: false\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 'No Tiles',\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n '3D buildings'\n ],\n parseValue: (value: { name?: string } | 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.85,\n min: 0.2,\n max: 1,\n step: 0.01\n }\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 }: ChoroplethMapConfigContext) => {\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 }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 ...range,\n color: typeof range.val === 'number' ? newColors?.[range.val] : undefined\n }))\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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: string | number | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n // TODO: add manual when being able to retrieve values from the choropleth map\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<'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 },\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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.classification === 'manual'\n }\n ]\n },\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.type',\n control: {\n type: 'picker',\n label: 'Type',\n default: 'bar',\n enum: ['bar', 'list']\n }\n },\n {\n key: 'legend.size',\n control: {\n type: 'radio-button-group',\n label: 'Size',\n default: 'M',\n enum: ['S', 'M', 'L']\n }\n },\n {\n key: 'legend.position',\n control: {\n type: 'position-picker',\n label: 'Position',\n default: 'bottomLeft',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n }\n ],\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.display?.legend === true\n }\n];\n\nexport default choroplethMapOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"choropleth-map-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/choropleth-map/choropleth-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 { 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 { ChoroplethMapViewOptions } from './choropleth-map-options';\n\ntype ChoroplethMapConfigContext = OptionsConfigContext<ChoroplethMapViewOptions>;\ntype ChoroplethMapConfigContextWithValue<T> = ChoroplethMapConfigContext & { value: T };\ntype ColorCountKey = Exclude<keyof ColorValue, 'type'>;\n\nconst getColorClassColors = (colorClass: ColorsClassKey, numberClasses: number): string[] | undefined => {\n const key = `colors${numberClasses}` as ColorCountKey;\n\n return getColorMaps()[colorClass]?.[key];\n};\n\nconst choroplethMapOptionsConfig: OptionsConfig<ChoroplethMapConfigContext> = [\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 }\n ]\n },\n {\n key: 'map',\n type: 'group',\n open: true,\n children: [\n {\n key: 'enabled.zoom',\n control: {\n type: 'switch',\n label: 'Zoom',\n default: true\n }\n },\n /* {\n key: 'zoomRange',\n control: {\n type: 'range',\n label: 'Zoom range',\n default: [5, 18],\n min: 1,\n max: 22,\n step: 1\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.enabled?.zoom === true\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 tooltip: 'Use ctrl + drag',\n default: false\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 'No Tiles',\n 'Basic',\n 'Bright',\n 'Dark',\n 'Fiord',\n 'Liberty',\n 'Pastel',\n 'Positron',\n 'Streets',\n 'Toner',\n 'Topographique',\n 'Voyager',\n '3D buildings'\n ],\n parseValue: (value: { name?: string } | 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.85,\n min: 0.2,\n max: 1,\n step: 0.01\n }\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 }: ChoroplethMapConfigContext) => {\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 }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'colorsClass',\n control: {\n type: 'color-palette-picker',\n label: 'Color palette',\n hideLabel: true,\n default: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential')[0];\n },\n enum: ({ options }: ChoroplethMapConfigContext) => {\n const colorMaps = getColorMaps();\n const colorClassType = colorMaps?.[options?.colorsClass as ColorsClassKey]?.type;\n\n return getColorMapKeys(colorClassType ?? 'sequential');\n },\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 ...range,\n color: typeof range.val === 'number' ? newColors?.[range.val] : undefined\n }))\n };\n }\n\n return newOptions;\n }\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n }),\n visibleIf: ({ options }: ChoroplethMapConfigContext) => 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: string | number | null | undefined) => value?.toString() ?? '5',\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<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 },\n {\n key: 'classification',\n control: {\n type: 'picker',\n label: 'Method',\n default: 'interval',\n // TODO: add manual when being able to retrieve values from the choropleth map\n enum: ['interval', 'manual', 'quantile', 'continuous'],\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<'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 },\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 }: ChoroplethMapConfigContext) =>\n calculateManualRanges(options?.numberClasses, options?.colorsClass, toRangesWithValue(options?.manualValues?.ranges)),\n toOptions: ({ options, value }: ChoroplethMapConfigContextWithValue<ManualValuesRange[]>) => ({\n ...options,\n manualValues: {\n ...options.manualValues,\n ranges: toRangesWithVal(value)\n }\n })\n },\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.classification === 'manual'\n }\n ]\n },\n {\n key: 'legend',\n type: 'group',\n open: false,\n children: [\n {\n key: 'legend.type',\n control: {\n type: 'picker',\n label: 'Type',\n default: 'bar',\n enum: ['bar', 'list']\n }\n },\n {\n key: 'legend.size',\n control: {\n type: 'radio-button-group',\n label: 'Size',\n default: 'M',\n enum: ['S', 'M', 'L']\n }\n },\n {\n key: 'legend.position',\n control: {\n type: 'position-picker',\n label: 'Position',\n default: 'bottomLeft',\n enum: ['topLeft', 'top', 'topRight', 'right', 'bottomRight', 'bottom', 'bottomLeft', 'left']\n }\n }\n ],\n visibleIf: ({ options }: ChoroplethMapConfigContext) => options?.display?.legend === true\n },\n createInfoTooltipOptionsGroup<ChoroplethMapConfigContext>()\n];\n\nexport default choroplethMapOptionsConfig;\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.labels`,control:{type:`switch`,label:`Show labels`,default:!0}},{key:`circles.colorByDepth`,control:{type:`switch`,label:`Color by level depth`,default:!0}}]}];exports.default=e;
|
|
1
|
+
var e=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`display.labels`,control:{type:`switch`,label:`Show labels`,default:!0}},{key:`circles.colorByDepth`,control:{type:`switch`,label:`Color by level depth`,default:!0}}]},require("../shared/utils/info-tooltip-options.config.cjs").createInfoTooltipOptionsGroup()];exports.default=e;
|
|
2
2
|
//# sourceMappingURL=circle-pack-chart-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circle-pack-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circle-pack-chart/circle-pack-chart-options.config.ts"],"sourcesContent":["import type { OptionsConfig } from '../shared/utils/options-config.types';\n\nconst circlePackChartOptionsConfig: OptionsConfig = [\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.labels',\n control: {\n type: 'switch',\n label: 'Show labels',\n default: true\n }\n },\n {\n key: 'circles.colorByDepth',\n control: {\n type: 'switch',\n label: 'Color by level depth',\n default: true\n }\n }\n ]\n }\n];\n\nexport default circlePackChartOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"circle-pack-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circle-pack-chart/circle-pack-chart-options.config.ts"],"sourcesContent":["import { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig } from '../shared/utils/options-config.types';\n\nconst circlePackChartOptionsConfig: OptionsConfig = [\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.labels',\n control: {\n type: 'switch',\n label: 'Show labels',\n default: true\n }\n },\n {\n key: 'circles.colorByDepth',\n control: {\n type: 'switch',\n label: 'Color by level depth',\n default: true\n }\n }\n ]\n },\n createInfoTooltipOptionsGroup()\n];\n\nexport default circlePackChartOptionsConfig;\n"],"mappings":"AAGA,IAAM,EAA8C,CAClD,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,cACP,QAAS,EACX,CACF,EACA,CACE,IAAK,uBACL,QAAS,CACP,KAAM,SACN,MAAO,uBACP,QAAS,EACX,CACF,CACF,CACF,2DACA,CAAA,CAAA,8BAA8B,CAChC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { createInfoTooltipOptionsGroup as e } from "../shared/utils/info-tooltip-options.config.js";
|
|
1
2
|
//#region src/lib/circle-pack-chart/circle-pack-chart-options.config.ts
|
|
2
|
-
var
|
|
3
|
+
var t = [{
|
|
3
4
|
key: "general",
|
|
4
5
|
type: "group",
|
|
5
6
|
open: !0,
|
|
@@ -29,8 +30,8 @@ var e = [{
|
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
]
|
|
32
|
-
}];
|
|
33
|
+
}, e()];
|
|
33
34
|
//#endregion
|
|
34
|
-
export {
|
|
35
|
+
export { t as default };
|
|
35
36
|
|
|
36
37
|
//# sourceMappingURL=circle-pack-chart-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circle-pack-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circle-pack-chart/circle-pack-chart-options.config.ts"],"sourcesContent":["import type { OptionsConfig } from '../shared/utils/options-config.types';\n\nconst circlePackChartOptionsConfig: OptionsConfig = [\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.labels',\n control: {\n type: 'switch',\n label: 'Show labels',\n default: true\n }\n },\n {\n key: 'circles.colorByDepth',\n control: {\n type: 'switch',\n label: 'Color by level depth',\n default: true\n }\n }\n ]\n }\n];\n\nexport default circlePackChartOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"circle-pack-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circle-pack-chart/circle-pack-chart-options.config.ts"],"sourcesContent":["import { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig } from '../shared/utils/options-config.types';\n\nconst circlePackChartOptionsConfig: OptionsConfig = [\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.labels',\n control: {\n type: 'switch',\n label: 'Show labels',\n default: true\n }\n },\n {\n key: 'circles.colorByDepth',\n control: {\n type: 'switch',\n label: 'Color by level depth',\n default: true\n }\n }\n ]\n },\n createInfoTooltipOptionsGroup()\n];\n\nexport default circlePackChartOptionsConfig;\n"],"mappings":";;AAGA,IAAM,IAA8C,CAClD;CACE,KAAK;CACL,MAAM;CACN,MAAM;CACN,UAAU;EACR;GACE,KAAK;GACL,SAAS;IACP,MAAM;IACN,OAAO;IACP,SAAS;GACX;EACF;EACA;GACE,KAAK;GACL,SAAS;IACP,MAAM;IACN,OAAO;IACP,SAAS;GACX;EACF;EACA;GACE,KAAK;GACL,SAAS;IACP,MAAM;IACN,OAAO;IACP,SAAS;GACX;EACF;CACF;AACF,GACA,EAA8B,CAChC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../helpers.cjs");var
|
|
1
|
+
const e=require("../helpers.cjs"),t=require("../shared/utils/info-tooltip-options.config.cjs");var n=()=>[{color:`#ff0000`,value:0},{color:`#ffa500`,value:33.34},{color:`#ffff00`,value:66.67},{color:`#008000`,value:100}],r=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!1}},{key:`display.gaugeValue`,control:{type:`switch`,label:`Value`,default:!0}},{key:`mode`,control:{type:`picker`,label:`Display`,default:`normal`,enum:[`normal`,`percentage`,`difference`]}},{key:`display.gaugeLabel`,control:{type:`switch`,label:`Label`,default:!0}},{type:`divider`},{key:`conditionalColor`,control:{type:`switch`,label:`Conditional color`,default:!1,calculateValue:({options:e})=>(e?.manualValues?.conditional?.length??0)>0,toOptions:({options:e,value:t})=>{let r={...e};return t?(e?.manualValues?.conditional?.length??0)>0||(r.manualValues={...r?.manualValues,conditional:n()}):delete r?.manualValues?.conditional,r}}},{key:`circle.color`,control:{type:`color-picker`,label:`Arc color`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`circle.color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`circle.color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`circle.color`)},visibleIf:({options:e})=>!e?.manualValues?.conditional||e?.manualValues?.conditional?.length===0},{key:`manualValues.conditional`,control:{type:`color-range`,editRangeSize:!0,minimumRangeSize:2,percentage:!0,noAlphaChannel:!0,label:`Color ranges`,hideLabel:!0,default:()=>n(),parseValue:e=>e?.map(e=>({color:e?.color,value:e?.value??e?.val})),toValue:e=>e?.map(e=>({color:e?.color,val:e?.value}))},visibleIf:({options:e})=>(e?.manualValues?.conditional?.length??0)>0},{key:`circle.width`,control:{type:`slider`,label:`Arc width`,default:10,min:1,max:30,step:1}}]},{key:`layout`,type:`group`,open:!0,children:[{key:`circle.degrees`,control:{type:`picker`,label:`Arc size`,default:`full circle`,enum:[`full circle`,`3/4 circle`,`2/3 circle`,`1/2 circle`],parseValue:e=>e===360?`full circle`:e===270?`3/4 circle`:e===240?`2/3 circle`:e===180?`1/2 circle`:`full circle`,toValue:e=>e===`full circle`?360:e===`3/4 circle`?270:e===`2/3 circle`?240:e===`1/2 circle`?180:360}},{key:`circle.flip`,control:{type:`switch`,label:`Flip arc`,default:!0},visibleIf:({options:e})=>e?.circle?.degrees&&e?.circle?.degrees!==360},{key:`circle.lineCap`,control:{type:`switch`,label:`Rounded ends`,default:!0,parseValue:e=>e!==`butt`,toValue:e=>e?`round`:`butt`}}]},t.createInfoTooltipOptionsGroup()];exports.default=r;
|
|
2
2
|
//# sourceMappingURL=circular-gauge-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular-gauge-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circular-gauge/circular-gauge-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 { CircularGaugeViewOptions } from './circular-gauge-options';\n\ntype CircularGaugeConfigContext = OptionsConfigContext<CircularGaugeViewOptions>;\ntype CircularGaugeConfigContextWithValue<T> = CircularGaugeConfigContext & { value: T };\ntype ConditionalRangeValue = { color?: string; value?: number; val?: number };\n\nconst defaultRangeValues = () => [\n { color: '#ff0000', value: 0 },\n { color: '#ffa500', value: 33.34 },\n { color: '#ffff00', value: 66.67 },\n { color: '#008000', value: 100 }\n];\n\nconst circularGaugeOptionsConfig: OptionsConfig<CircularGaugeConfigContext> = [\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: false\n }\n },\n {\n key: 'display.gaugeValue',\n control: {\n type: 'switch',\n label: 'Value',\n default: true\n }\n },\n {\n key: 'mode',\n control: {\n type: 'picker',\n label: 'Display',\n default: 'normal',\n enum: ['normal', 'percentage', 'difference']\n }\n },\n {\n key: 'display.gaugeLabel',\n control: {\n type: 'switch',\n label: 'Label',\n default: true\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'conditionalColor',\n control: {\n type: 'switch',\n label: 'Conditional color',\n default: false,\n calculateValue: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0,\n toOptions: ({ options, value }: CircularGaugeConfigContextWithValue<boolean>) => {\n const newOptions = { ...options };\n const previousValue = (options?.manualValues?.conditional?.length ?? 0) > 0;\n\n if (value) {\n if (!previousValue) {\n newOptions.manualValues = {\n ...newOptions?.manualValues,\n conditional: defaultRangeValues()\n };\n }\n }\n else {\n delete newOptions?.manualValues?.conditional;\n }\n\n return newOptions;\n }\n }\n },\n {\n key: 'circle.color',\n control: {\n type: 'color-picker',\n label: 'Arc color',\n default: ({ theme }: CircularGaugeConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: CircularGaugeConfigContext) => getThemeMainColorResetLabel(options, theme, 'circle.color'),\n extraLabelHasClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'circle.color'),\n extraLabelClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'circle.color')\n },\n visibleIf: ({ options }: CircularGaugeConfigContext) => !options?.manualValues?.conditional || options?.manualValues?.conditional?.length === 0\n },\n {\n key: 'manualValues.conditional',\n control: {\n type: 'color-range',\n editRangeSize: true,\n minimumRangeSize: 2,\n percentage: true,\n noAlphaChannel: true,\n label: 'Color ranges',\n hideLabel: true,\n default: () => defaultRangeValues(),\n parseValue: (value: ConditionalRangeValue[] | null | undefined) =>\n value?.map((v) => ({\n color: v?.color,\n value: v?.value ?? v?.val\n })),\n toValue: (value: ConditionalRangeValue[] | null | undefined) => {\n const range = value?.map((v) => ({\n color: v?.color,\n val: v?.value\n }));\n\n return range;\n }\n },\n visibleIf: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0\n },\n {\n key: 'circle.width',\n control: {\n type: 'slider',\n label: 'Arc width',\n default: 10,\n min: 1,\n max: 30,\n step: 1\n }\n }\n ]\n },\n {\n key: 'layout',\n type: 'group',\n open: true,\n children: [\n {\n key: 'circle.degrees',\n control: {\n type: 'picker',\n label: 'Arc size',\n default: 'full circle',\n enum: ['full circle', '3/4 circle', '2/3 circle', '1/2 circle'],\n parseValue: (value: number | null | undefined) => {\n if (value === 360) {\n return 'full circle';\n }\n\n if (value === 270) {\n return '3/4 circle';\n }\n\n if (value === 240) {\n return '2/3 circle';\n }\n\n if (value === 180) {\n return '1/2 circle';\n }\n\n return 'full circle';\n },\n toValue: (value: 'full circle' | '3/4 circle' | '2/3 circle' | '1/2 circle') => {\n if (value === 'full circle') {\n return 360;\n }\n\n if (value === '3/4 circle') {\n return 270;\n }\n\n if (value === '2/3 circle') {\n return 240;\n }\n\n if (value === '1/2 circle') {\n return 180;\n }\n\n return 360;\n }\n }\n },\n {\n key: 'circle.flip',\n control: {\n type: 'switch',\n label: 'Flip arc',\n default: true\n },\n visibleIf: ({ options }: CircularGaugeConfigContext) => options?.circle?.degrees && options?.circle?.degrees !== 360\n },\n {\n key: 'circle.lineCap',\n control: {\n type: 'switch',\n label: 'Rounded ends',\n default: true,\n parseValue: (value: string | null | undefined) => value !== 'butt',\n toValue: (value: boolean) => (value ? 'round' : 'butt')\n }\n }\n ]\n }\n];\n\nexport default circularGaugeOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"circular-gauge-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/circular-gauge/circular-gauge-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 { CircularGaugeViewOptions } from './circular-gauge-options';\n\ntype CircularGaugeConfigContext = OptionsConfigContext<CircularGaugeViewOptions>;\ntype CircularGaugeConfigContextWithValue<T> = CircularGaugeConfigContext & { value: T };\ntype ConditionalRangeValue = { color?: string; value?: number; val?: number };\n\nconst defaultRangeValues = () => [\n { color: '#ff0000', value: 0 },\n { color: '#ffa500', value: 33.34 },\n { color: '#ffff00', value: 66.67 },\n { color: '#008000', value: 100 }\n];\n\nconst circularGaugeOptionsConfig: OptionsConfig<CircularGaugeConfigContext> = [\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: false\n }\n },\n {\n key: 'display.gaugeValue',\n control: {\n type: 'switch',\n label: 'Value',\n default: true\n }\n },\n {\n key: 'mode',\n control: {\n type: 'picker',\n label: 'Display',\n default: 'normal',\n enum: ['normal', 'percentage', 'difference']\n }\n },\n {\n key: 'display.gaugeLabel',\n control: {\n type: 'switch',\n label: 'Label',\n default: true\n }\n },\n {\n type: 'divider'\n },\n {\n key: 'conditionalColor',\n control: {\n type: 'switch',\n label: 'Conditional color',\n default: false,\n calculateValue: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0,\n toOptions: ({ options, value }: CircularGaugeConfigContextWithValue<boolean>) => {\n const newOptions = { ...options };\n const previousValue = (options?.manualValues?.conditional?.length ?? 0) > 0;\n\n if (value) {\n if (!previousValue) {\n newOptions.manualValues = {\n ...newOptions?.manualValues,\n conditional: defaultRangeValues()\n };\n }\n }\n else {\n delete newOptions?.manualValues?.conditional;\n }\n\n return newOptions;\n }\n }\n },\n {\n key: 'circle.color',\n control: {\n type: 'color-picker',\n label: 'Arc color',\n default: ({ theme }: CircularGaugeConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: CircularGaugeConfigContext) => getThemeMainColorResetLabel(options, theme, 'circle.color'),\n extraLabelHasClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'circle.color'),\n extraLabelClickAction: ({ options, theme }: CircularGaugeConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'circle.color')\n },\n visibleIf: ({ options }: CircularGaugeConfigContext) => !options?.manualValues?.conditional || options?.manualValues?.conditional?.length === 0\n },\n {\n key: 'manualValues.conditional',\n control: {\n type: 'color-range',\n editRangeSize: true,\n minimumRangeSize: 2,\n percentage: true,\n noAlphaChannel: true,\n label: 'Color ranges',\n hideLabel: true,\n default: () => defaultRangeValues(),\n parseValue: (value: ConditionalRangeValue[] | null | undefined) =>\n value?.map((v) => ({\n color: v?.color,\n value: v?.value ?? v?.val\n })),\n toValue: (value: ConditionalRangeValue[] | null | undefined) => {\n const range = value?.map((v) => ({\n color: v?.color,\n val: v?.value\n }));\n\n return range;\n }\n },\n visibleIf: ({ options }: CircularGaugeConfigContext) => (options?.manualValues?.conditional?.length ?? 0) > 0\n },\n {\n key: 'circle.width',\n control: {\n type: 'slider',\n label: 'Arc width',\n default: 10,\n min: 1,\n max: 30,\n step: 1\n }\n }\n ]\n },\n {\n key: 'layout',\n type: 'group',\n open: true,\n children: [\n {\n key: 'circle.degrees',\n control: {\n type: 'picker',\n label: 'Arc size',\n default: 'full circle',\n enum: ['full circle', '3/4 circle', '2/3 circle', '1/2 circle'],\n parseValue: (value: number | null | undefined) => {\n if (value === 360) {\n return 'full circle';\n }\n\n if (value === 270) {\n return '3/4 circle';\n }\n\n if (value === 240) {\n return '2/3 circle';\n }\n\n if (value === 180) {\n return '1/2 circle';\n }\n\n return 'full circle';\n },\n toValue: (value: 'full circle' | '3/4 circle' | '2/3 circle' | '1/2 circle') => {\n if (value === 'full circle') {\n return 360;\n }\n\n if (value === '3/4 circle') {\n return 270;\n }\n\n if (value === '2/3 circle') {\n return 240;\n }\n\n if (value === '1/2 circle') {\n return 180;\n }\n\n return 360;\n }\n }\n },\n {\n key: 'circle.flip',\n control: {\n type: 'switch',\n label: 'Flip arc',\n default: true\n },\n visibleIf: ({ options }: CircularGaugeConfigContext) => options?.circle?.degrees && options?.circle?.degrees !== 360\n },\n {\n key: 'circle.lineCap',\n control: {\n type: 'switch',\n label: 'Rounded ends',\n default: true,\n parseValue: (value: string | null | undefined) => value !== 'butt',\n toValue: (value: boolean) => (value ? 'round' : 'butt')\n }\n }\n ]\n },\n createInfoTooltipOptionsGroup<CircularGaugeConfigContext>()\n];\n\nexport default circularGaugeOptionsConfig;\n"],"mappings":"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"}
|