@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pyramid-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/pyramid-chart/pyramid-chart-options.config.ts"],"sourcesContent":["import { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { PyramidChartViewOptions } from './pyramid-chart-options';\n\ntype PyramidChartConfigContext = OptionsConfigContext<PyramidChartViewOptions>;\n\nconst pyramidChartOptionsConfig: OptionsConfig<PyramidChartConfigContext> = [\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 // TODO adapt so we can use arrays OR with virtual controls with side effects\n /* {\n key: 'bars.colors[0]',\n control: {\n type: 'color-picker',\n label: 'Left bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[0]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[0]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[0]'\n )\n }\n },\n {\n key: 'bars.colors[1]',\n control: {\n type: 'color-picker',\n label: 'Right bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[1]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[1]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[1]'\n )\n }\n }, */\n {\n key: 'roundedCorners',\n control: {\n type: 'slider',\n label: 'Rounded corners',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.rounding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number') {\n return null;\n }\n\n if (typeof options?.roundedCorners !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number' || typeof options?.roundedCorners !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.roundedCorners;\n\n return { value: null, options: newOptions };\n }\n }\n },\n {\n key: 'internalPadding',\n control: {\n type: 'slider',\n label: 'Internal padding',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.padding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number') {\n return null;\n }\n\n if (typeof options?.internalPadding !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number' || typeof options?.internalPadding !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.internalPadding;\n\n return { value: null, options: newOptions };\n }\n }\n }\n ]\n },\n {\n key: 'order',\n type: 'group',\n label: 'Order & Limit',\n open: true,\n children: [\n {\n key: 'ranking.active',\n control: {\n type: 'switch',\n label: 'Limit to',\n default: false\n }\n },\n {\n key: 'ranking.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'top',\n enum: ['top', 'bottom']\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'ranking.number',\n control: {\n type: 'number-field',\n label: 'Number',\n default: 10,\n min: 1,\n max: 999999\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'sort.by',\n control: {\n type: 'picker',\n label: 'Ordering',\n default: 'category',\n enum: ['category', 'column', 'leftbar', 'rightbar', 'measure']\n }\n },\n {\n key: 'sort.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'desc',\n enum: ['asc', 'desc']\n }\n },\n {\n key: 'limit.number',\n control: {\n type: 'number-field',\n label: 'Limit',\n default: 100000,\n min: 1,\n max: 100000\n }\n }\n ]\n },\n createAxesOptionsGroup<PyramidChartConfigContext>([\n { axis: 'x', role: 'measure', scale: true, color: true, tickDensity: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'category', color: 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 }: PyramidChartConfigContext) => options?.legend?.customOrder === true\n }\n ]\n }\n];\n\nexport default pyramidChartOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pyramid-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/pyramid-chart/pyramid-chart-options.config.ts"],"sourcesContent":["import { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { PyramidChartViewOptions } from './pyramid-chart-options';\n\ntype PyramidChartConfigContext = OptionsConfigContext<PyramidChartViewOptions>;\n\nconst pyramidChartOptionsConfig: OptionsConfig<PyramidChartConfigContext> = [\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 // TODO adapt so we can use arrays OR with virtual controls with side effects\n /* {\n key: 'bars.colors[0]',\n control: {\n type: 'color-picker',\n label: 'Left bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[0]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[0]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[0]'\n )\n }\n },\n {\n key: 'bars.colors[1]',\n control: {\n type: 'color-picker',\n label: 'Right bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[1]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[1]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[1]'\n )\n }\n }, */\n {\n key: 'roundedCorners',\n control: {\n type: 'slider',\n label: 'Rounded corners',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.rounding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number') {\n return null;\n }\n\n if (typeof options?.roundedCorners !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number' || typeof options?.roundedCorners !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.roundedCorners;\n\n return { value: null, options: newOptions };\n }\n }\n },\n {\n key: 'internalPadding',\n control: {\n type: 'slider',\n label: 'Internal padding',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.padding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number') {\n return null;\n }\n\n if (typeof options?.internalPadding !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number' || typeof options?.internalPadding !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.internalPadding;\n\n return { value: null, options: newOptions };\n }\n }\n }\n ]\n },\n {\n key: 'order',\n type: 'group',\n label: 'Order & Limit',\n open: true,\n children: [\n {\n key: 'ranking.active',\n control: {\n type: 'switch',\n label: 'Limit to',\n default: false\n }\n },\n {\n key: 'ranking.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'top',\n enum: ['top', 'bottom']\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'ranking.number',\n control: {\n type: 'number-field',\n label: 'Number',\n default: 10,\n min: 1,\n max: 999999\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'sort.by',\n control: {\n type: 'picker',\n label: 'Ordering',\n default: 'category',\n enum: ['category', 'column', 'leftbar', 'rightbar', 'measure']\n }\n },\n {\n key: 'sort.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'desc',\n enum: ['asc', 'desc']\n }\n },\n {\n key: 'limit.number',\n control: {\n type: 'number-field',\n label: 'Limit',\n default: 100000,\n min: 1,\n max: 100000\n }\n }\n ]\n },\n createAxesOptionsGroup<PyramidChartConfigContext>([\n { axis: 'x', role: 'measure', scale: true, color: true, tickDensity: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'category', color: 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 }: PyramidChartConfigContext) => options?.legend?.customOrder === true\n }\n ]\n },\n createInfoTooltipOptionsGroup<PyramidChartConfigContext>()\n];\n\nexport default pyramidChartOptionsConfig;\n"],"mappings":"wHAOA,IAAM,EAAsE,CAC1E,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,CACF,EA8CA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,kBACP,SAAU,CAAE,WAAuC,GAAO,cAAc,SACxE,IAAK,EACL,IAAK,GACL,KAAM,EACN,YAAa,CAAE,UAAS,WAClB,OAAO,GAAO,cAAc,UAAa,SAIzC,OAAO,GAAS,gBAAmB,SAIhC,QAHE,OAJA,KASX,0BAA2B,CAAE,UAAS,WAChC,OAAO,GAAO,cAAc,UAAa,UAAY,OAAO,GAAS,gBAAmB,SAM9F,uBAAwB,CAAE,aAAyC,CACjE,IAAM,EAAa,CAAE,GAAG,CAAQ,EAIhC,OAFA,OAAO,EAAW,eAEX,CAAE,MAAO,KAAM,QAAS,CAAW,CAC5C,CACF,CACF,EACA,CACE,IAAK,kBACL,QAAS,CACP,KAAM,SACN,MAAO,mBACP,SAAU,CAAE,WAAuC,GAAO,cAAc,QACxE,IAAK,EACL,IAAK,GACL,KAAM,EACN,YAAa,CAAE,UAAS,WAClB,OAAO,GAAO,cAAc,SAAY,SAIxC,OAAO,GAAS,iBAAoB,SAIjC,QAHE,OAJA,KASX,0BAA2B,CAAE,UAAS,WAChC,OAAO,GAAO,cAAc,SAAY,UAAY,OAAO,GAAS,iBAAoB,SAM9F,uBAAwB,CAAE,aAAyC,CACjE,IAAM,EAAa,CAAE,GAAG,CAAQ,EAIhC,OAFA,OAAO,EAAW,gBAEX,CAAE,MAAO,KAAM,QAAS,CAAW,CAC5C,CACF,CACF,CACF,CACF,EACA,CACE,IAAK,QACL,KAAM,QACN,MAAO,gBACP,KAAM,GACN,SAAU,CACR,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,WACP,QAAS,EACX,CACF,EACA,CACE,IAAK,oBACL,QAAS,CACP,KAAM,SACN,MAAO,YACP,QAAS,MACT,KAAM,CAAC,MAAO,QAAQ,CACxB,EACA,WAAY,CAAE,aAAyC,GAAS,SAAS,SAAW,EACtF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,eACN,MAAO,SACP,QAAS,GACT,IAAK,EACL,IAAK,MACP,EACA,WAAY,CAAE,aAAyC,GAAS,SAAS,SAAW,EACtF,EACA,CACE,IAAK,UACL,QAAS,CACP,KAAM,SACN,MAAO,WACP,QAAS,WACT,KAAM,CAAC,WAAY,SAAU,UAAW,WAAY,SAAS,CAC/D,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,YACP,QAAS,OACT,KAAM,CAAC,MAAO,MAAM,CACtB,CACF,EACA,CACE,IAAK,eACL,QAAS,CACP,KAAM,eACN,MAAO,QACP,QAAS,IACT,IAAK,EACL,IAAK,GACP,CACF,CACF,CACF,EACA,EAAA,uBAAkD,CAChD,CAAE,KAAM,IAAK,KAAM,UAAW,MAAO,GAAM,MAAO,GAAM,YAAa,GAAM,SAAU,GAAM,UAAW,EAAK,EAC3G,CAAE,KAAM,IAAK,KAAM,WAAY,MAAO,EAAK,CAC7C,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,aAAyC,GAAS,QAAQ,cAAgB,EAC1F,CACF,CACF,EACA,EAAA,8BAAyD,CAC3D"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { createAxesOptionsGroup as e } from "../shared/utils/axis-options.config.js";
|
|
2
|
+
import { createInfoTooltipOptionsGroup as t } from "../shared/utils/info-tooltip-options.config.js";
|
|
2
3
|
//#region src/lib/pyramid-chart/pyramid-chart-options.config.ts
|
|
3
|
-
var
|
|
4
|
+
var n = [
|
|
4
5
|
{
|
|
5
6
|
key: "general",
|
|
6
7
|
type: "group",
|
|
@@ -190,9 +191,10 @@ var t = [
|
|
|
190
191
|
visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
|
|
191
192
|
}
|
|
192
193
|
]
|
|
193
|
-
}
|
|
194
|
+
},
|
|
195
|
+
t()
|
|
194
196
|
];
|
|
195
197
|
//#endregion
|
|
196
|
-
export {
|
|
198
|
+
export { n as default };
|
|
197
199
|
|
|
198
200
|
//# sourceMappingURL=pyramid-chart-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pyramid-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/pyramid-chart/pyramid-chart-options.config.ts"],"sourcesContent":["import { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { PyramidChartViewOptions } from './pyramid-chart-options';\n\ntype PyramidChartConfigContext = OptionsConfigContext<PyramidChartViewOptions>;\n\nconst pyramidChartOptionsConfig: OptionsConfig<PyramidChartConfigContext> = [\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 // TODO adapt so we can use arrays OR with virtual controls with side effects\n /* {\n key: 'bars.colors[0]',\n control: {\n type: 'color-picker',\n label: 'Left bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[0]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[0]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[0]'\n )\n }\n },\n {\n key: 'bars.colors[1]',\n control: {\n type: 'color-picker',\n label: 'Right bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[1]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[1]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[1]'\n )\n }\n }, */\n {\n key: 'roundedCorners',\n control: {\n type: 'slider',\n label: 'Rounded corners',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.rounding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number') {\n return null;\n }\n\n if (typeof options?.roundedCorners !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number' || typeof options?.roundedCorners !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.roundedCorners;\n\n return { value: null, options: newOptions };\n }\n }\n },\n {\n key: 'internalPadding',\n control: {\n type: 'slider',\n label: 'Internal padding',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.padding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number') {\n return null;\n }\n\n if (typeof options?.internalPadding !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number' || typeof options?.internalPadding !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.internalPadding;\n\n return { value: null, options: newOptions };\n }\n }\n }\n ]\n },\n {\n key: 'order',\n type: 'group',\n label: 'Order & Limit',\n open: true,\n children: [\n {\n key: 'ranking.active',\n control: {\n type: 'switch',\n label: 'Limit to',\n default: false\n }\n },\n {\n key: 'ranking.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'top',\n enum: ['top', 'bottom']\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'ranking.number',\n control: {\n type: 'number-field',\n label: 'Number',\n default: 10,\n min: 1,\n max: 999999\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'sort.by',\n control: {\n type: 'picker',\n label: 'Ordering',\n default: 'category',\n enum: ['category', 'column', 'leftbar', 'rightbar', 'measure']\n }\n },\n {\n key: 'sort.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'desc',\n enum: ['asc', 'desc']\n }\n },\n {\n key: 'limit.number',\n control: {\n type: 'number-field',\n label: 'Limit',\n default: 100000,\n min: 1,\n max: 100000\n }\n }\n ]\n },\n createAxesOptionsGroup<PyramidChartConfigContext>([\n { axis: 'x', role: 'measure', scale: true, color: true, tickDensity: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'category', color: 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 }: PyramidChartConfigContext) => options?.legend?.customOrder === true\n }\n ]\n }\n];\n\nexport default pyramidChartOptionsConfig;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pyramid-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/pyramid-chart/pyramid-chart-options.config.ts"],"sourcesContent":["import { createAxesOptionsGroup } from '../shared/utils/axis-options.config';\nimport { createInfoTooltipOptionsGroup } from '../shared/utils/info-tooltip-options.config';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { PyramidChartViewOptions } from './pyramid-chart-options';\n\ntype PyramidChartConfigContext = OptionsConfigContext<PyramidChartViewOptions>;\n\nconst pyramidChartOptionsConfig: OptionsConfig<PyramidChartConfigContext> = [\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 // TODO adapt so we can use arrays OR with virtual controls with side effects\n /* {\n key: 'bars.colors[0]',\n control: {\n type: 'color-picker',\n label: 'Left bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[0]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[0]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[0]'\n )\n }\n },\n {\n key: 'bars.colors[1]',\n control: {\n type: 'color-picker',\n label: 'Right bar color',\n default: ({ theme }: PyramidChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorResetLabel(options, theme, 'bars.colors[1]'),\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(\n options,\n theme,\n 'bars.colors[1]'\n ),\n extraLabelClickAction: ({ options, theme }: PyramidChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(\n options,\n theme,\n 'bars.colors[1]'\n )\n }\n }, */\n {\n key: 'roundedCorners',\n control: {\n type: 'slider',\n label: 'Rounded corners',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.rounding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number') {\n return null;\n }\n\n if (typeof options?.roundedCorners !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.rounding !== 'number' || typeof options?.roundedCorners !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.roundedCorners;\n\n return { value: null, options: newOptions };\n }\n }\n },\n {\n key: 'internalPadding',\n control: {\n type: 'slider',\n label: 'Internal padding',\n default: ({ theme }: PyramidChartConfigContext) => theme?.itemSpecific?.padding,\n min: 0,\n max: 20,\n step: 1,\n extraLabel: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number') {\n return null;\n }\n\n if (typeof options?.internalPadding !== 'number') {\n return 'auto';\n }\n\n return 'reset';\n },\n extraLabelHasClickAction: ({ options, theme }: PyramidChartConfigContext) => {\n if (typeof theme?.itemSpecific?.padding !== 'number' || typeof options?.internalPadding !== 'number') {\n return false;\n }\n\n return true;\n },\n extraLabelClickAction: ({ options }: PyramidChartConfigContext) => {\n const newOptions = { ...options };\n\n delete newOptions.internalPadding;\n\n return { value: null, options: newOptions };\n }\n }\n }\n ]\n },\n {\n key: 'order',\n type: 'group',\n label: 'Order & Limit',\n open: true,\n children: [\n {\n key: 'ranking.active',\n control: {\n type: 'switch',\n label: 'Limit to',\n default: false\n }\n },\n {\n key: 'ranking.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'top',\n enum: ['top', 'bottom']\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'ranking.number',\n control: {\n type: 'number-field',\n label: 'Number',\n default: 10,\n min: 1,\n max: 999999\n },\n visibleIf: ({ options }: PyramidChartConfigContext) => options?.ranking?.active === true\n },\n {\n key: 'sort.by',\n control: {\n type: 'picker',\n label: 'Ordering',\n default: 'category',\n enum: ['category', 'column', 'leftbar', 'rightbar', 'measure']\n }\n },\n {\n key: 'sort.direction',\n control: {\n type: 'picker',\n label: 'Direction',\n default: 'desc',\n enum: ['asc', 'desc']\n }\n },\n {\n key: 'limit.number',\n control: {\n type: 'number-field',\n label: 'Limit',\n default: 100000,\n min: 1,\n max: 100000\n }\n }\n ]\n },\n createAxesOptionsGroup<PyramidChartConfigContext>([\n { axis: 'x', role: 'measure', scale: true, color: true, tickDensity: true, tickMode: true, gridlines: true },\n { axis: 'y', role: 'category', color: 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 }: PyramidChartConfigContext) => options?.legend?.customOrder === true\n }\n ]\n },\n createInfoTooltipOptionsGroup<PyramidChartConfigContext>()\n];\n\nexport default pyramidChartOptionsConfig;\n"],"mappings":"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"}
|
|
@@ -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=({slots:e})=>Array.isArray(e)&&(e?.find(e=>e?.name===`legend`)?.content?.length??0)>0,r=[{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:n}]},{key:`radar`,type:`group`,open:!0,children:[{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===`legend`)?.content?.length??0)>0):!0},{key:`fillOpacity`,control:{type:`slider`,label:`Fill opacity`,default:.05,min:0,max:.7,step:.01}},{key:`interpolation`,control:{type:`picker`,label:`Interpolation`,default:`linear`,enum:[`linear`,`rounded`]}},{key:`display.points`,control:{type:`switch`,label:`Show points`,default:!1}},{key:`pointSize`,control:{type:`slider`,label:`Point size`,default:3,min:2,max:7,step:1},visibleIf:({options:e})=>e?.display?.points}]},{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:({options:e,slots:t})=>e?.display?.legend!==!1&&n({slots:t})},t.createInfoTooltipOptionsGroup()];exports.default=r;
|
|
2
2
|
//# sourceMappingURL=radar-chart-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/radar-chart/radar-chart-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 { RadarChartViewOptions } from './radar-chart-options';\nimport type { RadarChartSlots } from './radar-chart-slots';\n\ntype RadarChartConfigContext = OptionsConfigContext<RadarChartViewOptions, RadarChartSlots>;\n\nconst hasColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) =>\n Array.isArray(slots) && (slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0;\n\nconst hasNoColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return !((slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0);\n }\n\n return true;\n};\n\nconst radarChartOptionsConfig: OptionsConfig<RadarChartConfigContext> = [\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 },\n {\n key: 'radar',\n type: 'group',\n open: true,\n children: [\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RadarChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RadarChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n },\n {\n key: 'fillOpacity',\n control: {\n type: 'slider',\n label: 'Fill opacity',\n default: 0.05,\n min: 0,\n max: 0.7,\n step: 0.01\n }\n },\n {\n key: 'interpolation',\n control: {\n type: 'picker',\n label: 'Interpolation',\n default: 'linear',\n enum: ['linear', 'rounded']\n }\n },\n {\n key: 'display.points',\n control: {\n type: 'switch',\n label: 'Show points',\n default: false\n }\n },\n {\n key: 'pointSize',\n control: {\n type: 'slider',\n label: 'Point size',\n default: 3,\n min: 2,\n max: 7,\n step: 1\n },\n visibleIf: ({ options }: RadarChartConfigContext) => options?.display?.points\n }\n ]\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 }: RadarChartConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: ({ options, slots }: RadarChartConfigContext) => options?.display?.legend !== false && hasColor({ slots })\n }\n];\n\nexport default radarChartOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radar-chart-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/radar-chart/radar-chart-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 { RadarChartViewOptions } from './radar-chart-options';\nimport type { RadarChartSlots } from './radar-chart-slots';\n\ntype RadarChartConfigContext = OptionsConfigContext<RadarChartViewOptions, RadarChartSlots>;\n\nconst hasColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) =>\n Array.isArray(slots) && (slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0;\n\nconst hasNoColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return !((slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0);\n }\n\n return true;\n};\n\nconst radarChartOptionsConfig: OptionsConfig<RadarChartConfigContext> = [\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 },\n {\n key: 'radar',\n type: 'group',\n open: true,\n children: [\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RadarChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RadarChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n },\n {\n key: 'fillOpacity',\n control: {\n type: 'slider',\n label: 'Fill opacity',\n default: 0.05,\n min: 0,\n max: 0.7,\n step: 0.01\n }\n },\n {\n key: 'interpolation',\n control: {\n type: 'picker',\n label: 'Interpolation',\n default: 'linear',\n enum: ['linear', 'rounded']\n }\n },\n {\n key: 'display.points',\n control: {\n type: 'switch',\n label: 'Show points',\n default: false\n }\n },\n {\n key: 'pointSize',\n control: {\n type: 'slider',\n label: 'Point size',\n default: 3,\n min: 2,\n max: 7,\n step: 1\n },\n visibleIf: ({ options }: RadarChartConfigContext) => options?.display?.points\n }\n ]\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 }: RadarChartConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: ({ options, slots }: RadarChartConfigContext) => options?.display?.legend !== false && hasColor({ slots })\n },\n createInfoTooltipOptionsGroup<RadarChartConfigContext>()\n];\n\nexport default radarChartOptionsConfig;\n"],"mappings":"+FAaA,IAAM,GAAY,CAAE,WAClB,MAAM,QAAQ,CAAK,IAAM,GAAO,KAAM,GAAS,GAAM,OAAS,QAAQ,CAAC,EAAE,SAAS,QAAU,GAAK,EAU7F,EAAkE,CACtE,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,CACF,CACF,EACA,CACE,IAAK,QACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,QACL,QAAS,CACP,KAAM,eACN,MAAO,QACP,SAAU,CAAE,WAAqC,EAAA,kBAAkB,CAAK,EACxE,YAAa,CAAE,UAAS,WAAqC,EAAA,4BAA4B,EAAS,EAAO,OAAO,EAChH,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,OAAO,EACnE,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,OAAO,CAClE,EACA,WAlDY,CAAE,WAChB,MAAM,QAAQ,CAAK,GAAK,GAAO,OAAS,EACnC,GAAG,GAAO,KAAM,GAAS,GAAM,OAAS,QAAQ,CAAC,EAAE,SAAS,QAAU,GAAK,GAG7E,EA8CH,EACA,CACE,IAAK,cACL,QAAS,CACP,KAAM,SACN,MAAO,eACP,QAAS,IACT,IAAK,EACL,IAAK,GACL,KAAM,GACR,CACF,EACA,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,MAAO,gBACP,QAAS,SACT,KAAM,CAAC,SAAU,SAAS,CAC5B,CACF,EACA,CACE,IAAK,iBACL,QAAS,CACP,KAAM,SACN,MAAO,cACP,QAAS,EACX,CACF,EACA,CACE,IAAK,YACL,QAAS,CACP,KAAM,SACN,MAAO,aACP,QAAS,EACT,IAAK,EACL,IAAK,EACL,KAAM,CACR,EACA,WAAY,CAAE,aAAuC,GAAS,SAAS,MACzE,CACF,CACF,EACA,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,aAAuC,GAAS,QAAQ,cAAgB,EACxF,CACF,EACA,WAAY,CAAE,UAAS,WAAqC,GAAS,SAAS,SAAW,IAAS,EAAS,CAAE,OAAM,CAAC,CACtH,EACA,EAAA,8BAAuD,CACzD"}
|
|
@@ -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/radar-chart/radar-chart-options.config.ts
|
|
3
|
-
var
|
|
4
|
+
var a = ({ slots: e }) => Array.isArray(e) && (e?.find((e) => e?.name === "legend")?.content?.length ?? 0) > 0, o = [
|
|
4
5
|
{
|
|
5
6
|
key: "general",
|
|
6
7
|
type: "group",
|
|
@@ -19,7 +20,7 @@ var i = ({ slots: e }) => Array.isArray(e) && (e?.find((e) => e?.name === "legen
|
|
|
19
20
|
label: "Legend",
|
|
20
21
|
default: !0
|
|
21
22
|
},
|
|
22
|
-
visibleIf:
|
|
23
|
+
visibleIf: a
|
|
23
24
|
}]
|
|
24
25
|
},
|
|
25
26
|
{
|
|
@@ -123,10 +124,11 @@ var i = ({ slots: e }) => Array.isArray(e) && (e?.find((e) => e?.name === "legen
|
|
|
123
124
|
visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
|
|
124
125
|
}
|
|
125
126
|
],
|
|
126
|
-
visibleIf: ({ options: e, slots: t }) => e?.display?.legend !== !1 &&
|
|
127
|
-
}
|
|
127
|
+
visibleIf: ({ options: e, slots: t }) => e?.display?.legend !== !1 && a({ slots: t })
|
|
128
|
+
},
|
|
129
|
+
i()
|
|
128
130
|
];
|
|
129
131
|
//#endregion
|
|
130
|
-
export {
|
|
132
|
+
export { o as default };
|
|
131
133
|
|
|
132
134
|
//# sourceMappingURL=radar-chart-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/radar-chart/radar-chart-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 { RadarChartViewOptions } from './radar-chart-options';\nimport type { RadarChartSlots } from './radar-chart-slots';\n\ntype RadarChartConfigContext = OptionsConfigContext<RadarChartViewOptions, RadarChartSlots>;\n\nconst hasColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) =>\n Array.isArray(slots) && (slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0;\n\nconst hasNoColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return !((slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0);\n }\n\n return true;\n};\n\nconst radarChartOptionsConfig: OptionsConfig<RadarChartConfigContext> = [\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 },\n {\n key: 'radar',\n type: 'group',\n open: true,\n children: [\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RadarChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RadarChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n },\n {\n key: 'fillOpacity',\n control: {\n type: 'slider',\n label: 'Fill opacity',\n default: 0.05,\n min: 0,\n max: 0.7,\n step: 0.01\n }\n },\n {\n key: 'interpolation',\n control: {\n type: 'picker',\n label: 'Interpolation',\n default: 'linear',\n enum: ['linear', 'rounded']\n }\n },\n {\n key: 'display.points',\n control: {\n type: 'switch',\n label: 'Show points',\n default: false\n }\n },\n {\n key: 'pointSize',\n control: {\n type: 'slider',\n label: 'Point size',\n default: 3,\n min: 2,\n max: 7,\n step: 1\n },\n visibleIf: ({ options }: RadarChartConfigContext) => options?.display?.points\n }\n ]\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 }: RadarChartConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: ({ options, slots }: RadarChartConfigContext) => options?.display?.legend !== false && hasColor({ slots })\n }\n];\n\nexport default radarChartOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radar-chart-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/radar-chart/radar-chart-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 { RadarChartViewOptions } from './radar-chart-options';\nimport type { RadarChartSlots } from './radar-chart-slots';\n\ntype RadarChartConfigContext = OptionsConfigContext<RadarChartViewOptions, RadarChartSlots>;\n\nconst hasColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) =>\n Array.isArray(slots) && (slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0;\n\nconst hasNoColor = ({ slots }: Pick<RadarChartConfigContext, 'slots'>) => {\n if (Array.isArray(slots) && slots?.length > 0) {\n return !((slots?.find((slot) => slot?.name === 'legend')?.content?.length ?? 0) > 0);\n }\n\n return true;\n};\n\nconst radarChartOptionsConfig: OptionsConfig<RadarChartConfigContext> = [\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 },\n {\n key: 'radar',\n type: 'group',\n open: true,\n children: [\n {\n key: 'color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RadarChartConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RadarChartConfigContext) => getThemeMainColorResetLabel(options, theme, 'color'),\n extraLabelHasClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'color'),\n extraLabelClickAction: ({ options, theme }: RadarChartConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'color')\n },\n visibleIf: hasNoColor\n },\n {\n key: 'fillOpacity',\n control: {\n type: 'slider',\n label: 'Fill opacity',\n default: 0.05,\n min: 0,\n max: 0.7,\n step: 0.01\n }\n },\n {\n key: 'interpolation',\n control: {\n type: 'picker',\n label: 'Interpolation',\n default: 'linear',\n enum: ['linear', 'rounded']\n }\n },\n {\n key: 'display.points',\n control: {\n type: 'switch',\n label: 'Show points',\n default: false\n }\n },\n {\n key: 'pointSize',\n control: {\n type: 'slider',\n label: 'Point size',\n default: 3,\n min: 2,\n max: 7,\n step: 1\n },\n visibleIf: ({ options }: RadarChartConfigContext) => options?.display?.points\n }\n ]\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 }: RadarChartConfigContext) => options?.legend?.customOrder === true\n }\n ],\n visibleIf: ({ options, slots }: RadarChartConfigContext) => options?.display?.legend !== false && hasColor({ slots })\n },\n createInfoTooltipOptionsGroup<RadarChartConfigContext>()\n];\n\nexport default radarChartOptionsConfig;\n"],"mappings":";;;AAaA,IAAM,KAAY,EAAE,eAClB,MAAM,QAAQ,CAAK,MAAM,GAAO,MAAM,MAAS,GAAM,SAAS,QAAQ,CAAC,EAAE,SAAS,UAAU,KAAK,GAU7F,IAAkE;CACtE;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;GACX;GACA,WAAW;EACb,CACF;CACF;CACA;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAqC,EAAkB,CAAK;KACxE,aAAa,EAAE,YAAS,eAAqC,EAA4B,GAAS,GAAO,OAAO;KAChH,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,OAAO;KACnE,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,OAAO;IAClE;IACA,YAlDY,EAAE,eAChB,MAAM,QAAQ,CAAK,KAAK,GAAO,SAAS,IACnC,GAAG,GAAO,MAAM,MAAS,GAAM,SAAS,QAAQ,CAAC,EAAE,SAAS,UAAU,KAAK,KAG7E;GA8CH;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,MAAM,CAAC,UAAU,SAAS;IAC5B;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;KACT,KAAK;KACL,KAAK;KACL,MAAM;IACR;IACA,YAAY,EAAE,iBAAuC,GAAS,SAAS;GACzE;EACF;CACF;CACA;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,iBAAuC,GAAS,QAAQ,gBAAgB;GACxF;EACF;EACA,YAAY,EAAE,YAAS,eAAqC,GAAS,SAAS,WAAW,MAAS,EAAS,EAAE,SAAM,CAAC;CACtH;CACA,EAAuD;AACzD"}
|
|
@@ -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:!1}},{key:`alternateRowColor`,control:{type:`switch`,label:`Alternate row coloring`,default:!0}},{key:`rowHeight`,control:{type:`picker`,label:`Row height`,default:`default`,enum:[`veryCompact`,`compact`,`default`,`comfortable`,`veryComfortable`,`spacious`],toValue:e=>({veryCompact:22,compact:24,default:28,comfortable:32,veryComfortable:36,spacious:40})[e]??28,parseValue:e=>({22:`veryCompact`,24:`compact`,28:`default`,32:`comfortable`,36:`veryComfortable`,40:`spacious`})[e]??`default`}},{key:`headers.background`,control:{type:`color-picker`,label:`Headers background`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`headers.background`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`headers.background`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`headers.background`)}}]},{key:`borders`,type:`group`,open:!0,children:[{key:`tableBorders.type`,control:{type:`action-button-group`,label:`Type`,default:[`none`],values:{none:{iconName:`ban`,label:`no border`},all:{iconName:`table`,label:`row and column borders`},rows:{iconName:`rows`,label:`rows border`},columns:{iconName:`columns`,label:`columns border`}},selects:`single`}},{key:`tableBorders.color`,control:{type:`color-picker`,label:`Color`,default:({theme:t})=>e.getThemeBorderColor(t),extraLabel:({options:t,theme:n})=>e.getThemeBorderColorResetLabel(t,n,`tableBorders.color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeBorderColorExtraLabelHasClickAction(t,n,`tableBorders.color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeBorderColorExtraLabelClickAction(t,n,`tableBorders.color`)},visibleIf:({options:e})=>e?.tableBorders?.type&&e?.tableBorders?.type!==`none`},{key:`tableBorders.width`,control:{type:`number-field`,label:`Width`,default:1,min:1,max:20,step:1,unit:`px`},visibleIf:({options:e})=>e?.tableBorders?.type&&e?.tableBorders?.type!==`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:!1}},{key:`alternateRowColor`,control:{type:`switch`,label:`Alternate row coloring`,default:!0}},{key:`rowHeight`,control:{type:`picker`,label:`Row height`,default:`default`,enum:[`veryCompact`,`compact`,`default`,`comfortable`,`veryComfortable`,`spacious`],toValue:e=>({veryCompact:22,compact:24,default:28,comfortable:32,veryComfortable:36,spacious:40})[e]??28,parseValue:e=>({22:`veryCompact`,24:`compact`,28:`default`,32:`comfortable`,36:`veryComfortable`,40:`spacious`})[e]??`default`}},{key:`headers.background`,control:{type:`color-picker`,label:`Headers background`,default:({theme:t})=>e.getThemeMainColor(t),extraLabel:({options:t,theme:n})=>e.getThemeMainColorResetLabel(t,n,`headers.background`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelHasClickAction(t,n,`headers.background`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeMainColorExtraLabelClickAction(t,n,`headers.background`)}}]},{key:`borders`,type:`group`,open:!0,children:[{key:`tableBorders.type`,control:{type:`action-button-group`,label:`Type`,default:[`none`],values:{none:{iconName:`ban`,label:`no border`},all:{iconName:`table`,label:`row and column borders`},rows:{iconName:`rows`,label:`rows border`},columns:{iconName:`columns`,label:`columns border`}},selects:`single`}},{key:`tableBorders.color`,control:{type:`color-picker`,label:`Color`,default:({theme:t})=>e.getThemeBorderColor(t),extraLabel:({options:t,theme:n})=>e.getThemeBorderColorResetLabel(t,n,`tableBorders.color`),extraLabelHasClickAction:({options:t,theme:n})=>e.getThemeBorderColorExtraLabelHasClickAction(t,n,`tableBorders.color`),extraLabelClickAction:({options:t,theme:n})=>e.getThemeBorderColorExtraLabelClickAction(t,n,`tableBorders.color`)},visibleIf:({options:e})=>e?.tableBorders?.type&&e?.tableBorders?.type!==`none`},{key:`tableBorders.width`,control:{type:`number-field`,label:`Width`,default:1,min:1,max:20,step:1,unit:`px`},visibleIf:({options:e})=>e?.tableBorders?.type&&e?.tableBorders?.type!==`none`}]},require("../shared/utils/info-tooltip-options.config.cjs").createInfoTooltipOptionsGroup()];exports.default=t;
|
|
2
2
|
//# sourceMappingURL=regular-table-options.config.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"regular-table-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/regular-table/regular-table-options.config.ts"],"sourcesContent":["import {\n getThemeBorderColor,\n getThemeBorderColorExtraLabelClickAction,\n getThemeBorderColorExtraLabelHasClickAction,\n getThemeBorderColorResetLabel,\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { RegularTableViewOptions } from './regular-table-options';\n\ntype RegularTableConfigContext = OptionsConfigContext<RegularTableViewOptions>;\n\nconst regularTableOptionsConfig: OptionsConfig<RegularTableConfigContext> = [\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: 'alternateRowColor',\n control: {\n type: 'switch',\n label: 'Alternate row coloring',\n default: true\n }\n },\n {\n key: 'rowHeight',\n control: {\n type: 'picker',\n label: 'Row height',\n default: 'default',\n enum: ['veryCompact', 'compact', 'default', 'comfortable', 'veryComfortable', 'spacious'],\n toValue: (value: string) => {\n const values = {\n veryCompact: 22,\n compact: 24,\n default: 28,\n comfortable: 32,\n veryComfortable: 36,\n spacious: 40\n };\n\n return values[value as keyof typeof values] ?? 28;\n },\n parseValue: (value: number) => {\n const values = {\n 22: 'veryCompact',\n 24: 'compact',\n 28: 'default',\n 32: 'comfortable',\n 36: 'veryComfortable',\n 40: 'spacious'\n } as Record<number, string>;\n\n return values[value] ?? 'default';\n }\n }\n },\n {\n key: 'headers.background',\n control: {\n type: 'color-picker',\n label: 'Headers background',\n default: ({ theme }: RegularTableConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeMainColorResetLabel(options, theme, 'headers.background'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'headers.background'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'headers.background')\n }\n } /* ,\n {\n key: 'columnWidths',\n control: {\n type: 'button',\n label: 'Column widths',\n buttonText: 'Reset'\n }\n } */\n ]\n },\n /* {\n key: 'columns',\n type: 'group',\n open: false,\n children: []\n }, */\n {\n key: 'borders',\n type: 'group',\n open: true,\n children: [\n {\n key: 'tableBorders.type',\n control: {\n type: 'action-button-group',\n label: 'Type',\n default: ['none'],\n values: {\n none: { iconName: 'ban', label: 'no border' },\n all: { iconName: 'table', label: 'row and column borders' },\n rows: { iconName: 'rows', label: 'rows border' },\n columns: { iconName: 'columns', label: 'columns border' }\n },\n selects: 'single'\n }\n },\n {\n key: 'tableBorders.color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RegularTableConfigContext) => getThemeBorderColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeBorderColorResetLabel(options, theme, 'tableBorders.color'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelHasClickAction(options, theme, 'tableBorders.color'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelClickAction(options, theme, 'tableBorders.color')\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n },\n {\n key: 'tableBorders.width',\n control: {\n type: 'number-field',\n label: 'Width',\n default: 1,\n min: 1,\n max: 20,\n step: 1,\n unit: 'px'\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n }\n ]\n }\n];\n\nexport default regularTableOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"regular-table-options.config.cjs","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/regular-table/regular-table-options.config.ts"],"sourcesContent":["import {\n getThemeBorderColor,\n getThemeBorderColorExtraLabelClickAction,\n getThemeBorderColorExtraLabelHasClickAction,\n getThemeBorderColorResetLabel,\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 { RegularTableViewOptions } from './regular-table-options';\n\ntype RegularTableConfigContext = OptionsConfigContext<RegularTableViewOptions>;\n\nconst regularTableOptionsConfig: OptionsConfig<RegularTableConfigContext> = [\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: 'alternateRowColor',\n control: {\n type: 'switch',\n label: 'Alternate row coloring',\n default: true\n }\n },\n {\n key: 'rowHeight',\n control: {\n type: 'picker',\n label: 'Row height',\n default: 'default',\n enum: ['veryCompact', 'compact', 'default', 'comfortable', 'veryComfortable', 'spacious'],\n toValue: (value: string) => {\n const values = {\n veryCompact: 22,\n compact: 24,\n default: 28,\n comfortable: 32,\n veryComfortable: 36,\n spacious: 40\n };\n\n return values[value as keyof typeof values] ?? 28;\n },\n parseValue: (value: number) => {\n const values = {\n 22: 'veryCompact',\n 24: 'compact',\n 28: 'default',\n 32: 'comfortable',\n 36: 'veryComfortable',\n 40: 'spacious'\n } as Record<number, string>;\n\n return values[value] ?? 'default';\n }\n }\n },\n {\n key: 'headers.background',\n control: {\n type: 'color-picker',\n label: 'Headers background',\n default: ({ theme }: RegularTableConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeMainColorResetLabel(options, theme, 'headers.background'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'headers.background'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'headers.background')\n }\n } /* ,\n {\n key: 'columnWidths',\n control: {\n type: 'button',\n label: 'Column widths',\n buttonText: 'Reset'\n }\n } */\n ]\n },\n /* {\n key: 'columns',\n type: 'group',\n open: false,\n children: []\n }, */\n {\n key: 'borders',\n type: 'group',\n open: true,\n children: [\n {\n key: 'tableBorders.type',\n control: {\n type: 'action-button-group',\n label: 'Type',\n default: ['none'],\n values: {\n none: { iconName: 'ban', label: 'no border' },\n all: { iconName: 'table', label: 'row and column borders' },\n rows: { iconName: 'rows', label: 'rows border' },\n columns: { iconName: 'columns', label: 'columns border' }\n },\n selects: 'single'\n }\n },\n {\n key: 'tableBorders.color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RegularTableConfigContext) => getThemeBorderColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeBorderColorResetLabel(options, theme, 'tableBorders.color'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelHasClickAction(options, theme, 'tableBorders.color'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelClickAction(options, theme, 'tableBorders.color')\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n },\n {\n key: 'tableBorders.width',\n control: {\n type: 'number-field',\n label: 'Width',\n default: 1,\n min: 1,\n max: 20,\n step: 1,\n unit: 'px'\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n }\n ]\n },\n createInfoTooltipOptionsGroup<RegularTableConfigContext>()\n];\n\nexport default regularTableOptionsConfig;\n"],"mappings":"kCAgBA,IAAM,EAAsE,CAC1E,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,gBACL,QAAS,CACP,KAAM,SACN,MAAO,QACP,QAAS,EACX,CACF,EACA,CACE,IAAK,oBACL,QAAS,CACP,KAAM,SACN,MAAO,yBACP,QAAS,EACX,CACF,EACA,CACE,IAAK,YACL,QAAS,CACP,KAAM,SACN,MAAO,aACP,QAAS,UACT,KAAM,CAAC,cAAe,UAAW,UAAW,cAAe,kBAAmB,UAAU,EACxF,QAAU,IAUD,CARL,YAAa,GACb,QAAS,GACT,QAAS,GACT,YAAa,GACb,gBAAiB,GACjB,SAAU,EAGL,EAAA,CAAO,IAAiC,GAEjD,WAAa,IAUJ,CARL,GAAI,cACJ,GAAI,UACJ,GAAI,UACJ,GAAI,cACJ,GAAI,kBACJ,GAAI,UAGC,EAAA,CAAO,IAAU,SAE5B,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,eACN,MAAO,qBACP,SAAU,CAAE,WAAuC,EAAA,kBAAkB,CAAK,EAC1E,YAAa,CAAE,UAAS,WAAuC,EAAA,4BAA4B,EAAS,EAAO,oBAAoB,EAC/H,0BAA2B,CAAE,UAAS,WACpC,EAAA,0CAA0C,EAAS,EAAO,oBAAoB,EAChF,uBAAwB,CAAE,UAAS,WACjC,EAAA,uCAAuC,EAAS,EAAO,oBAAoB,CAC/E,CACF,CASF,CACF,EAOA,CACE,IAAK,UACL,KAAM,QACN,KAAM,GACN,SAAU,CACR,CACE,IAAK,oBACL,QAAS,CACP,KAAM,sBACN,MAAO,OACP,QAAS,CAAC,MAAM,EAChB,OAAQ,CACN,KAAM,CAAE,SAAU,MAAO,MAAO,WAAY,EAC5C,IAAK,CAAE,SAAU,QAAS,MAAO,wBAAyB,EAC1D,KAAM,CAAE,SAAU,OAAQ,MAAO,aAAc,EAC/C,QAAS,CAAE,SAAU,UAAW,MAAO,gBAAiB,CAC1D,EACA,QAAS,QACX,CACF,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,eACN,MAAO,QACP,SAAU,CAAE,WAAuC,EAAA,oBAAoB,CAAK,EAC5E,YAAa,CAAE,UAAS,WAAuC,EAAA,8BAA8B,EAAS,EAAO,oBAAoB,EACjI,0BAA2B,CAAE,UAAS,WACpC,EAAA,4CAA4C,EAAS,EAAO,oBAAoB,EAClF,uBAAwB,CAAE,UAAS,WACjC,EAAA,yCAAyC,EAAS,EAAO,oBAAoB,CACjF,EACA,WAAY,CAAE,aAAyC,GAAS,cAAc,MAAQ,GAAS,cAAc,OAAS,MACxH,EACA,CACE,IAAK,qBACL,QAAS,CACP,KAAM,eACN,MAAO,QACP,QAAS,EACT,IAAK,EACL,IAAK,GACL,KAAM,EACN,KAAM,IACR,EACA,WAAY,CAAE,aAAyC,GAAS,cAAc,MAAQ,GAAS,cAAc,OAAS,MACxH,CACF,CACF,2DACA,CAAA,CAAA,8BAAyD,CAC3D"}
|
|
@@ -1,130 +1,135 @@
|
|
|
1
1
|
import { getThemeBorderColor as e, getThemeBorderColorExtraLabelClickAction as t, getThemeBorderColorExtraLabelHasClickAction as n, getThemeBorderColorResetLabel as r, getThemeMainColor as i, getThemeMainColorExtraLabelClickAction as a, getThemeMainColorExtraLabelHasClickAction as o, getThemeMainColorResetLabel as s } from "../helpers.js";
|
|
2
|
+
import { createInfoTooltipOptionsGroup as c } from "../shared/utils/info-tooltip-options.config.js";
|
|
2
3
|
//#region src/lib/regular-table/regular-table-options.config.ts
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
4
|
+
var l = [
|
|
5
|
+
{
|
|
6
|
+
key: "general",
|
|
7
|
+
type: "group",
|
|
8
|
+
open: !0,
|
|
9
|
+
children: [
|
|
10
|
+
{
|
|
11
|
+
key: "display.title",
|
|
12
|
+
control: {
|
|
13
|
+
type: "switch",
|
|
14
|
+
label: "Title",
|
|
15
|
+
default: !1
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
key: "alternateRowColor",
|
|
20
|
+
control: {
|
|
21
|
+
type: "switch",
|
|
22
|
+
label: "Alternate row coloring",
|
|
23
|
+
default: !0
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
key: "rowHeight",
|
|
28
|
+
control: {
|
|
29
|
+
type: "picker",
|
|
30
|
+
label: "Row height",
|
|
31
|
+
default: "default",
|
|
32
|
+
enum: [
|
|
33
|
+
"veryCompact",
|
|
34
|
+
"compact",
|
|
35
|
+
"default",
|
|
36
|
+
"comfortable",
|
|
37
|
+
"veryComfortable",
|
|
38
|
+
"spacious"
|
|
39
|
+
],
|
|
40
|
+
toValue: (e) => ({
|
|
41
|
+
veryCompact: 22,
|
|
42
|
+
compact: 24,
|
|
43
|
+
default: 28,
|
|
44
|
+
comfortable: 32,
|
|
45
|
+
veryComfortable: 36,
|
|
46
|
+
spacious: 40
|
|
47
|
+
})[e] ?? 28,
|
|
48
|
+
parseValue: (e) => ({
|
|
49
|
+
22: "veryCompact",
|
|
50
|
+
24: "compact",
|
|
51
|
+
28: "default",
|
|
52
|
+
32: "comfortable",
|
|
53
|
+
36: "veryComfortable",
|
|
54
|
+
40: "spacious"
|
|
55
|
+
})[e] ?? "default"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
key: "headers.background",
|
|
60
|
+
control: {
|
|
61
|
+
type: "color-picker",
|
|
62
|
+
label: "Headers background",
|
|
63
|
+
default: ({ theme: e }) => i(e),
|
|
64
|
+
extraLabel: ({ options: e, theme: t }) => s(e, t, "headers.background"),
|
|
65
|
+
extraLabelHasClickAction: ({ options: e, theme: t }) => o(e, t, "headers.background"),
|
|
66
|
+
extraLabelClickAction: ({ options: e, theme: t }) => a(e, t, "headers.background")
|
|
67
|
+
}
|
|
65
68
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
key: "borders",
|
|
73
|
+
type: "group",
|
|
74
|
+
open: !0,
|
|
75
|
+
children: [
|
|
76
|
+
{
|
|
77
|
+
key: "tableBorders.type",
|
|
78
|
+
control: {
|
|
79
|
+
type: "action-button-group",
|
|
80
|
+
label: "Type",
|
|
81
|
+
default: ["none"],
|
|
82
|
+
values: {
|
|
83
|
+
none: {
|
|
84
|
+
iconName: "ban",
|
|
85
|
+
label: "no border"
|
|
86
|
+
},
|
|
87
|
+
all: {
|
|
88
|
+
iconName: "table",
|
|
89
|
+
label: "row and column borders"
|
|
90
|
+
},
|
|
91
|
+
rows: {
|
|
92
|
+
iconName: "rows",
|
|
93
|
+
label: "rows border"
|
|
94
|
+
},
|
|
95
|
+
columns: {
|
|
96
|
+
iconName: "columns",
|
|
97
|
+
label: "columns border"
|
|
98
|
+
}
|
|
87
99
|
},
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
label: "rows border"
|
|
91
|
-
},
|
|
92
|
-
columns: {
|
|
93
|
-
iconName: "columns",
|
|
94
|
-
label: "columns border"
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
selects: "single"
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
key: "tableBorders.color",
|
|
102
|
-
control: {
|
|
103
|
-
type: "color-picker",
|
|
104
|
-
label: "Color",
|
|
105
|
-
default: ({ theme: t }) => e(t),
|
|
106
|
-
extraLabel: ({ options: e, theme: t }) => r(e, t, "tableBorders.color"),
|
|
107
|
-
extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "tableBorders.color"),
|
|
108
|
-
extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "tableBorders.color")
|
|
100
|
+
selects: "single"
|
|
101
|
+
}
|
|
109
102
|
},
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
unit: "px"
|
|
103
|
+
{
|
|
104
|
+
key: "tableBorders.color",
|
|
105
|
+
control: {
|
|
106
|
+
type: "color-picker",
|
|
107
|
+
label: "Color",
|
|
108
|
+
default: ({ theme: t }) => e(t),
|
|
109
|
+
extraLabel: ({ options: e, theme: t }) => r(e, t, "tableBorders.color"),
|
|
110
|
+
extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "tableBorders.color"),
|
|
111
|
+
extraLabelClickAction: ({ options: e, theme: n }) => t(e, n, "tableBorders.color")
|
|
112
|
+
},
|
|
113
|
+
visibleIf: ({ options: e }) => e?.tableBorders?.type && e?.tableBorders?.type !== "none"
|
|
122
114
|
},
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
115
|
+
{
|
|
116
|
+
key: "tableBorders.width",
|
|
117
|
+
control: {
|
|
118
|
+
type: "number-field",
|
|
119
|
+
label: "Width",
|
|
120
|
+
default: 1,
|
|
121
|
+
min: 1,
|
|
122
|
+
max: 20,
|
|
123
|
+
step: 1,
|
|
124
|
+
unit: "px"
|
|
125
|
+
},
|
|
126
|
+
visibleIf: ({ options: e }) => e?.tableBorders?.type && e?.tableBorders?.type !== "none"
|
|
127
|
+
}
|
|
128
|
+
]
|
|
129
|
+
},
|
|
130
|
+
c()
|
|
131
|
+
];
|
|
127
132
|
//#endregion
|
|
128
|
-
export {
|
|
133
|
+
export { l as default };
|
|
129
134
|
|
|
130
135
|
//# sourceMappingURL=regular-table-options.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"regular-table-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/regular-table/regular-table-options.config.ts"],"sourcesContent":["import {\n getThemeBorderColor,\n getThemeBorderColorExtraLabelClickAction,\n getThemeBorderColorExtraLabelHasClickAction,\n getThemeBorderColorResetLabel,\n getThemeMainColor,\n getThemeMainColorExtraLabelClickAction,\n getThemeMainColorExtraLabelHasClickAction,\n getThemeMainColorResetLabel\n} from '../helpers';\nimport type { OptionsConfig, OptionsConfigContext } from '../shared/utils/options-config.types';\nimport type { RegularTableViewOptions } from './regular-table-options';\n\ntype RegularTableConfigContext = OptionsConfigContext<RegularTableViewOptions>;\n\nconst regularTableOptionsConfig: OptionsConfig<RegularTableConfigContext> = [\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: 'alternateRowColor',\n control: {\n type: 'switch',\n label: 'Alternate row coloring',\n default: true\n }\n },\n {\n key: 'rowHeight',\n control: {\n type: 'picker',\n label: 'Row height',\n default: 'default',\n enum: ['veryCompact', 'compact', 'default', 'comfortable', 'veryComfortable', 'spacious'],\n toValue: (value: string) => {\n const values = {\n veryCompact: 22,\n compact: 24,\n default: 28,\n comfortable: 32,\n veryComfortable: 36,\n spacious: 40\n };\n\n return values[value as keyof typeof values] ?? 28;\n },\n parseValue: (value: number) => {\n const values = {\n 22: 'veryCompact',\n 24: 'compact',\n 28: 'default',\n 32: 'comfortable',\n 36: 'veryComfortable',\n 40: 'spacious'\n } as Record<number, string>;\n\n return values[value] ?? 'default';\n }\n }\n },\n {\n key: 'headers.background',\n control: {\n type: 'color-picker',\n label: 'Headers background',\n default: ({ theme }: RegularTableConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeMainColorResetLabel(options, theme, 'headers.background'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'headers.background'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'headers.background')\n }\n } /* ,\n {\n key: 'columnWidths',\n control: {\n type: 'button',\n label: 'Column widths',\n buttonText: 'Reset'\n }\n } */\n ]\n },\n /* {\n key: 'columns',\n type: 'group',\n open: false,\n children: []\n }, */\n {\n key: 'borders',\n type: 'group',\n open: true,\n children: [\n {\n key: 'tableBorders.type',\n control: {\n type: 'action-button-group',\n label: 'Type',\n default: ['none'],\n values: {\n none: { iconName: 'ban', label: 'no border' },\n all: { iconName: 'table', label: 'row and column borders' },\n rows: { iconName: 'rows', label: 'rows border' },\n columns: { iconName: 'columns', label: 'columns border' }\n },\n selects: 'single'\n }\n },\n {\n key: 'tableBorders.color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RegularTableConfigContext) => getThemeBorderColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeBorderColorResetLabel(options, theme, 'tableBorders.color'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelHasClickAction(options, theme, 'tableBorders.color'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelClickAction(options, theme, 'tableBorders.color')\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n },\n {\n key: 'tableBorders.width',\n control: {\n type: 'number-field',\n label: 'Width',\n default: 1,\n min: 1,\n max: 20,\n step: 1,\n unit: 'px'\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n }\n ]\n }\n];\n\nexport default regularTableOptionsConfig;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"regular-table-options.config.js","names":[],"sources":["../../../../libs/dashboard-contents-types/src/lib/regular-table/regular-table-options.config.ts"],"sourcesContent":["import {\n getThemeBorderColor,\n getThemeBorderColorExtraLabelClickAction,\n getThemeBorderColorExtraLabelHasClickAction,\n getThemeBorderColorResetLabel,\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 { RegularTableViewOptions } from './regular-table-options';\n\ntype RegularTableConfigContext = OptionsConfigContext<RegularTableViewOptions>;\n\nconst regularTableOptionsConfig: OptionsConfig<RegularTableConfigContext> = [\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: 'alternateRowColor',\n control: {\n type: 'switch',\n label: 'Alternate row coloring',\n default: true\n }\n },\n {\n key: 'rowHeight',\n control: {\n type: 'picker',\n label: 'Row height',\n default: 'default',\n enum: ['veryCompact', 'compact', 'default', 'comfortable', 'veryComfortable', 'spacious'],\n toValue: (value: string) => {\n const values = {\n veryCompact: 22,\n compact: 24,\n default: 28,\n comfortable: 32,\n veryComfortable: 36,\n spacious: 40\n };\n\n return values[value as keyof typeof values] ?? 28;\n },\n parseValue: (value: number) => {\n const values = {\n 22: 'veryCompact',\n 24: 'compact',\n 28: 'default',\n 32: 'comfortable',\n 36: 'veryComfortable',\n 40: 'spacious'\n } as Record<number, string>;\n\n return values[value] ?? 'default';\n }\n }\n },\n {\n key: 'headers.background',\n control: {\n type: 'color-picker',\n label: 'Headers background',\n default: ({ theme }: RegularTableConfigContext) => getThemeMainColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeMainColorResetLabel(options, theme, 'headers.background'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelHasClickAction(options, theme, 'headers.background'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeMainColorExtraLabelClickAction(options, theme, 'headers.background')\n }\n } /* ,\n {\n key: 'columnWidths',\n control: {\n type: 'button',\n label: 'Column widths',\n buttonText: 'Reset'\n }\n } */\n ]\n },\n /* {\n key: 'columns',\n type: 'group',\n open: false,\n children: []\n }, */\n {\n key: 'borders',\n type: 'group',\n open: true,\n children: [\n {\n key: 'tableBorders.type',\n control: {\n type: 'action-button-group',\n label: 'Type',\n default: ['none'],\n values: {\n none: { iconName: 'ban', label: 'no border' },\n all: { iconName: 'table', label: 'row and column borders' },\n rows: { iconName: 'rows', label: 'rows border' },\n columns: { iconName: 'columns', label: 'columns border' }\n },\n selects: 'single'\n }\n },\n {\n key: 'tableBorders.color',\n control: {\n type: 'color-picker',\n label: 'Color',\n default: ({ theme }: RegularTableConfigContext) => getThemeBorderColor(theme),\n extraLabel: ({ options, theme }: RegularTableConfigContext) => getThemeBorderColorResetLabel(options, theme, 'tableBorders.color'),\n extraLabelHasClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelHasClickAction(options, theme, 'tableBorders.color'),\n extraLabelClickAction: ({ options, theme }: RegularTableConfigContext) =>\n getThemeBorderColorExtraLabelClickAction(options, theme, 'tableBorders.color')\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n },\n {\n key: 'tableBorders.width',\n control: {\n type: 'number-field',\n label: 'Width',\n default: 1,\n min: 1,\n max: 20,\n step: 1,\n unit: 'px'\n },\n visibleIf: ({ options }: RegularTableConfigContext) => options?.tableBorders?.type && options?.tableBorders?.type !== 'none'\n }\n ]\n },\n createInfoTooltipOptionsGroup<RegularTableConfigContext>()\n];\n\nexport default regularTableOptionsConfig;\n"],"mappings":";;;AAgBA,IAAM,IAAsE;CAC1E;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;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,MAAM;MAAC;MAAe;MAAW;MAAW;MAAe;MAAmB;KAAU;KACxF,UAAU,OAUD;MARL,aAAa;MACb,SAAS;MACT,SAAS;MACT,aAAa;MACb,iBAAiB;MACjB,UAAU;KAGL,EAAA,CAAO,MAAiC;KAEjD,aAAa,OAUJ;MARL,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;KAGC,EAAA,CAAO,MAAU;IAE5B;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAuC,EAAkB,CAAK;KAC1E,aAAa,EAAE,YAAS,eAAuC,EAA4B,GAAS,GAAO,oBAAoB;KAC/H,2BAA2B,EAAE,YAAS,eACpC,EAA0C,GAAS,GAAO,oBAAoB;KAChF,wBAAwB,EAAE,YAAS,eACjC,EAAuC,GAAS,GAAO,oBAAoB;IAC/E;GACF;EASF;CACF;CAOA;EACE,KAAK;EACL,MAAM;EACN,MAAM;EACN,UAAU;GACR;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS,CAAC,MAAM;KAChB,QAAQ;MACN,MAAM;OAAE,UAAU;OAAO,OAAO;MAAY;MAC5C,KAAK;OAAE,UAAU;OAAS,OAAO;MAAyB;MAC1D,MAAM;OAAE,UAAU;OAAQ,OAAO;MAAc;MAC/C,SAAS;OAAE,UAAU;OAAW,OAAO;MAAiB;KAC1D;KACA,SAAS;IACX;GACF;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,UAAU,EAAE,eAAuC,EAAoB,CAAK;KAC5E,aAAa,EAAE,YAAS,eAAuC,EAA8B,GAAS,GAAO,oBAAoB;KACjI,2BAA2B,EAAE,YAAS,eACpC,EAA4C,GAAS,GAAO,oBAAoB;KAClF,wBAAwB,EAAE,YAAS,eACjC,EAAyC,GAAS,GAAO,oBAAoB;IACjF;IACA,YAAY,EAAE,iBAAyC,GAAS,cAAc,QAAQ,GAAS,cAAc,SAAS;GACxH;GACA;IACE,KAAK;IACL,SAAS;KACP,MAAM;KACN,OAAO;KACP,SAAS;KACT,KAAK;KACL,KAAK;KACL,MAAM;KACN,MAAM;IACR;IACA,YAAY,EAAE,iBAAyC,GAAS,cAAc,QAAQ,GAAS,cAAc,SAAS;GACxH;EACF;CACF;CACA,EAAyD;AAC3D"}
|