feat(markdown): support global whitelist config

etc/lime-elements.api.md

@@ -748,6 +748,7 @@ export namespace Components {
 export type Config = {
     iconPath?: string;
     defaultLocale?: string;
+    markdownWhitelist?: CustomElementDefinition[];
     featureSwitches?: Record<string, boolean>;
 };
 

src/components/markdown/markdown.tsx

@@ -1,5 +1,6 @@
 import { Component, h, Prop, Watch } from '@stencil/core';
 import { markdownToHTML } from './markdown-parser';
+import { globalConfig } from '../../global/config';
 import { CustomElementDefinition } from '../../global/shared-types/custom-element.types';
 
 /**
@@ -38,10 +39,13 @@ export class Markdown {
      * Whitelisted html elements.
      *
      * Any custom element added here will not be sanitized and thus rendered.
+     * Can also be set via `limel-config`. Setting this property will override
+     * the global config.
      * @alpha
      */
     @Prop()
-    public whitelist?: CustomElementDefinition[];
+    public whitelist?: CustomElementDefinition[] =
+        globalConfig.markdownWhitelist;
 
     @Watch('value')
     public async textChanged() {

src/global/config.ts

@@ -1,3 +1,5 @@
+import { CustomElementDefinition } from './shared-types/custom-element.types';
+
 /**
  * Configuration options for limel-config.
  *
@@ -14,6 +16,14 @@ export type Config = {
      */
     defaultLocale?: string;
 
+    /**
+     * Whitelisted html elements for `limel-markdown`.
+     *
+     * Any custom element added here will not be sanitized and thus rendered.
+     * @alpha
+     */
+    markdownWhitelist?: CustomElementDefinition[];
+
     /**
      * @internal
      */
@@ -23,6 +33,7 @@ export type Config = {
 class ConfigClass implements Config {
     public iconPath = '';
     public defaultLocale = navigator.language;
+    public markdownWhitelist?: CustomElementDefinition[];
     public featureSwitches: any = getFeatureSwitches(localStorage);
 }