@limetech/lime-elements 37.64.3 → 37.65.0

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js

@@ -21,6 +21,7 @@ import { createImageRemoverPlugin } from './plugins/image-remover-plugin';
 import { createMenuStateTrackingPlugin } from './plugins/menu-state-tracking-plugin';
 import { createActionBarInteractionPlugin } from './plugins/menu-action-interaction-plugin';
 import { createNodeSpec } from '../utils/plugin-factory';
+import { createTriggerPlugin } from './plugins/trigger/factory';
 const DEBOUNCE_TIMEOUT = 300;
 /**
  * The ProseMirror adapter offers a rich text editing experience with markdown support.
@@ -127,7 +128,8 @@ export class ProsemirrorAdapter {
     this.contentType = 'markdown';
     this.value = undefined;
     this.language = undefined;
-    this.plugins = [];
+    this.customElements = [];
+    this.triggerCharacters = [];
     this.view = undefined;
     this.actionBarItems = [];
     this.link = { href: '' };
@@ -189,7 +191,7 @@ export class ProsemirrorAdapter {
   }
   setupContentConverter() {
     if (this.contentType === 'markdown') {
-      this.contentConverter = new MarkdownConverter(this.plugins);
+      this.contentConverter = new MarkdownConverter(this.customElements);
     }
     else if (this.contentType === 'html') {
       this.contentConverter = new HTMLConverter();
@@ -213,9 +215,9 @@ export class ProsemirrorAdapter {
   }
   initializeSchema() {
     let nodes = schema.spec.nodes;
-    this.plugins.forEach((plugin) => {
-      const newNodeSpec = createNodeSpec(plugin);
-      const nodeName = plugin.tagName;
+    this.customElements.forEach((customElement) => {
+      const newNodeSpec = createNodeSpec(customElement);
+      const nodeName = customElement.tagName;
       nodes = nodes.append({ [nodeName]: newNodeSpec });
     });
     nodes = addListNodes(nodes, 'paragraph block*', 'block');
@@ -244,6 +246,7 @@ export class ProsemirrorAdapter {
         ...exampleSetup({ schema: this.schema, menuBar: false }),
         keymap(this.menuCommandFactory.buildKeymap()),
         createLinkPlugin(this.handleNewLinkSelection),
+        createTriggerPlugin(this.triggerCharacters),
         createImageRemoverPlugin(),
         createMenuStateTrackingPlugin(editorMenuTypesArray, this.menuCommandFactory, this.updateActiveActionBarItems),
         createActionBarInteractionPlugin(this.menuCommandFactory),
@@ -337,14 +340,14 @@ export class ProsemirrorAdapter {
         "attribute": "language",
         "reflect": true
       },
-      "plugins": {
+      "customElements": {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "CustomElement[]",
-          "resolved": "CustomElement[]",
+          "original": "CustomElementDefinition[]",
+          "resolved": "CustomElementDefinition[]",
           "references": {
-            "CustomElement": {
+            "CustomElementDefinition": {
               "location": "import",
               "path": "../../../global/shared-types/custom-element.types"
             }
@@ -363,6 +366,33 @@ export class ProsemirrorAdapter {
           "text": "set to private to avoid usage while under development"
         },
         "defaultValue": "[]"
+      },
+      "triggerCharacters": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TriggerCharacter[]",
+          "resolved": "TriggerCharacter[]",
+          "references": {
+            "TriggerCharacter": {
+              "location": "import",
+              "path": "../text-editor.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "private",
+              "text": undefined
+            }, {
+              "name": "alpha",
+              "text": undefined
+            }],
+          "text": "set to private to avoid usage while under development"
+        },
+        "defaultValue": "[]"
       }
     };
   }

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosemirror-adapter.js","sourceRoot":"","sources":["../../../../src/components/text-editor/prosemirror-adapter/prosemirror-adapter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,CAAC,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACH,eAAe,EAEf,oBAAoB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAEH,gBAAgB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC;AAE5F,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B;;;;;;;;GAQG;AAMH,MAAM,OAAO,kBAAkB;EAsE3B;IAbQ,kBAAa,GAAG,KAAK,CAAC;IAE9B;;OAEG;IACK,wBAAmB,GAAG,KAAK,CAAC;IA0H5B,sBAAiB,GAAG,GAAG,EAAE;MAC7B,IAAI,CAAC,cAAc,GAAG,sBAAsB,EAAE,CAAC,GAAG,CAC9C,IAAI,CAAC,iBAAiB,CACzB,CAAC;IACN,CAAC,CAAC;IAEM,sBAAiB,GAAG,CAAC,IAAI,EAAE,EAAE;MACjC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;MAEhC,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QACd,MAAM,aAAa,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,aAAa,EAAE;UACf,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9D;OACJ;MAED,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IA0EM,+BAA0B,GAAG,CACjC,WAA6C,EAC/C,EAAE;MACA,MAAM,QAAQ,GAAG,sBAAsB,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACnD,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;UACd,uCACO,IAAI,KACP,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,IACnC;SACL;QAED,OAAO,IAAI,CAAC;MAChB,CAAC,CAAC,CAAC;MAEH,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;IACnC,CAAC,CAAC;IAoBM,sBAAiB,GAAG,CAAC,WAAwB,EAAE,EAAE;MACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;MACpD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;MAEhC,IAAI,IAAI,CAAC,mBAAmB,IAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;QAC5D,OAAO;OACV;MAED,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;MAExE,IAAI,OAAO,KAAK,IAAI,CAAC,gBAAgB,EAAE;QACnC,OAAO;OACV;MAED,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC;MAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;MAC1B,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC;IAEM,wBAAmB,GAAG,CAC1B,KAAkD,EACpD,EAAE;MACA,KAAK,CAAC,cAAc,EAAE,CAAC;MACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;MACjC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;MAE/B,IAAI,KAAK,KAAK,eAAe,CAAC,IAAI,EAAE;QAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAE3B,OAAO;OACV;MAED,MAAM,cAAc,GAAG,IAAI,WAAW,CAAC,oBAAoB,EAAE;QACzD,MAAM,EAAE,KAAK,CAAC,MAAM;OACvB,CAAC,CAAC;MACH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAChD,CAAC,CAAC;IAEM,yBAAoB,GAAG,CAAC,KAAwB,EAAE,EAAE;MACxD,KAAK,CAAC,cAAc,EAAE,CAAC;MACvB,KAAK,CAAC,eAAe,EAAE,CAAC;MAExB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;MAC5B,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACvC,CAAC,CAAC;IAEM,uBAAkB,GAAG,GAAG,EAAE;MAC9B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;MAE5B,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,cAAc,EAAE;QAClD,MAAM,EAAE;UACJ,IAAI,EAAE,eAAe,CAAC,IAAI;UAC1B,IAAI,EAAE,IAAI,CAAC,IAAI;SAClB;OACJ,CAAC,CAAC;MACH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;MAE3C,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEM,qBAAgB,GAAG,CAAC,KAAkC,EAAE,EAAE;MAC9D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC,CAAC;IAMM,2BAAsB,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE;MAC5D,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;MACtB,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAC1B,CAAC,CAAC;IAEM,uBAAkB,GAAG,CACzB,KAA6C,EAC/C,EAAE;MACA,KAAK,CAAC,wBAAwB,EAAE,CAAC;MACjC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;MACpC,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;MACvC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEM,kBAAa,GAAG,QAAQ,CAAC,CAAC,KAAa,EAAE,EAAE;MAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;MACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC/B,CAAC,EAAE,gBAAgB,CAAC,CAAC;IAEb,eAAU,GAAG,GAAG,EAAE;MACtB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC/B,CAAC,CAAC;uBAzYwC,UAAU;;;mBAqBzB,EAAE;;0BAazB,EAAE;gBAGyB,EAAE,IAAI,EAAE,EAAE,EAAE;0BAMV,KAAK;IAqBlC,IAAI,CAAC,QAAQ,GAAG,kBAAkB,EAAE,CAAC;GACxC;EAGS,UAAU,CAAC,QAAgB;IACjC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,IAAI,IAAI,CAAC,aAAa,EAAE;MACpB,0DAA0D;MAC1D,OAAO;KACV;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAClD,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,MAAM,CACd,CAAC;IAEF,kEAAkE;IAClE,IAAI,QAAQ,KAAK,cAAc,EAAE;MAC7B,OAAO;KACV;IAED,iDAAiD;IACjD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;EAC9B,CAAC;EAEM,iBAAiB;IACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACzB,IAAI,CAAC,qBAAqB,EAAE,CAAC;EACjC,CAAC;EAEM,gBAAgB;IACnB,yDAAyD;IACzD,iEAAiE;IACjE,6BAA6B;IAC7B,UAAU,CAAC,GAAG,EAAE;MACZ,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,CAAC,CAAC;EACV,CAAC;EAEM,iBAAiB;IACpB,IAAI,IAAI,CAAC,IAAI,EAAE;MACX,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC/B;IAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,CACtB,uBAAuB,EACvB,IAAI,CAAC,kBAAkB,CAC1B,CAAC;EACN,CAAC;EAEM,oBAAoB;;IACvB,IAAI,CAAC,IAAI,CAAC,mBAAmB,CACzB,uBAAuB,EACvB,IAAI,CAAC,kBAAkB,CAC1B,CAAC;IACF,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,0CAAE,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC7D,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,EAAE,CAAC;EACzB,CAAC;EAEM,MAAM;IACT,OAAO;MACH,WAAK,EAAE,EAAC,QAAQ,GAAG;MACnB,WAAK,KAAK,EAAC,SAAS;QAChB,wBACI,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,EACzC,eAAe,EAAC,SAAS,EACzB,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,cAAc,EAAE,IAAI,CAAC,mBAAmB,GAC1C,CACA;MACN,IAAI,CAAC,cAAc,EAAE;KACxB,CAAC;EACN,CAAC;EAED,cAAc;IACV,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;MACtB,OAAO;KACV;IAED,OAAO,CACH,oBACI,WAAW,EAAE,IAAI,CAAC,QAAQ,EAC1B,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,aAAa,EAAC,KAAK,EACnB,kBAAkB,EAAE,IAAI,EACxB,MAAM,EAAE,IAAI,CAAC,gBAAgB;MAE7B,mCACI,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EACnC,MAAM,EAAE,IAAI,CAAC,kBAAkB,GACjC,CACS,CAClB,CAAC;EACN,CAAC;EAEO,qBAAqB;IACzB,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;MACjC,IAAI,CAAC,gBAAgB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC/D;SAAM,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,EAAE;MACpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,aAAa,EAAE,CAAC;KAC/C;SAAM;MACH,MAAM,IAAI,KAAK,CACX,6BAA6B,IAAI,CAAC,WAAW,6CAA6C,CAC7F,CAAC;KACL;EACL,CAAC;EAsBO,KAAK,CAAC,oBAAoB;IAC9B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACtC,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACpD,IAAI,CAAC,kBAAkB,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9D,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CACtB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,EAC7C;MACI,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;MACzC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB;KAC9C,CACJ,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAExD,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC/B;EACL,CAAC;EAEO,gBAAgB;IACpB,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IAE9B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;MAC5B,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;MAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;MAEhC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IACH,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC;IAEzD,OAAO,IAAI,MAAM,CAAC;MACd,KAAK,EAAE,KAAK;MACZ,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAC5B,aAAa,EAAE,aAAa;OAC/B,CAAC;KACL,CAAC,CAAC;EACP,CAAC;EAEO,KAAK,CAAC,mBAAmB;IAC7B,MAAM,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE5D,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,qBAAqB,CAAC,SAAS;QAC3B,MAAM,IAAI,CAAC,gBAAgB,CAAC,WAAW,CACnC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,CACd,CAAC;KACT;SAAM;MACH,qBAAqB,CAAC,SAAS,GAAG,SAAS,CAAC;KAC/C;IAED,OAAO,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC;EAC1E,CAAC;EAEO,iBAAiB,CAAC,UAAU;IAChC,OAAO,WAAW,CAAC,MAAM,CAAC;MACtB,GAAG,EAAE,UAAU;MACf,OAAO,EAAE;QACL,GAAG,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;QAC7C,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC;QAC7C,wBAAwB,EAAE;QAC1B,6BAA6B,CACzB,oBAAoB,EACpB,IAAI,CAAC,kBAAkB,EACvB,IAAI,CAAC,0BAA0B,CAClC;QACD,gCAAgC,CAAC,IAAI,CAAC,kBAAkB,CAAC;OAC5D;KACJ,CAAC,CAAC;EACP,CAAC;EAmBO,KAAK,CAAC,UAAU,CAAC,OAAe;IACpC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAChC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAChD,OAAO,EACP,IAAI,CAAC,MAAM,CACd,CAAC;IACF,MAAM,oBAAoB,GAAG,SAAS,CAAC,UAAU,CAC7C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CACzB,CAAC;IACF,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;IACzC,MAAM,GAAG,GAAG,SAAS,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACzD,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC5D,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/D,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvB,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;EACrC,CAAC;EAkEM,QAAQ;;IACX,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBJ","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    Prop,\n    State,\n    Watch,\n    h,\n} from '@stencil/core';\nimport { EditorState, Transaction } from 'prosemirror-state';\nimport { EditorView } from 'prosemirror-view';\nimport { Schema, DOMParser } from 'prosemirror-model';\nimport { schema } from 'prosemirror-schema-basic';\nimport { addListNodes } from 'prosemirror-schema-list';\nimport { exampleSetup } from 'prosemirror-example-setup';\nimport { keymap } from 'prosemirror-keymap';\nimport { ActionBarItem } from 'src/components/action-bar/action-bar.types';\nimport { ListSeparator } from 'src/components/list/list-item.types';\nimport { MenuCommandFactory } from './menu/menu-commands';\nimport { menuTranslationIDs, getTextEditorMenuItems } from './menu/menu-items';\nimport { ContentTypeConverter } from '../utils/content-type-converter';\nimport { MarkdownConverter } from '../utils/markdown-converter';\nimport { HTMLConverter } from '../utils/html-converter';\nimport {\n    EditorMenuTypes,\n    EditorTextLink,\n    editorMenuTypesArray,\n} from './menu/types';\nimport translate from 'src/global/translations';\nimport { createRandomString } from 'src/util/random-string';\nimport { isItem } from 'src/components/action-bar/isItem';\nimport { cloneDeep, debounce } from 'lodash-es';\nimport { Languages } from '../../date-picker/date.types';\nimport { strikethrough } from './menu/menu-schema-extender';\nimport {\n    EditorLinkMenuEventDetail,\n    createLinkPlugin,\n} from './plugins/link-plugin';\nimport { createImageRemoverPlugin } from './plugins/image-remover-plugin';\nimport { createMenuStateTrackingPlugin } from './plugins/menu-state-tracking-plugin';\nimport { createActionBarInteractionPlugin } from './plugins/menu-action-interaction-plugin';\nimport { CustomElement } from '../../../global/shared-types/custom-element.types';\nimport { createNodeSpec } from '../utils/plugin-factory';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\n/**\n * The ProseMirror adapter offers a rich text editing experience with markdown support.\n * [Read more...](https://prosemirror.net/)\n *\n * @exampleComponent limel-example-prosemirror-adapter-basic\n * @exampleComponent limel-example-prosemirror-adapter-with-custom-menu\n * @beta\n * @private\n */\n@Component({\n    tag: 'limel-prosemirror-adapter',\n    shadow: true,\n    styleUrl: 'prosemirror-adapter.scss',\n})\nexport class ProsemirrorAdapter {\n    /**\n     * The type of content that the editor should handle and emit, defaults to `markdown`\n     *\n     * Assumed to be set only once, so not reactive to changes\n     */\n    @Prop()\n    public contentType: 'markdown' | 'html' = 'markdown';\n\n    /**\n     * The value of the editor, expected to be markdown\n     */\n    @Prop()\n    public value: string;\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop({ reflect: true })\n    public language: Languages;\n\n    /**\n     * set to private to avoid usage while under development\n     *\n     * @private\n     * @alpha\n     */\n    @Prop()\n    plugins: CustomElement[] = [];\n\n    @Element()\n    private host: HTMLLimelTextEditorElement;\n\n    private portalId: string;\n\n    @State()\n    private view: EditorView;\n\n    @State()\n    private actionBarItems: Array<\n        ActionBarItem<EditorMenuTypes> | ListSeparator\n    > = [];\n\n    @State()\n    private link: EditorTextLink = { href: '' };\n\n    /**\n     * Open state of the dialog\n     */\n    @State()\n    public isLinkMenuOpen: boolean = false;\n\n    private menuCommandFactory: MenuCommandFactory;\n    private schema: Schema;\n    private contentConverter: ContentTypeConverter;\n    private actionBarElement: HTMLElement;\n    private lastEmittedValue: string;\n    private changeWaiting = false;\n\n    /**\n     *  Used to stop change event emitting as result of getting updated value from consumer\n     */\n    private suppressChangeEvent = false;\n\n    /**\n     * Dispatched when a change is made to the editor\n     */\n    @Event()\n    private change: EventEmitter<string>;\n\n    constructor() {\n        this.portalId = createRandomString();\n    }\n\n    @Watch('value')\n    protected watchValue(newValue: string) {\n        if (!this.view) {\n            return;\n        }\n\n        if (this.changeWaiting) {\n            // A change is pending; do not update the editor's content\n            return;\n        }\n\n        const currentContent = this.contentConverter.serialize(\n            this.view,\n            this.schema,\n        );\n\n        // If the new value is the same as the current content, do nothing\n        if (newValue === currentContent) {\n            return;\n        }\n\n        // Update the editor's content with the new value\n        this.updateView(newValue);\n    }\n\n    public componentWillLoad() {\n        this.getActionBarItems();\n        this.setupContentConverter();\n    }\n\n    public componentDidLoad() {\n        // Stencil complains loudly about triggering rerenders in\n        // componentDidLoad, but we have to, so we're using setTimeout to\n        // suppress the warning. /Ads\n        setTimeout(() => {\n            this.initializeTextEditor();\n        }, 0);\n    }\n\n    public connectedCallback() {\n        if (this.view) {\n            this.initializeTextEditor();\n        }\n\n        this.host.addEventListener(\n            'open-editor-link-menu',\n            this.handleOpenLinkMenu,\n        );\n    }\n\n    public disconnectedCallback() {\n        this.host.removeEventListener(\n            'open-editor-link-menu',\n            this.handleOpenLinkMenu,\n        );\n        this.view?.dom?.removeEventListener('blur', this.handleBlur);\n        this.view?.destroy();\n    }\n\n    public render() {\n        return [\n            <div id=\"editor\" />,\n            <div class=\"toolbar\">\n                <limel-action-bar\n                    ref={(el) => (this.actionBarElement = el)}\n                    accessibleLabel=\"Toolbar\"\n                    actions={this.actionBarItems}\n                    onItemSelected={this.handleActionBarItem}\n                />\n            </div>,\n            this.renderLinkMenu(),\n        ];\n    }\n\n    renderLinkMenu() {\n        if (!this.isLinkMenuOpen) {\n            return;\n        }\n\n        return (\n            <limel-portal\n                containerId={this.portalId}\n                visible={this.isLinkMenuOpen}\n                openDirection=\"top\"\n                inheritParentWidth={true}\n                anchor={this.actionBarElement}\n            >\n                <limel-text-editor-link-menu\n                    link={this.link}\n                    isOpen={this.isLinkMenuOpen}\n                    onLinkChange={this.handleLinkChange}\n                    onCancel={this.handleCancelLinkMenu}\n                    onSave={this.handleSaveLinkMenu}\n                />\n            </limel-portal>\n        );\n    }\n\n    private setupContentConverter() {\n        if (this.contentType === 'markdown') {\n            this.contentConverter = new MarkdownConverter(this.plugins);\n        } else if (this.contentType === 'html') {\n            this.contentConverter = new HTMLConverter();\n        } else {\n            throw new Error(\n                `Unsupported content type: ${this.contentType}. Only 'markdown' and 'html' are supported.`,\n            );\n        }\n    }\n\n    private getActionBarItems = () => {\n        this.actionBarItems = getTextEditorMenuItems().map(\n            this.getTranslatedItem,\n        );\n    };\n\n    private getTranslatedItem = (item) => {\n        const newItem = cloneDeep(item);\n\n        if (isItem(item)) {\n            const translationId = menuTranslationIDs[item.value];\n\n            if (translationId) {\n                newItem.text = translate.get(translationId, this.language);\n            }\n        }\n\n        return newItem;\n    };\n\n    private async initializeTextEditor() {\n        this.schema = this.initializeSchema();\n        const initialDoc = await this.parseInitialContent();\n        this.menuCommandFactory = new MenuCommandFactory(this.schema);\n        this.view = new EditorView(\n            this.host.shadowRoot.querySelector('#editor'),\n            {\n                state: this.createEditorState(initialDoc),\n                dispatchTransaction: this.handleTransaction,\n            },\n        );\n\n        this.view.dom.addEventListener('blur', this.handleBlur);\n\n        if (this.value) {\n            this.updateView(this.value);\n        }\n    }\n\n    private initializeSchema() {\n        let nodes = schema.spec.nodes;\n\n        this.plugins.forEach((plugin) => {\n            const newNodeSpec = createNodeSpec(plugin);\n            const nodeName = plugin.tagName;\n\n            nodes = nodes.append({ [nodeName]: newNodeSpec });\n        });\n        nodes = addListNodes(nodes, 'paragraph block*', 'block');\n\n        return new Schema({\n            nodes: nodes,\n            marks: schema.spec.marks.append({\n                strikethrough: strikethrough,\n            }),\n        });\n    }\n\n    private async parseInitialContent() {\n        const initialContentElement = document.createElement('div');\n\n        if (this.value) {\n            initialContentElement.innerHTML =\n                await this.contentConverter.parseAsHTML(\n                    this.value,\n                    this.schema,\n                );\n        } else {\n            initialContentElement.innerHTML = '<p></p>';\n        }\n\n        return DOMParser.fromSchema(this.schema).parse(initialContentElement);\n    }\n\n    private createEditorState(initialDoc) {\n        return EditorState.create({\n            doc: initialDoc,\n            plugins: [\n                ...exampleSetup({ schema: this.schema, menuBar: false }),\n                keymap(this.menuCommandFactory.buildKeymap()),\n                createLinkPlugin(this.handleNewLinkSelection),\n                createImageRemoverPlugin(),\n                createMenuStateTrackingPlugin(\n                    editorMenuTypesArray,\n                    this.menuCommandFactory,\n                    this.updateActiveActionBarItems,\n                ),\n                createActionBarInteractionPlugin(this.menuCommandFactory),\n            ],\n        });\n    }\n\n    private updateActiveActionBarItems = (\n        activeTypes: Record<EditorMenuTypes, boolean>,\n    ) => {\n        const newItems = getTextEditorMenuItems().map((item) => {\n            if (isItem(item)) {\n                return {\n                    ...item,\n                    selected: activeTypes[item.value],\n                };\n            }\n\n            return item;\n        });\n\n        this.actionBarItems = newItems;\n    };\n\n    private async updateView(content: string) {\n        this.suppressChangeEvent = true;\n        const html = await this.contentConverter.parseAsHTML(\n            content,\n            this.schema,\n        );\n        const prosemirrorDOMparser = DOMParser.fromSchema(\n            this.view.state.schema,\n        );\n        const domParser = new window.DOMParser();\n        const doc = domParser.parseFromString(html, 'text/html');\n        const prosemirrorDoc = prosemirrorDOMparser.parse(doc.body);\n        const tr = this.view.state.tr;\n        tr.replaceWith(0, tr.doc.content.size, prosemirrorDoc.content);\n        this.view.dispatch(tr);\n        this.suppressChangeEvent = false;\n    }\n\n    private handleTransaction = (transaction: Transaction) => {\n        const newState = this.view.state.apply(transaction);\n        this.view.updateState(newState);\n\n        if (this.suppressChangeEvent || transaction.getMeta('pointer')) {\n            return;\n        }\n\n        const content = this.contentConverter.serialize(this.view, this.schema);\n\n        if (content === this.lastEmittedValue) {\n            return;\n        }\n\n        this.lastEmittedValue = content;\n        this.changeWaiting = true;\n        this.changeEmitter(content);\n    };\n\n    private handleActionBarItem = (\n        event: CustomEvent<ActionBarItem<EditorMenuTypes>>,\n    ) => {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        const { value } = event.detail;\n\n        if (value === EditorMenuTypes.Link) {\n            this.isLinkMenuOpen = true;\n\n            return;\n        }\n\n        const actionBarEvent = new CustomEvent('actionBarItemClick', {\n            detail: event.detail,\n        });\n        this.view.dom.dispatchEvent(actionBarEvent);\n    };\n\n    private handleCancelLinkMenu = (event: CustomEvent<void>) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.isLinkMenuOpen = false;\n        this.link = { text: '', href: '' };\n    };\n\n    private handleSaveLinkMenu = () => {\n        this.isLinkMenuOpen = false;\n\n        const saveLinkEvent = new CustomEvent('saveLinkMenu', {\n            detail: {\n                type: EditorMenuTypes.Link,\n                link: this.link,\n            },\n        });\n        this.view.dom.dispatchEvent(saveLinkEvent);\n\n        this.link = { href: '' };\n    };\n\n    private handleLinkChange = (event: CustomEvent<EditorTextLink>) => {\n        this.link = event.detail;\n    };\n\n    public setFocus() {\n        this.view?.focus();\n    }\n\n    private handleNewLinkSelection = (text: string, href: string) => {\n        this.link.text = text;\n        this.link.href = href;\n    };\n\n    private handleOpenLinkMenu = (\n        event: CustomEvent<EditorLinkMenuEventDetail>,\n    ) => {\n        event.stopImmediatePropagation();\n        const { href, text } = event.detail;\n        this.link = { href: href, text: text };\n        this.isLinkMenuOpen = true;\n    };\n\n    private changeEmitter = debounce((value: string) => {\n        this.change.emit(value);\n        this.changeWaiting = false;\n    }, DEBOUNCE_TIMEOUT);\n\n    private handleBlur = () => {\n        this.changeEmitter.flush();\n    };\n}\n"]}
+{"version":3,"file":"prosemirror-adapter.js","sourceRoot":"","sources":["../../../../src/components/text-editor/prosemirror-adapter/prosemirror-adapter.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    Prop,\n    State,\n    Watch,\n    h,\n} from '@stencil/core';\nimport { EditorState, Transaction } from 'prosemirror-state';\nimport { EditorView } from 'prosemirror-view';\nimport { Schema, DOMParser } from 'prosemirror-model';\nimport { schema } from 'prosemirror-schema-basic';\nimport { addListNodes } from 'prosemirror-schema-list';\nimport { exampleSetup } from 'prosemirror-example-setup';\nimport { keymap } from 'prosemirror-keymap';\nimport { ActionBarItem } from 'src/components/action-bar/action-bar.types';\nimport { ListSeparator } from 'src/components/list/list-item.types';\nimport { MenuCommandFactory } from './menu/menu-commands';\nimport { menuTranslationIDs, getTextEditorMenuItems } from './menu/menu-items';\nimport { ContentTypeConverter } from '../utils/content-type-converter';\nimport { MarkdownConverter } from '../utils/markdown-converter';\nimport { HTMLConverter } from '../utils/html-converter';\nimport {\n    EditorMenuTypes,\n    EditorTextLink,\n    editorMenuTypesArray,\n} from './menu/types';\nimport translate from 'src/global/translations';\nimport { createRandomString } from 'src/util/random-string';\nimport { isItem } from 'src/components/action-bar/isItem';\nimport { cloneDeep, debounce } from 'lodash-es';\nimport { Languages } from '../../date-picker/date.types';\nimport { strikethrough } from './menu/menu-schema-extender';\nimport {\n    EditorLinkMenuEventDetail,\n    createLinkPlugin,\n} from './plugins/link-plugin';\nimport { createImageRemoverPlugin } from './plugins/image-remover-plugin';\nimport { createMenuStateTrackingPlugin } from './plugins/menu-state-tracking-plugin';\nimport { createActionBarInteractionPlugin } from './plugins/menu-action-interaction-plugin';\nimport { CustomElementDefinition } from '../../../global/shared-types/custom-element.types';\nimport { createNodeSpec } from '../utils/plugin-factory';\nimport { createTriggerPlugin } from './plugins/trigger/factory';\nimport { TriggerCharacter } from '../text-editor.types';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\n/**\n * The ProseMirror adapter offers a rich text editing experience with markdown support.\n * [Read more...](https://prosemirror.net/)\n *\n * @exampleComponent limel-example-prosemirror-adapter-basic\n * @exampleComponent limel-example-prosemirror-adapter-with-custom-menu\n * @beta\n * @private\n */\n@Component({\n    tag: 'limel-prosemirror-adapter',\n    shadow: true,\n    styleUrl: 'prosemirror-adapter.scss',\n})\nexport class ProsemirrorAdapter {\n    /**\n     * The type of content that the editor should handle and emit, defaults to `markdown`\n     *\n     * Assumed to be set only once, so not reactive to changes\n     */\n    @Prop()\n    public contentType: 'markdown' | 'html' = 'markdown';\n\n    /**\n     * The value of the editor, expected to be markdown\n     */\n    @Prop()\n    public value: string;\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop({ reflect: true })\n    public language: Languages;\n\n    /**\n     * set to private to avoid usage while under development\n     *\n     * @private\n     * @alpha\n     */\n    @Prop()\n    customElements: CustomElementDefinition[] = [];\n\n    /**\n     * set to private to avoid usage while under development\n     *\n     * @private\n     * @alpha\n     */\n    @Prop()\n    triggerCharacters: TriggerCharacter[] = [];\n\n    @Element()\n    private host: HTMLLimelTextEditorElement;\n\n    private portalId: string;\n\n    @State()\n    private view: EditorView;\n\n    @State()\n    private actionBarItems: Array<\n        ActionBarItem<EditorMenuTypes> | ListSeparator\n    > = [];\n\n    @State()\n    private link: EditorTextLink = { href: '' };\n\n    /**\n     * Open state of the dialog\n     */\n    @State()\n    public isLinkMenuOpen: boolean = false;\n\n    private menuCommandFactory: MenuCommandFactory;\n    private schema: Schema;\n    private contentConverter: ContentTypeConverter;\n    private actionBarElement: HTMLElement;\n    private lastEmittedValue: string;\n    private changeWaiting = false;\n\n    /**\n     *  Used to stop change event emitting as result of getting updated value from consumer\n     */\n    private suppressChangeEvent = false;\n\n    /**\n     * Dispatched when a change is made to the editor\n     */\n    @Event()\n    private change: EventEmitter<string>;\n\n    constructor() {\n        this.portalId = createRandomString();\n    }\n\n    @Watch('value')\n    protected watchValue(newValue: string) {\n        if (!this.view) {\n            return;\n        }\n\n        if (this.changeWaiting) {\n            // A change is pending; do not update the editor's content\n            return;\n        }\n\n        const currentContent = this.contentConverter.serialize(\n            this.view,\n            this.schema,\n        );\n\n        // If the new value is the same as the current content, do nothing\n        if (newValue === currentContent) {\n            return;\n        }\n\n        // Update the editor's content with the new value\n        this.updateView(newValue);\n    }\n\n    public componentWillLoad() {\n        this.getActionBarItems();\n        this.setupContentConverter();\n    }\n\n    public componentDidLoad() {\n        // Stencil complains loudly about triggering rerenders in\n        // componentDidLoad, but we have to, so we're using setTimeout to\n        // suppress the warning. /Ads\n        setTimeout(() => {\n            this.initializeTextEditor();\n        }, 0);\n    }\n\n    public connectedCallback() {\n        if (this.view) {\n            this.initializeTextEditor();\n        }\n\n        this.host.addEventListener(\n            'open-editor-link-menu',\n            this.handleOpenLinkMenu,\n        );\n    }\n\n    public disconnectedCallback() {\n        this.host.removeEventListener(\n            'open-editor-link-menu',\n            this.handleOpenLinkMenu,\n        );\n        this.view?.dom?.removeEventListener('blur', this.handleBlur);\n        this.view?.destroy();\n    }\n\n    public render() {\n        return [\n            <div id=\"editor\" />,\n            <div class=\"toolbar\">\n                <limel-action-bar\n                    ref={(el) => (this.actionBarElement = el)}\n                    accessibleLabel=\"Toolbar\"\n                    actions={this.actionBarItems}\n                    onItemSelected={this.handleActionBarItem}\n                />\n            </div>,\n            this.renderLinkMenu(),\n        ];\n    }\n\n    renderLinkMenu() {\n        if (!this.isLinkMenuOpen) {\n            return;\n        }\n\n        return (\n            <limel-portal\n                containerId={this.portalId}\n                visible={this.isLinkMenuOpen}\n                openDirection=\"top\"\n                inheritParentWidth={true}\n                anchor={this.actionBarElement}\n            >\n                <limel-text-editor-link-menu\n                    link={this.link}\n                    isOpen={this.isLinkMenuOpen}\n                    onLinkChange={this.handleLinkChange}\n                    onCancel={this.handleCancelLinkMenu}\n                    onSave={this.handleSaveLinkMenu}\n                />\n            </limel-portal>\n        );\n    }\n\n    private setupContentConverter() {\n        if (this.contentType === 'markdown') {\n            this.contentConverter = new MarkdownConverter(this.customElements);\n        } else if (this.contentType === 'html') {\n            this.contentConverter = new HTMLConverter();\n        } else {\n            throw new Error(\n                `Unsupported content type: ${this.contentType}. Only 'markdown' and 'html' are supported.`,\n            );\n        }\n    }\n\n    private getActionBarItems = () => {\n        this.actionBarItems = getTextEditorMenuItems().map(\n            this.getTranslatedItem,\n        );\n    };\n\n    private getTranslatedItem = (item) => {\n        const newItem = cloneDeep(item);\n\n        if (isItem(item)) {\n            const translationId = menuTranslationIDs[item.value];\n\n            if (translationId) {\n                newItem.text = translate.get(translationId, this.language);\n            }\n        }\n\n        return newItem;\n    };\n\n    private async initializeTextEditor() {\n        this.schema = this.initializeSchema();\n        const initialDoc = await this.parseInitialContent();\n        this.menuCommandFactory = new MenuCommandFactory(this.schema);\n        this.view = new EditorView(\n            this.host.shadowRoot.querySelector('#editor'),\n            {\n                state: this.createEditorState(initialDoc),\n                dispatchTransaction: this.handleTransaction,\n            },\n        );\n\n        this.view.dom.addEventListener('blur', this.handleBlur);\n\n        if (this.value) {\n            this.updateView(this.value);\n        }\n    }\n\n    private initializeSchema() {\n        let nodes = schema.spec.nodes;\n\n        this.customElements.forEach((customElement) => {\n            const newNodeSpec = createNodeSpec(customElement);\n            const nodeName = customElement.tagName;\n\n            nodes = nodes.append({ [nodeName]: newNodeSpec });\n        });\n        nodes = addListNodes(nodes, 'paragraph block*', 'block');\n\n        return new Schema({\n            nodes: nodes,\n            marks: schema.spec.marks.append({\n                strikethrough: strikethrough,\n            }),\n        });\n    }\n\n    private async parseInitialContent() {\n        const initialContentElement = document.createElement('div');\n\n        if (this.value) {\n            initialContentElement.innerHTML =\n                await this.contentConverter.parseAsHTML(\n                    this.value,\n                    this.schema,\n                );\n        } else {\n            initialContentElement.innerHTML = '<p></p>';\n        }\n\n        return DOMParser.fromSchema(this.schema).parse(initialContentElement);\n    }\n\n    private createEditorState(initialDoc) {\n        return EditorState.create({\n            doc: initialDoc,\n            plugins: [\n                ...exampleSetup({ schema: this.schema, menuBar: false }),\n                keymap(this.menuCommandFactory.buildKeymap()),\n                createLinkPlugin(this.handleNewLinkSelection),\n                createTriggerPlugin(this.triggerCharacters),\n                createImageRemoverPlugin(),\n                createMenuStateTrackingPlugin(\n                    editorMenuTypesArray,\n                    this.menuCommandFactory,\n                    this.updateActiveActionBarItems,\n                ),\n                createActionBarInteractionPlugin(this.menuCommandFactory),\n            ],\n        });\n    }\n\n    private updateActiveActionBarItems = (\n        activeTypes: Record<EditorMenuTypes, boolean>,\n    ) => {\n        const newItems = getTextEditorMenuItems().map((item) => {\n            if (isItem(item)) {\n                return {\n                    ...item,\n                    selected: activeTypes[item.value],\n                };\n            }\n\n            return item;\n        });\n\n        this.actionBarItems = newItems;\n    };\n\n    private async updateView(content: string) {\n        this.suppressChangeEvent = true;\n        const html = await this.contentConverter.parseAsHTML(\n            content,\n            this.schema,\n        );\n        const prosemirrorDOMparser = DOMParser.fromSchema(\n            this.view.state.schema,\n        );\n        const domParser = new window.DOMParser();\n        const doc = domParser.parseFromString(html, 'text/html');\n        const prosemirrorDoc = prosemirrorDOMparser.parse(doc.body);\n        const tr = this.view.state.tr;\n        tr.replaceWith(0, tr.doc.content.size, prosemirrorDoc.content);\n        this.view.dispatch(tr);\n        this.suppressChangeEvent = false;\n    }\n\n    private handleTransaction = (transaction: Transaction) => {\n        const newState = this.view.state.apply(transaction);\n        this.view.updateState(newState);\n\n        if (this.suppressChangeEvent || transaction.getMeta('pointer')) {\n            return;\n        }\n\n        const content = this.contentConverter.serialize(this.view, this.schema);\n\n        if (content === this.lastEmittedValue) {\n            return;\n        }\n\n        this.lastEmittedValue = content;\n        this.changeWaiting = true;\n        this.changeEmitter(content);\n    };\n\n    private handleActionBarItem = (\n        event: CustomEvent<ActionBarItem<EditorMenuTypes>>,\n    ) => {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        const { value } = event.detail;\n\n        if (value === EditorMenuTypes.Link) {\n            this.isLinkMenuOpen = true;\n\n            return;\n        }\n\n        const actionBarEvent = new CustomEvent('actionBarItemClick', {\n            detail: event.detail,\n        });\n        this.view.dom.dispatchEvent(actionBarEvent);\n    };\n\n    private handleCancelLinkMenu = (event: CustomEvent<void>) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.isLinkMenuOpen = false;\n        this.link = { text: '', href: '' };\n    };\n\n    private handleSaveLinkMenu = () => {\n        this.isLinkMenuOpen = false;\n\n        const saveLinkEvent = new CustomEvent('saveLinkMenu', {\n            detail: {\n                type: EditorMenuTypes.Link,\n                link: this.link,\n            },\n        });\n        this.view.dom.dispatchEvent(saveLinkEvent);\n\n        this.link = { href: '' };\n    };\n\n    private handleLinkChange = (event: CustomEvent<EditorTextLink>) => {\n        this.link = event.detail;\n    };\n\n    public setFocus() {\n        this.view?.focus();\n    }\n\n    private handleNewLinkSelection = (text: string, href: string) => {\n        this.link.text = text;\n        this.link.href = href;\n    };\n\n    private handleOpenLinkMenu = (\n        event: CustomEvent<EditorLinkMenuEventDetail>,\n    ) => {\n        event.stopImmediatePropagation();\n        const { href, text } = event.detail;\n        this.link = { href: href, text: text };\n        this.isLinkMenuOpen = true;\n    };\n\n    private changeEmitter = debounce((value: string) => {\n        this.change.emit(value);\n        this.changeWaiting = false;\n    }, DEBOUNCE_TIMEOUT);\n\n    private handleBlur = () => {\n        this.changeEmitter.flush();\n    };\n}\n"]}

package/dist/collection/components/text-editor/text-editor.js

@@ -18,6 +18,7 @@ import { createRandomString } from '../../util/random-string';
  * @exampleComponent limel-example-text-editor-ui
  * @exampleComponent limel-example-text-editor-composite
  * @exampleComponent limel-example-text-editor-custom-element
+ * @exampleComponent limel-example-text-editor-triggers
  * @beta
  */
 export class TextEditor {
@@ -50,7 +51,8 @@ export class TextEditor {
     this.label = undefined;
     this.invalid = false;
     this.value = undefined;
-    this.plugins = [];
+    this.customElements = [];
+    this.triggers = [];
     this.required = false;
     this.allowResize = true;
     this.ui = 'standard';
@@ -77,7 +79,7 @@ export class TextEditor {
       ];
     }
     return [
-      h("limel-prosemirror-adapter", { "aria-placeholder": this.placeholder, contentType: this.contentType, onChange: this.handleChange, plugins: this.plugins, value: this.value, "aria-controls": this.helperTextId, id: this.editorId, tabindex: this.disabled ? -1 : undefined, "aria-disabled": this.disabled, language: this.language }),
+      h("limel-prosemirror-adapter", { "aria-placeholder": this.placeholder, contentType: this.contentType, onChange: this.handleChange, customElements: this.customElements, value: this.value, "aria-controls": this.helperTextId, id: this.editorId, tabindex: this.disabled ? -1 : undefined, "aria-disabled": this.disabled, language: this.language, triggerCharacters: this.triggers }),
       this.renderPlaceholder(),
       this.renderHelperLine(),
     ];
@@ -271,14 +273,14 @@ export class TextEditor {
         "attribute": "value",
         "reflect": true
       },
-      "plugins": {
+      "customElements": {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "CustomElement[]",
-          "resolved": "CustomElement[]",
+          "original": "CustomElementDefinition[]",
+          "resolved": "CustomElementDefinition[]",
           "references": {
-            "CustomElement": {
+            "CustomElementDefinition": {
               "location": "import",
               "path": "../../global/shared-types/custom-element.types"
             }
@@ -294,7 +296,34 @@ export class TextEditor {
               "name": "alpha",
               "text": undefined
             }],
-          "text": "set to private to avoid usage while under development"
+          "text": "A list of custom elements\n\nAny `CustomElement` that should be used inside the text editor needs\nto be defined here."
+        },
+        "defaultValue": "[]"
+      },
+      "triggers": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TriggerCharacter[]",
+          "resolved": "TriggerCharacter[]",
+          "references": {
+            "TriggerCharacter": {
+              "location": "import",
+              "path": "./text-editor.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "private",
+              "text": undefined
+            }, {
+              "name": "alpha",
+              "text": undefined
+            }],
+          "text": "A set of trigger characters\n\nDefining a character here will enable trigger events to be sent if the\ncharacter is detected in the editor."
         },
         "defaultValue": "[]"
       },
@@ -370,6 +399,84 @@ export class TextEditor {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "triggerStart",
+        "name": "triggerStart",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "private",
+              "text": undefined
+            }, {
+              "name": "alpha",
+              "text": undefined
+            }],
+          "text": "Dispatched if a trigger character is detected."
+        },
+        "complexType": {
+          "original": "TriggerEventDetail",
+          "resolved": "TriggerEventDetail",
+          "references": {
+            "TriggerEventDetail": {
+              "location": "import",
+              "path": "./text-editor.types"
+            }
+          }
+        }
+      }, {
+        "method": "triggerStop",
+        "name": "triggerStop",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "private",
+              "text": undefined
+            }, {
+              "name": "alpha",
+              "text": undefined
+            }],
+          "text": "Dispatched if a trigger session is ended. That is if the selection\ngoes outside the trigger input or if something is inserted using the\nsupplied `TextEditor` insert function."
+        },
+        "complexType": {
+          "original": "TriggerEventDetail",
+          "resolved": "TriggerEventDetail",
+          "references": {
+            "TriggerEventDetail": {
+              "location": "import",
+              "path": "./text-editor.types"
+            }
+          }
+        }
+      }, {
+        "method": "triggerChange",
+        "name": "triggerChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "private",
+              "text": undefined
+            }, {
+              "name": "alpha",
+              "text": undefined
+            }],
+          "text": "Dispatched if a input is changed during an active trigger."
+        },
+        "complexType": {
+          "original": "TriggerEventDetail",
+          "resolved": "TriggerEventDetail",
+          "references": {
+            "TriggerEventDetail": {
+              "location": "import",
+              "path": "./text-editor.types"
+            }
+          }
+        }
       }];
   }
 }

