@limetech/lime-elements 39.44.3 → 39.44.5

package/dist/cjs/{markdown-parser-F3YRMjcy.js → markdown-parser-ChnRAxpZ.js}

@@ -33792,26 +33792,31 @@ function sanitizeStyle(node) {
     var _a;
     if (node.tagName && ((_a = node.properties) === null || _a === void 0 ? void 0 : _a.style)) {
         // Sanitize the 'style' attribute of the node.
-        node.properties.style = sanitizeStyleValue(node.properties.style);
+        node.properties.style = sanitizeStyleValue(node.properties.style, node.tagName);
     }
 }
 /**
  * Applies a whitelist to the CSS properties in the input string.
  * Any CSS properties not in the whitelist will be removed.
  *
+ * A zero width is also removed from `table` elements. Some HTML sources
+ * (e.g. Google Sheets) set `width: 0px` on the table element and define
+ * the real column widths in `colgroup`; a zero width forces the table
+ * down to its min-content size, crushing every column to its longest
+ * word. A zero width on a table can only ever harm rendering, since
+ * auto layout already floors the table at min-content.
+ *
  * @param styleValue - a string with CSS properties and values
+ * @param tagName - tag name of the element the style belongs to
  * @returns a sanitized version of the input string
  */
-/**
- *
- * @param styleValue
- */
-function sanitizeStyleValue(styleValue) {
+function sanitizeStyleValue(styleValue, tagName) {
     try {
         const css = StyleToObject(styleValue);
         const normalizedCss = normalizeBackgroundColor(css);
         return Object.entries(normalizedCss)
             .filter(([key]) => allowedCssProperties.includes(key))
+            .filter(([key, value]) => !isCollapsedTableWidth(tagName, key, value))
             .map(([key, value]) => `${key}: ${value}`)
             .join('; ');
     }
@@ -33820,6 +33825,12 @@ function sanitizeStyleValue(styleValue) {
         return '';
     }
 }
+function isCollapsedTableWidth(tagName, property, value) {
+    return tagName === 'table' && property === 'width' && isZeroLength(value);
+}
+function isZeroLength(value) {
+    return Number.parseFloat(value) === 0;
+}
 /**
  * Returns a copy of the input object with the `background` property removed.
  * If the `background` property's value was a valid CSS color value, the
@@ -34119,6 +34130,11 @@ function getWhiteList(allowedComponents) {
         // elements only.
         clobberPrefix: '', strip: [...((_b = index$2.defaultSchema.strip) !== null && _b !== void 0 ? _b : []), 'style'], tagNames: [
             ...(index$2.defaultSchema.tagNames || []),
+            // Table column definitions carry the column widths for tables
+            // from sources like Google Sheets, where the table element
+            // itself has no usable width.
+            'colgroup',
+            'col',
             ...allowedComponents.map((component) => component.tagName),
         ], attributes: Object.assign(Object.assign({}, index$2.defaultSchema.attributes), { p: [
                 ...((_c = index$2.defaultSchema.attributes.p) !== null && _c !== void 0 ? _c : []),

package/dist/collection/components/form/form.test-schemas.js

@@ -376,6 +376,21 @@ export const topLevelStringCustomComponentSchema = {
         },
     },
 };
+export const stringWithDefaultCustomComponentSchema = {
+    type: 'object',
+    properties: {
+        icon: {
+            type: 'string',
+            title: 'Icon',
+            default: 'decision',
+            lime: { component: { name: 'limel-input-field' } },
+        },
+        name: {
+            type: 'string',
+            title: 'Name',
+        },
+    },
+};
 export const arrayItemWithDependenciesSchema = {
     type: 'object',
     properties: {

package/dist/collection/components/markdown/markdown-parser.js

@@ -107,6 +107,11 @@ function getWhiteList(allowedComponents) {
         // elements only.
         clobberPrefix: '', strip: [...((_b = defaultSchema.strip) !== null && _b !== void 0 ? _b : []), 'style'], tagNames: [
             ...(defaultSchema.tagNames || []),
+            // Table column definitions carry the column widths for tables
+            // from sources like Google Sheets, where the table element
+            // itself has no usable width.
+            'colgroup',
+            'col',
             ...allowedComponents.map((component) => component.tagName),
         ], attributes: Object.assign(Object.assign({}, defaultSchema.attributes), { p: [
                 ...((_c = defaultSchema.attributes.p) !== null && _c !== void 0 ? _c : []),

package/dist/collection/components/markdown/markdown.js

@@ -28,6 +28,7 @@ import { adaptColorContrast } from "../../util/adapt-color-contrast";
  * @exampleComponent limel-example-markdown-code
  * @exampleComponent limel-example-markdown-footnotes
  * @exampleComponent limel-example-markdown-tables
+ * @exampleComponent limel-example-markdown-html-tables
  * @exampleComponent limel-example-markdown-html
  * @exampleComponent limel-example-markdown-keys
  * @exampleComponent limel-example-markdown-blockquotes
@@ -143,7 +144,7 @@ export class Markdown {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: '79583ca7783472254c84899b2709d20e21bb442f' }, h("div", { key: 'd06c81a4098a25b97a6ed56d2830205228933c6e', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: '527dafa3c663a214860ebf7bae33f568f21d4b2d' }, h("div", { key: '79a0d02a4118e94723c6ddfbb94a91875dfe3d2b', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/collection/components/markdown/sanitize-style.js

@@ -10,26 +10,31 @@ export function sanitizeStyle(node) {
     var _a;
     if (node.tagName && ((_a = node.properties) === null || _a === void 0 ? void 0 : _a.style)) {
         // Sanitize the 'style' attribute of the node.
-        node.properties.style = sanitizeStyleValue(node.properties.style);
+        node.properties.style = sanitizeStyleValue(node.properties.style, node.tagName);
     }
 }
 /**
  * Applies a whitelist to the CSS properties in the input string.
  * Any CSS properties not in the whitelist will be removed.
  *
+ * A zero width is also removed from `table` elements. Some HTML sources
+ * (e.g. Google Sheets) set `width: 0px` on the table element and define
+ * the real column widths in `colgroup`; a zero width forces the table
+ * down to its min-content size, crushing every column to its longest
+ * word. A zero width on a table can only ever harm rendering, since
+ * auto layout already floors the table at min-content.
+ *
  * @param styleValue - a string with CSS properties and values
+ * @param tagName - tag name of the element the style belongs to
  * @returns a sanitized version of the input string
  */
-/**
- *
- * @param styleValue
- */
-export function sanitizeStyleValue(styleValue) {
+export function sanitizeStyleValue(styleValue, tagName) {
     try {
         const css = parse(styleValue);
         const normalizedCss = normalizeBackgroundColor(css);
         return Object.entries(normalizedCss)
             .filter(([key]) => allowedCssProperties.includes(key))
+            .filter(([key, value]) => !isCollapsedTableWidth(tagName, key, value))
             .map(([key, value]) => `${key}: ${value}`)
             .join('; ');
     }
@@ -38,6 +43,12 @@ export function sanitizeStyleValue(styleValue) {
         return '';
     }
 }
+function isCollapsedTableWidth(tagName, property, value) {
+    return tagName === 'table' && property === 'width' && isZeroLength(value);
+}
+function isZeroLength(value) {
+    return Number.parseFloat(value) === 0;
+}
 /**
  * Returns a copy of the input object with the `background` property removed.
  * If the `background` property's value was a valid CSS color value, the

package/dist/collection/components/table/table.css

@@ -701,6 +701,12 @@
   text-overflow: ellipsis;
   outline: none;
 }
+.tabulator-row .tabulator-cell .tabulator-tick {
+  fill: #2DC214;
+}
+.tabulator-row .tabulator-cell .tabulator-cross {
+  fill: #CE1515;
+}
 .tabulator-row .tabulator-cell.tabulator-row-header {
   border-right: 1px solid #999;
   border-bottom: 1px solid #aaa;