@opentiny/fluent-editor 3.19.0 → 3.19.1-alpha.1

package/es/toolbar/better-picker.es.js

@@ -0,0 +1,307 @@
+import Quill from "quill";
+import { isNullOrUndefined } from "../config/editor.utils.es.js";
+const SnowTheme = Quill.imports["themes/snow"];
+let optionsCounter = 0;
+function toggleAriaAttribute(element, attribute) {
+  element.setAttribute(
+    attribute,
+    element.getAttribute(attribute) !== "true"
+  );
+}
+class Picker {
+  constructor(select) {
+    this.select = select;
+    this.container = document.createElement("span");
+    this.buildPicker();
+    this.select.style.display = "none";
+    this.select.parentNode.insertBefore(this.container, this.select);
+    this.label.addEventListener("mousedown", (e) => {
+      this.togglePicker();
+      e.preventDefault();
+    });
+    this.label.addEventListener("keydown", (event) => {
+      switch (event.key) {
+        case "Enter":
+          this.togglePicker();
+          break;
+        case "Escape":
+          this.escape();
+          event.preventDefault();
+          break;
+        default:
+      }
+    });
+    this.select.addEventListener("change", this.update.bind(this));
+  }
+  togglePicker() {
+    this.container.classList.toggle("ql-expanded");
+    toggleAriaAttribute(this.label, "aria-expanded");
+    toggleAriaAttribute(this.options, "aria-hidden");
+  }
+  buildItem(option) {
+    const item = document.createElement("span");
+    item.tabIndex = 0;
+    item.setAttribute("role", "button");
+    item.classList.add("ql-picker-item");
+    if (option.hasAttribute("value")) {
+      item.setAttribute("data-value", option.getAttribute("value"));
+    }
+    if (option.textContent) {
+      item.setAttribute("data-label", option.textContent);
+    }
+    item.addEventListener("click", () => {
+      this.selectItem(item, true);
+    });
+    item.addEventListener("keydown", (event) => {
+      switch (event.key) {
+        case "Enter":
+          this.selectItem(item, true);
+          event.preventDefault();
+          break;
+        case "Escape":
+          this.escape();
+          event.preventDefault();
+          break;
+        default:
+      }
+    });
+    return item;
+  }
+  buildLabel() {
+    const label = document.createElement("span");
+    label.classList.add("ql-picker-label");
+    label.innerHTML = `
+      <svg viewbox="0 0 18 18">
+        <polygon class="ql-stroke" points="7 11 9 13 11 11 7 11"></polygon>
+        <polygon class="ql-stroke" points="7 7 9 5 11 7 7 7"></polygon>
+      </svg>
+    `;
+    label.tabIndex = 0;
+    label.setAttribute("role", "button");
+    label.setAttribute("aria-expanded", "false");
+    this.container.appendChild(label);
+    return label;
+  }
+  buildOptions() {
+    const options = document.createElement("span");
+    options.classList.add("ql-picker-options");
+    options.setAttribute("aria-hidden", "true");
+    options.tabIndex = -1;
+    options.id = `ql-picker-options-${optionsCounter}`;
+    optionsCounter += 1;
+    this.label.setAttribute("aria-controls", options.id);
+    this.options = options;
+    Array.from(this.select.options).forEach((option) => {
+      const item = this.buildItem(option);
+      options.appendChild(item);
+      if (option.selected === true) {
+        this.selectItem(item);
+      }
+    });
+    this.container.appendChild(options);
+  }
+  buildPicker() {
+    Array.from(this.select.attributes).forEach((item) => {
+      this.container.setAttribute(item.name, item.value);
+    });
+    this.container.classList.add("ql-picker");
+    this.label = this.buildLabel();
+    this.buildOptions();
+  }
+  escape() {
+    this.close();
+    setTimeout(() => this.label.focus(), 1);
+  }
+  close() {
+    this.container.classList.remove("ql-expanded");
+    this.label.setAttribute("aria-expanded", "false");
+    this.options.setAttribute("aria-hidden", "true");
+  }
+  selectItem(item, trigger = false) {
+    const selected = this.container.querySelector(".ql-selected");
+    if (item === selected) return;
+    if (!isNullOrUndefined(selected)) {
+      selected.classList.remove("ql-selected");
+    }
+    if (isNullOrUndefined(item)) return;
+    item.classList.add("ql-selected");
+    this.select.selectedIndex = Array.from(item.parentNode.children).indexOf(
+      item
+    );
+    if (item.hasAttribute("data-value")) {
+      this.label.setAttribute("data-value", item.getAttribute("data-value"));
+    } else {
+      this.label.removeAttribute("data-value");
+    }
+    if (item.hasAttribute("data-label")) {
+      this.label.setAttribute("data-label", item.getAttribute("data-label"));
+    } else {
+      this.label.removeAttribute("data-label");
+    }
+    if (trigger) {
+      let ev;
+      if (typeof Event === "function") {
+        ev = new Event("change");
+      } else {
+        ev = document.createEvent("Event");
+        ev.initEvent("change", true, true);
+      }
+      this.select.dispatchEvent(ev);
+      this.close();
+    }
+  }
+  update() {
+    let option;
+    if (this.select.selectedIndex > -1) {
+      const item = this.container.querySelector(".ql-picker-options").children[this.select.selectedIndex];
+      option = this.select.options[this.select.selectedIndex];
+      this.selectItem(item);
+    } else {
+      this.selectItem(null);
+    }
+    const isActive = !isNullOrUndefined(option) && option !== this.select.querySelector("option[selected]");
+    if (isActive) {
+      this.label.classList.add("ql-active");
+    } else {
+      this.label.classList.remove("ql-active");
+    }
+  }
+}
+class IconPicker extends Picker {
+  constructor(select, icons) {
+    super(select);
+    this.container.classList.add("ql-icon-picker");
+    Array.from(this.container.querySelectorAll(".ql-picker-item")).forEach(
+      (item) => {
+        item.innerHTML = icons[item.getAttribute("data-value") || ""];
+      }
+    );
+    this.defaultItem = this.container.querySelector(".ql-selected");
+    this.selectItem(this.defaultItem, null);
+  }
+  selectItem(target, trigger) {
+    super.selectItem(target, trigger);
+    const item = target || this.defaultItem;
+    if (this.label.innerHTML === item.innerHTML) return;
+    this.label.innerHTML = item.innerHTML;
+  }
+}
+class ColorPicker extends Picker {
+  constructor(select, label) {
+    super(select);
+    this.label.innerHTML = label;
+    this.container.classList.add("ql-color-picker");
+    Array.from(this.container.querySelectorAll(".ql-picker-item")).slice(0, 7).forEach((item) => {
+      item.classList.add("ql-primary");
+    });
+  }
+  buildItem(option) {
+    const item = super.buildItem(option);
+    item.style.backgroundColor = option.getAttribute("value") || "";
+    return item;
+  }
+  selectItem(item, trigger) {
+    super.selectItem(item, trigger);
+    const colorLabel = this.label.querySelector(".ql-color-label");
+    const value = item ? item.getAttribute("data-value") || "" : "";
+    if (colorLabel) {
+      if (colorLabel.tagName === "line") {
+        colorLabel.style.stroke = value;
+      } else {
+        colorLabel.style.fill = value;
+      }
+    }
+  }
+}
+Quill.register("ui/picker", Picker, true);
+Quill.register("ui/icon-picker", IconPicker, true);
+Quill.register("ui/color-picker", ColorPicker, true);
+const ALIGNS = [false, "center", "right"];
+const COLORS = [
+  "#000000",
+  "#e60000",
+  "#ff9900",
+  "#ffff00",
+  "#008a00",
+  "#0066cc",
+  "#9933ff",
+  "#ffffff",
+  "#facccc",
+  "#ffebcc",
+  "#ffffcc",
+  "#cce8cc",
+  "#cce0f5",
+  "#ebd6ff",
+  "#bbbbbb",
+  "#f06666",
+  "#ffc266",
+  "#ffff66",
+  "#66b966",
+  "#66a3e0",
+  "#c285ff",
+  "#888888",
+  "#a10000",
+  "#b26b00",
+  "#b2b200",
+  "#006100",
+  "#0047b2",
+  "#6b24b2",
+  "#444444",
+  "#5c0000",
+  "#663d00",
+  "#666600",
+  "#003700",
+  "#002966",
+  "#3d1466"
+];
+const FONTS = [false, "serif", "monospace"];
+const HEADERS = ["1", "2", "3", false];
+const SIZES = ["small", false, "large", "huge"];
+SnowTheme.prototype.buildPickers = function(selects, icons) {
+  this.pickers = Array.from(selects).map((select) => {
+    if (select.classList.contains("ql-align")) {
+      if (isNullOrUndefined(select.querySelector("option"))) {
+        fillSelect(select, ALIGNS);
+      }
+      return new IconPicker(select, icons.align);
+    }
+    if (select.classList.contains("ql-background") || select.classList.contains("ql-color")) {
+      const format = select.classList.contains("ql-background") ? "background" : "color";
+      if (isNullOrUndefined(select.querySelector("option"))) {
+        fillSelect(
+          select,
+          COLORS
+        );
+      }
+      return new ColorPicker(select, icons[format]);
+    }
+    if (isNullOrUndefined(select.querySelector("option"))) {
+      if (select.classList.contains("ql-font")) {
+        fillSelect(select, FONTS);
+      } else if (select.classList.contains("ql-header")) {
+        fillSelect(select, HEADERS);
+      } else if (select.classList.contains("ql-size")) {
+        fillSelect(select, SIZES);
+      }
+    }
+    return new Picker(select);
+  });
+  const update = () => {
+    this.pickers.forEach((picker) => {
+      picker.update();
+    });
+  };
+  this.quill.on(Quill.events.EDITOR_CHANGE, update);
+};
+function fillSelect(select, values, defaultValue = false) {
+  values.forEach((value) => {
+    const option = document.createElement("option");
+    if (value === defaultValue) {
+      option.setAttribute("selected", "selected");
+    } else {
+      option.setAttribute("value", value);
+    }
+    select.appendChild(option);
+  });
+}
+//# sourceMappingURL=better-picker.es.js.map

