@limetech/lime-elements 37.57.6 → 37.58.0

package/dist/types/components/markdown/markdown-parser.d.ts

@@ -1,3 +1,4 @@
+import { CustomElement } from '../../global/shared-types/custom-element.types';
 /**
  * Takes a string as input and returns a new string
  * where the text has been converted to HTML.
@@ -21,5 +22,6 @@ export interface markdownToHTMLOptions {
    * Set to `true` to convert all soft line breaks to hard line breaks.
    */
   forceHardLineBreaks?: boolean;
+  whitelist?: CustomElement[];
 }
 //# sourceMappingURL=markdown-parser.d.ts.map

package/dist/types/components/markdown/markdown.d.ts

@@ -1,3 +1,4 @@
+import { CustomElement } from '../../global/shared-types/custom-element.types';
 /**
  * The Markdown component receives markdown syntax
  * and renders it as HTML.
@@ -14,6 +15,7 @@
  * @exampleComponent limel-example-markdown-blockquotes
  * @exampleComponent limel-example-markdown-horizontal-rule
  * @exampleComponent limel-example-markdown-composite
+ * @exampleComponent limel-example-markdown-custom-component
  */
 export declare class Markdown {
   /**
@@ -22,6 +24,13 @@ export declare class Markdown {
    * as text.
    */
   value: string;
+  /**
+   * Whitelisted html elements.
+   *
+   * Any custom element added here will not be sanitized and thus rendered.
+   * @alpha
+   */
+  whitelist?: CustomElement[];
   textChanged(): Promise<void>;
   componentDidLoad(): Promise<void>;
   private rootElement;

package/dist/types/components.d.ts

@@ -32,6 +32,7 @@ import { IconSize } from "./components/icon/icon.types";
 import { InfoTileProgress } from "./components/info-tile/info-tile.types";
 import { InputType } from "./components/input-field/input-field.types";
 import { ListType } from "./components/list/list.types";
+import { CustomElement } from "./global/shared-types/custom-element.types";
 import { MenuListType } from "./components/menu-list/menu-list.types";
 import { PickerValue } from "./components/picker/value.types";
 import { Searcher } from "./components/picker/searcher.types";
@@ -70,6 +71,7 @@ export { IconSize } from "./components/icon/icon.types";
 export { InfoTileProgress } from "./components/info-tile/info-tile.types";
 export { InputType } from "./components/input-field/input-field.types";
 export { ListType } from "./components/list/list.types";
+export { CustomElement } from "./global/shared-types/custom-element.types";
 export { MenuListType } from "./components/menu-list/menu-list.types";
 export { PickerValue } from "./components/picker/value.types";
 export { Searcher } from "./components/picker/searcher.types";
@@ -1727,12 +1729,18 @@ export namespace Components {
      * @exampleComponent limel-example-markdown-blockquotes
      * @exampleComponent limel-example-markdown-horizontal-rule
      * @exampleComponent limel-example-markdown-composite
+     * @exampleComponent limel-example-markdown-custom-component
      */
     interface LimelMarkdown {
         /**
           * The input text. Treated as GitHub Flavored Markdown, with the addition that any included HTML will be parsed and rendered as HTML, rather than as text.
          */
         "value": string;
+        /**
+          * Whitelisted html elements.  Any custom element added here will not be sanitized and thus rendered.
+          * @alpha
+         */
+        "whitelist"?: CustomElement[];
     }
     /**
      * @exampleComponent limel-example-menu-basic
@@ -3750,6 +3758,7 @@ declare global {
      * @exampleComponent limel-example-markdown-blockquotes
      * @exampleComponent limel-example-markdown-horizontal-rule
      * @exampleComponent limel-example-markdown-composite
+     * @exampleComponent limel-example-markdown-custom-component
      */
     interface HTMLLimelMarkdownElement extends Components.LimelMarkdown, HTMLStencilElement {
     }
@@ -6097,12 +6106,18 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-markdown-blockquotes
      * @exampleComponent limel-example-markdown-horizontal-rule
      * @exampleComponent limel-example-markdown-composite
+     * @exampleComponent limel-example-markdown-custom-component
      */
     interface LimelMarkdown {
         /**
           * The input text. Treated as GitHub Flavored Markdown, with the addition that any included HTML will be parsed and rendered as HTML, rather than as text.
          */
         "value"?: string;
+        /**
+          * Whitelisted html elements.  Any custom element added here will not be sanitized and thus rendered.
+          * @alpha
+         */
+        "whitelist"?: CustomElement[];
     }
     /**
      * @exampleComponent limel-example-menu-basic
@@ -7929,6 +7944,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-markdown-blockquotes
              * @exampleComponent limel-example-markdown-horizontal-rule
              * @exampleComponent limel-example-markdown-composite
+             * @exampleComponent limel-example-markdown-custom-component
              */
             "limel-markdown": LocalJSX.LimelMarkdown & JSXBase.HTMLAttributes<HTMLLimelMarkdownElement>;
             /**

package/dist/types/global/shared-types/custom-element.types.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Custom Element
+ *
+ * @alpha
+ */
+export interface CustomElement {
+  tagName: string;
+  attributes: string[];
+}
+//# sourceMappingURL=custom-element.types.d.ts.map

package/dist/types/interface.d.ts

@@ -11,6 +11,7 @@ export * from './components/dialog/dialog.types';
 export * from './components/dock/dock.types';
 export * from './global/shared-types/file.types';
 export * from './components/flex-container/flex-container.types';
+export * from './global/shared-types/custom-element.types';
 export { EventEmitter, ValidationStatus, FormError, ValidationError, FormComponent, FormInfo, LimeSchemaOptions, LimeLayoutOptions, FormComponentOptions, FormLayoutOptions, GridLayoutOptions, RowLayoutOptions, FormLayoutType, ReplaceObjectType, FormSchemaArrayItem, FormSubKeySchema, } from './components/form/form.types';
 export * from './components/help/help.types';
 export * from './components/icon/icon.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "37.57.6",
+  "version": "37.58.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -43,10 +43,10 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^19.4.1",
+    "@commitlint/config-conventional": "^19.5.0",
     "@eslint/eslintrc": "^3.1.0",
-    "@eslint/js": "^9.9.1",
-    "@microsoft/api-extractor": "^7.47.7",
+    "@eslint/js": "^9.10.0",
+    "@microsoft/api-extractor": "^7.47.8",
     "@popperjs/core": "^2.11.8",
     "@rjsf/core": "^2.4.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -103,7 +103,7 @@
     "replace-in-file": "^7.2.0",
     "shelljs": "0.8.5",
     "shx": "^0.3.3",
-    "style-to-object": "^1.0.7",
+    "style-to-object": "^1.0.8",
     "tabulator-tables": "^4.9.3",
     "typescript": "^4.9.5",
     "unified": "^11.0.5",

package/dist/lime-elements/p-1bbb0dca.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["markdownCss","Markdown","async","html","markdownToHTML","this","value","forceHardLineBreaks","rootElement","innerHTML","error","console","textChanged","render","h","id","ref","el"],"sources":["./src/components/markdown/markdown.scss?tag=limel-markdown&encapsulation=shadow","./src/components/markdown/markdown.tsx"],"sourcesContent":["/**\n* @prop --markdown-hyperlink-color: color of text for hyperlinks. Defaults to `--color-blue-dark`;\n* @prop --markdown-hyperlink-color--hovered: color of text for hyperlinks when hovered. Defaults to `--color-blue-default`;\n*/\n\n@import './partial-styles/pre-code.scss';\n@import './partial-styles/headings.scss';\n@import './partial-styles/body-text.scss';\n@import './partial-styles/lists.scss';\n@import './partial-styles/tables.scss';\n@import './partial-styles/blockquotes.scss';\n@import './partial-styles/definition-lists.scss';\n\n// body-text\nhr {\n    border-top: 1px solid rgb(var(--contrast-700));\n}\n\nimg {\n    max-width: 100%;\n}\n\n.MsoNormal {\n    margin: 0;\n}\n","import { Component, h, Prop, Watch } from '@stencil/core';\nimport { markdownToHTML } from './markdown-parser';\n\n/**\n * The Markdown component receives markdown syntax\n * and renders it as HTML.\n *\n * @exampleComponent limel-example-markdown-headings\n * @exampleComponent limel-example-markdown-emphasis\n * @exampleComponent limel-example-markdown-lists\n * @exampleComponent limel-example-markdown-links\n * @exampleComponent limel-example-markdown-images\n * @exampleComponent limel-example-markdown-code\n * @exampleComponent limel-example-markdown-footnotes\n * @exampleComponent limel-example-markdown-tables\n * @exampleComponent limel-example-markdown-html\n * @exampleComponent limel-example-markdown-blockquotes\n * @exampleComponent limel-example-markdown-horizontal-rule\n * @exampleComponent limel-example-markdown-composite\n */\n@Component({\n    tag: 'limel-markdown',\n    styleUrl: 'markdown.scss',\n    shadow: true,\n})\nexport class Markdown {\n    /**\n     * The input text. Treated as GitHub Flavored Markdown, with the addition\n     * that any included HTML will be parsed and rendered as HTML, rather than\n     * as text.\n     */\n    @Prop()\n    public value: string;\n\n    @Watch('value')\n    public async textChanged() {\n        try {\n            const html = await markdownToHTML(this.value, {\n                forceHardLineBreaks: true,\n            });\n            this.rootElement.innerHTML = html;\n        } catch (error) {\n            // eslint-disable-next-line no-console\n            console.error(error);\n        }\n    }\n\n    public async componentDidLoad() {\n        this.textChanged();\n    }\n\n    private rootElement: HTMLDivElement;\n\n    public render() {\n        return [\n            <div\n                id=\"markdown\"\n                ref={(el) => (this.rootElement = el as HTMLDivElement)}\n            />,\n        ];\n    }\n}\n"],"mappings":"uGAAA,MAAMA,EAAc,umI,MCyBPC,EAAQ,M,8CAUVC,oBACH,IACI,MAAMC,QAAaC,EAAeC,KAAKC,MAAO,CAC1CC,oBAAqB,OAEzBF,KAAKG,YAAYC,UAAYN,C,CAC/B,MAAOO,GAELC,QAAQD,MAAMA,E,EAIfR,yBACHG,KAAKO,a,CAKFC,SACH,MAAO,CACHC,EAAA,OACIC,GAAG,WACHC,IAAMC,GAAQZ,KAAKG,YAAcS,I"}