package/dist/collection/components/text-editor/text-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { FormComponent } from '../form/form.types';\nimport { Languages } from '../date-picker/date.types';\nimport { createRandomString } from '../../util/random-string';\nimport { CustomElement } from '../../global/shared-types/custom-element.types';\n\n/**\n * A rich text editor that offers a rich text editing experience with markdown support,\n * in the sense that you can easily type markdown syntax and see the rendered\n * result as rich text in real-time. For instance, you can type `# Hello, world!`\n * and see it directly turning to a heading 1 (an `<h1>` HTML element).\n *\n * Naturally, you can use standard keyboard hotkeys such as <kbd>Ctrl</kbd> + <kbd>B</kbd>\n * to toggle bold text, <kbd>Ctrl</kbd> + <kbd>I</kbd> to toggle italic text, and so on.\n *\n * @exampleComponent limel-example-text-editor-basic\n * @exampleComponent limel-example-text-editor-as-form-component\n * @exampleComponent limel-example-text-editor-with-markdown\n * @exampleComponent limel-example-text-editor-with-html\n * @exampleComponent limel-example-text-editor-allow-resize\n * @exampleComponent limel-example-text-editor-size\n * @exampleComponent limel-example-text-editor-ui\n * @exampleComponent limel-example-text-editor-composite\n * @exampleComponent limel-example-text-editor-custom-element\n * @beta\n */\n@Component({\n    tag: 'limel-text-editor',\n    shadow: true,\n    styleUrl: 'text-editor.scss',\n})\nexport class TextEditor implements FormComponent<string> {\n    /** The type of content that the editor should handle and emit, defaults to `markdown`\n     *\n     * Assumed to be set only once, so not reactive to changes\n     */\n    @Prop()\n    public contentType: 'markdown' | 'html' = 'markdown';\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop({ reflect: true })\n    public language: Languages = 'en';\n\n    /**\n     * Set to `true` to disable the field.\n     * Use `disabled` to indicate that the field can normally be interacted\n     * with, but is currently disabled. This tells the user that if certain\n     * requirements are met, the field may become enabled again.\n     */\n    @Prop({ reflect: true })\n    public disabled?: boolean = false;\n\n    /**\n     * Set to `true` to make the component read-only.\n     * Use `readonly` when the field is only there to present the data it holds,\n     * and will not become possible for the current user to edit.\n     * :::note\n     * Consider that it might be better to use `limel-markdown`\n     * instead of `limel-text-editor` when the goal is visualizing data.\n     * :::\n     */\n    @Prop({ reflect: true })\n    public readonly?: boolean = false;\n\n    /**\n     * Optional helper text to display below the input field when it has focus\n     */\n    @Prop({ reflect: true })\n    public helperText?: string;\n\n    /**\n     * The placeholder text shown inside the input field,\n     * when the field is empty.\n     */\n    @Prop({ reflect: true })\n    public placeholder?: string;\n\n    /**\n     * The label of the editor\n     */\n    @Prop({ reflect: true })\n    public label?: string;\n\n    /**\n     * Set to `true` to indicate that the current value of the editor is\n     * invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid?: boolean = false;\n\n    /**\n     * Description of the text inside the editor as markdown\n     */\n    @Prop({ reflect: true })\n    public value: string;\n\n    /**\n     * set to private to avoid usage while under development\n     *\n     * @private\n     * @alpha\n     */\n    @Prop()\n    public plugins: CustomElement[] = [];\n\n    /**\n     * Set to `true` to indicate that the field is required.\n     *\n     * :::important\n     * An empty but required field is not automatically considered invalid.\n     * You must make sure to check the validity of the field on your own,\n     * and properly handle the `invalid` state.\n     * :::\n     */\n    @Prop({ reflect: true })\n    public required?: boolean = false;\n\n    /**\n     * Set to `true` to allow the user to vertically resize the editor.\n     * Set to `false` to disable the resize functionality.\n     */\n    @Prop({ reflect: true })\n    public allowResize: boolean = true;\n\n    /**\n     * Specifies the visual appearance of the editor.\n     *\n     * - `standard`: The default editor appearance with a full toolbar and\n     *    standard layout.\n     * - `minimal`: A compact editor appearance, ideal for limited space\n     *    scenarios such as mobile devices. In this mode, the toolbar is hidden\n     *    until the editor is focused.\n     */\n    @Prop({ reflect: true })\n    public ui?: 'standard' | 'minimal' = 'standard';\n\n    /**\n     * Dispatched when a change is made to the editor\n     */\n    @Event()\n    public change: EventEmitter<string>;\n\n    private helperTextId: string;\n    private editorId: string;\n\n    public constructor() {\n        this.helperTextId = createRandomString();\n        this.editorId = createRandomString();\n    }\n\n    public render() {\n        return (\n            <Host\n                class={{\n                    'has-helper-text': !!this.helperText,\n                }}\n            >\n                <span class=\"notched-outline\">\n                    <span class=\"leading-outline\" />\n                    {this.renderLabel()}\n                    <span class=\"trailing-outline\" />\n                </span>\n                {this.renderEditor()}\n            </Host>\n        );\n    }\n\n    private renderEditor() {\n        if (this.readonly && !this.value) {\n            return [\n                <span class=\"lime-looks-like-input-value\">–</span>,\n                this.renderHelperLine(),\n            ];\n        }\n\n        if (this.readonly) {\n            return [\n                <limel-markdown\n                    value={this.value}\n                    aria-controls={this.helperTextId}\n                    id={this.editorId}\n                />,\n                this.renderPlaceholder(),\n                this.renderHelperLine(),\n            ];\n        }\n\n        return [\n            <limel-prosemirror-adapter\n                aria-placeholder={this.placeholder}\n                contentType={this.contentType}\n                onChange={this.handleChange}\n                plugins={this.plugins}\n                value={this.value}\n                aria-controls={this.helperTextId}\n                id={this.editorId}\n                tabindex={this.disabled ? -1 : undefined}\n                aria-disabled={this.disabled}\n                language={this.language}\n            />,\n            this.renderPlaceholder(),\n            this.renderHelperLine(),\n        ];\n    }\n\n    private renderLabel() {\n        if (!this.label) {\n            return;\n        }\n\n        return (\n            <span class=\"notch\">\n                <label htmlFor={this.editorId}>{this.label}</label>\n            </span>\n        );\n    }\n\n    private renderPlaceholder() {\n        if (!this.placeholder || this.value) {\n            return;\n        }\n\n        return (\n            <span class=\"placeholder\" aria-hidden=\"true\">\n                {this.placeholder}\n            </span>\n        );\n    }\n\n    private renderHelperLine = () => {\n        if (!this.helperText) {\n            return;\n        }\n\n        return (\n            <limel-helper-line\n                helperText={this.helperText}\n                helperTextId={this.helperTextId}\n                invalid={this.isInvalid()}\n            />\n        );\n    };\n\n    private isInvalid = () => {\n        if (this.readonly) {\n            // A readonly field can never be invalid.\n            return false;\n        }\n\n        if (this.invalid) {\n            return true;\n        }\n    };\n\n    private handleChange = (event: CustomEvent<string>) => {\n        event.stopPropagation();\n        this.change.emit(event.detail);\n    };\n}\n"]}
+{"version":3,"file":"text-editor.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { FormComponent } from '../form/form.types';\nimport { Languages } from '../date-picker/date.types';\nimport { createRandomString } from '../../util/random-string';\nimport { CustomElementDefinition } from '../../global/shared-types/custom-element.types';\nimport { TriggerCharacter, TriggerEventDetail } from './text-editor.types';\n\n/**\n * A rich text editor that offers a rich text editing experience with markdown support,\n * in the sense that you can easily type markdown syntax and see the rendered\n * result as rich text in real-time. For instance, you can type `# Hello, world!`\n * and see it directly turning to a heading 1 (an `<h1>` HTML element).\n *\n * Naturally, you can use standard keyboard hotkeys such as <kbd>Ctrl</kbd> + <kbd>B</kbd>\n * to toggle bold text, <kbd>Ctrl</kbd> + <kbd>I</kbd> to toggle italic text, and so on.\n *\n * @exampleComponent limel-example-text-editor-basic\n * @exampleComponent limel-example-text-editor-as-form-component\n * @exampleComponent limel-example-text-editor-with-markdown\n * @exampleComponent limel-example-text-editor-with-html\n * @exampleComponent limel-example-text-editor-allow-resize\n * @exampleComponent limel-example-text-editor-size\n * @exampleComponent limel-example-text-editor-ui\n * @exampleComponent limel-example-text-editor-composite\n * @exampleComponent limel-example-text-editor-custom-element\n * @exampleComponent limel-example-text-editor-triggers\n * @beta\n */\n@Component({\n    tag: 'limel-text-editor',\n    shadow: true,\n    styleUrl: 'text-editor.scss',\n})\nexport class TextEditor implements FormComponent<string> {\n    /** The type of content that the editor should handle and emit, defaults to `markdown`\n     *\n     * Assumed to be set only once, so not reactive to changes\n     */\n    @Prop()\n    public contentType: 'markdown' | 'html' = 'markdown';\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop({ reflect: true })\n    public language: Languages = 'en';\n\n    /**\n     * Set to `true` to disable the field.\n     * Use `disabled` to indicate that the field can normally be interacted\n     * with, but is currently disabled. This tells the user that if certain\n     * requirements are met, the field may become enabled again.\n     */\n    @Prop({ reflect: true })\n    public disabled?: boolean = false;\n\n    /**\n     * Set to `true` to make the component read-only.\n     * Use `readonly` when the field is only there to present the data it holds,\n     * and will not become possible for the current user to edit.\n     * :::note\n     * Consider that it might be better to use `limel-markdown`\n     * instead of `limel-text-editor` when the goal is visualizing data.\n     * :::\n     */\n    @Prop({ reflect: true })\n    public readonly?: boolean = false;\n\n    /**\n     * Optional helper text to display below the input field when it has focus\n     */\n    @Prop({ reflect: true })\n    public helperText?: string;\n\n    /**\n     * The placeholder text shown inside the input field,\n     * when the field is empty.\n     */\n    @Prop({ reflect: true })\n    public placeholder?: string;\n\n    /**\n     * The label of the editor\n     */\n    @Prop({ reflect: true })\n    public label?: string;\n\n    /**\n     * Set to `true` to indicate that the current value of the editor is\n     * invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid?: boolean = false;\n\n    /**\n     * Description of the text inside the editor as markdown\n     */\n    @Prop({ reflect: true })\n    public value: string;\n\n    /**\n     * A list of custom elements\n     *\n     * Any `CustomElement` that should be used inside the text editor needs\n     * to be defined here.\n     *\n     * @private\n     * @alpha\n     */\n    @Prop()\n    public customElements: CustomElementDefinition[] = [];\n\n    /**\n     * A set of trigger characters\n     *\n     * Defining a character here will enable trigger events to be sent if the\n     * character is detected in the editor.\n     *\n     * @private\n     * @alpha\n     */\n    @Prop()\n    public triggers: TriggerCharacter[] = [];\n\n    /**\n     * Set to `true` to indicate that the field is required.\n     *\n     * :::important\n     * An empty but required field is not automatically considered invalid.\n     * You must make sure to check the validity of the field on your own,\n     * and properly handle the `invalid` state.\n     * :::\n     */\n    @Prop({ reflect: true })\n    public required?: boolean = false;\n\n    /**\n     * Set to `true` to allow the user to vertically resize the editor.\n     * Set to `false` to disable the resize functionality.\n     */\n    @Prop({ reflect: true })\n    public allowResize: boolean = true;\n\n    /**\n     * Specifies the visual appearance of the editor.\n     *\n     * - `standard`: The default editor appearance with a full toolbar and\n     *    standard layout.\n     * - `minimal`: A compact editor appearance, ideal for limited space\n     *    scenarios such as mobile devices. In this mode, the toolbar is hidden\n     *    until the editor is focused.\n     */\n    @Prop({ reflect: true })\n    public ui?: 'standard' | 'minimal' = 'standard';\n\n    /**\n     * Dispatched when a change is made to the editor\n     */\n    @Event()\n    public change: EventEmitter<string>;\n\n    /**\n     * Dispatched if a trigger character is detected.\n     *\n     * @private\n     * @alpha\n     */\n    @Event()\n    public triggerStart: EventEmitter<TriggerEventDetail>;\n\n    /**\n     * Dispatched if a trigger session is ended. That is if the selection\n     * goes outside the trigger input or if something is inserted using the\n     * supplied `TextEditor` insert function.\n     *\n     * @private\n     * @alpha\n     */\n    @Event()\n    public triggerStop: EventEmitter<TriggerEventDetail>;\n\n    /**\n     * Dispatched if a input is changed during an active trigger.\n     *\n     * @private\n     * @alpha\n     */\n    @Event()\n    public triggerChange: EventEmitter<TriggerEventDetail>;\n\n    private helperTextId: string;\n    private editorId: string;\n\n    public constructor() {\n        this.helperTextId = createRandomString();\n        this.editorId = createRandomString();\n    }\n\n    public render() {\n        return (\n            <Host\n                class={{\n                    'has-helper-text': !!this.helperText,\n                }}\n            >\n                <span class=\"notched-outline\">\n                    <span class=\"leading-outline\" />\n                    {this.renderLabel()}\n                    <span class=\"trailing-outline\" />\n                </span>\n                {this.renderEditor()}\n            </Host>\n        );\n    }\n\n    private renderEditor() {\n        if (this.readonly && !this.value) {\n            return [\n                <span class=\"lime-looks-like-input-value\">–</span>,\n                this.renderHelperLine(),\n            ];\n        }\n\n        if (this.readonly) {\n            return [\n                <limel-markdown\n                    value={this.value}\n                    aria-controls={this.helperTextId}\n                    id={this.editorId}\n                />,\n                this.renderPlaceholder(),\n                this.renderHelperLine(),\n            ];\n        }\n\n        return [\n            <limel-prosemirror-adapter\n                aria-placeholder={this.placeholder}\n                contentType={this.contentType}\n                onChange={this.handleChange}\n                customElements={this.customElements}\n                value={this.value}\n                aria-controls={this.helperTextId}\n                id={this.editorId}\n                tabindex={this.disabled ? -1 : undefined}\n                aria-disabled={this.disabled}\n                language={this.language}\n                triggerCharacters={this.triggers}\n            />,\n            this.renderPlaceholder(),\n            this.renderHelperLine(),\n        ];\n    }\n\n    private renderLabel() {\n        if (!this.label) {\n            return;\n        }\n\n        return (\n            <span class=\"notch\">\n                <label htmlFor={this.editorId}>{this.label}</label>\n            </span>\n        );\n    }\n\n    private renderPlaceholder() {\n        if (!this.placeholder || this.value) {\n            return;\n        }\n\n        return (\n            <span class=\"placeholder\" aria-hidden=\"true\">\n                {this.placeholder}\n            </span>\n        );\n    }\n\n    private renderHelperLine = () => {\n        if (!this.helperText) {\n            return;\n        }\n\n        return (\n            <limel-helper-line\n                helperText={this.helperText}\n                helperTextId={this.helperTextId}\n                invalid={this.isInvalid()}\n            />\n        );\n    };\n\n    private isInvalid = () => {\n        if (this.readonly) {\n            // A readonly field can never be invalid.\n            return false;\n        }\n\n        if (this.invalid) {\n            return true;\n        }\n    };\n\n    private handleChange = (event: CustomEvent<string>) => {\n        event.stopPropagation();\n        this.change.emit(event.detail);\n    };\n}\n"]}