package/es/toolbar/better-picker.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"better-picker.es.js","sources":["../../../src/toolbar/better-picker.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nconst SnowTheme = Quill.imports['themes/snow']\r\n\r\nlet optionsCounter = 0\r\n\r\nfunction toggleAriaAttribute(element, attribute) {\r\n  element.setAttribute(\r\n    attribute,\r\n    element.getAttribute(attribute) !== 'true',\r\n  )\r\n}\r\n\r\nclass Picker {\r\n  container: any\r\n  label: any\r\n  options: any\r\n  select: any\r\n  constructor(select) {\r\n    this.select = select\r\n    this.container = document.createElement('span')\r\n    this.buildPicker()\r\n    this.select.style.display = 'none'\r\n    this.select.parentNode.insertBefore(this.container, this.select)\r\n\r\n    this.label.addEventListener('mousedown', (e) => {\r\n      this.togglePicker()\r\n      e.preventDefault()\r\n    })\r\n    this.label.addEventListener('keydown', (event) => {\r\n      switch (event.key) {\r\n        case 'Enter':\r\n          this.togglePicker()\r\n          break\r\n        case 'Escape':\r\n          this.escape()\r\n          event.preventDefault()\r\n          break\r\n        default:\r\n      }\r\n    })\r\n    this.select.addEventListener('change', this.update.bind(this))\r\n  }\r\n\r\n  togglePicker() {\r\n    this.container.classList.toggle('ql-expanded')\r\n    // Toggle aria-expanded and aria-hidden to make the picker accessible\r\n    toggleAriaAttribute(this.label, 'aria-expanded')\r\n    toggleAriaAttribute(this.options, 'aria-hidden')\r\n  }\r\n\r\n  buildItem(option) {\r\n    const item = document.createElement('span')\r\n    item.tabIndex = 0\r\n    item.setAttribute('role', 'button')\r\n    item.classList.add('ql-picker-item')\r\n    if (option.hasAttribute('value')) {\r\n      item.setAttribute('data-value', option.getAttribute('value'))\r\n    }\r\n    if (option.textContent) {\r\n      item.setAttribute('data-label', option.textContent)\r\n    }\r\n    item.addEventListener('click', () => {\r\n      this.selectItem(item, true)\r\n    })\r\n    item.addEventListener('keydown', (event) => {\r\n      switch (event.key) {\r\n        case 'Enter':\r\n          this.selectItem(item, true)\r\n          event.preventDefault()\r\n          break\r\n        case 'Escape':\r\n          this.escape()\r\n          event.preventDefault()\r\n          break\r\n        default:\r\n      }\r\n    })\r\n\r\n    return item\r\n  }\r\n\r\n  buildLabel() {\r\n    const label = document.createElement('span')\r\n    label.classList.add('ql-picker-label')\r\n    label.innerHTML = `\r\n      <svg viewbox=\"0 0 18 18\">\r\n        <polygon class=\"ql-stroke\" points=\"7 11 9 13 11 11 7 11\"></polygon>\r\n        <polygon class=\"ql-stroke\" points=\"7 7 9 5 11 7 7 7\"></polygon>\r\n      </svg>\r\n    `\r\n    label.tabIndex = 0\r\n    label.setAttribute('role', 'button')\r\n    label.setAttribute('aria-expanded', 'false')\r\n    this.container.appendChild(label)\r\n    return label\r\n  }\r\n\r\n  buildOptions() {\r\n    const options = document.createElement('span')\r\n    options.classList.add('ql-picker-options')\r\n\r\n    // Don't want screen readers to read this until options are visible\r\n    options.setAttribute('aria-hidden', 'true')\r\n    options.tabIndex = -1\r\n\r\n    // Need a unique id for aria-controls\r\n    options.id = `ql-picker-options-${optionsCounter}`\r\n    optionsCounter += 1\r\n    this.label.setAttribute('aria-controls', options.id)\r\n\r\n    this.options = options\r\n\r\n    Array.from(this.select.options).forEach((option: any) => {\r\n      const item = this.buildItem(option)\r\n      options.appendChild(item)\r\n      if (option.selected === true) {\r\n        this.selectItem(item)\r\n      }\r\n    })\r\n    this.container.appendChild(options)\r\n  }\r\n\r\n  buildPicker() {\r\n    Array.from(this.select.attributes).forEach((item: any) => {\r\n      this.container.setAttribute(item.name, item.value)\r\n    })\r\n    this.container.classList.add('ql-picker')\r\n    this.label = this.buildLabel()\r\n    this.buildOptions()\r\n  }\r\n\r\n  escape() {\r\n    // Close menu and return focus to trigger label\r\n    this.close()\r\n    // Need setTimeout for accessibility to ensure that the browser executes\r\n    // focus on the next process thread and after any DOM content changes\r\n    setTimeout(() => this.label.focus(), 1)\r\n  }\r\n\r\n  close() {\r\n    this.container.classList.remove('ql-expanded')\r\n    this.label.setAttribute('aria-expanded', 'false')\r\n    this.options.setAttribute('aria-hidden', 'true')\r\n  }\r\n\r\n  selectItem(item, trigger = false) {\r\n    const selected = this.container.querySelector('.ql-selected')\r\n    if (item === selected) return\r\n    if (!isNullOrUndefined(selected)) {\r\n      selected.classList.remove('ql-selected')\r\n    }\r\n    if (isNullOrUndefined(item)) return\r\n    item.classList.add('ql-selected')\r\n    this.select.selectedIndex = Array.from(item.parentNode.children).indexOf(\r\n      item,\r\n    )\r\n    if (item.hasAttribute('data-value')) {\r\n      this.label.setAttribute('data-value', item.getAttribute('data-value'))\r\n    }\r\n    else {\r\n      this.label.removeAttribute('data-value')\r\n    }\r\n    if (item.hasAttribute('data-label')) {\r\n      this.label.setAttribute('data-label', item.getAttribute('data-label'))\r\n    }\r\n    else {\r\n      this.label.removeAttribute('data-label')\r\n    }\r\n    if (trigger) {\r\n      let ev\r\n      if (typeof Event === 'function') {\r\n        ev = new Event('change')\r\n      }\r\n      else {\r\n        ev = document.createEvent('Event')\r\n        ev.initEvent('change', true, true)\r\n      }\r\n      this.select.dispatchEvent(ev)\r\n      this.close()\r\n    }\r\n  }\r\n\r\n  update() {\r\n    let option\r\n    if (this.select.selectedIndex > -1) {\r\n      const item = this.container.querySelector('.ql-picker-options').children[\r\n        this.select.selectedIndex\r\n      ]\r\n      option = this.select.options[this.select.selectedIndex]\r\n      this.selectItem(item)\r\n    }\r\n    else {\r\n      this.selectItem(null)\r\n    }\r\n    const isActive\r\n      = !isNullOrUndefined(option)\r\n      && option !== this.select.querySelector('option[selected]')\r\n\r\n    if (isActive) {\r\n      this.label.classList.add('ql-active')\r\n    }\r\n    else {\r\n      this.label.classList.remove('ql-active')\r\n    }\r\n  }\r\n}\r\n\r\nclass IconPicker extends Picker {\r\n  defaultItem: any\r\n  constructor(select, icons) {\r\n    super(select)\r\n    this.container.classList.add('ql-icon-picker')\r\n    Array.from(this.container.querySelectorAll('.ql-picker-item')).forEach(\r\n      (item: any) => {\r\n        item.innerHTML = icons[item.getAttribute('data-value') || '']\r\n      },\r\n    )\r\n    this.defaultItem = this.container.querySelector('.ql-selected')\r\n    this.selectItem(this.defaultItem, null)\r\n  }\r\n\r\n  selectItem(target, trigger) {\r\n    super.selectItem(target, trigger)\r\n    const item = target || this.defaultItem\r\n    if (this.label.innerHTML === item.innerHTML) return\r\n    this.label.innerHTML = item.innerHTML\r\n  }\r\n}\r\n\r\nclass ColorPicker extends Picker {\r\n  constructor(select, label) {\r\n    super(select)\r\n    this.label.innerHTML = label\r\n    this.container.classList.add('ql-color-picker')\r\n    Array.from(this.container.querySelectorAll('.ql-picker-item'))\r\n      .slice(0, 7)\r\n      .forEach((item: any) => {\r\n        item.classList.add('ql-primary')\r\n      })\r\n  }\r\n\r\n  buildItem(option) {\r\n    const item = super.buildItem(option)\r\n    item.style.backgroundColor = option.getAttribute('value') || ''\r\n    return item\r\n  }\r\n\r\n  selectItem(item, trigger) {\r\n    super.selectItem(item, trigger)\r\n    const colorLabel = this.label.querySelector('.ql-color-label')\r\n    const value = item ? item.getAttribute('data-value') || '' : ''\r\n    if (colorLabel) {\r\n      if (colorLabel.tagName === 'line') {\r\n        colorLabel.style.stroke = value\r\n      }\r\n      else {\r\n        colorLabel.style.fill = value\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nQuill.register('ui/picker', Picker, true)\r\nQuill.register('ui/icon-picker', IconPicker, true)\r\nQuill.register('ui/color-picker', ColorPicker, true)\r\n\r\nconst ALIGNS = [false, 'center', 'right']\r\n\r\nconst COLORS = [\r\n  '#000000',\r\n  '#e60000',\r\n  '#ff9900',\r\n  '#ffff00',\r\n  '#008a00',\r\n  '#0066cc',\r\n  '#9933ff',\r\n  '#ffffff',\r\n  '#facccc',\r\n  '#ffebcc',\r\n  '#ffffcc',\r\n  '#cce8cc',\r\n  '#cce0f5',\r\n  '#ebd6ff',\r\n  '#bbbbbb',\r\n  '#f06666',\r\n  '#ffc266',\r\n  '#ffff66',\r\n  '#66b966',\r\n  '#66a3e0',\r\n  '#c285ff',\r\n  '#888888',\r\n  '#a10000',\r\n  '#b26b00',\r\n  '#b2b200',\r\n  '#006100',\r\n  '#0047b2',\r\n  '#6b24b2',\r\n  '#444444',\r\n  '#5c0000',\r\n  '#663d00',\r\n  '#666600',\r\n  '#003700',\r\n  '#002966',\r\n  '#3d1466',\r\n]\r\n\r\nconst FONTS = [false, 'serif', 'monospace']\r\n\r\nconst HEADERS = ['1', '2', '3', false]\r\n\r\nconst SIZES = ['small', false, 'large', 'huge']\r\n\r\nSnowTheme.prototype.buildPickers = function (selects, icons) {\r\n  this.pickers = Array.from(selects).map((select: any) => {\r\n    if (select.classList.contains('ql-align')) {\r\n      if (isNullOrUndefined(select.querySelector('option'))) {\r\n        fillSelect(select, ALIGNS)\r\n      }\r\n      return new IconPicker(select, icons.align)\r\n    }\r\n    if (\r\n      select.classList.contains('ql-background')\r\n      || select.classList.contains('ql-color')\r\n    ) {\r\n      const format = select.classList.contains('ql-background')\r\n        ? 'background'\r\n        : 'color'\r\n      if (isNullOrUndefined(select.querySelector('option'))) {\r\n        fillSelect(\r\n          select,\r\n          COLORS,\r\n        )\r\n      }\r\n      return new ColorPicker(select, icons[format])\r\n    }\r\n    if (isNullOrUndefined(select.querySelector('option'))) {\r\n      if (select.classList.contains('ql-font')) {\r\n        fillSelect(select, FONTS)\r\n      }\r\n      else if (select.classList.contains('ql-header')) {\r\n        fillSelect(select, HEADERS)\r\n      }\r\n      else if (select.classList.contains('ql-size')) {\r\n        fillSelect(select, SIZES)\r\n      }\r\n    }\r\n    return new Picker(select)\r\n  })\r\n  const update = () => {\r\n    this.pickers.forEach((picker) => {\r\n      picker.update()\r\n    })\r\n  }\r\n  this.quill.on(Quill.events.EDITOR_CHANGE, update)\r\n}\r\n\r\nfunction fillSelect(select, values, defaultValue = false) {\r\n  values.forEach((value) => {\r\n    const option = document.createElement('option')\r\n    if (value === defaultValue) {\r\n      option.setAttribute('selected', 'selected')\r\n    }\r\n    else {\r\n      option.setAttribute('value', value)\r\n    }\r\n    select.appendChild(option)\r\n  })\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/toolbar/index.es.js

@@ -0,0 +1,139 @@
+import Quill from "quill";
+import { isNullOrUndefined } from "../config/editor.utils.es.js";
+import "./better-picker.es.js";
+const Delta = Quill.import("delta");
+const Parchment = Quill.import("parchment");
+const levels = ["error", "warn", "log", "info"];
+let level = "warn";
+function debuglogger(method, ...args) {
+  if (levels.indexOf(method) <= levels.indexOf(level)) {
+    console[method](...args);
+  }
+}
+function namespace(ns) {
+  return levels.reduce((logger, method) => {
+    logger[method] = debuglogger.bind(console, method, ns);
+    return logger;
+  }, {});
+}
+namespace.level = (newLevel) => {
+  level = newLevel;
+};
+debuglogger.level = namespace.level;
+const debug = namespace("quill:toolbar");
+const Toolbar = Quill.import("modules/toolbar");
+class BetterToolbar extends Toolbar {
+  update(range) {
+    const formats = isNullOrUndefined(range) ? {} : this.quill.getFormat(range);
+    this.controls.forEach((pair) => {
+      const [format, input] = pair;
+      if (input.tagName === "SELECT") {
+        const select = input;
+        let option;
+        if (isNullOrUndefined(range)) {
+          option = null;
+        } else if (isNullOrUndefined(formats[format])) {
+          option = select.querySelector("option[selected]");
+        } else if (!Array.isArray(formats[format])) {
+          let value = format === "header" ? formats[format].value : formats[format];
+          if (typeof value === "string") {
+            value = value.replace(/"/g, '\\"');
+          }
+          option = select.querySelector(`option[value="${value}"]`);
+        }
+        if (isNullOrUndefined(option)) {
+          select.value = "";
+          select.selectedIndex = -1;
+        } else {
+          option.selected = true;
+        }
+      } else if (isNullOrUndefined(range)) {
+        input.classList.remove("ql-active");
+      } else if (input.hasAttribute("value")) {
+        let isActive = formats[format] === input.getAttribute("value") || !isNullOrUndefined(formats[format]) && (formats[format].value === input.getAttribute("value") || formats[format].toString() === input.getAttribute("value")) || isNullOrUndefined(formats[format]) && !input.getAttribute("value");
+        if (!isActive) {
+          const checkFormat = formats[format];
+          if (checkFormat === "checked" || checkFormat === "unchecked") {
+            isActive = input.getAttribute("value") === "check";
+          }
+        }
+        if (isActive) {
+          input.classList.add("ql-active");
+        } else {
+          input.classList.remove("ql-active");
+        }
+      } else {
+        if (!isNullOrUndefined(formats[format])) {
+          input.classList.add("ql-active");
+        } else {
+          input.classList.remove("ql-active");
+        }
+      }
+    });
+  }
+  attach(input) {
+    let format = Array.from(input.classList).find((className) => {
+      return className.indexOf("ql-") === 0;
+    });
+    if (!format) return;
+    format = format.slice("ql-".length);
+    if (input.tagName === "BUTTON") {
+      input.setAttribute("type", "button");
+    }
+    if (this.handlers[format] == null && this.quill.scroll.query(format) == null) {
+      debug.warn("ignoring attaching to nonexistent format", format, input);
+      return;
+    }
+    const eventName = input.tagName === "SELECT" ? "change" : "click";
+    input.addEventListener(eventName, (e) => {
+      let value;
+      if (input.tagName === "SELECT") {
+        const select = input;
+        if (select.selectedIndex < 0) return;
+        const selected = select.options[select.selectedIndex];
+        if (selected.hasAttribute("selected")) {
+          value = false;
+        } else {
+          value = selected.value || false;
+        }
+      } else {
+        const button = input;
+        if (button.classList.contains("ql-active")) {
+          value = false;
+        } else {
+          value = button.value || !button.hasAttribute("value");
+        }
+        e.preventDefault();
+      }
+      this.quill.focus();
+      const [range] = this.quill.selection.getRange();
+      if (this.handlers[format] != null) {
+        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === "blockquote" || format === "code-block" || format === "list" || format === "indent" || format === "clean")) {
+          return;
+        }
+        this.handlers[format].call(this, value);
+      } else if (
+        // @ts-ignore
+        this.quill.scroll.query(format).prototype instanceof Parchment.EmbedBlot
+      ) {
+        value = prompt(`Enter ${format}`);
+        if (!value) return;
+        this.quill.updateContents(
+          new Delta().retain(range.index).delete(range.length).insert({ [format]: value }),
+          Quill.sources.USER
+        );
+      } else {
+        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === "blockquote" || format === "code-block" || format === "list" || format === "indent" || format === "clean")) {
+          return;
+        }
+        this.quill.format(format, value, Quill.sources.USER);
+      }
+      this.update(range);
+    });
+    this.controls.push([format, input]);
+  }
+}
+export {
+  BetterToolbar as default
+};
+//# sourceMappingURL=index.es.js.map

