@limetech/lime-elements 37.43.0 → 37.44.1

package/dist/esm/limel-callout.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-6156b4fd.js';
-import { t as translate } from './translations-cab6bc1e.js';
+import { t as translate } from './translations-e73d7840.js';
 
 const calloutIcons = {
   note: 'info',

package/dist/esm/limel-chip_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6156b4fd.js';
 import { g as getIconName } from './get-icon-props-0b65f85e.js';
 import { m as makeEnterClickable, r as removeEnterClickable } from './make-enter-clickable-a30589fb.js';
-import { t as translate } from './translations-cab6bc1e.js';
+import { t as translate } from './translations-e73d7840.js';
 import { D as DELETE, B as BACKSPACE, i as DELETE_KEY_CODE, j as BACKSPACE_KEY_CODE, k as ARROW_LEFT, l as ARROW_LEFT_KEY_CODE, m as ARROW_RIGHT, n as ARROW_RIGHT_KEY_CODE, a as ENTER, d as ENTER_KEY_CODE, E as ESCAPE, c as ESCAPE_KEY_CODE } from './keycodes-bf11a644.js';
 import { i as isEmpty } from './isEmpty-3c6786a3.js';
 import { g as getHref, a as getTarget } from './link-helper-725a9166.js';

package/dist/esm/limel-file-viewer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6156b4fd.js';
-import { t as translate } from './translations-cab6bc1e.js';
+import { t as translate } from './translations-e73d7840.js';
 
 function detectExtension(fileName, url) {
   const pathLike = fileName || url;

package/dist/esm/limel-file.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-6156b4fd.js';
-import { t as translate } from './translations-cab6bc1e.js';
+import { t as translate } from './translations-e73d7840.js';
 import { g as getFileIcon, a as getFileExtensionTitle, b as getFileColor, c as getFileBackgroundColor } from './file-metadata-9a4780e2.js';
 import './get-icon-props-0b65f85e.js';
 

package/dist/esm/limel-flatpickr-adapter.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-6156b4fd.js';
-import { t as translate } from './translations-cab6bc1e.js';
+import { t as translate } from './translations-e73d7840.js';
 import { c as createCommonjsModule, a as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-5ec8f9b7.js';
 import './sv-f0ccdb13.js';
 import { m as moment } from './moment-be8ab0fa.js';

package/dist/esm/limel-prosemirror-adapter.entry.js

@@ -1,17 +1,18 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6156b4fd.js';
-import { d as decodeHTML, m as markdownToHTML } from './markdown-parser-2ab3dab9.js';
-import { i as isItem } from './isItem-b0459122.js';
 import { k as keys$1, l as getSymbols, U as Uint8Array, e as isPrototype, a as getTag, n as baseUnary, p as nodeUtil, i as isBuffer, S as Stack, g as getAllKeys } from './_Uint8Array-75f23d1a.js';
 import { b as baseAssignValue, a as assignValue } from './_assignValue-fb2bf80a.js';
 import { k as keysIn, b as getSymbolsIn, g as getPrototype, a as getAllKeysIn } from './_getAllKeysIn-6b6bd0f6.js';
 import { i as isObject$1, r as root, S as Symbol } from './isObject-c74e273c.js';
 import { i as isArray } from './isArray-80298bc7.js';
 import { i as isObjectLike } from './isObjectLike-38996507.js';
-import './_commonjsHelpers-5ec8f9b7.js';
+import { d as decodeHTML, m as markdownToHTML } from './markdown-parser-2ab3dab9.js';
+import { t as translate$1 } from './translations-e73d7840.js';
+import { i as isItem } from './isItem-b0459122.js';
 import './eq-c1c7f528.js';
 import './_getNative-93d6bfe9.js';
 import './isArrayLike-385e0f31.js';
 import './_defineProperty-2105cb48.js';
+import './_commonjsHelpers-5ec8f9b7.js';
 
 /** Built-in value references. */
 var objectCreate = Object.create;
@@ -16711,7 +16712,7 @@ const textEditorMenuItems = [
   { separator: true },
   {
     value: EditorMenuTypes.HeaderLevel1,
-    text: 'Header Level 1',
+    text: 'Header 1',
     commandText: `${mod} ${shift} 1`,
     icon: '-lime-text-h-heading-1',
     iconOnly: true,
@@ -16719,7 +16720,7 @@ const textEditorMenuItems = [
   },
   {
     value: EditorMenuTypes.HeaderLevel2,
-    text: 'Header Level 2',
+    text: 'Header 2',
     commandText: `${mod} ${shift} 2`,
     icon: '-lime-text-h-heading-2',
     iconOnly: true,
@@ -16727,7 +16728,7 @@ const textEditorMenuItems = [
   },
   {
     value: EditorMenuTypes.HeaderLevel3,
-    text: 'Header Level 3',
+    text: 'Header 3',
     commandText: `${mod} ${shift} 3`,
     icon: '-lime-text-h-heading-3',
     iconOnly: true,
@@ -16756,6 +16757,20 @@ const textEditorMenuItems = [
     selected: false,
   },
 ];
+const getTextEditorMenuItems = () => cloneDeep(textEditorMenuItems);
+const menuTranslationIDs = {
+  strong: 'editor-menu.bold',
+  em: 'editor-menu.italic',
+  headerlevel1: 'editor-menu.h1',
+  headerlevel2: 'editor-menu.h2',
+  headerlevel3: 'editor-menu.h3',
+  /* eslint-disable camelcase */
+  bullet_list: 'editor-menu.bulleted-list',
+  ordered_list: 'editor-menu.numbered-list',
+  /* eslint-enable camelcase */
+  blockquote: 'editor-menu.blockquote',
+  link: 'editor-menu.link',
+};
 
 /* eslint-disable no-bitwise */
 
@@ -25423,53 +25438,30 @@ const ProsemirrorAdapter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.change = createEvent(this, "change", 7);
-    this.editorKeyMap = {};
-    this.initializeTextEditor = async () => {
-      this.actionBarItems = textEditorMenuItems;
-      const mySchema = new Schema({
-        nodes: addListNodes(schema$1.spec.nodes, 'paragraph block*', 'block'),
-        marks: schema$1.spec.marks,
-      });
-      // Parse initial content directly if 'value' is provided
-      const initialContentElement = document.createElement('div');
-      initialContentElement.innerHTML = '<p></p>';
-      if (this.value) {
-        initialContentElement.innerHTML =
-          await this.contentConverter.parseAsHTML(this.value, schema$1);
-      }
-      const initialDoc = DOMParser.fromSchema(mySchema).parse(initialContentElement);
-      this.menuCommandFactory = new MenuCommandFactory(mySchema);
-      this.editorKeyMap = this.menuCommandFactory.buildKeymap();
-      const keymapPlugin = keymap(this.editorKeyMap);
-      this.view = new EditorView(this.host.shadowRoot.querySelector('#editor'), {
-        state: EditorState.create({
-          doc: initialDoc,
-          plugins: [
-            ...exampleSetup({
-              schema: mySchema,
-              menuBar: false,
-            }),
-            keymapPlugin,
-            this.createMenuStateTrackingPlugin(this.actionBarItems),
-          ],
-        }),
-        dispatchTransaction: (transaction) => {
-          const newState = this.view.state.apply(transaction);
-          this.view.updateState(newState);
-          this.change.emit(this.contentConverter.serialize(this.view, schema$1));
-        },
-      });
-      this.menuCommandFactory = new MenuCommandFactory(mySchema);
-      if (this.value) {
-        this.updateView(this.value);
+    this.getActionBarItems = () => {
+      this.actionBarItems = getTextEditorMenuItems().map(this.getTranslatedItem);
+    };
+    this.getTranslatedItem = (item) => {
+      const newItem = cloneDeep(item);
+      if (isItem(item)) {
+        const translationId = menuTranslationIDs[item.value];
+        if (translationId) {
+          newItem.text = translate$1.get(translationId, this.language);
+        }
       }
+      return newItem;
+    };
+    this.handleTransaction = (transaction) => {
+      const newState = this.view.state.apply(transaction);
+      this.view.updateState(newState);
+      this.change.emit(this.contentConverter.serialize(this.view, this.schema));
     };
     this.handleActionBarItem = (event) => {
       event.preventDefault();
       const { value } = event.detail;
       try {
         const command = this.menuCommandFactory.getCommand(value);
-        this.executeCommand(command);
+        this.dispatchMenuCommand(command);
       }
       catch (error) {
         throw new Error(`Error executing command: ${error}`);
@@ -25503,29 +25495,28 @@ const ProsemirrorAdapter = class {
     };
     this.contentType = 'markdown';
     this.value = undefined;
+    this.language = undefined;
     this.view = undefined;
     this.actionBarItems = [];
   }
   watchValue(newValue) {
     if (!this.view ||
-      newValue === this.contentConverter.serialize(this.view, schema$1)) {
+      newValue === this.contentConverter.serialize(this.view, this.schema)) {
       return;
     }
     this.updateView(newValue);
   }
   componentWillLoad() {
-    if (this.contentType === 'markdown') {
-      this.contentConverter = new markdownConverter();
-    }
-    else if (this.contentType === 'html') {
-      this.contentConverter = new HTMLConverter();
-    }
+    this.getActionBarItems();
+    this.setupContentConverter();
   }
   componentDidLoad() {
     // Stencil complains loudly about triggering rerenders in
     // componentDidLoad, but we have to, so we're using setTimeout to
     // suppress the warning. /Ads
-    setTimeout(this.initializeTextEditor, 0);
+    setTimeout(() => {
+      this.initializeTextEditor();
+    }, 0);
   }
   render() {
     return [
@@ -25533,8 +25524,55 @@ const ProsemirrorAdapter = class {
       h("limel-action-bar", { accessibleLabel: "Toolbar", actions: this.actionBarItems, onItemSelected: this.handleActionBarItem }),
     ];
   }
+  setupContentConverter() {
+    /* eslint-disable multiline-ternary */
+    this.contentConverter =
+      this.contentType === 'markdown'
+        ? new markdownConverter()
+        : new HTMLConverter();
+    /* eslint-enable multiline-ternary */
+  }
+  async initializeTextEditor() {
+    this.schema = this.initializeSchema();
+    const initialDoc = await this.parseInitialContent();
+    this.menuCommandFactory = new MenuCommandFactory(this.schema);
+    this.view = new EditorView(this.host.shadowRoot.querySelector('#editor'), {
+      state: this.createEditorState(initialDoc),
+      dispatchTransaction: this.handleTransaction,
+    });
+    if (this.value) {
+      this.updateView(this.value);
+    }
+  }
+  initializeSchema() {
+    return new Schema({
+      nodes: addListNodes(schema$1.spec.nodes, 'paragraph block*', 'block'),
+      marks: schema$1.spec.marks,
+    });
+  }
+  async parseInitialContent() {
+    const initialContentElement = document.createElement('div');
+    if (this.value) {
+      initialContentElement.innerHTML =
+        await this.contentConverter.parseAsHTML(this.value, this.schema);
+    }
+    else {
+      initialContentElement.innerHTML = '<p></p>';
+    }
+    return DOMParser.fromSchema(this.schema).parse(initialContentElement);
+  }
+  createEditorState(initialDoc) {
+    return EditorState.create({
+      doc: initialDoc,
+      plugins: [
+        ...exampleSetup({ schema: this.schema, menuBar: false }),
+        keymap(this.menuCommandFactory.buildKeymap()),
+        this.createMenuStateTrackingPlugin(this.actionBarItems),
+      ],
+    });
+  }
   async updateView(content) {
-    const html = await this.contentConverter.parseAsHTML(content, schema$1);
+    const html = await this.contentConverter.parseAsHTML(content, this.schema);
     const prosemirrorDOMparser = DOMParser.fromSchema(this.view.state.schema);
     const domParser = new window.DOMParser();
     const doc = domParser.parseFromString(html, 'text/html');
@@ -25543,7 +25581,7 @@ const ProsemirrorAdapter = class {
     tr.replaceWith(0, tr.doc.content.size, prosemirrorDoc.content);
     this.view.dispatch(tr);
   }
-  executeCommand(command) {
+  dispatchMenuCommand(command) {
     const { state } = this.view;
     const selection = state.selection;
     let transaction = state.tr;