package/dist/collection/components/text-editor/text-editor.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text-editor.types.js.map

package/dist/collection/components/text-editor/text-editor.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor.types.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.types.ts"],"names":[],"mappings":"","sourcesContent":["import { CustomElement } from '../../global/shared-types/custom-element.types';\n\n/**\n * @alpha\n */\nexport type TriggerCharacter =\n    | '@'\n    | '#'\n    | '$'\n    | '!'\n    | '?'\n    | '&'\n    | '*'\n    | '%'\n    | '+'\n    | '-'\n    | '='\n    | '/'\n    | '\\\\'\n    | '^'\n    | '~'\n    | '`'\n    | ':'\n    | ';'\n    | '|'\n    | '.'\n    | ','\n    | '<'\n    | '>'\n    | '['\n    | ']'\n    | '{'\n    | '}'\n    | '('\n    | ')'\n    | \"'\";\n\n/**\n * @alpha\n */\nexport type TextEditorNode = {\n    /**\n     * The top node\n     */\n    node: CustomElement | string;\n\n    /**\n     * One more more children under the top node\n     */\n    children?: Array<TextEditorNode | string>;\n};\n\n/**\n * @alpha\n */\nexport interface TextEditor {\n    /**\n     * Method to insert either text or a node at the cursor position\n     *\n     */\n    insert: (input: TextEditorNode | string) => void;\n}\n\n/**\n * @alpha\n */\nexport interface TriggerEventDetail {\n    /**\n     * The trigger that triggered this event\n     *\n     */\n    trigger: TriggerCharacter;\n\n    /**\n     * The text editor\n     */\n    textEditor: TextEditor;\n\n    /**\n     * Current value of the trigger\n     */\n    value: string;\n}\n"]}

