framework7 6.3.15 → 7.0.0-beta.11

package/{esm/components → components}/text-editor/text-editor-class.js

@@ -1,15 +1,9 @@
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-import { getDevice } from '../../shared/get-device';
-var textEditorButtonsMap = {
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+import { getDevice } from '../../shared/get-device.js';
+const textEditorButtonsMap = {
   // f7-icon, material-icon, command
   bold: ['bold', 'format_bold', 'bold'],
   italic: ['italic', 'format_italic', 'italic'],
@@ -33,28 +27,22 @@ var textEditorButtonsMap = {
   outdent: ['decrease_indent', 'format_indent_decrease', 'outdent']
 };
 
-var TextEditor = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(TextEditor, _Framework7Class);
-
-  function TextEditor(app, params) {
-    var _this;
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var self = _assertThisInitialized(_this);
-
-    var document = getDocument();
-    var device = getDevice();
-    var defaults = extend({}, app.params.textEditor); // Extend defaults with modules params
+class TextEditor extends Framework7Class {
+  constructor(app, params) {
+    super(params, [app]);
+    const self = this;
+    const document = getDocument();
+    const device = getDevice();
+    const defaults = extend({}, app.params.textEditor); // Extend defaults with modules params
 
     self.useModulesParams(defaults);
     self.params = extend(defaults, params);
-    var el = self.params.el;
-    if (!el) return self || _assertThisInitialized(_this);
-    var $el = $(el);
-    if ($el.length === 0) return self || _assertThisInitialized(_this);
-    if ($el[0].f7TextEditor) return $el[0].f7TextEditor || _assertThisInitialized(_this);
-    var $contentEl = $el.children('.text-editor-content');
+    const el = self.params.el;
+    if (!el) return self;
+    const $el = $(el);
+    if ($el.length === 0) return self;
+    if ($el[0].f7TextEditor) return $el[0].f7TextEditor;
+    let $contentEl = $el.children('.text-editor-content');
 
     if (!$contentEl.length) {
       $el.append('<div class="text-editor-content" contenteditable></div>');
@@ -62,10 +50,10 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     }
 
     extend(self, {
-      app: app,
-      $el: $el,
+      app,
+      $el,
       el: $el[0],
-      $contentEl: $contentEl,
+      $contentEl,
       contentEl: $contentEl[0]
     });
 
@@ -143,29 +131,27 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     self.useModules(); // Init
 
     self.init();
-    return self || _assertThisInitialized(_this);
+    return self;
   }
 
-  var _proto = TextEditor.prototype;
-
-  _proto.setValue = function setValue(newValue) {
-    var self = this;
-    var currentValue = self.value;
+  setValue(newValue) {
+    const self = this;
+    const currentValue = self.value;
     if (currentValue === newValue) return self;
     self.value = newValue;
     self.$contentEl.html(newValue);
     self.$el.trigger('texteditor:change', self.value);
     self.emit('local::change textEditorChange', self, self.value);
     return self;
-  };
+  }
 
-  _proto.getValue = function getValue() {
-    var self = this;
+  getValue() {
+    const self = this;
     return self.value;
-  };
+  }
 
-  _proto.clearValue = function clearValue() {
-    var self = this;
+  clearValue() {
+    const self = this;
     self.setValue('');
 
     if (self.params.placeholder && !self.$contentEl.html()) {
@@ -173,18 +159,18 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     }
 
     return self;
-  };
+  }
 
-  _proto.createLink = function createLink() {
-    var self = this;
-    var window = getWindow();
-    var document = getDocument();
-    var currentSelection = window.getSelection();
-    var selectedNodes = [];
-    var $selectedLinks;
+  createLink() {
+    const self = this;
+    const window = getWindow();
+    const document = getDocument();
+    const currentSelection = window.getSelection();
+    const selectedNodes = [];
+    let $selectedLinks;
 
     if (currentSelection && currentSelection.anchorNode && $(currentSelection.anchorNode).parents(self.$el).length) {
-      var anchorNode = currentSelection.anchorNode;
+      let anchorNode = currentSelection.anchorNode;
 
       while (anchorNode) {
         selectedNodes.push(anchorNode);
@@ -198,14 +184,14 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
         }
       }
 
-      var selectedNodesLinks = [];
-      var $selectedNodes = $(selectedNodes);
+      const selectedNodesLinks = [];
+      const $selectedNodes = $(selectedNodes);
 
-      for (var i = 0; i < $selectedNodes.length; i += 1) {
-        var childNodes = $selectedNodes[i].children;
+      for (let i = 0; i < $selectedNodes.length; i += 1) {
+        const childNodes = $selectedNodes[i].children;
 
         if (childNodes) {
-          for (var j = 0; j < childNodes.length; j += 1) {
+          for (let j = 0; j < childNodes.length; j += 1) {
             if ($(childNodes[j]).is('a')) {
               selectedNodesLinks.push(childNodes[j]);
             }
@@ -217,9 +203,9 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if ($selectedLinks && $selectedLinks.length) {
-      $selectedLinks.each(function (linkNode) {
-        var selection = window.getSelection();
-        var range = document.createRange();
+      $selectedLinks.each(linkNode => {
+        const selection = window.getSelection();
+        const range = document.createRange();
         range.selectNodeContents(linkNode);
         selection.removeAllRanges();
         selection.addRange(range);
@@ -229,9 +215,9 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
       return self;
     }
 
-    var currentRange = self.getSelectionRange();
+    const currentRange = self.getSelectionRange();
     if (!currentRange) return self;
-    var dialog = self.app.dialog.prompt(self.params.linkUrlText, '', function (link) {
+    const dialog = self.app.dialog.prompt(self.params.linkUrlText, '', link => {
       if (link && link.trim().length) {
         self.setSelectionRange(currentRange);
         document.execCommand('createLink', false, link.trim());
@@ -243,14 +229,14 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     });
     dialog.$el.find('input').focus();
     return self;
-  };
+  }
 
-  _proto.insertImage = function insertImage() {
-    var self = this;
-    var document = getDocument();
-    var currentRange = self.getSelectionRange();
+  insertImage() {
+    const self = this;
+    const document = getDocument();
+    const currentRange = self.getSelectionRange();
     if (!currentRange) return self;
-    var dialog = self.app.dialog.prompt(self.params.imageUrlText, '', function (imageUrl) {
+    const dialog = self.app.dialog.prompt(self.params.imageUrlText, '', imageUrl => {
       if (imageUrl && imageUrl.trim().length) {
         self.setSelectionRange(currentRange);
         document.execCommand('insertImage', false, imageUrl.trim());
@@ -262,25 +248,25 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     });
     dialog.$el.find('input').focus();
     return self;
-  };
+  }
 
-  _proto.removePlaceholder = function removePlaceholder() {
-    var self = this;
+  removePlaceholder() {
+    const self = this;
     self.$contentEl.find('.text-editor-placeholder').remove();
-  };
+  }
 
-  _proto.insertPlaceholder = function insertPlaceholder() {
-    var self = this;
-    self.$contentEl.append("<div class=\"text-editor-placeholder\">" + self.params.placeholder + "</div>");
-  };
+  insertPlaceholder() {
+    const self = this;
+    self.$contentEl.append(`<div class="text-editor-placeholder">${self.params.placeholder}</div>`);
+  }
 
-  _proto.onSelectionChange = function onSelectionChange() {
-    var self = this;
-    var window = getWindow();
-    var document = getDocument();
+  onSelectionChange() {
+    const self = this;
+    const window = getWindow();
+    const document = getDocument();
     if (self.params.mode === 'toolbar') return;
-    var selection = window.getSelection();
-    var selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
+    const selection = window.getSelection();
+    const selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
 
     if (self.params.mode === 'keyboard-toolbar') {
       if (!selectionIsInContent) {
@@ -293,7 +279,7 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if (self.params.mode === 'popover') {
-      var selectionIsInPopover = $(selection.anchorNode).parents(self.popover.el).length || selection.anchorNode === self.popover.el;
+      const selectionIsInPopover = $(selection.anchorNode).parents(self.popover.el).length || selection.anchorNode === self.popover.el;
 
       if (!selectionIsInContent && !selectionIsInPopover) {
         self.closePopover();
@@ -301,58 +287,58 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
       }
 
       if (!selection.isCollapsed && selection.rangeCount) {
-        var range = selection.getRangeAt(0);
-        var rect = range.getBoundingClientRect();
-        var rootEl = self.app.$el[0] || document.body;
+        const range = selection.getRangeAt(0);
+        const rect = range.getBoundingClientRect();
+        const rootEl = self.app.$el[0] || document.body;
         self.openPopover(rect.x + (window.scrollX || 0) - rootEl.offsetLeft, rect.y + (window.scrollY || 0) - rootEl.offsetTop, rect.width, rect.height);
       } else if (selection.isCollapsed) {
         self.closePopover();
       }
     }
-  };
+  }
 
-  _proto.onPaste = function onPaste(e) {
-    var self = this;
-    var document = getDocument();
+  onPaste(e) {
+    const self = this;
+    const document = getDocument();
 
     if (self.params.clearFormattingOnPaste && e.clipboardData && e.clipboardData.getData) {
-      var text = e.clipboardData.getData('text/plain');
+      const text = e.clipboardData.getData('text/plain');
       e.preventDefault();
       document.execCommand('insertText', false, text);
     }
-  };
+  }
 
-  _proto.onInput = function onInput() {
-    var self = this;
-    var value = self.$contentEl.html();
+  onInput() {
+    const self = this;
+    const value = self.$contentEl.html();
     self.value = value;
     self.$el.trigger('texteditor:input');
     self.emit('local:input textEditorInput', self, self.value);
     self.$el.trigger('texteditor:change', self.value);
     self.emit('local::change textEditorChange', self, self.value);
-  };
+  }
 
-  _proto.onFocus = function onFocus() {
-    var self = this;
+  onFocus() {
+    const self = this;
     self.removePlaceholder();
     self.$contentEl.focus();
     self.$el.trigger('texteditor:focus');
     self.emit('local::focus textEditorFocus', self);
-  };
+  }
 
-  _proto.onBlur = function onBlur() {
-    var self = this;
-    var window = getWindow();
-    var document = getDocument();
+  onBlur() {
+    const self = this;
+    const window = getWindow();
+    const document = getDocument();
 
     if (self.params.placeholder && self.$contentEl.html() === '') {
       self.insertPlaceholder();
     }
 
     if (self.params.mode === 'popover') {
-      var selection = window.getSelection();
-      var selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
-      var inPopover = document.activeElement && self.popover && $(document.activeElement).closest(self.popover.$el).length;
+      const selection = window.getSelection();
+      const selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
+      const inPopover = document.activeElement && self.popover && $(document.activeElement).closest(self.popover.$el).length;
 
       if (!inPopover && !selectionIsInContent) {
         self.closePopover();
@@ -360,34 +346,33 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if (self.params.mode === 'keyboard-toolbar') {
-      var _selection = window.getSelection();
-
-      var _selectionIsInContent = $(_selection.anchorNode).parents(self.contentEl).length || _selection.anchorNode === self.contentEl;
+      const selection = window.getSelection();
+      const selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
 
-      if (!_selectionIsInContent) {
+      if (!selectionIsInContent) {
         self.closeKeyboardToolbar();
       }
     }
 
     self.$el.trigger('texteditor:blur');
     self.emit('local::blur textEditorBlur', self);
-  };
-
-  _proto.onButtonClick = function onButtonClick(e) {
-    var self = this;
-    var window = getWindow();
-    var document = getDocument();
-    var selection = window.getSelection();
-    var selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
+  }
+
+  onButtonClick(e) {
+    const self = this;
+    const window = getWindow();
+    const document = getDocument();
+    const selection = window.getSelection();
+    const selectionIsInContent = $(selection.anchorNode).parents(self.contentEl).length || selection.anchorNode === self.contentEl;
     if (!selectionIsInContent) return;
-    var $buttonEl = $(e.target).closest('button');
+    const $buttonEl = $(e.target).closest('button');
 
     if ($buttonEl.parents('form').length) {
       e.preventDefault();
     }
 
-    var button = $buttonEl.attr('data-button');
-    var buttonData = self.params.customButtons && self.params.customButtons[button];
+    const button = $buttonEl.attr('data-button');
+    const buttonData = self.params.customButtons && self.params.customButtons[button];
     if (!button || !(textEditorButtonsMap[button] || buttonData)) return;
     $buttonEl.trigger('texteditor:buttonclick', button);
     self.emit('local::buttonClick textEditorButtonClick', self, button);
@@ -397,7 +382,7 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
       return;
     }
 
-    var command = textEditorButtonsMap[button][2];
+    const command = textEditorButtonsMap[button][2];
 
     if (command === 'createLink') {
       self.createLink();
@@ -410,8 +395,8 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if (command.indexOf('formatBlock') === 0) {
-      var tagName = command.split('.')[1];
-      var $anchorNode = $(selection.anchorNode);
+      const tagName = command.split('.')[1];
+      const $anchorNode = $(selection.anchorNode);
 
       if ($anchorNode.parents(tagName.toLowerCase()).length || $anchorNode.is(tagName)) {
         document.execCommand('formatBlock', false, 'div');
@@ -424,14 +409,14 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
 
     document.execCommand(command, false);
   } // eslint-disable-next-line
-  ;
 
-  _proto.getSelectionRange = function getSelectionRange() {
-    var window = getWindow();
-    var document = getDocument();
+
+  getSelectionRange() {
+    const window = getWindow();
+    const document = getDocument();
 
     if (window.getSelection) {
-      var sel = window.getSelection();
+      const sel = window.getSelection();
 
       if (sel.getRangeAt && sel.rangeCount) {
         return sel.getRangeAt(0);
@@ -442,43 +427,43 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
 
     return null;
   } // eslint-disable-next-line
-  ;
 
-  _proto.setSelectionRange = function setSelectionRange(range) {
-    var window = getWindow();
-    var document = getDocument();
+
+  setSelectionRange(range) {
+    const window = getWindow();
+    const document = getDocument();
 
     if (range) {
       if (window.getSelection) {
-        var sel = window.getSelection();
+        const sel = window.getSelection();
         sel.removeAllRanges();
         sel.addRange(range);
       } else if (document.selection && range.select) {
         range.select();
       }
     }
-  };
+  }
 
-  _proto.renderButtons = function renderButtons() {
-    var self = this;
-    var html = '';
+  renderButtons() {
+    const self = this;
+    let html = '';
 
     function renderButton(button) {
-      var iconClass = self.app.theme === 'md' ? 'material-icons' : 'f7-icons';
+      const iconClass = self.app.theme === 'md' ? 'material-icons' : 'f7-icons';
 
       if (self.params.customButtons && self.params.customButtons[button]) {
-        var buttonData = self.params.customButtons[button];
-        return "<button type=\"button\" class=\"text-editor-button\" data-button=\"" + button + "\">" + (buttonData.content || '') + "</button>";
+        const buttonData = self.params.customButtons[button];
+        return `<button type="button" class="text-editor-button" data-button="${button}">${buttonData.content || ''}</button>`;
       }
 
       if (!textEditorButtonsMap[button]) return '';
-      var iconContent = textEditorButtonsMap[button][self.app.theme === 'md' ? 1 : 0];
-      return ("<button type=\"button\" class=\"text-editor-button\" data-button=\"" + button + "\">" + (iconContent.indexOf('<') >= 0 ? iconContent : "<i class=\"" + iconClass + "\">" + iconContent + "</i>") + "</button>").trim();
+      const iconContent = textEditorButtonsMap[button][self.app.theme === 'md' ? 1 : 0];
+      return `<button type="button" class="text-editor-button" data-button="${button}">${iconContent.indexOf('<') >= 0 ? iconContent : `<i class="${iconClass}">${iconContent}</i>`}</button>`.trim();
     }
 
-    self.params.buttons.forEach(function (button, buttonIndex) {
+    self.params.buttons.forEach((button, buttonIndex) => {
       if (Array.isArray(button)) {
-        button.forEach(function (b) {
+        button.forEach(b => {
           html += renderButton(b);
         });
 
@@ -490,53 +475,57 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
       }
     });
     return html;
-  };
+  }
 
-  _proto.createToolbar = function createToolbar() {
-    var self = this;
-    self.$el.prepend("<div class=\"text-editor-toolbar\">" + self.renderButtons() + "</div>");
-  };
+  createToolbar() {
+    const self = this;
+    self.$el.prepend(`<div class="text-editor-toolbar">${self.renderButtons()}</div>`);
+  }
 
-  _proto.createKeyboardToolbar = function createKeyboardToolbar() {
-    var self = this;
-    self.$keyboardToolbarEl = $("<div class=\"toolbar toolbar-bottom text-editor-keyboard-toolbar\"><div class=\"toolbar-inner\">" + self.renderButtons() + "</div></div>");
-  };
+  createKeyboardToolbar() {
+    const self = this;
+    self.$keyboardToolbarEl = $(`<div class="toolbar toolbar-bottom text-editor-keyboard-toolbar"><div class="toolbar-inner">${self.renderButtons()}</div></div>`);
+  }
 
-  _proto.createPopover = function createPopover() {
-    var self = this;
+  createPopover() {
+    const self = this;
     self.popover = self.app.popover.create({
-      content: "\n        <div class=\"popover theme-dark text-editor-popover\">\n          <div class=\"popover-inner\">" + self.renderButtons() + "</div>\n        </div>\n      ",
+      content: `
+        <div class="popover dark text-editor-popover">
+          <div class="popover-inner">${self.renderButtons()}</div>
+        </div>
+      `,
       closeByOutsideClick: false,
       backdrop: false
     });
-  };
+  }
 
-  _proto.openKeyboardToolbar = function openKeyboardToolbar() {
-    var self = this;
+  openKeyboardToolbar() {
+    const self = this;
     if (self.$keyboardToolbarEl.parent(self.app.$el).length) return;
     self.$el.trigger('texteditor:keyboardopen');
     self.emit('local::keyboardOpen textEditorKeyboardOpen', self);
     self.app.$el.append(self.$keyboardToolbarEl);
-  };
+  }
 
-  _proto.closeKeyboardToolbar = function closeKeyboardToolbar() {
-    var self = this;
+  closeKeyboardToolbar() {
+    const self = this;
     self.$keyboardToolbarEl.remove();
     self.$el.trigger('texteditor:keyboardclose');
     self.emit('local::keyboardClose textEditorKeyboardClose', self);
-  };
+  }
 
-  _proto.openPopover = function openPopover(targetX, targetY, targetWidth, targetHeight) {
-    var self = this;
+  openPopover(targetX, targetY, targetWidth, targetHeight) {
+    const self = this;
     if (!self.popover) return;
     Object.assign(self.popover.params, {
-      targetX: targetX,
-      targetY: targetY,
-      targetWidth: targetWidth,
-      targetHeight: targetHeight
+      targetX,
+      targetY,
+      targetWidth,
+      targetHeight
     });
     clearTimeout(self.popoverTimeout);
-    self.popoverTimeout = setTimeout(function () {
+    self.popoverTimeout = setTimeout(() => {
       if (!self.popover) return;
 
       if (self.popover.opened) {
@@ -547,22 +536,22 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
         self.popover.open();
       }
     }, 400);
-  };
+  }
 
-  _proto.closePopover = function closePopover() {
-    var self = this;
+  closePopover() {
+    const self = this;
     clearTimeout(self.popoverTimeout);
     if (!self.popover || !self.popover.opened) return;
-    self.popoverTimeout = setTimeout(function () {
+    self.popoverTimeout = setTimeout(() => {
       if (!self.popover) return;
       self.$el.trigger('texteditor:popoverclose');
       self.emit('local::popoverClose textEditorPopoverClose', self);
       self.popover.close();
     }, 400);
-  };
+  }
 
-  _proto.init = function init() {
-    var self = this;
+  init() {
+    const self = this;
 
     if (self.value) {
       self.$contentEl.html(self.value);
@@ -586,10 +575,10 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     self.$el.trigger('texteditor:init');
     self.emit('local::init textEditorInit', self);
     return self;
-  };
+  }
 
-  _proto.destroy = function destroy() {
-    var self = this;
+  destroy() {
+    let self = this;
     self.$el.trigger('texteditor:beforedestroy');
     self.emit('local::beforeDestroy textEditorBeforeDestroy', self);
     self.detachEvents();
@@ -606,9 +595,8 @@ var TextEditor = /*#__PURE__*/function (_Framework7Class) {
     delete self.$el[0].f7TextEditor;
     deleteProps(self);
     self = null;
-  };
+  }
 
-  return TextEditor;
-}(Framework7Class);
+}
 
 export default TextEditor;

package/components/text-editor/text-editor-rtl.css

@@ -1 +1 @@
-:root{--f7-text-editor-font-size:inherit;--f7-text-editor-font-weight:inherit;--f7-text-editor-border-width:1px;--f7-text-editor-height:250px;--f7-text-editor-margin:16px;--f7-text-editor-padding:8px;--f7-text-editor-button-bg-color:transparent;--f7-text-editor-button-size:28px;--f7-text-editor-button-icon-size:20px;--f7-text-editor-button-margin:2px;--f7-text-editor-button-border-radius:2px;--f7-text-editor-text-color:#000;--f7-text-editor-bg-color:#fff;--f7-text-editor-border-color:rgba(0, 0, 0, 0.1);--f7-text-editor-toolbar-bg-color:#fff;--f7-text-editor-button-text-color:#333;--f7-text-editor-button-divider-color:rgba(0, 0, 0, 0.15);--f7-text-editor-placeholder-color:rgba(0, 0, 0, 0.35)}:root .theme-dark,:root.theme-dark{--f7-text-editor-bg-color:#121212;--f7-text-editor-border-color:rgba(255, 255, 255, 0.1);--f7-text-editor-toolbar-bg-color:#202020;--f7-text-editor-text-color:#fff;--f7-text-editor-placeholder-color:rgba(255, 255, 255, 0.35);--f7-text-editor-button-text-color:#fff;--f7-text-editor-button-divider-color:rgba(255, 255, 255, 0.15)}.ios{--f7-text-editor-toolbar-padding:6px;--f7-text-editor-toolbar-border-color:rgba(0, 0, 0, 0.25)}.ios .theme-dark,.ios.theme-dark{--f7-text-editor-toolbar-bg-color:#121212;--f7-text-editor-toolbar-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-text-editor-toolbar-padding:8px;--f7-text-editor-toolbar-box-shadow:0px 2px 3px -1px rgba(0, 0, 0, 0.25)}.aurora{--f7-text-editor-toolbar-padding:8px;--f7-text-editor-toolbar-border-color:rgba(0, 0, 0, 0.25)}.aurora .theme-dark,.aurora.theme-dark{--f7-text-editor-toolbar-border-color:rgba(255, 255, 255, 0.1)}.text-editor{margin:var(--f7-text-editor-margin);background-color:var(--f7-text-editor-bg-color);display:block;position:relative;border:var(--f7-text-editor-border-width) solid var(--f7-text-editor-border-color);display:flex;flex-direction:column;align-items:stretch;height:var(--f7-text-editor-height);box-sizing:border-box}.text-editor.text-editor-resizable{height:auto}.text-editor-toolbar{display:flex;flex-wrap:wrap;background:var(--f7-text-editor-toolbar-bg-color);z-index:100;position:relative;position:-webkit-sticky;position:sticky;left:0;top:0;padding:var(--f7-text-editor-toolbar-padding);flex-shrink:0;box-shadow:var(--f7-text-editor-toolbar-box-shadow);box-sizing:border-box}.text-editor-toolbar:after{content:'';position:absolute;background-color:var(--f7-text-editor-toolbar-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}button.text-editor-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;margin:0;outline:0;font-family:inherit;background:0 0;cursor:pointer;box-shadow:none;border-radius:var(--f7-text-editor-button-border-radius);position:relative;z-index:1;display:flex;width:auto;overflow:hidden;width:var(--f7-text-editor-button-size);height:var(--f7-text-editor-button-size);align-items:center;justify-content:center;margin:var(--f7-text-editor-button-margin);box-sizing:border-box;color:var(--f7-text-editor-button-text-color);background-color:var(--f7-text-editor-button-bg-color);flex-shrink:0}button.text-editor-button .f7-icons,button.text-editor-button .material-icons,button.text-editor-button i{font-size:var(--f7-text-editor-button-icon-size);font-style:normal}button.text-editor-button .f7-icons sub,button.text-editor-button .f7-icons sup,button.text-editor-button .material-icons sub,button.text-editor-button .material-icons sup,button.text-editor-button i sub,button.text-editor-button i sup{font-size:60%}.text-editor-button-divider{width:1px;background:var(--f7-text-editor-button-divider-color);margin:0 2px;flex-shrink:0}.text-editor-content{-webkit-user-modify:read-write;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;height:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text;padding:var(--f7-text-editor-padding);overflow:auto;flex-shrink:10;box-sizing:border-box;color:var(--f7-text-editor-text-color);font-size:var(--f7-text-editor-font-size);font-weight:var(--f7-text-editor-font-weight)}.text-editor-content .text-editor-placeholder{pointer-events:none;color:var(--f7-text-editor-placeholder-color)}.text-editor-content img{max-width:100%}.text-editor-content a{pointer-events:none}.text-editor-popover{z-index:12500;width:auto;max-width:80vw}.text-editor-popover .popover-inner{display:flex;flex-wrap:wrap;padding:3px}.text-editor-keyboard-toolbar{position:absolute;z-index:6000;--f7-safe-area-bottom:0px}.text-editor-keyboard-toolbar .toolbar-inner{justify-content:flex-start!important;overflow:auto;-webkit-overflow-scrolling:touch}.text-editor-keyboard-toolbar .toolbar-inner::-webkit-scrollbar{display:none}.text-editor-keyboard-toolbar .toolbar-inner .text-editor-button-divider{height:100%}.item-input .text-editor{border:none;margin:0;background-color:var(--f7-input-bg-color,transparent)}.item-input .text-editor-content{padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size)}.item-input .text-editor-toolbar{box-shadow:none}.item-input .text-editor-toolbar:after{display:none!important}.item-input-outline .text-editor-content{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.ios button.text-editor-button{transition:opacity .3s}.ios button.text-editor-button.active-state{opacity:.3;transition-duration:0s}.md button.text-editor-button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25)}.md button.text-editor-button:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity}.md button.text-editor-button.icon-only:before,.md button.text-editor-button.input-clear-button:before,.md button.text-editor-button.notification-close-button:before,.md button.text-editor-button.ripple-inset:before,.md button.text-editor-button.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md button.text-editor-button.active-state:before{opacity:1;transition-duration:150ms}.md .text-editor-keyboard-toolbar .toolbar-inner{padding-left:8px;padding-right:8px}.aurora button.text-editor-button{transition:opacity .3s}.aurora button.text-editor-button.active-state{opacity:.3;transition-duration:0s}
+:root{--f7-text-editor-font-size:inherit;--f7-text-editor-font-weight:inherit;--f7-text-editor-border-width:1px;--f7-text-editor-height:250px;--f7-text-editor-margin:16px;--f7-text-editor-padding:8px;--f7-text-editor-button-bg-color:transparent;--f7-text-editor-button-size:28px;--f7-text-editor-button-icon-size:20px;--f7-text-editor-button-margin:2px;--f7-text-editor-button-border-radius:2px;--f7-text-editor-text-color:#000;--f7-text-editor-bg-color:#fff;--f7-text-editor-border-color:rgba(0, 0, 0, 0.1);--f7-text-editor-toolbar-bg-color:#fff;--f7-text-editor-button-text-color:#333;--f7-text-editor-button-divider-color:rgba(0, 0, 0, 0.15);--f7-text-editor-placeholder-color:rgba(0, 0, 0, 0.35)}:root .dark,:root.dark{--f7-text-editor-bg-color:#121212;--f7-text-editor-border-color:rgba(255, 255, 255, 0.1);--f7-text-editor-toolbar-bg-color:#202020;--f7-text-editor-text-color:#fff;--f7-text-editor-placeholder-color:rgba(255, 255, 255, 0.35);--f7-text-editor-button-text-color:#fff;--f7-text-editor-button-divider-color:rgba(255, 255, 255, 0.15)}.ios{--f7-text-editor-toolbar-padding:6px;--f7-text-editor-toolbar-border-color:rgba(0, 0, 0, 0.25)}.ios .dark,.ios.dark{--f7-text-editor-toolbar-bg-color:#121212;--f7-text-editor-toolbar-border-color:rgba(255, 255, 255, 0.1)}.md{--f7-text-editor-toolbar-padding:8px;--f7-text-editor-toolbar-box-shadow:0px 2px 3px -1px rgba(0, 0, 0, 0.25)}.aurora{--f7-text-editor-toolbar-padding:8px;--f7-text-editor-toolbar-border-color:rgba(0, 0, 0, 0.25)}.aurora .dark,.aurora.dark{--f7-text-editor-toolbar-border-color:rgba(255, 255, 255, 0.1)}.text-editor{margin:var(--f7-text-editor-margin);background-color:var(--f7-text-editor-bg-color);display:block;position:relative;border:var(--f7-text-editor-border-width) solid var(--f7-text-editor-border-color);display:flex;flex-direction:column;align-items:stretch;height:var(--f7-text-editor-height);box-sizing:border-box}.text-editor.text-editor-resizable{height:auto}.text-editor-toolbar{display:flex;flex-wrap:wrap;background:var(--f7-text-editor-toolbar-bg-color);z-index:100;position:relative;position:sticky;left:0;top:0;padding:var(--f7-text-editor-toolbar-padding);flex-shrink:0;box-shadow:var(--f7-text-editor-toolbar-box-shadow);box-sizing:border-box}.text-editor-toolbar:after{content:'';position:absolute;background-color:var(--f7-text-editor-toolbar-border-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}button.text-editor-button{-webkit-appearance:none;appearance:none;border:none;padding:0;margin:0;outline:0;font-family:inherit;background:0 0;cursor:pointer;box-shadow:none;border-radius:var(--f7-text-editor-button-border-radius);position:relative;z-index:1;display:flex;width:auto;overflow:hidden;width:var(--f7-text-editor-button-size);height:var(--f7-text-editor-button-size);align-items:center;justify-content:center;margin:var(--f7-text-editor-button-margin);box-sizing:border-box;color:var(--f7-text-editor-button-text-color);background-color:var(--f7-text-editor-button-bg-color);flex-shrink:0}button.text-editor-button .f7-icons,button.text-editor-button .material-icons,button.text-editor-button i{font-size:var(--f7-text-editor-button-icon-size);font-style:normal}button.text-editor-button .f7-icons sub,button.text-editor-button .f7-icons sup,button.text-editor-button .material-icons sub,button.text-editor-button .material-icons sup,button.text-editor-button i sub,button.text-editor-button i sup{font-size:60%}.text-editor-button-divider{width:1px;background:var(--f7-text-editor-button-divider-color);margin:0 2px;flex-shrink:0}.text-editor-content{-webkit-user-modify:read-write;-webkit-appearance:none;appearance:none;border:none;outline:0;height:100%;-webkit-user-select:text;user-select:text;padding:var(--f7-text-editor-padding);overflow:auto;flex-shrink:10;box-sizing:border-box;color:var(--f7-text-editor-text-color);font-size:var(--f7-text-editor-font-size);font-weight:var(--f7-text-editor-font-weight)}.text-editor-content .text-editor-placeholder{pointer-events:none;color:var(--f7-text-editor-placeholder-color)}.text-editor-content img{max-width:100%}.text-editor-content a{pointer-events:none}.text-editor-popover{z-index:12500;width:auto;max-width:80vw}.text-editor-popover .popover-inner{display:flex;flex-wrap:wrap;padding:3px}.text-editor-keyboard-toolbar{position:absolute;z-index:6000;--f7-safe-area-bottom:0px}.text-editor-keyboard-toolbar .toolbar-inner{justify-content:flex-start!important;overflow:auto;-webkit-overflow-scrolling:touch}.text-editor-keyboard-toolbar .toolbar-inner::-webkit-scrollbar{display:none}.text-editor-keyboard-toolbar .toolbar-inner .text-editor-button-divider{height:100%}.item-input .text-editor{border:none;margin:0;background-color:var(--f7-input-bg-color,transparent)}.item-input .text-editor-content{padding-top:var(--f7-textarea-padding-vertical);padding-bottom:var(--f7-textarea-padding-vertical);padding-left:var(--f7-input-padding-left);padding-right:var(--f7-input-padding-right);color:var(--f7-input-text-color);font-size:var(--f7-input-font-size)}.item-input .text-editor-toolbar{box-shadow:none}.item-input .text-editor-toolbar:after{display:none!important}.item-input-outline .text-editor-content{border-radius:var(--f7-input-outline-border-radius);padding-left:var(--f7-input-outline-padding-horizontal);padding-right:var(--f7-input-outline-padding-horizontal)}.ios button.text-editor-button{transition:opacity .3s}.ios button.text-editor-button.active-state{opacity:.3;transition-duration:0s}.md button.text-editor-button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25)}.md button.text-editor-button:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity}.md button.text-editor-button.icon-only:before,.md button.text-editor-button.input-clear-button:before,.md button.text-editor-button.notification-close-button:before,.md button.text-editor-button.ripple-inset:before,.md button.text-editor-button.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md button.text-editor-button.active-state:before{opacity:1;transition-duration:150ms}.md .text-editor-keyboard-toolbar .toolbar-inner{padding-left:8px;padding-right:8px}.aurora button.text-editor-button{transition:opacity .3s}.aurora button.text-editor-button.active-state{opacity:.3;transition-duration:0s}