package/es/toolbar/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../src/toolbar/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nimport './better-picker'\r\nimport type TypeToolbar from 'quill/modules/toolbar'\r\n\r\nconst Delta = Quill.import('delta')\r\nconst Parchment = Quill.import('parchment')\r\nconst levels = ['error', 'warn', 'log', 'info'] as const\r\nlet level = 'warn' as const\r\n\r\nfunction debuglogger(method: typeof levels[number], ...args) {\r\n  if (levels.indexOf(method) <= levels.indexOf(level)) {\r\n    console[method](...args) // eslint-disable-line no-console\r\n  }\r\n}\r\n\r\nfunction namespace(ns) {\r\n  return levels.reduce((logger, method) => {\r\n    logger[method] = debuglogger.bind(console, method, ns)\r\n    return logger\r\n  }, {} as Record<typeof levels[number], (...args: any) => void>)\r\n}\r\n\r\nnamespace.level = (newLevel) => {\r\n  level = newLevel\r\n}\r\ndebuglogger.level = namespace.level\r\nconst debug = namespace('quill:toolbar')\r\n\r\nconst Toolbar = Quill.import('modules/toolbar') as typeof TypeToolbar\r\n// let oldClean = Toolbar.DEFAULTS.handlers.clean\r\n\r\nclass BetterToolbar extends Toolbar {\r\n  update(range) {\r\n    const formats = isNullOrUndefined(range) ? {} : this.quill.getFormat(range) as Record<string, any>\r\n    this.controls.forEach((pair) => {\r\n      const [format, input] = pair\r\n      if (input.tagName === 'SELECT') {\r\n        const select = input as HTMLSelectElement\r\n        let option\r\n        if (isNullOrUndefined(range)) {\r\n          option = null\r\n        }\r\n        else if (isNullOrUndefined(formats[format])) {\r\n          option = select.querySelector('option[selected]')\r\n        }\r\n        else if (!Array.isArray(formats[format])) {\r\n          let value = format === 'header' ? formats[format].value : formats[format]\r\n          if (typeof value === 'string') {\r\n            value = value.replace(/\"/g, '\\\\\"')\r\n          }\r\n          option = select.querySelector(`option[value=\"${value}\"]`)\r\n        }\r\n        if (isNullOrUndefined(option)) {\r\n          select.value = '' // TODO make configurable?\r\n          select.selectedIndex = -1\r\n        }\r\n        else {\r\n          option.selected = true\r\n        }\r\n      }\r\n      else if (isNullOrUndefined(range)) {\r\n        input.classList.remove('ql-active')\r\n      }\r\n      else if (input.hasAttribute('value')) {\r\n        // both being null should match (default values)\r\n        // '1' should match with 1 (headers)\r\n        let isActive\r\n          = formats[format] === input.getAttribute('value')\r\n          || (!isNullOrUndefined(formats[format])\r\n          && (formats[format].value === input.getAttribute('value')\r\n          || formats[format].toString() === input.getAttribute('value')))\r\n          || (isNullOrUndefined(formats[format]) && !input.getAttribute('value'))\r\n\r\n        if (!isActive) {\r\n          const checkFormat = formats[format]\r\n          if (checkFormat === 'checked' || checkFormat === 'unchecked') {\r\n            isActive = input.getAttribute('value') === 'check'\r\n          }\r\n        }\r\n\r\n        if (isActive) {\r\n          input.classList.add('ql-active')\r\n        }\r\n        else {\r\n          input.classList.remove('ql-active')\r\n        }\r\n      }\r\n      else {\r\n        if (!isNullOrUndefined(formats[format])) {\r\n          input.classList.add('ql-active')\r\n        }\r\n        else {\r\n          input.classList.remove('ql-active')\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  attach(input: HTMLElement) {\r\n    let format = Array.from(input.classList).find((className) => {\r\n      return className.indexOf('ql-') === 0\r\n    })\r\n    if (!format) return\r\n    format = format.slice('ql-'.length)\r\n\r\n    if (input.tagName === 'BUTTON') {\r\n      input.setAttribute('type', 'button')\r\n    }\r\n\r\n    if (this.handlers[format] == null && this.quill.scroll.query(format) == null) {\r\n      debug.warn('ignoring attaching to nonexistent format', format, input)\r\n      return\r\n    }\r\n\r\n    const eventName = input.tagName === 'SELECT' ? 'change' : 'click'\r\n    input.addEventListener(eventName, (e) => {\r\n      let value: boolean | string\r\n\r\n      if (input.tagName === 'SELECT') {\r\n        const select = input as HTMLSelectElement\r\n        if (select.selectedIndex < 0) return\r\n        const selected = select.options[select.selectedIndex]\r\n\r\n        if (selected.hasAttribute('selected')) {\r\n          value = false\r\n        }\r\n        else {\r\n          value = selected.value || false\r\n        }\r\n      }\r\n      else {\r\n        const button = input as HTMLButtonElement\r\n        if (button.classList.contains('ql-active')) {\r\n          value = false\r\n        }\r\n        else {\r\n          value = button.value || !button.hasAttribute('value')\r\n        }\r\n        e.preventDefault()\r\n      }\r\n\r\n      this.quill.focus()\r\n      const [range] = this.quill.selection.getRange()\r\n      if (this.handlers[format] != null) {\r\n        // @ts-ignore\r\n        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\r\n          return\r\n        }\r\n        this.handlers[format].call(this, value)\r\n      }\r\n      else if (\r\n        // @ts-ignore\r\n        this.quill.scroll.query(format).prototype instanceof Parchment.EmbedBlot\r\n      ) {\r\n        value = prompt(`Enter ${format}`)\r\n        if (!value) return\r\n        this.quill.updateContents(\r\n          new Delta()\r\n            .retain(range.index)\r\n            .delete(range.length)\r\n            .insert({ [format]: value }),\r\n          Quill.sources.USER,\r\n        )\r\n      }\r\n      else {\r\n        // @ts-ignore\r\n        if (!isNullOrUndefined(window.quillIsIntable) && window.quillIsIntable === true && (format === 'blockquote' || format === 'code-block' || format === 'list' || format === 'indent' || format === 'clean')) {\r\n          return\r\n        }\r\n        this.quill.format(format, value, Quill.sources.USER)\r\n      }\r\n\r\n      this.update(range)\r\n    })\r\n    this.controls.push([format, input])\r\n  }\r\n}\r\n\r\nexport default BetterToolbar\r\n"],"names":[],"mappings":"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"}

package/es/types/vue.d.es.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=vue.d.es.js.map

package/es/types/vue.d.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/utils/debounce.es.js

@@ -0,0 +1,112 @@
+import { root, isObject } from "./method.es.js";
+function debounce(func, wait, options = void 0) {
+  let lastArgs, lastThis, maxWait, result, timerId, lastCallTime;
+  let lastInvokeTime = 0;
+  let leading = false;
+  let maxing = false;
+  let trailing = true;
+  const useRAF = !wait && wait !== 0 && typeof root.requestAnimationFrame === "function";
+  if (typeof func !== "function") {
+    throw new TypeError("Expected a function");
+  }
+  wait = +wait || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? Math.max(+options.maxWait || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    const args = lastArgs;
+    const thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function startTimer(pendingFunc, wait2) {
+    if (useRAF) {
+      root.cancelAnimationFrame(timerId);
+      return root.requestAnimationFrame(pendingFunc);
+    }
+    return setTimeout(pendingFunc, wait2);
+  }
+  function cancelTimer(id) {
+    if (useRAF) {
+      return root.cancelAnimationFrame(id);
+    }
+    clearTimeout(id);
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = startTimer(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    const timeSinceLastCall = time - lastCallTime;
+    const timeSinceLastInvoke = time - lastInvokeTime;
+    const timeWaiting = wait - timeSinceLastCall;
+    return maxing ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+  function shouldInvoke(time) {
+    const timeSinceLastCall = time - lastCallTime;
+    const timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    const time = Date.now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = startTimer(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      cancelTimer(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(Date.now());
+  }
+  function pending() {
+    return timerId !== void 0;
+  }
+  function debounced(...args) {
+    const time = Date.now();
+    const isInvoking = shouldInvoke(time);
+    lastArgs = args;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        timerId = startTimer(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = startTimer(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  debounced.pending = pending;
+  return debounced;
+}
+export {
+  debounce
+};
+//# sourceMappingURL=debounce.es.js.map

package/es/utils/debounce.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.es.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["import { isObject, root } from './method'\r\nexport function debounce(func, wait, options = undefined) {\r\n  let lastArgs,\r\n    lastThis,\r\n    maxWait,\r\n    result,\r\n    timerId,\r\n    lastCallTime\r\n\r\n  let lastInvokeTime = 0\r\n  let leading = false\r\n  let maxing = false\r\n  let trailing = true\r\n\r\n  // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.\r\n  const useRAF = (!wait && wait !== 0 && typeof root.requestAnimationFrame === 'function')\r\n\r\n  if (typeof func !== 'function') {\r\n    throw new TypeError('Expected a function')\r\n  }\r\n  wait = +wait || 0\r\n  if (isObject(options)) {\r\n    leading = !!options.leading\r\n    maxing = 'maxWait' in options\r\n    maxWait = maxing ? Math.max(+options.maxWait || 0, wait) : maxWait\r\n    trailing = 'trailing' in options ? !!options.trailing : trailing\r\n  }\r\n\r\n  function invokeFunc(time) {\r\n    const args = lastArgs\r\n    const thisArg = lastThis\r\n\r\n    lastArgs = lastThis = undefined\r\n    lastInvokeTime = time\r\n    result = func.apply(thisArg, args)\r\n    return result\r\n  }\r\n\r\n  function startTimer(pendingFunc, wait) {\r\n    if (useRAF) {\r\n      root.cancelAnimationFrame(timerId)\r\n      return root.requestAnimationFrame(pendingFunc)\r\n    }\r\n    return setTimeout(pendingFunc, wait)\r\n  }\r\n\r\n  function cancelTimer(id) {\r\n    if (useRAF) {\r\n      return root.cancelAnimationFrame(id)\r\n    }\r\n    clearTimeout(id)\r\n  }\r\n\r\n  function leadingEdge(time) {\r\n    // Reset any `maxWait` timer.\r\n    lastInvokeTime = time\r\n    // Start the timer for the trailing edge.\r\n    timerId = startTimer(timerExpired, wait)\r\n    // Invoke the leading edge.\r\n    return leading ? invokeFunc(time) : result\r\n  }\r\n\r\n  function remainingWait(time) {\r\n    const timeSinceLastCall = time - lastCallTime\r\n    const timeSinceLastInvoke = time - lastInvokeTime\r\n    const timeWaiting = wait - timeSinceLastCall\r\n\r\n    return maxing\r\n      ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke)\r\n      : timeWaiting\r\n  }\r\n\r\n  function shouldInvoke(time) {\r\n    const timeSinceLastCall = time - lastCallTime\r\n    const timeSinceLastInvoke = time - lastInvokeTime\r\n\r\n    // Either this is the first call, activity has stopped and we're at the\r\n    // trailing edge, the system time has gone backwards and we're treating\r\n    // it as the trailing edge, or we've hit the `maxWait` limit.\r\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait)\r\n      || (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait))\r\n  }\r\n\r\n  function timerExpired() {\r\n    const time = Date.now()\r\n    if (shouldInvoke(time)) {\r\n      return trailingEdge(time)\r\n    }\r\n    // Restart the timer.\r\n    timerId = startTimer(timerExpired, remainingWait(time))\r\n  }\r\n\r\n  function trailingEdge(time) {\r\n    timerId = undefined\r\n\r\n    // Only invoke if we have `lastArgs` which means `func` has been\r\n    // debounced at least once.\r\n    if (trailing && lastArgs) {\r\n      return invokeFunc(time)\r\n    }\r\n    lastArgs = lastThis = undefined\r\n    return result\r\n  }\r\n\r\n  function cancel() {\r\n    if (timerId !== undefined) {\r\n      cancelTimer(timerId)\r\n    }\r\n    lastInvokeTime = 0\r\n    lastArgs = lastCallTime = lastThis = timerId = undefined\r\n  }\r\n\r\n  function flush() {\r\n    return timerId === undefined ? result : trailingEdge(Date.now())\r\n  }\r\n\r\n  function pending() {\r\n    return timerId !== undefined\r\n  }\r\n\r\n  function debounced(...args) {\r\n    const time = Date.now()\r\n    const isInvoking = shouldInvoke(time)\r\n\r\n    lastArgs = args\r\n    lastThis = this\r\n    lastCallTime = time\r\n\r\n    if (isInvoking) {\r\n      if (timerId === undefined) {\r\n        return leadingEdge(lastCallTime)\r\n      }\r\n      if (maxing) {\r\n        // Handle invocations in a tight loop.\r\n        timerId = startTimer(timerExpired, wait)\r\n        return invokeFunc(lastCallTime)\r\n      }\r\n    }\r\n    if (timerId === undefined) {\r\n      timerId = startTimer(timerExpired, wait)\r\n    }\r\n    return result\r\n  }\r\n  debounced.cancel = cancel\r\n  debounced.flush = flush\r\n  debounced.pending = pending\r\n  return debounced\r\n}\r\n"],"names":["wait"],"mappings":"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"}