package/dist/collection/components/text-editor/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/text-editor/types.ts"],"names":[],"mappings":"","sourcesContent":["import { CustomElement } from '../../global/shared-types/custom-element.types';\n\n/**\n * @private\n * set to private to avoid usage while under development\n */\nexport type TextEditorPlugin = {\n    node: CustomElement[];\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/text-editor/types.ts"],"names":[],"mappings":"","sourcesContent":["import { CustomElementDefinition } from '../../global/shared-types/custom-element.types';\n\n/**\n * @private\n * set to private to avoid usage while under development\n */\nexport type TextEditorPlugin = {\n    node: CustomElementDefinition[];\n};\n"]}

package/dist/collection/components/text-editor/utils/markdown-converter.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-converter.js","sourceRoot":"","sources":["../../../../src/components/text-editor/utils/markdown-converter.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,kBAAkB,EAElB,yBAAyB,GAC5B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQhE,MAAM,gCAAgC,GAAG,CACrC,MAAqB,EACK,EAAE;EAC5B,OAAO,CAAC,KAA8B,EAAE,IAAqB,EAAE,EAAE;IAC7D,MAAM,OAAO,GACT,IAAI,MAAM,CAAC,OAAO,EAAE;MACpB,MAAM,CAAC,UAAU;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;SAC/C,IAAI,CAAC,EAAE,CAAC;MACb,GAAG,CAAC;IACR,MAAM,QAAQ,GAAG,KAAK,MAAM,CAAC,OAAO,GAAG,CAAC;IAExC,KAAK,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC;EACzC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC5B,OAAwB,EACN,EAAE;EACpB,MAAM,WAAW,GAAG,EAAE,CAAC;EAEvB,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;IACvB,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,gCAAgC,CAAC,MAAM,CAAC,CAAC;EAC3E,CAAC,CAAC,CAAC;EAEH,MAAM,KAAK,mCACJ,yBAAyB,CAAC,KAAK,GAC/B,WAAW,CACjB,CAAC;EAEF,MAAM,KAAK,mCACJ,yBAAyB,CAAC,KAAK,KAClC,aAAa,EAAE;MACX,IAAI,EAAE,IAAI;MACV,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;MACb,wBAAwB,EAAE,IAAI;KACjC,GACJ,CAAC;EAEF,OAAO,IAAI,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,iBAAiB;EAI1B,YAAY,OAAwB;IAI7B,gBAAW,GAAG,CAAC,IAAY,EAAmB,EAAE;MACnD,MAAM,SAAS,GAAoB,IAAI,CAAC,WAAW,CAAC,GAAG,CACnD,CAAC,UAAyB,EAAE,EAAE,CAAC,CAAC;QAC5B,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,UAAU,EAAE,UAAU,CAAC,UAAU;OACpC,CAAC,CACL,CAAC;MAEF,OAAO,cAAc,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEK,cAAS,GAAG,CAAC,IAAgB,EAAU,EAAE;MAC5C,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,KAAK,EAAE,EAAE;QAC7B,OAAO,EAAE,CAAC;OACb;WAAM;QACH,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;OAC5D;IACL,CAAC,CAAC;IApBE,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC3D,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;EAC/B,CAAC;CAmBJ","sourcesContent":["import { ContentTypeConverter } from './content-type-converter';\nimport { EditorView } from 'prosemirror-view';\nimport { Node as ProseMirrorNode } from 'prosemirror-model';\nimport {\n    MarkdownSerializer,\n    MarkdownSerializerState,\n    defaultMarkdownSerializer,\n} from 'prosemirror-markdown';\nimport { markdownToHTML } from '../../markdown/markdown-parser';\nimport { CustomElement } from '../../../global/shared-types/custom-element.types';\n\ntype MarkdownSerializerFunction = (\n    state: MarkdownSerializerState,\n    node: ProseMirrorNode,\n) => void;\n\nconst createMarkdownSerializerFunction = (\n    config: CustomElement,\n): MarkdownSerializerFunction => {\n    return (state: MarkdownSerializerState, node: ProseMirrorNode) => {\n        const tagOpen =\n            `<${config.tagName}` +\n            config.attributes\n                .map((attr) => ` ${attr}=\"${node.attrs[attr]}\"`)\n                .join('') +\n            '>';\n        const tagClose = `</${config.tagName}>`;\n\n        state.write(`${tagOpen}${tagClose}`);\n    };\n};\n\nconst buildMarkdownSerializer = (\n    plugins: CustomElement[],\n): MarkdownSerializer => {\n    const customNodes = {};\n\n    plugins.forEach((plugin) => {\n        customNodes[plugin.tagName] = createMarkdownSerializerFunction(plugin);\n    });\n\n    const nodes = {\n        ...defaultMarkdownSerializer.nodes,\n        ...customNodes,\n    };\n\n    const marks = {\n        ...defaultMarkdownSerializer.marks,\n        strikethrough: {\n            open: '~~',\n            close: '~~',\n            mixable: true,\n            expelEnclosingWhitespace: true,\n        },\n    };\n\n    return new MarkdownSerializer(nodes, marks);\n};\n\n/**\n * @private\n */\nexport class MarkdownConverter implements ContentTypeConverter {\n    private markdownSerializer: MarkdownSerializer;\n    private customNodes: CustomElement[];\n\n    constructor(plugins: CustomElement[]) {\n        this.markdownSerializer = buildMarkdownSerializer(plugins);\n        this.customNodes = plugins;\n    }\n    public parseAsHTML = (text: string): Promise<string> => {\n        const whitelist: CustomElement[] = this.customNodes.map(\n            (nodeConfig: CustomElement) => ({\n                tagName: nodeConfig.tagName,\n                attributes: nodeConfig.attributes,\n            }),\n        );\n\n        return markdownToHTML(text, { whitelist: whitelist });\n    };\n\n    public serialize = (view: EditorView): string => {\n        if (view.dom.textContent === '') {\n            return '';\n        } else {\n            return this.markdownSerializer.serialize(view.state.doc);\n        }\n    };\n}\n"]}
+{"version":3,"file":"markdown-converter.js","sourceRoot":"","sources":["../../../../src/components/text-editor/utils/markdown-converter.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,kBAAkB,EAElB,yBAAyB,GAC5B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQhE,MAAM,gCAAgC,GAAG,CACrC,MAA+B,EACL,EAAE;EAC5B,OAAO,CAAC,KAA8B,EAAE,IAAqB,EAAE,EAAE;IAC7D,MAAM,OAAO,GACT,IAAI,MAAM,CAAC,OAAO,EAAE;MACpB,MAAM,CAAC,UAAU;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;SAC/C,IAAI,CAAC,EAAE,CAAC;MACb,GAAG,CAAC;IACR,MAAM,QAAQ,GAAG,KAAK,MAAM,CAAC,OAAO,GAAG,CAAC;IAExC,KAAK,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC;EACzC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC5B,OAAkC,EAChB,EAAE;EACpB,MAAM,WAAW,GAAG,EAAE,CAAC;EAEvB,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;IACvB,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,gCAAgC,CAAC,MAAM,CAAC,CAAC;EAC3E,CAAC,CAAC,CAAC;EAEH,MAAM,KAAK,mCACJ,yBAAyB,CAAC,KAAK,GAC/B,WAAW,CACjB,CAAC;EAEF,MAAM,KAAK,mCACJ,yBAAyB,CAAC,KAAK,KAClC,aAAa,EAAE;MACX,IAAI,EAAE,IAAI;MACV,KAAK,EAAE,IAAI;MACX,OAAO,EAAE,IAAI;MACb,wBAAwB,EAAE,IAAI;KACjC,GACJ,CAAC;EAEF,OAAO,IAAI,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,iBAAiB;EAI1B,YAAY,OAAkC;IAIvC,gBAAW,GAAG,CAAC,IAAY,EAAmB,EAAE;MACnD,MAAM,SAAS,GAA8B,IAAI,CAAC,WAAW,CAAC,GAAG,CAC7D,CAAC,UAAmC,EAAE,EAAE,CAAC,CAAC;QACtC,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,UAAU,EAAE,UAAU,CAAC,UAAU;OACpC,CAAC,CACL,CAAC;MAEF,OAAO,cAAc,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEK,cAAS,GAAG,CAAC,IAAgB,EAAU,EAAE;MAC5C,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,KAAK,EAAE,EAAE;QAC7B,OAAO,EAAE,CAAC;OACb;WAAM;QACH,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;OAC5D;IACL,CAAC,CAAC;IApBE,IAAI,CAAC,kBAAkB,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAC3D,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;EAC/B,CAAC;CAmBJ","sourcesContent":["import { ContentTypeConverter } from './content-type-converter';\nimport { EditorView } from 'prosemirror-view';\nimport { Node as ProseMirrorNode } from 'prosemirror-model';\nimport {\n    MarkdownSerializer,\n    MarkdownSerializerState,\n    defaultMarkdownSerializer,\n} from 'prosemirror-markdown';\nimport { markdownToHTML } from '../../markdown/markdown-parser';\nimport { CustomElementDefinition } from '../../../global/shared-types/custom-element.types';\n\ntype MarkdownSerializerFunction = (\n    state: MarkdownSerializerState,\n    node: ProseMirrorNode,\n) => void;\n\nconst createMarkdownSerializerFunction = (\n    config: CustomElementDefinition,\n): MarkdownSerializerFunction => {\n    return (state: MarkdownSerializerState, node: ProseMirrorNode) => {\n        const tagOpen =\n            `<${config.tagName}` +\n            config.attributes\n                .map((attr) => ` ${attr}=\"${node.attrs[attr]}\"`)\n                .join('') +\n            '>';\n        const tagClose = `</${config.tagName}>`;\n\n        state.write(`${tagOpen}${tagClose}`);\n    };\n};\n\nconst buildMarkdownSerializer = (\n    plugins: CustomElementDefinition[],\n): MarkdownSerializer => {\n    const customNodes = {};\n\n    plugins.forEach((plugin) => {\n        customNodes[plugin.tagName] = createMarkdownSerializerFunction(plugin);\n    });\n\n    const nodes = {\n        ...defaultMarkdownSerializer.nodes,\n        ...customNodes,\n    };\n\n    const marks = {\n        ...defaultMarkdownSerializer.marks,\n        strikethrough: {\n            open: '~~',\n            close: '~~',\n            mixable: true,\n            expelEnclosingWhitespace: true,\n        },\n    };\n\n    return new MarkdownSerializer(nodes, marks);\n};\n\n/**\n * @private\n */\nexport class MarkdownConverter implements ContentTypeConverter {\n    private markdownSerializer: MarkdownSerializer;\n    private customNodes: CustomElementDefinition[];\n\n    constructor(plugins: CustomElementDefinition[]) {\n        this.markdownSerializer = buildMarkdownSerializer(plugins);\n        this.customNodes = plugins;\n    }\n    public parseAsHTML = (text: string): Promise<string> => {\n        const whitelist: CustomElementDefinition[] = this.customNodes.map(\n            (nodeConfig: CustomElementDefinition) => ({\n                tagName: nodeConfig.tagName,\n                attributes: nodeConfig.attributes,\n            }),\n        );\n\n        return markdownToHTML(text, { whitelist: whitelist });\n    };\n\n    public serialize = (view: EditorView): string => {\n        if (view.dom.textContent === '') {\n            return '';\n        } else {\n            return this.markdownSerializer.serialize(view.state.doc);\n        }\n    };\n}\n"]}

package/dist/collection/components/text-editor/utils/plugin-factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-factory.js","sourceRoot":"","sources":["../../../../src/components/text-editor/utils/plugin-factory.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,cAAc,GAAoB,CAC3C,MAAqB,EACb,EAAE;EACV,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;IACtD,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAEf,OAAO,GAAG,CAAC;EACf,CAAC,EAAE,EAAE,CAAC,CAAC;EAEP,OAAO;IACH,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,UAAU;IAEjB,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;MACb,MAAM,CAAC,OAAO;MACd,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QACnC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE7B,OAAO,GAAG,CAAC;MACf,CAAC,EAAE,EAAE,CAAC;KACT;IACD,QAAQ,EAAE;MACN;QACI,GAAG,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;QAC7E,QAAQ,EAAE,CAAC,GAAY,EAAE,EAAE,CACvB,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;UACnC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;UAEnC,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,EAAE,CAAC;OACb;KACJ;GACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { NodeSpec } from 'prosemirror-model';\nimport { CustomElement } from '../../../global/shared-types/custom-element.types';\n\ntype NodeSpecFactory = (config: CustomElement) => NodeSpec;\n\nexport const createNodeSpec: NodeSpecFactory = (\n    config: CustomElement,\n): NodeSpec => {\n    const attributes = config.attributes.reduce((acc, attr) => {\n        acc[attr] = {};\n\n        return acc;\n    }, {});\n\n    return {\n        group: 'inline',\n        inline: true,\n        atom: false,\n        selectable: true,\n        attrs: attributes,\n\n        toDOM: (node) => [\n            config.tagName,\n            config.attributes.reduce((acc, attr) => {\n                acc[attr] = node.attrs[attr];\n\n                return acc;\n            }, {}),\n        ],\n        parseDOM: [\n            {\n                tag: `${config.tagName}[${config.attributes.map((attr) => attr).join('][')}]`,\n                getAttrs: (dom: Element) =>\n                    config.attributes.reduce((acc, attr) => {\n                        acc[attr] = dom.getAttribute(attr);\n\n                        return acc;\n                    }, {}),\n            },\n        ],\n    };\n};\n"]}
+{"version":3,"file":"plugin-factory.js","sourceRoot":"","sources":["../../../../src/components/text-editor/utils/plugin-factory.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,cAAc,GAAoB,CAC3C,MAA+B,EACvB,EAAE;EACV,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;IACtD,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;IAEf,OAAO,GAAG,CAAC;EACf,CAAC,EAAE,EAAE,CAAC,CAAC;EAEP,OAAO;IACH,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,IAAI;IAChB,KAAK,EAAE,UAAU;IAEjB,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;MACb,MAAM,CAAC,OAAO;MACd,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;QACnC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE7B,OAAO,GAAG,CAAC;MACf,CAAC,EAAE,EAAE,CAAC;KACT;IACD,QAAQ,EAAE;MACN;QACI,GAAG,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;QAC7E,QAAQ,EAAE,CAAC,GAAY,EAAE,EAAE,CACvB,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;UACnC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;UAEnC,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,EAAE,CAAC;OACb;KACJ;GACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { NodeSpec } from 'prosemirror-model';\nimport { CustomElementDefinition } from '../../../global/shared-types/custom-element.types';\n\ntype NodeSpecFactory = (config: CustomElementDefinition) => NodeSpec;\n\nexport const createNodeSpec: NodeSpecFactory = (\n    config: CustomElementDefinition,\n): NodeSpec => {\n    const attributes = config.attributes.reduce((acc, attr) => {\n        acc[attr] = {};\n\n        return acc;\n    }, {});\n\n    return {\n        group: 'inline',\n        inline: true,\n        atom: false,\n        selectable: true,\n        attrs: attributes,\n\n        toDOM: (node) => [\n            config.tagName,\n            config.attributes.reduce((acc, attr) => {\n                acc[attr] = node.attrs[attr];\n\n                return acc;\n            }, {}),\n        ],\n        parseDOM: [\n            {\n                tag: `${config.tagName}[${config.attributes.map((attr) => attr).join('][')}]`,\n                getAttrs: (dom: Element) =>\n                    config.attributes.reduce((acc, attr) => {\n                        acc[attr] = dom.getAttribute(attr);\n\n                        return acc;\n                    }, {}),\n            },\n        ],\n    };\n};\n"]}

package/dist/collection/global/shared-types/custom-element.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-element.types.js","sourceRoot":"","sources":["../../../src/global/shared-types/custom-element.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Custom Element\n *\n * @alpha\n */\nexport interface CustomElement {\n    tagName: string;\n    attributes: string[];\n}\n"]}
+{"version":3,"file":"custom-element.types.js","sourceRoot":"","sources":["../../../src/global/shared-types/custom-element.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Custom Element definition\n *\n * Used to define a Custom Element\n *\n * @alpha\n */\nexport interface CustomElementDefinition {\n    tagName: string;\n    attributes: string[];\n}\n\n/**\n * Custom Element\n *\n * @alpha\n */\nexport type CustomElement = Omit<CustomElementDefinition, 'attributes'> & {\n    /**\n     * Record of attributes and values to apply to the node\n     */\n    attributes: Record<string, any>;\n};\n"]}

package/dist/collection/interface.js

@@ -31,4 +31,5 @@ export * from './components/table/table.types';
 export * from './global/shared-types/separator.types';
 export * from './global/shared-types/icon.types';
 export * from './global/shared-types/image.types';
+export * from './components/text-editor/text-editor.types';
 //# sourceMappingURL=interface.js.map

package/dist/collection/interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"interface.js","sourceRoot":"","sources":["../src/interface.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wDAAwD,CAAC;AACvE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAaH,cAAc,GAIjB,MAAM,8BAA8B,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAK3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/action-bar/action-bar.types';\nexport * from './components/breadcrumbs/breadcrumbs.types';\nexport * from './components/button/button.types';\nexport * from './components/callout/callout.types';\nexport * from './components/chip-set/chip.types';\nexport * from './components/circular-progress/circular-progress.types';\nexport * from './components/code-editor/code-editor.types';\nexport * from './components/collapsible-section/action';\nexport * from './components/date-picker/date.types';\nexport * from './components/dialog/dialog.types';\nexport * from './components/dock/dock.types';\nexport * from './global/shared-types/file.types';\nexport * from './components/flex-container/flex-container.types';\nexport * from './global/shared-types/custom-element.types';\nexport {\n    EventEmitter,\n    ValidationStatus,\n    FormError,\n    ValidationError,\n    FormComponent,\n    FormInfo,\n    LimeSchemaOptions,\n    LimeLayoutOptions,\n    FormComponentOptions,\n    FormLayoutOptions,\n    GridLayoutOptions,\n    RowLayoutOptions,\n    FormLayoutType,\n    ReplaceObjectType,\n    FormSchemaArrayItem,\n    FormSubKeySchema,\n} from './components/form/form.types';\nexport * from './components/help/help.types';\nexport * from './components/icon/icon.types';\nexport * from './components/info-tile/info-tile.types';\nexport * from './components/input-field/input-field.types';\nexport {\n    ListComponent,\n    ListSeparator,\n} from './components/list/list-item.types';\nexport * from './components/dynamic-label/label.types';\nexport * from './components/list/list.types';\nexport * from './components/menu/menu.types';\nexport * from './components/menu-list/menu-list.types';\nexport * from './components/picker/actions.types';\nexport * from './components/picker/searcher.types';\nexport * from './components/progress-flow/progress-flow.types';\nexport * from './components/select/option.types';\nexport * from './components/spinner/spinner.types';\nexport * from './components/tab-panel/tab-panel.types';\nexport * from './components/table/table.types';\nexport * from './global/shared-types/separator.types';\nexport * from './global/shared-types/icon.types';\nexport * from './global/shared-types/image.types';\n"]}
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../src/interface.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wDAAwD,CAAC;AACvE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAaH,cAAc,GAIjB,MAAM,8BAA8B,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAK3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,4CAA4C,CAAC","sourcesContent":["export * from './components/action-bar/action-bar.types';\nexport * from './components/breadcrumbs/breadcrumbs.types';\nexport * from './components/button/button.types';\nexport * from './components/callout/callout.types';\nexport * from './components/chip-set/chip.types';\nexport * from './components/circular-progress/circular-progress.types';\nexport * from './components/code-editor/code-editor.types';\nexport * from './components/collapsible-section/action';\nexport * from './components/date-picker/date.types';\nexport * from './components/dialog/dialog.types';\nexport * from './components/dock/dock.types';\nexport * from './global/shared-types/file.types';\nexport * from './components/flex-container/flex-container.types';\nexport * from './global/shared-types/custom-element.types';\nexport {\n    EventEmitter,\n    ValidationStatus,\n    FormError,\n    ValidationError,\n    FormComponent,\n    FormInfo,\n    LimeSchemaOptions,\n    LimeLayoutOptions,\n    FormComponentOptions,\n    FormLayoutOptions,\n    GridLayoutOptions,\n    RowLayoutOptions,\n    FormLayoutType,\n    ReplaceObjectType,\n    FormSchemaArrayItem,\n    FormSubKeySchema,\n} from './components/form/form.types';\nexport * from './components/help/help.types';\nexport * from './components/icon/icon.types';\nexport * from './components/info-tile/info-tile.types';\nexport * from './components/input-field/input-field.types';\nexport {\n    ListComponent,\n    ListSeparator,\n} from './components/list/list-item.types';\nexport * from './components/dynamic-label/label.types';\nexport * from './components/list/list.types';\nexport * from './components/menu/menu.types';\nexport * from './components/menu-list/menu-list.types';\nexport * from './components/picker/actions.types';\nexport * from './components/picker/searcher.types';\nexport * from './components/progress-flow/progress-flow.types';\nexport * from './components/select/option.types';\nexport * from './components/spinner/spinner.types';\nexport * from './components/tab-panel/tab-panel.types';\nexport * from './components/table/table.types';\nexport * from './global/shared-types/separator.types';\nexport * from './global/shared-types/icon.types';\nexport * from './global/shared-types/image.types';\nexport * from './components/text-editor/text-editor.types';\n"]}