@limetech/lime-elements 38.1.4 → 38.2.0

package/dist/types/components/collapsible-section/collapsible-section.d.ts

@@ -3,6 +3,7 @@ import { Action } from './action';
  * @slot - Content to put inside the collapsible section
  * @exampleComponent limel-example-collapsible-section
  * @exampleComponent limel-example-collapsible-section-actions
+ * @exampleComponent limel-example-collapsible-section-with-custom-header-component
  * @exampleComponent limel-example-collapsible-section-css-props
  * @exampleComponent limel-example-collapsible-section-external-control
  * @exampleComponent limel-example-collapsible-section-with-slider
@@ -40,6 +41,7 @@ export declare class CollapsibleSection {
   private onClick;
   private handleInteraction;
   private renderActions;
+  private renderHeaderSlot;
   private renderActionButton;
   private handleActionClick;
 }

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

@@ -12,6 +12,7 @@ import { CustomElementDefinition } from '../../global/shared-types/custom-elemen
  * @exampleComponent limel-example-markdown-footnotes
  * @exampleComponent limel-example-markdown-tables
  * @exampleComponent limel-example-markdown-html
+ * @exampleComponent limel-example-markdown-keys
  * @exampleComponent limel-example-markdown-blockquotes
  * @exampleComponent limel-example-markdown-horizontal-rule
  * @exampleComponent limel-example-markdown-composite

package/dist/types/components.d.ts

