@limetech/lime-elements 40.20.0 → 40.20.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [40.20.1](https://github.com/Lundalogik/lime-elements/compare/v40.20.0...v40.20.1) (2026-11-03)
+
+### Bug Fixes
+
+
+* **chart:** draw the chart inside its padding ([ba55f00](https://github.com/Lundalogik/lime-elements/commit/ba55f009a6cba072cf0b1855229aa32341c8e15e))
+* **chart:** draw the item values in the color of the text ([9a04f53](https://github.com/Lundalogik/lime-elements/commit/9a04f5357fab50d46252ddf173bfbee0fce35c75))
+* **chart:** give axis charts a height when their container has none ([bea5f33](https://github.com/Lundalogik/lime-elements/commit/bea5f33bf2d4ef09dd875dd4228ff17831adbd7b))
+* **chart:** round each corner that --chart-item-border-radius gives ([c30f688](https://github.com/Lundalogik/lime-elements/commit/c30f688f70e084a3e8fc1217434f253e7ea730c1))
+* **chart:** round the ends of a stacked bar ([c24bb9d](https://github.com/Lundalogik/lime-elements/commit/c24bb9d5d7cc706f2415e63e5b900e4f7d7f89ac))
+* **chart:** show the pointer cursor only on the items of a pie ([dc7df44](https://github.com/Lundalogik/lime-elements/commit/dc7df44794ced3f95259621a8cd555fd2ff2b28f))
+
 ## [40.20.0](https://github.com/Lundalogik/lime-elements/compare/v40.19.0...v40.20.0) (2026-11-02)
 
 ### Features

package/dist/cjs/limel-chart.cjs.entry.js

@@ -50565,7 +50565,7 @@ function getAxisSeries(settings, theme) {
         return getLineSeries(settings, theme);
     }
     if (settings.type === 'dot') {
-        return getDotSeries(settings);
+        return getDotSeries(settings, theme);
     }
     return getBarSeries(settings, theme);
 }
@@ -50580,7 +50580,7 @@ function getBarSeries(settings, theme) {
                 borderRadius: theme.itemBorderRadius,
             },
         })),
-        label: getValueLabel(settings),
+        label: getValueLabel(settings, theme),
         cursor: getSeriesCursor(items),
         emphasis: emphasis,
         blur: blur,
@@ -50596,7 +50596,7 @@ function getBarSeries(settings, theme) {
         seriesIndex: 1,
     };
 }
-function getDotSeries(settings) {
+function getDotSeries(settings, theme) {
     const { items, orientation } = settings;
     const point = (index, value) => orientation === 'landscape' ? [index, value] : [value, index];
     const ends = {
@@ -50606,7 +50606,7 @@ function getDotSeries(settings) {
             value: point(index, getMaximumValue(item)),
             itemStyle: { color: item.color },
         })),
-        label: getValueLabel(settings),
+        label: getValueLabel(settings, theme),
         cursor: getSeriesCursor(items),
         emphasis: emphasis,
         blur: blur,
@@ -50653,7 +50653,7 @@ function getLineSeries(settings, theme) {
             itemStyle: { color: item.color },
         })),
         areaStyle: area ? { color: color, opacity: AREA_OPACITY } : undefined,
-        label: getValueLabel(settings),
+        label: getValueLabel(settings, theme),
         cursor: getSeriesCursor(items),
         emphasis: emphasis,
         blur: blur,
@@ -50689,11 +50689,7 @@ function drawScatter(settings, theme) {
                 itemStyle: { color: item.color },
             };
         }),
-        label: {
-            show: settings.displayItemText || settings.displayItemValue,
-            position: 'top',
-            formatter: ({ dataIndex }) => getPointLabel(settings, items[dataIndex]),
-        },
+        label: Object.assign(Object.assign({ show: settings.displayItemText || settings.displayItemValue, position: 'top' }, getLabelStyle(theme)), { formatter: ({ dataIndex }) => getPointLabel(settings, items[dataIndex]) }),
         cursor: getSeriesCursor(items),
         emphasis: emphasis,
         blur: blur,
@@ -50723,6 +50719,7 @@ function drawPie(settings, theme) {
             value: whole - sum,
             itemStyle: { color: theme.backgroundColor },
             emphasis: { disabled: true },
+            cursor: getCursor(false),
         });
     }
     const innerRadius = settings.type === 'doughnut' ? '50%' : 0;
@@ -50915,12 +50912,11 @@ function getAxisName(settings, name, theme) {
         nameTextStyle: { color: theme.textColor },
     };
 }
-function getValueLabel(settings) {
-    return {
-        show: settings.displayItemValue,
-        position: settings.orientation === 'landscape' ? 'top' : 'right',
-        formatter: ({ dataIndex }) => formatValue(settings.items[dataIndex], settings.type),
-    };
+function getValueLabel(settings, theme) {
+    return Object.assign(Object.assign({ show: settings.displayItemValue, position: settings.orientation === 'landscape' ? 'top' : 'right' }, getLabelStyle(theme)), { formatter: ({ dataIndex }) => formatValue(settings.items[dataIndex], settings.type) });
+}
+function getLabelStyle(theme) {
+    return { color: theme.textColor, textBorderWidth: 0 };
 }
 function getPointLabel(settings, item) {
     const parts = [];
@@ -51004,6 +51000,18 @@ function createThemeReader(root) {
         probe.style.width = '';
         return Number.isFinite(pixels) ? pixels : 0;
     };
+    const resolveCorners = (value) => {
+        probe.style.borderRadius = value;
+        const style = getComputedStyle(probe);
+        const corners = [
+            style.borderTopLeftRadius,
+            style.borderTopRightRadius,
+            style.borderBottomRightRadius,
+            style.borderBottomLeftRadius,
+        ];
+        probe.style.borderRadius = '';
+        return corners.map((corner) => resolveLength(corner));
+    };
     return {
         color: (value) => (isColor(value) ? resolveColor(value) : undefined),
         theme: () => ({
@@ -51014,7 +51022,7 @@ function createThemeReader(root) {
             backgroundColor: resolvePublicColor('--limel-chart-background-color'),
             dividerColor: resolvePublicColor('--limel-chart-item-divider-color'),
             surfaceColor: resolveColor('var(--limel-chart-surface-color)'),
-            itemBorderRadius: resolveLength('var(--limel-chart-item-border-radius)'),
+            itemBorderRadius: resolveCorners('var(--limel-chart-item-border-radius)'),
             scatterItemSize: resolveLength('var(--limel-chart-scatter-item-size)'),
             fontFamily: getComputedStyle(root.host).fontFamily,
             npsColors: [
@@ -51073,7 +51081,7 @@ function paintToRgba(context, color) {
     return `rgba(${red}, ${green}, ${blue}, ${alpha / MAX_CHANNEL})`;
 }
 
-const chartCss = () => `@charset "UTF-8";:host(limel-chart){--limel-chart-item-color:var(       --chart-item-color,       rgb(var(--contrast-1100), 0.8)   );--limel-chart-axis-line-color:var(       --chart-axis-line-color,       rgb(var(--contrast-900), 0.4)   );--limel-chart-background-color:var(--chart-background-color, transparent);--limel-chart-item-divider-color:var(       --chart-item-divider-color,       rgb(var(--contrast-100), 0.6)   );--limel-chart-item-border-radius:var(--chart-item-border-radius, 0);--limel-chart-scatter-item-size:var(--chart-scatter-item-size, 0.5rem);--limel-chart-text-color:rgb(var(--contrast-1000));--limel-chart-line-color:rgb(var(--contrast-900));--limel-chart-surface-color:rgb(var(--contrast-100));--limel-chart-nps-detractors-color:rgb(var(--color-coral-default));--limel-chart-nps-passives-color:rgb(var(--color-amber-light));--limel-chart-nps-good-color:rgb(var(--color-lime-light));--limel-chart-nps-excellent-color:rgb(var(--color-lime-default));box-sizing:border-box;position:relative;display:flex;width:100%;height:100%;min-width:0;min-height:0}:host(limel-chart[type=bar]){--limel-chart-item-border-radius:var(--chart-item-border-radius, 0.125rem)}:host(limel-chart[type=stacked-bar]){--limel-chart-background-color:var(       --chart-background-color,       rgb(var(--contrast-800), 0.2)   )}:host(limel-chart[type=stacked-bar][orientation=landscape]){min-height:0.5rem}:host(limel-chart[type=stacked-bar][orientation=portrait]){min-width:0.5rem}:host(limel-chart[type=pie]),:host(limel-chart[type=doughnut]),:host(limel-chart[type=ring]){--limel-chart-background-color:var(       --chart-background-color,       rgb(var(--contrast-200))   )}:host(limel-chart[type=nps]){--limel-chart-background-color:var(       --chart-background-color,       rgb(var(--contrast-100))   )}:host(limel-chart[type=pie]),:host(limel-chart[type=doughnut]),:host(limel-chart[type=ring]),:host(limel-chart[type=nps]){aspect-ratio:1}.plot{position:absolute;inset:0}table{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}limel-spinner{margin:auto}`;
+const chartCss = () => `@charset "UTF-8";:host(limel-chart){--limel-chart-item-color:var(       --chart-item-color,       rgb(var(--contrast-1100), 0.8)   );--limel-chart-axis-line-color:var(       --chart-axis-line-color,       rgb(var(--contrast-900), 0.4)   );--limel-chart-background-color:var(--chart-background-color, transparent);--limel-chart-item-divider-color:var(       --chart-item-divider-color,       rgb(var(--contrast-100), 0.6)   );--limel-chart-item-border-radius:var(--chart-item-border-radius, 0);--limel-chart-scatter-item-size:var(--chart-scatter-item-size, 0.5rem);--limel-chart-text-color:rgb(var(--contrast-1000));--limel-chart-line-color:rgb(var(--contrast-900));--limel-chart-surface-color:rgb(var(--contrast-100));--limel-chart-nps-detractors-color:rgb(var(--color-coral-default));--limel-chart-nps-passives-color:rgb(var(--color-amber-light));--limel-chart-nps-good-color:rgb(var(--color-lime-light));--limel-chart-nps-excellent-color:rgb(var(--color-lime-default));box-sizing:border-box;position:relative;display:flex;width:100%;height:100%;min-width:0;min-height:0}:host(limel-chart[type=bar]){--limel-chart-item-border-radius:var(--chart-item-border-radius, 0.125rem)}:host(limel-chart[type=stacked-bar]){--limel-chart-background-color:var(       --chart-background-color,       rgb(var(--contrast-800), 0.2)   )}:host(limel-chart[type=stacked-bar][orientation=landscape]),:host(limel-chart[type=stacked-bar][orientation=landscape]) .plot{min-height:0.5rem}:host(limel-chart[type=stacked-bar][orientation=portrait]),:host(limel-chart[type=stacked-bar][orientation=portrait]) .plot{min-width:0.5rem}:host(limel-chart[type=pie]),:host(limel-chart[type=doughnut]),:host(limel-chart[type=ring]){--limel-chart-background-color:var(       --chart-background-color,       rgb(var(--contrast-200))   )}:host(limel-chart[type=nps]){--limel-chart-background-color:var(       --chart-background-color,       rgb(var(--contrast-100))   )}:host(limel-chart[type=pie]),:host(limel-chart[type=doughnut]),:host(limel-chart[type=ring]),:host(limel-chart[type=nps]){aspect-ratio:1}:host(limel-chart[type=bar][data-fallback-height]),:host(limel-chart[type=dot][data-fallback-height]),:host(limel-chart[type=line][data-fallback-height]),:host(limel-chart[type=area][data-fallback-height]),:host(limel-chart[type=scatter][data-fallback-height]){aspect-ratio:2}.plot{flex-grow:1;contain:size}:host(limel-chart[type=stacked-bar]) .plot{border-radius:0.25rem;overflow:hidden}table{position:absolute;width:0;height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap}limel-spinner{margin:auto}`;
 
 const orientations = ['horizontal', 'vertical'];
 const extensions = [
@@ -51291,6 +51299,9 @@ const Chart = class {
         }
         this.observeSize();
         const { clientWidth: width, clientHeight: height } = this.plot;
+        if (width && !height) {
+            this.host.toggleAttribute('data-fallback-height', true);
+        }
         if (!width || !height) {
             return;
         }

package/dist/cjs/limel-markdown.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index$1 = require('./index-BlsqxTB1.js');
-var markdownParser = require('./markdown-parser-toAp9-Eq.js');
+var markdownParser = require('./markdown-parser-C14XF_G3.js');
 var config = require('./config-dit--4m5.js');
 var index = require('./index-DIiA99Er.js');
 var adaptColorContrast = require('./adapt-color-contrast-h6iwOfZd.js');
@@ -1138,7 +1138,7 @@ const Markdown = class {
      */
     async toMarkdown() {
         await this.rendering;
-        const { exportMarkdown } = await Promise.resolve().then(function () { return require('./markdown-exporter-BWS2EBxq.js'); });
+        const { exportMarkdown } = await Promise.resolve().then(function () { return require('./markdown-exporter-CGNfjGr9.js'); });
         return exportMarkdown(this.rootElement, this.cachedCombinedWhitelist);
     }
     textChanged() {

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index$1 = require('./index-BlsqxTB1.js');
 var types = require('./types-C7gNcwzE.js');
-var markdownParser = require('./markdown-parser-toAp9-Eq.js');
+var markdownParser = require('./markdown-parser-C14XF_G3.js');
 var cloneDeep = require('./cloneDeep-CiuKX6HE.js');
 var translations = require('./translations-CqJEWcfw.js');
 var index = require('./index-DIiA99Er.js');