@limetech/lime-elements 37.43.0 → 37.44.1

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d1052409.js');
-const translations = require('./translations-a67fc927.js');
+const translations = require('./translations-988a3f51.js');
 
 const calloutIcons = {
   note: 'info',

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d1052409.js');
 const getIconProps = require('./get-icon-props-50be7440.js');
 const makeEnterClickable = require('./make-enter-clickable-c116ac4f.js');
-const translations = require('./translations-a67fc927.js');
+const translations = require('./translations-988a3f51.js');
 const keycodes = require('./keycodes-3949f425.js');
 const isEmpty = require('./isEmpty-0f6ef58e.js');
 const linkHelper = require('./link-helper-b7e6c8df.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d1052409.js');
-const translations = require('./translations-a67fc927.js');
+const translations = require('./translations-988a3f51.js');
 
 function detectExtension(fileName, url) {
   const pathLike = fileName || url;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d1052409.js');
-const translations = require('./translations-a67fc927.js');
+const translations = require('./translations-988a3f51.js');
 const fileMetadata = require('./file-metadata-f259bba5.js');
 require('./get-icon-props-50be7440.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d1052409.js');
-const translations = require('./translations-a67fc927.js');
+const translations = require('./translations-988a3f51.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
 require('./sv-1f9a8edc.js');
 const moment = require('./moment-6b5ef9b3.js');

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

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d1052409.js');
-const markdownParser = require('./markdown-parser-1686b0d7.js');
-const isItem = require('./isItem-3f8ad629.js');
 const _Uint8Array = require('./_Uint8Array-f61bb71a.js');
 const _assignValue = require('./_assignValue-7c18d8d6.js');
 const _getAllKeysIn = require('./_getAllKeysIn-49d19250.js');
 const isObject$1 = require('./isObject-e28b7997.js');
 const isArray = require('./isArray-d188a04f.js');
 const isObjectLike = require('./isObjectLike-3e3f0cba.js');
-require('./_commonjsHelpers-0c557e26.js');
+const markdownParser = require('./markdown-parser-1686b0d7.js');
+const translations = require('./translations-988a3f51.js');
+const isItem = require('./isItem-3f8ad629.js');
 require('./eq-9a943b00.js');
 require('./_getNative-60328036.js');
 require('./isArrayLike-ac53bdac.js');
 require('./_defineProperty-8f56146d.js');
+require('./_commonjsHelpers-0c557e26.js');
 
 /** Built-in value references. */
 var objectCreate = Object.create;
@@ -16715,7 +16716,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,
@@ -16723,7 +16724,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,
@@ -16731,7 +16732,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,
@@ -16760,6 +16761,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 */
 
@@ -25427,53 +25442,30 @@ const ProsemirrorAdapter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.change = index.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.isItem(item)) {
+        const translationId = menuTranslationIDs[item.value];
+        if (translationId) {
+          newItem.text = translations.translate.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}`);
@@ -25507,29 +25499,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 [
@@ -25537,8 +25528,55 @@ const ProsemirrorAdapter = class {
       index.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');
@@ -25547,7 +25585,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;