@@ -856,6 +856,7 @@ export namespace Components {
     /**
      * @exampleComponent limel-example-collapsible-section
      * @exampleComponent limel-example-collapsible-section-actions
+     * @exampleComponent limel-example-collapsible-section-with-custom-header-component
      * @exampleComponent limel-example-collapsible-section-css-props
      * @exampleComponent limel-example-collapsible-section-external-control
      * @exampleComponent limel-example-collapsible-section-with-slider
@@ -1879,6 +1880,7 @@ export namespace Components {
      * @exampleComponent limel-example-markdown-footnotes
      * @exampleComponent limel-example-markdown-tables
      * @exampleComponent limel-example-markdown-html
+     * @exampleComponent limel-example-markdown-keys
      * @exampleComponent limel-example-markdown-blockquotes
      * @exampleComponent limel-example-markdown-horizontal-rule
      * @exampleComponent limel-example-markdown-composite
@@ -3465,6 +3467,7 @@ declare global {
     /**
      * @exampleComponent limel-example-collapsible-section
      * @exampleComponent limel-example-collapsible-section-actions
+     * @exampleComponent limel-example-collapsible-section-with-custom-header-component
      * @exampleComponent limel-example-collapsible-section-css-props
      * @exampleComponent limel-example-collapsible-section-external-control
      * @exampleComponent limel-example-collapsible-section-with-slider
@@ -4011,6 +4014,7 @@ declare global {
      * @exampleComponent limel-example-markdown-footnotes
      * @exampleComponent limel-example-markdown-tables
      * @exampleComponent limel-example-markdown-html
+     * @exampleComponent limel-example-markdown-keys
      * @exampleComponent limel-example-markdown-blockquotes
      * @exampleComponent limel-example-markdown-horizontal-rule
      * @exampleComponent limel-example-markdown-composite
@@ -5381,6 +5385,7 @@ declare namespace LocalJSX {
     /**
      * @exampleComponent limel-example-collapsible-section
      * @exampleComponent limel-example-collapsible-section-actions
+     * @exampleComponent limel-example-collapsible-section-with-custom-header-component
      * @exampleComponent limel-example-collapsible-section-css-props
      * @exampleComponent limel-example-collapsible-section-external-control
      * @exampleComponent limel-example-collapsible-section-with-slider
@@ -6521,6 +6526,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-markdown-footnotes
      * @exampleComponent limel-example-markdown-tables
      * @exampleComponent limel-example-markdown-html
+     * @exampleComponent limel-example-markdown-keys
      * @exampleComponent limel-example-markdown-blockquotes
      * @exampleComponent limel-example-markdown-horizontal-rule
      * @exampleComponent limel-example-markdown-composite
@@ -8053,6 +8059,7 @@ declare module "@stencil/core" {
             /**
              * @exampleComponent limel-example-collapsible-section
              * @exampleComponent limel-example-collapsible-section-actions
+             * @exampleComponent limel-example-collapsible-section-with-custom-header-component
              * @exampleComponent limel-example-collapsible-section-css-props
              * @exampleComponent limel-example-collapsible-section-external-control
              * @exampleComponent limel-example-collapsible-section-with-slider
@@ -8464,6 +8471,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-markdown-footnotes
              * @exampleComponent limel-example-markdown-tables
              * @exampleComponent limel-example-markdown-html
+             * @exampleComponent limel-example-markdown-keys
              * @exampleComponent limel-example-markdown-blockquotes
              * @exampleComponent limel-example-markdown-horizontal-rule
              * @exampleComponent limel-example-markdown-composite

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "38.1.4",
+  "version": "38.2.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -44,9 +44,9 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.7.1",
-    "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.20.0",
-    "@microsoft/api-extractor": "^7.50.0",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.21.0",
+    "@microsoft/api-extractor": "^7.51.0",
     "@popperjs/core": "^2.11.8",
     "@rjsf/core": "^2.4.2",
     "@rollup/plugin-node-resolve": "^13.3.0",

package/dist/lime-elements/p-3451ab63.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["markdownCss","Markdown","globalConfig","markdownWhitelist","async","html","markdownToHTML","this","value","forceHardLineBreaks","whitelist","_a","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';\n@import './partial-styles/headings';\n@import './partial-styles/body-text';\n@import './partial-styles/lists';\n@import './partial-styles/tables';\n@import './partial-styles/blockquotes';\n@import './partial-styles/definition-lists';\n@import './partial-styles/img';\n@import './partial-styles/_adjust-for-table-cell';\n\n// body-text\nhr {\n    border-top: 1px solid rgb(var(--contrast-700));\n}\n\n.MsoNormal {\n    margin: 0;\n}\n","import { Component, h, Prop, Watch } from '@stencil/core';\nimport { markdownToHTML } from './markdown-parser';\nimport { globalConfig } from '../../global/config';\nimport { CustomElementDefinition } from '../../global/shared-types/custom-element.types';\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 * @exampleComponent limel-example-markdown-custom-component\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    /**\n     * Whitelisted html elements.\n     *\n     * Any custom element added here will not be sanitized and thus rendered.\n     * Can also be set via `limel-config`. Setting this property will override\n     * the global config.\n     * @alpha\n     */\n    @Prop()\n    public whitelist?: CustomElementDefinition[] =\n        globalConfig.markdownWhitelist;\n\n    @Watch('value')\n    public async textChanged() {\n        try {\n            const html = await markdownToHTML(this.value, {\n                forceHardLineBreaks: true,\n                whitelist: this.whitelist ?? [],\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":"2IAAA,MAAMA,EAAc,26L,MC4BPC,EAAQ,M,6DAmBbC,EAAaC,iB,CAGVC,oB,MACH,IACI,MAAMC,QAAaC,EAAeC,KAAKC,MAAO,CAC1CC,oBAAqB,KACrBC,WAAWC,EAAAJ,KAAKG,aAAS,MAAAC,SAAA,EAAAA,EAAI,KAEjCJ,KAAKK,YAAYC,UAAYR,C,CAC/B,MAAOS,GAELC,QAAQD,MAAMA,E,EAIfV,yBACHG,KAAKS,a,CAKFC,SACH,MAAO,CACHC,EAAA,OACIC,GAAG,WACHC,IAAMC,GAAQd,KAAKK,YAAcS,I"}