@opentiny/fluent-editor 3.24.0 → 3.25.0-alpha.1

package/lib/toolbar/better-picker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"better-picker.cjs.js","sources":["../../../src/toolbar/better-picker.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\n\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":["isNullOrUndefined"],"mappings":"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"}
+{"version":3,"file":"better-picker.cjs.js","sources":["../../../src/toolbar/better-picker.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\n\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":["isNullOrUndefined"],"mappings":"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"}

package/lib/toolbar/index.cjs.js

@@ -136,6 +136,6 @@ class BetterToolbar extends Toolbar {
     this.controls.push([format, input]);
   }
 }
-exports.ToolbarTip = toolbarTip.ToolbarTip;
+exports.generateToolbarTip = toolbarTip.generateToolbarTip;
 exports.default = BetterToolbar;
 //# sourceMappingURL=index.cjs.js.map

package/lib/toolbar/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/toolbar/index.ts"],"sourcesContent":["import type TypeToolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nimport './better-picker'\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({ preventScroll: format === 'screenshot' })\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\nexport * from './toolbar-tip'\r\n"],"names":["isNullOrUndefined"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/toolbar/index.ts"],"sourcesContent":["import type TypeToolbar from 'quill/modules/toolbar'\r\nimport Quill from 'quill'\r\nimport { isNullOrUndefined } from '../config/editor.utils'\r\nimport './better-picker'\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({ preventScroll: format === 'screenshot' })\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\nexport * from './toolbar-tip'\r\n"],"names":["isNullOrUndefined"],"mappings":"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"}

package/lib/toolbar/toolbar-tip.cjs.js

@@ -1,106 +1,108 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const QuillToolbarTip = require("quill-toolbar-tip");
 require("../config/index.cjs.js");
 const editor_config = require("../config/editor.config.cjs.js");
-const _ToolbarTip = class _ToolbarTip extends QuillToolbarTip {
-  constructor(quill, options) {
-    if (!(options == null ? void 0 : options.tipTextMap)) {
-      options.tipTextMap = {};
+function generateToolbarTip(QuillToolbarTip) {
+  return class extends QuillToolbarTip {
+    constructor(quill, options) {
+      if (!(options == null ? void 0 : options.tipTextMap)) {
+        options.tipTextMap = {};
+      }
+      super(quill, options);
+      this.quill = quill;
+      this.quill.emitter.on(editor_config.CHANGE_LANGUAGE_EVENT, () => {
+        this.destroyAllTips();
+        this.options = this.resolveOptions(options);
+        this.createToolbarTip();
+      });
     }
-    super(quill, options);
-    this.quill = quill;
-    this.quill.on(editor_config.CHANGE_LANGUAGE_EVENT, () => {
-      this.destroyAllTips();
-      this.options = this.resolveOptions(options);
-      this.createToolbarTip();
-    });
-  }
-  resolveOptions(options) {
-    const result = super.resolveOptions(options);
-    const langText = this.quill.options.langText;
-    const btnTips = [
-      "bold",
-      "italic",
-      "strike",
-      "underline",
-      "undo",
-      "redo",
-      "clean",
-      "link",
-      "blockquote",
-      "code",
-      "image",
-      "file",
-      "emoji",
-      "video",
-      "screenshot",
-      "better-table",
-      "code-block",
-      "formula",
-      "format-painter"
-    ].reduce((map, name) => {
-      map[name] = langText[name];
-      return map;
-    }, {});
-    const selectTips = [
-      "color",
-      "background",
-      "font",
-      "size"
-    ].reduce((map, name) => {
-      map[name] = {
-        onShow() {
-          return langText[name];
-        }
-      };
-      return map;
-    }, {});
-    const valueControlTips = [
-      "list",
-      "align",
-      "script",
-      "indent",
-      "header",
-      "direction"
-    ].reduce((map, name) => {
-      map[name] = {
-        onShow(target, value) {
-          if (name === "direction") {
-            value = target.classList.contains("ql-active") ? "rtl" : "ltr";
+    resolveOptions(options) {
+      const result = super.resolveOptions(options);
+      if (!this.quill.lang) return result;
+      const btnTips = [
+        "bold",
+        "italic",
+        "strike",
+        "underline",
+        "undo",
+        "redo",
+        "clean",
+        "link",
+        "divider",
+        "blockquote",
+        "code",
+        "image",
+        "file",
+        "emoji",
+        "video",
+        "screenshot",
+        "better-table",
+        "code-block",
+        "formula",
+        "format-painter",
+        "header-list"
+      ].reduce((map, name) => {
+        map[name] = this.quill.getLangText(name);
+        return map;
+      }, {});
+      const selectTips = [
+        "color",
+        "background",
+        "font",
+        "size",
+        "lineheight"
+      ].reduce((map, name) => {
+        map[name] = {
+          onShow: () => {
+            return this.quill.getLangText(name);
           }
-          if (!value) {
-            if (name === "align") {
-              value = "left";
-            } else if (name === "header") {
-              value = "normal";
+        };
+        return map;
+      }, {});
+      const valueControlTips = [
+        "list",
+        "align",
+        "script",
+        "indent",
+        "header",
+        "direction"
+      ].reduce((map, name) => {
+        map[name] = {
+          onShow: (target, value) => {
+            if (name === "direction") {
+              value = target.classList.contains("ql-active") ? "rtl" : "ltr";
             }
+            if (!value) {
+              if (name === "align") {
+                value = "left";
+              } else if (name === "header") {
+                value = "normal";
+              }
+            }
+            return this.quill.getLangText(`${name}-${value}`);
+          }
+        };
+        return map;
+      }, {});
+      const textMap = {
+        ...btnTips,
+        ...valueControlTips,
+        ...selectTips,
+        fullscreen: {
+          onShow: () => {
+            return this.quill.getLangText(this.quill.isFullscreen ? "exit-fullscreen" : "fullscreen");
           }
-          return langText[`${name}-${value}`];
         }
       };
-      return map;
-    }, {});
-    const textMap = {
-      ...btnTips,
-      ...valueControlTips,
-      ...selectTips,
-      fullscreen: {
-        onShow: () => {
-          return langText[this.quill.isFullscreen ? "exit-fullscreen" : "fullscreen"];
+      return {
+        ...result,
+        tipTextMap: {
+          ...textMap,
+          ...options.tipTextMap
         }
-      }
-    };
-    return {
-      ...result,
-      tipTextMap: {
-        ...textMap,
-        ...options.tipTextMap
-      }
-    };
-  }
-};
-_ToolbarTip.moduleName = "toolbar-tip";
-let ToolbarTip = _ToolbarTip;
-exports.ToolbarTip = ToolbarTip;
+      };
+    }
+  };
+}
+exports.generateToolbarTip = generateToolbarTip;
 //# sourceMappingURL=toolbar-tip.cjs.js.map

package/lib/toolbar/toolbar-tip.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-tip.cjs.js","sources":["../../../src/toolbar/toolbar-tip.ts"],"sourcesContent":["import type { QuillToolbarTipOptions } from 'quill-toolbar-tip'\r\nimport type { FluentEditor } from '../fluent-editor'\r\nimport QuillToolbarTip from 'quill-toolbar-tip'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../config'\r\n\r\nexport class ToolbarTip extends QuillToolbarTip {\r\n  static moduleName: string = 'toolbar-tip'\r\n  constructor(public quill: FluentEditor, options: Partial<QuillToolbarTipOptions>) {\r\n    if (!options?.tipTextMap) {\r\n      options.tipTextMap = {}\r\n    }\r\n    super(quill, options)\r\n\r\n    this.quill.on(CHANGE_LANGUAGE_EVENT, () => {\r\n      this.destroyAllTips()\r\n      this.options = this.resolveOptions(options)\r\n      this.createToolbarTip()\r\n    })\r\n  }\r\n\r\n  resolveOptions(options: Partial<QuillToolbarTipOptions>): QuillToolbarTipOptions {\r\n    const result = super.resolveOptions(options)\r\n    const langText = this.quill.options.langText\r\n    const btnTips = [\r\n      'bold',\r\n      'italic',\r\n      'strike',\r\n      'underline',\r\n      'undo',\r\n      'redo',\r\n      'clean',\r\n      'link',\r\n      'blockquote',\r\n      'code',\r\n      'image',\r\n      'file',\r\n      'emoji',\r\n      'video',\r\n      'screenshot',\r\n      'better-table',\r\n      'code-block',\r\n      'formula',\r\n      'format-painter',\r\n    ].reduce((map, name) => {\r\n      map[name] = langText[name]\r\n      return map\r\n    }, {} as Record<string, string>)\r\n    const selectTips = [\r\n      'color',\r\n      'background',\r\n      'font',\r\n      'size',\r\n    ].reduce((map, name) => {\r\n      map[name] = {\r\n        onShow() {\r\n          return langText[name]\r\n        },\r\n      }\r\n      return map\r\n    }, {})\r\n    const valueControlTips = [\r\n      'list',\r\n      'align',\r\n      'script',\r\n      'indent',\r\n      'header',\r\n      'direction',\r\n    ].reduce((map, name) => {\r\n      map[name] = {\r\n        onShow(target: HTMLElement, value: string) {\r\n          if (name === 'direction') {\r\n            value = target.classList.contains('ql-active') ? 'rtl' : 'ltr'\r\n          }\r\n          if (!value) {\r\n            if (name === 'align') {\r\n              value = 'left'\r\n            }\r\n            else if (name === 'header') {\r\n              value = 'normal'\r\n            }\r\n          }\r\n          return langText[`${name}-${value}`]\r\n        },\r\n      }\r\n      return map\r\n    }, {})\r\n    const textMap: QuillToolbarTipOptions['tipTextMap'] = {\r\n      ...btnTips,\r\n      ...valueControlTips,\r\n      ...selectTips,\r\n      fullscreen: {\r\n        onShow: () => {\r\n          return langText[this.quill.isFullscreen ? 'exit-fullscreen' : 'fullscreen']\r\n        },\r\n      },\r\n    }\r\n    return {\r\n      ...result,\r\n      tipTextMap: {\r\n        ...textMap,\r\n        ...options.tipTextMap,\r\n      },\r\n    }\r\n  }\r\n}\r\n"],"names":["CHANGE_LANGUAGE_EVENT"],"mappings":";;;;;AAKO,MAAM,cAAN,MAAM,oBAAmB,gBAAgB;AAAA,EAE9C,YAAmB,OAAqB,SAA0C;AAC5E,QAAA,EAAC,mCAAS,aAAY;AACxB,cAAQ,aAAa;IACvB;AACA,UAAM,OAAO,OAAO;AAJH,SAAA,QAAA;AAMZ,SAAA,MAAM,GAAGA,cAAAA,uBAAuB,MAAM;AACzC,WAAK,eAAe;AACf,WAAA,UAAU,KAAK,eAAe,OAAO;AAC1C,WAAK,iBAAiB;AAAA,IAAA,CACvB;AAAA,EACH;AAAA,EAEA,eAAe,SAAkE;AACzE,UAAA,SAAS,MAAM,eAAe,OAAO;AACrC,UAAA,WAAW,KAAK,MAAM,QAAQ;AACpC,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,OAAO,CAAC,KAAK,SAAS;AAClB,UAAA,IAAI,IAAI,SAAS,IAAI;AAClB,aAAA;AAAA,IACT,GAAG,CAA4B,CAAA;AAC/B,UAAM,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,UAAI,IAAI,IAAI;AAAA,QACV,SAAS;AACP,iBAAO,SAAS,IAAI;AAAA,QACtB;AAAA,MAAA;AAEK,aAAA;AAAA,IACT,GAAG,CAAE,CAAA;AACL,UAAM,mBAAmB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,UAAI,IAAI,IAAI;AAAA,QACV,OAAO,QAAqB,OAAe;AACzC,cAAI,SAAS,aAAa;AACxB,oBAAQ,OAAO,UAAU,SAAS,WAAW,IAAI,QAAQ;AAAA,UAC3D;AACA,cAAI,CAAC,OAAO;AACV,gBAAI,SAAS,SAAS;AACZ,sBAAA;AAAA,YAAA,WAED,SAAS,UAAU;AAClB,sBAAA;AAAA,YACV;AAAA,UACF;AACA,iBAAO,SAAS,GAAG,IAAI,IAAI,KAAK,EAAE;AAAA,QACpC;AAAA,MAAA;AAEK,aAAA;AAAA,IACT,GAAG,CAAE,CAAA;AACL,UAAM,UAAgD;AAAA,MACpD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,QACV,QAAQ,MAAM;AACZ,iBAAO,SAAS,KAAK,MAAM,eAAe,oBAAoB,YAAY;AAAA,QAC5E;AAAA,MACF;AAAA,IAAA;AAEK,WAAA;AAAA,MACL,GAAG;AAAA,MACH,YAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG,QAAQ;AAAA,MACb;AAAA,IAAA;AAAA,EAEJ;AACF;AAlGE,YAAO,aAAqB;AADvB,IAAM,aAAN;;"}
+{"version":3,"file":"toolbar-tip.cjs.js","sources":["../../../src/toolbar/toolbar-tip.ts"],"sourcesContent":["import type { Constructor } from '../config/types'\r\nimport type { FluentEditor } from '../fluent-editor'\r\nimport { CHANGE_LANGUAGE_EVENT } from '../config'\r\n\r\nexport function generateToolbarTip(QuillToolbarTip: Constructor) {\r\n  return class extends QuillToolbarTip {\r\n    constructor(public quill: FluentEditor, options: Partial<Record<string, any>>) {\r\n      if (!options?.tipTextMap) {\r\n        options.tipTextMap = {}\r\n      }\r\n      super(quill, options)\r\n\r\n      this.quill.emitter.on(CHANGE_LANGUAGE_EVENT, () => {\r\n        this.destroyAllTips()\r\n        this.options = this.resolveOptions(options)\r\n        this.createToolbarTip()\r\n      })\r\n    }\r\n\r\n    resolveOptions(options: Partial<Record<string, any>>): Record<string, any> {\r\n      const result = super.resolveOptions(options)\r\n      if (!this.quill.lang) return result\r\n      const btnTips = [\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'underline',\r\n        'undo',\r\n        'redo',\r\n        'clean',\r\n        'link',\r\n        'divider',\r\n        'blockquote',\r\n        'code',\r\n        'image',\r\n        'file',\r\n        'emoji',\r\n        'video',\r\n        'screenshot',\r\n        'better-table',\r\n        'code-block',\r\n        'formula',\r\n        'format-painter',\r\n        'header-list',\r\n      ].reduce((map, name) => {\r\n        map[name] = this.quill.getLangText(name)\r\n        return map\r\n      }, {} as Record<string, string>)\r\n      const selectTips = [\r\n        'color',\r\n        'background',\r\n        'font',\r\n        'size',\r\n        'lineheight',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: () => {\r\n            return this.quill.getLangText(name)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const valueControlTips = [\r\n        'list',\r\n        'align',\r\n        'script',\r\n        'indent',\r\n        'header',\r\n        'direction',\r\n      ].reduce((map, name) => {\r\n        map[name] = {\r\n          onShow: (target: HTMLElement, value: string) => {\r\n            if (name === 'direction') {\r\n              value = target.classList.contains('ql-active') ? 'rtl' : 'ltr'\r\n            }\r\n            if (!value) {\r\n              if (name === 'align') {\r\n                value = 'left'\r\n              }\r\n              else if (name === 'header') {\r\n                value = 'normal'\r\n              }\r\n            }\r\n            return this.quill.getLangText(`${name}-${value}`)\r\n          },\r\n        }\r\n        return map\r\n      }, {})\r\n      const textMap = {\r\n        ...btnTips,\r\n        ...valueControlTips,\r\n        ...selectTips,\r\n        fullscreen: {\r\n          onShow: () => {\r\n            return this.quill.getLangText(this.quill.isFullscreen ? 'exit-fullscreen' : 'fullscreen')\r\n          },\r\n        },\r\n      }\r\n      return {\r\n        ...result,\r\n        tipTextMap: {\r\n          ...textMap,\r\n          ...options.tipTextMap,\r\n        },\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["CHANGE_LANGUAGE_EVENT"],"mappings":";;;;AAIO,SAAS,mBAAmB,iBAA8B;AAC/D,SAAO,cAAc,gBAAgB;AAAA,IACnC,YAAmB,OAAqB,SAAuC;AACzE,UAAA,EAAC,mCAAS,aAAY;AACxB,gBAAQ,aAAa,CAAC;AAAA,MAAA;AAExB,YAAM,OAAO,OAAO;AAJH,WAAA,QAAA;AAMjB,WAAK,MAAM,QAAQ,GAAGA,cAAA,uBAAuB,MAAM;AACjD,aAAK,eAAe;AACf,aAAA,UAAU,KAAK,eAAe,OAAO;AAC1C,aAAK,iBAAiB;AAAA,MAAA,CACvB;AAAA,IAAA;AAAA,IAGH,eAAe,SAA4D;AACnE,YAAA,SAAS,MAAM,eAAe,OAAO;AAC3C,UAAI,CAAC,KAAK,MAAM,KAAa,QAAA;AAC7B,YAAM,UAAU;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,YAAI,IAAI,IAAI,KAAK,MAAM,YAAY,IAAI;AAChC,eAAA;AAAA,MACT,GAAG,EAA4B;AAC/B,YAAM,aAAa;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,YAAI,IAAI,IAAI;AAAA,UACV,QAAQ,MAAM;AACL,mBAAA,KAAK,MAAM,YAAY,IAAI;AAAA,UAAA;AAAA,QAEtC;AACO,eAAA;AAAA,MACT,GAAG,EAAE;AACL,YAAM,mBAAmB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,OAAO,CAAC,KAAK,SAAS;AACtB,YAAI,IAAI,IAAI;AAAA,UACV,QAAQ,CAAC,QAAqB,UAAkB;AAC9C,gBAAI,SAAS,aAAa;AACxB,sBAAQ,OAAO,UAAU,SAAS,WAAW,IAAI,QAAQ;AAAA,YAAA;AAE3D,gBAAI,CAAC,OAAO;AACV,kBAAI,SAAS,SAAS;AACZ,wBAAA;AAAA,cAAA,WAED,SAAS,UAAU;AAClB,wBAAA;AAAA,cAAA;AAAA,YACV;AAEF,mBAAO,KAAK,MAAM,YAAY,GAAG,IAAI,IAAI,KAAK,EAAE;AAAA,UAAA;AAAA,QAEpD;AACO,eAAA;AAAA,MACT,GAAG,EAAE;AACL,YAAM,UAAU;AAAA,QACd,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,UACV,QAAQ,MAAM;AACZ,mBAAO,KAAK,MAAM,YAAY,KAAK,MAAM,eAAe,oBAAoB,YAAY;AAAA,UAAA;AAAA,QAC1F;AAAA,MAEJ;AACO,aAAA;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,UACV,GAAG;AAAA,UACH,GAAG,QAAQ;AAAA,QAAA;AAAA,MAEf;AAAA,IAAA;AAAA,EAEJ;AACF;;"}

package/lib/utils/debounce.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.cjs.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["import { isObject } from './is'\r\nimport { root } from './method'\r\n\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":["root","isObject","wait"],"mappings":"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"}
+{"version":3,"file":"debounce.cjs.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["import { isObject } from './is'\r\nimport { root } from './method'\r\n\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":["root","isObject","wait"],"mappings":"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"}

package/lib/utils/image.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.cjs.js","sources":["../../../src/utils/image.ts"],"sourcesContent":["export function imgToBase64(imageUrl: string) {\r\n  return new Promise<string>((resolve, reject) => {\r\n    const canvas = document.createElement('canvas')\r\n    const img = new Image()\r\n    img.crossOrigin = 'Anonymous'\r\n    img.src = imageUrl\r\n    img.onload = function () {\r\n      const ctx = canvas.getContext('2d')\r\n      if (ctx) {\r\n        canvas.height = img.height\r\n        canvas.width = img.width\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height)\r\n        ctx.drawImage(img, 0, 0)\r\n        const dataURL = canvas.toDataURL('image/png', 1)\r\n        resolve(dataURL)\r\n      }\r\n    }\r\n    img.onerror = function () {\r\n      reject(new Error(`Could not load image at ${imageUrl}`))\r\n    }\r\n  })\r\n}\r\n"],"names":[],"mappings":";;AAAO,SAAS,YAAY,UAAkB;AAC5C,SAAO,IAAI,QAAgB,CAAC,SAAS,WAAW;AACxC,UAAA,SAAS,SAAS,cAAc,QAAQ;AACxC,UAAA,MAAM,IAAI;AAChB,QAAI,cAAc;AAClB,QAAI,MAAM;AACV,QAAI,SAAS,WAAY;AACjB,YAAA,MAAM,OAAO,WAAW,IAAI;AAClC,UAAI,KAAK;AACP,eAAO,SAAS,IAAI;AACpB,eAAO,QAAQ,IAAI;AACnB,YAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAC3C,YAAA,UAAU,KAAK,GAAG,CAAC;AACvB,cAAM,UAAU,OAAO,UAAU,aAAa,CAAC;AAC/C,gBAAQ,OAAO;AAAA,MACjB;AAAA,IAAA;AAEF,QAAI,UAAU,WAAY;AACxB,aAAO,IAAI,MAAM,2BAA2B,QAAQ,EAAE,CAAC;AAAA,IAAA;AAAA,EACzD,CACD;AACH;;"}
+{"version":3,"file":"image.cjs.js","sources":["../../../src/utils/image.ts"],"sourcesContent":["export function imgToBase64(imageUrl: string) {\r\n  return new Promise<string>((resolve, reject) => {\r\n    const canvas = document.createElement('canvas')\r\n    const img = new Image()\r\n    img.crossOrigin = 'Anonymous'\r\n    img.src = imageUrl\r\n    img.onload = function () {\r\n      const ctx = canvas.getContext('2d')\r\n      if (ctx) {\r\n        canvas.height = img.height\r\n        canvas.width = img.width\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height)\r\n        ctx.drawImage(img, 0, 0)\r\n        const dataURL = canvas.toDataURL('image/png', 1)\r\n        resolve(dataURL)\r\n      }\r\n    }\r\n    img.onerror = function () {\r\n      reject(new Error(`Could not load image at ${imageUrl}`))\r\n    }\r\n  })\r\n}\r\n"],"names":[],"mappings":";;AAAO,SAAS,YAAY,UAAkB;AAC5C,SAAO,IAAI,QAAgB,CAAC,SAAS,WAAW;AACxC,UAAA,SAAS,SAAS,cAAc,QAAQ;AACxC,UAAA,MAAM,IAAI,MAAM;AACtB,QAAI,cAAc;AAClB,QAAI,MAAM;AACV,QAAI,SAAS,WAAY;AACjB,YAAA,MAAM,OAAO,WAAW,IAAI;AAClC,UAAI,KAAK;AACP,eAAO,SAAS,IAAI;AACpB,eAAO,QAAQ,IAAI;AACnB,YAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;AAC3C,YAAA,UAAU,KAAK,GAAG,CAAC;AACvB,cAAM,UAAU,OAAO,UAAU,aAAa,CAAC;AAC/C,gBAAQ,OAAO;AAAA,MAAA;AAAA,IAEnB;AACA,QAAI,UAAU,WAAY;AACxB,aAAO,IAAI,MAAM,2BAA2B,QAAQ,EAAE,CAAC;AAAA,IACzD;AAAA,EAAA,CACD;AACH;;"}

package/lib/utils/is.cjs.js

@@ -5,6 +5,10 @@ function isObject(value) {
   return value != null && (type === "object" || type === "function");
 }
 const isUndefined = (val) => val === void 0;
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+exports.isFunction = isFunction;
 exports.isObject = isObject;
+exports.isString = isString;
 exports.isUndefined = isUndefined;
 //# sourceMappingURL=is.cjs.js.map

package/lib/utils/is.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"is.cjs.js","sources":["../../../src/utils/is.ts"],"sourcesContent":["export function isObject(value): value is object {\r\n  const type = typeof value\r\n  return value != null && (type === 'object' || type === 'function')\r\n}\r\nexport const isUndefined = (val: unknown): val is undefined => val === undefined\r\n"],"names":[],"mappings":";;AAAO,SAAS,SAAS,OAAwB;AAC/C,QAAM,OAAO,OAAO;AACpB,SAAO,SAAS,SAAS,SAAS,YAAY,SAAS;AACzD;AACa,MAAA,cAAc,CAAC,QAAmC,QAAQ;;;"}
+{"version":3,"file":"is.cjs.js","sources":["../../../src/utils/is.ts"],"sourcesContent":["export function isObject(value: unknown): value is object {\r\n  const type = typeof value\r\n  return value != null && (type === 'object' || type === 'function')\r\n}\r\nexport const isUndefined = (val: unknown): val is undefined => val === undefined\r\nexport const isFunction = (val: unknown): val is Function => typeof val === 'function'\r\nexport const isString = (val: unknown): val is string => typeof val === 'string'\r\n"],"names":[],"mappings":";;AAAO,SAAS,SAAS,OAAiC;AACxD,QAAM,OAAO,OAAO;AACpB,SAAO,SAAS,SAAS,SAAS,YAAY,SAAS;AACzD;AACa,MAAA,cAAc,CAAC,QAAmC,QAAQ;AAChE,MAAM,aAAa,CAAC,QAAkC,OAAO,QAAQ;AACrE,MAAM,WAAW,CAAC,QAAgC,OAAO,QAAQ;;;;;"}

package/lib/utils/method.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"method.cjs.js","sources":["../../../src/utils/method.ts"],"sourcesContent":["/** Detect free variable `global` from Node.js. */\r\nconst freeGlobal\r\n  = typeof global === 'object'\r\n  && global !== null\r\n  && global.Object === Object\r\n  && global\r\n\r\n/** Detect free variable `globalThis` */\r\nconst freeGlobalThis\r\n  = typeof globalThis === 'object'\r\n  && globalThis !== null\r\n  && globalThis.Object == Object\r\n  && globalThis\r\n\r\n/** Detect free variable `self`. */\r\nconst freeSelf\r\n  = typeof self === 'object' && self !== null && self.Object === Object && self\r\n\r\n/** Used as a reference to the global object. */\r\nexport const root\r\n  = freeGlobalThis || freeGlobal || freeSelf || new Function('return this')()\r\n\r\nexport function compareArray(arr1, arr2) {\r\n  if (arr1.length !== arr2.length) {\r\n    return false\r\n  }\r\n  for (let i = 0; i < arr1.length; i++) {\r\n    if (arr1[i] !== arr2[i]) {\r\n      return false\r\n    }\r\n  }\r\n  return true\r\n}\r\n\r\nexport function compareObject(object1, object2) {\r\n  const o1keys = Object.keys(object1)\r\n  const o2keys = Object.keys(object2)\r\n  if (o2keys.length !== o1keys.length) return false\r\n  for (let i = 0; i <= o1keys.length - 1; i++) {\r\n    const key = o1keys[i]\r\n    if (!o2keys.includes(key)) return false\r\n    if (!compare(object2[key], object1[key])) return false\r\n  }\r\n  return true\r\n}\r\n\r\nexport function compare(value, other) {\r\n  if (value === other) {\r\n    return true\r\n  }\r\n  if (Array.isArray(value) && Array.isArray(other)) {\r\n    return compareArray(value, other)\r\n  }\r\n  if (value instanceof Function || other instanceof Function) {\r\n    return false\r\n  }\r\n  if (value instanceof Object && other instanceof Object) {\r\n    return compareObject(value, other)\r\n  }\r\n  return false\r\n}\r\n\r\nexport function unshiftString(str: string, targetLength: number, addString: string): string {\r\n  targetLength = targetLength > 0 ? targetLength : 0\r\n  addString = String((typeof addString !== 'undefined' && typeof addString !== 'object') ? addString : ' ')\r\n  str = (str === undefined || str === null) ? '' : String(str)\r\n  if (str.length >= targetLength) {\r\n    return String(str)\r\n  }\r\n  else {\r\n    targetLength = targetLength - str.length\r\n    if (targetLength > addString.length) {\r\n      addString += addString.repeat(targetLength / addString.length)\r\n    }\r\n    return addString.slice(0, targetLength) + String(str)\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AACA,MAAM,aACF,OAAO,WAAW,YACjB,WAAW,QACX,OAAO,WAAW,UAClB;AAGL,MAAM,iBACF,OAAO,eAAe,YACrB,eAAe,QACf,WAAW,UAAU,UACrB;AAGL,MAAM,WACF,OAAO,SAAS,YAAY,SAAS,QAAQ,KAAK,WAAW,UAAU;AAGpE,MAAM,OACT,kBAAkB,cAAc,YAAY,IAAI,SAAS,aAAa,EAAE;AAE5D,SAAA,aAAa,MAAM,MAAM;AACnC,MAAA,KAAK,WAAW,KAAK,QAAQ;AACxB,WAAA;AAAA,EACT;AACA,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,QAAI,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG;AAChB,aAAA;AAAA,IACT;AAAA,EACF;AACO,SAAA;AACT;AAEgB,SAAA,cAAc,SAAS,SAAS;AACxC,QAAA,SAAS,OAAO,KAAK,OAAO;AAC5B,QAAA,SAAS,OAAO,KAAK,OAAO;AAClC,MAAI,OAAO,WAAW,OAAO,OAAe,QAAA;AAC5C,WAAS,IAAI,GAAG,KAAK,OAAO,SAAS,GAAG,KAAK;AACrC,UAAA,MAAM,OAAO,CAAC;AACpB,QAAI,CAAC,OAAO,SAAS,GAAG,EAAU,QAAA;AAC9B,QAAA,CAAC,QAAQ,QAAQ,GAAG,GAAG,QAAQ,GAAG,CAAC,EAAU,QAAA;AAAA,EACnD;AACO,SAAA;AACT;AAEgB,SAAA,QAAQ,OAAO,OAAO;AACpC,MAAI,UAAU,OAAO;AACZ,WAAA;AAAA,EACT;AACA,MAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ,KAAK,GAAG;AACzC,WAAA,aAAa,OAAO,KAAK;AAAA,EAClC;AACI,MAAA,iBAAiB,YAAY,iBAAiB,UAAU;AACnD,WAAA;AAAA,EACT;AACI,MAAA,iBAAiB,UAAU,iBAAiB,QAAQ;AAC/C,WAAA,cAAc,OAAO,KAAK;AAAA,EACnC;AACO,SAAA;AACT;AAEgB,SAAA,cAAc,KAAa,cAAsB,WAA2B;AAC3E,iBAAA,eAAe,IAAI,eAAe;AACrC,cAAA,OAAQ,OAAO,cAAc,eAAe,OAAO,cAAc,WAAY,YAAY,GAAG;AACxG,QAAO,QAAQ,UAAa,QAAQ,OAAQ,KAAK,OAAO,GAAG;AACvD,MAAA,IAAI,UAAU,cAAc;AAC9B,WAAO,OAAO,GAAG;AAAA,EAAA,OAEd;AACH,mBAAe,eAAe,IAAI;AAC9B,QAAA,eAAe,UAAU,QAAQ;AACnC,mBAAa,UAAU,OAAO,eAAe,UAAU,MAAM;AAAA,IAC/D;AACA,WAAO,UAAU,MAAM,GAAG,YAAY,IAAI,OAAO,GAAG;AAAA,EACtD;AACF;;;;;;"}
+{"version":3,"file":"method.cjs.js","sources":["../../../src/utils/method.ts"],"sourcesContent":["/** Detect free variable `global` from Node.js. */\r\nconst freeGlobal\r\n  = typeof global === 'object'\r\n  && global !== null\r\n  && global.Object === Object\r\n  && global\r\n\r\n/** Detect free variable `globalThis` */\r\nconst freeGlobalThis\r\n  = typeof globalThis === 'object'\r\n  && globalThis !== null\r\n  && globalThis.Object == Object\r\n  && globalThis\r\n\r\n/** Detect free variable `self`. */\r\nconst freeSelf\r\n  = typeof self === 'object' && self !== null && self.Object === Object && self\r\n\r\n/** Used as a reference to the global object. */\r\nexport const root\r\n  = freeGlobalThis || freeGlobal || freeSelf || new Function('return this')()\r\n\r\nexport function compareArray(arr1, arr2) {\r\n  if (arr1.length !== arr2.length) {\r\n    return false\r\n  }\r\n  for (let i = 0; i < arr1.length; i++) {\r\n    if (arr1[i] !== arr2[i]) {\r\n      return false\r\n    }\r\n  }\r\n  return true\r\n}\r\n\r\nexport function compareObject(object1, object2) {\r\n  const o1keys = Object.keys(object1)\r\n  const o2keys = Object.keys(object2)\r\n  if (o2keys.length !== o1keys.length) return false\r\n  for (let i = 0; i <= o1keys.length - 1; i++) {\r\n    const key = o1keys[i]\r\n    if (!o2keys.includes(key)) return false\r\n    if (!compare(object2[key], object1[key])) return false\r\n  }\r\n  return true\r\n}\r\n\r\nexport function compare(value, other) {\r\n  if (value === other) {\r\n    return true\r\n  }\r\n  if (Array.isArray(value) && Array.isArray(other)) {\r\n    return compareArray(value, other)\r\n  }\r\n  if (value instanceof Function || other instanceof Function) {\r\n    return false\r\n  }\r\n  if (value instanceof Object && other instanceof Object) {\r\n    return compareObject(value, other)\r\n  }\r\n  return false\r\n}\r\n\r\nexport function unshiftString(str: string, targetLength: number, addString: string): string {\r\n  targetLength = targetLength > 0 ? targetLength : 0\r\n  addString = String((typeof addString !== 'undefined' && typeof addString !== 'object') ? addString : ' ')\r\n  str = (str === undefined || str === null) ? '' : String(str)\r\n  if (str.length >= targetLength) {\r\n    return String(str)\r\n  }\r\n  else {\r\n    targetLength = targetLength - str.length\r\n    if (targetLength > addString.length) {\r\n      addString += addString.repeat(targetLength / addString.length)\r\n    }\r\n    return addString.slice(0, targetLength) + String(str)\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AACA,MAAM,aACF,OAAO,WAAW,YACjB,WAAW,QACX,OAAO,WAAW,UAClB;AAGL,MAAM,iBACF,OAAO,eAAe,YACrB,eAAe,QACf,WAAW,UAAU,UACrB;AAGL,MAAM,WACF,OAAO,SAAS,YAAY,SAAS,QAAQ,KAAK,WAAW,UAAU;AAGpE,MAAM,OACT,kBAAkB,cAAc,YAAY,IAAI,SAAS,aAAa,EAAE;AAE5D,SAAA,aAAa,MAAM,MAAM;AACnC,MAAA,KAAK,WAAW,KAAK,QAAQ;AACxB,WAAA;AAAA,EAAA;AAET,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,QAAI,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG;AAChB,aAAA;AAAA,IAAA;AAAA,EACT;AAEK,SAAA;AACT;AAEgB,SAAA,cAAc,SAAS,SAAS;AACxC,QAAA,SAAS,OAAO,KAAK,OAAO;AAC5B,QAAA,SAAS,OAAO,KAAK,OAAO;AAClC,MAAI,OAAO,WAAW,OAAO,OAAe,QAAA;AAC5C,WAAS,IAAI,GAAG,KAAK,OAAO,SAAS,GAAG,KAAK;AACrC,UAAA,MAAM,OAAO,CAAC;AACpB,QAAI,CAAC,OAAO,SAAS,GAAG,EAAU,QAAA;AAC9B,QAAA,CAAC,QAAQ,QAAQ,GAAG,GAAG,QAAQ,GAAG,CAAC,EAAU,QAAA;AAAA,EAAA;AAE5C,SAAA;AACT;AAEgB,SAAA,QAAQ,OAAO,OAAO;AACpC,MAAI,UAAU,OAAO;AACZ,WAAA;AAAA,EAAA;AAET,MAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,QAAQ,KAAK,GAAG;AACzC,WAAA,aAAa,OAAO,KAAK;AAAA,EAAA;AAE9B,MAAA,iBAAiB,YAAY,iBAAiB,UAAU;AACnD,WAAA;AAAA,EAAA;AAEL,MAAA,iBAAiB,UAAU,iBAAiB,QAAQ;AAC/C,WAAA,cAAc,OAAO,KAAK;AAAA,EAAA;AAE5B,SAAA;AACT;AAEgB,SAAA,cAAc,KAAa,cAAsB,WAA2B;AAC3E,iBAAA,eAAe,IAAI,eAAe;AACrC,cAAA,OAAQ,OAAO,cAAc,eAAe,OAAO,cAAc,WAAY,YAAY,GAAG;AACxG,QAAO,QAAQ,UAAa,QAAQ,OAAQ,KAAK,OAAO,GAAG;AACvD,MAAA,IAAI,UAAU,cAAc;AAC9B,WAAO,OAAO,GAAG;AAAA,EAAA,OAEd;AACH,mBAAe,eAAe,IAAI;AAC9B,QAAA,eAAe,UAAU,QAAQ;AACnC,mBAAa,UAAU,OAAO,eAAe,UAAU,MAAM;AAAA,IAAA;AAE/D,WAAO,UAAU,MAAM,GAAG,YAAY,IAAI,OAAO,GAAG;AAAA,EAAA;AAExD;;;;;;"}

package/lib/utils/scroll-lock.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-lock.cjs.js","sources":["../../../src/utils/scroll-lock.ts"],"sourcesContent":["let scrollBarWidth: number\r\nexport function getScrollBarWidth({ target = document.body } = {}): number {\r\n  if (scrollBarWidth !== undefined) return scrollBarWidth\r\n\r\n  const outer = document.createElement('div')\r\n  outer.className = 'scroll__wrap'\r\n  outer.style.visibility = 'hidden'\r\n  outer.style.width = '100px'\r\n  outer.style.position = 'absolute'\r\n  outer.style.top = '-9999px'\r\n  target.appendChild(outer)\r\n\r\n  const widthNoScroll = outer.offsetWidth\r\n  outer.style.overflow = 'scroll'\r\n\r\n  const inner = document.createElement('div')\r\n  inner.style.width = '100%'\r\n  outer.appendChild(inner)\r\n\r\n  const widthWithScroll = inner.offsetWidth\r\n  outer.parentNode?.removeChild(outer)\r\n  scrollBarWidth = widthNoScroll - widthWithScroll\r\n\r\n  return scrollBarWidth\r\n}\r\n\r\nexport function lockScroll({ target = document.body } = {}) {\r\n  let scrollBarWidth = 0\r\n  let originWidth = '0'\r\n\r\n  const clockClass = 'scroll--lock'\r\n\r\n  const cleanLock = () => {\r\n    target && (target.style.width = originWidth)\r\n    target.classList.remove(clockClass)\r\n  }\r\n\r\n  const hasHiddenClass = target.classList.contains(clockClass)\r\n  if (!hasHiddenClass) {\r\n    originWidth = target.style.width\r\n  }\r\n  scrollBarWidth = getScrollBarWidth({ target })\r\n  const hasOverflow = (target === document.body ? document.documentElement : target).clientHeight < target.scrollHeight\r\n  const overflowY = window.getComputedStyle(target).overflowY\r\n  // only when the scrollbar exists needs to reduce width\r\n  if (scrollBarWidth > 0 && (hasOverflow || overflowY === 'scroll') && !hasHiddenClass) {\r\n    target.style.width = `calc(100% - ${scrollBarWidth}px)`\r\n  }\r\n  target.classList.add(clockClass)\r\n\r\n  return cleanLock\r\n}\r\n"],"names":["scrollBarWidth"],"mappings":";;AAAA,IAAI;AACG,SAAS,kBAAkB,EAAE,SAAS,SAAS,KAAK,IAAI,CAAA,GAAY;;AACrE,MAAA,mBAAmB,OAAkB,QAAA;AAEnC,QAAA,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY;AAClB,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,MAAM;AAClB,SAAO,YAAY,KAAK;AAExB,QAAM,gBAAgB,MAAM;AAC5B,QAAM,MAAM,WAAW;AAEjB,QAAA,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,QAAQ;AACpB,QAAM,YAAY,KAAK;AAEvB,QAAM,kBAAkB,MAAM;AACxB,cAAA,eAAA,mBAAY,YAAY;AAC9B,mBAAiB,gBAAgB;AAE1B,SAAA;AACT;AAEO,SAAS,WAAW,EAAE,SAAS,SAAS,KAAK,IAAI,CAAA,GAAI;AAC1D,MAAIA,kBAAiB;AACrB,MAAI,cAAc;AAElB,QAAM,aAAa;AAEnB,QAAM,YAAY,MAAM;AACX,eAAA,OAAO,MAAM,QAAQ;AACzB,WAAA,UAAU,OAAO,UAAU;AAAA,EAAA;AAGpC,QAAM,iBAAiB,OAAO,UAAU,SAAS,UAAU;AAC3D,MAAI,CAAC,gBAAgB;AACnB,kBAAc,OAAO,MAAM;AAAA,EAC7B;AACAA,oBAAiB,kBAAkB,EAAE,OAAA,CAAQ;AACvC,QAAA,eAAe,WAAW,SAAS,OAAO,SAAS,kBAAkB,QAAQ,eAAe,OAAO;AACzG,QAAM,YAAY,OAAO,iBAAiB,MAAM,EAAE;AAElD,MAAIA,kBAAiB,MAAM,eAAe,cAAc,aAAa,CAAC,gBAAgB;AAC7E,WAAA,MAAM,QAAQ,eAAeA,eAAc;AAAA,EACpD;AACO,SAAA,UAAU,IAAI,UAAU;AAExB,SAAA;AACT;;;"}
+{"version":3,"file":"scroll-lock.cjs.js","sources":["../../../src/utils/scroll-lock.ts"],"sourcesContent":["let scrollBarWidth: number\r\nexport function getScrollBarWidth({ target = document.body } = {}): number {\r\n  if (scrollBarWidth !== undefined) return scrollBarWidth\r\n\r\n  const outer = document.createElement('div')\r\n  outer.className = 'scroll__wrap'\r\n  outer.style.visibility = 'hidden'\r\n  outer.style.width = '100px'\r\n  outer.style.position = 'absolute'\r\n  outer.style.top = '-9999px'\r\n  target.appendChild(outer)\r\n\r\n  const widthNoScroll = outer.offsetWidth\r\n  outer.style.overflow = 'scroll'\r\n\r\n  const inner = document.createElement('div')\r\n  inner.style.width = '100%'\r\n  outer.appendChild(inner)\r\n\r\n  const widthWithScroll = inner.offsetWidth\r\n  outer.parentNode?.removeChild(outer)\r\n  scrollBarWidth = widthNoScroll - widthWithScroll\r\n\r\n  return scrollBarWidth\r\n}\r\n\r\nexport function lockScroll({ target = document.body } = {}) {\r\n  let scrollBarWidth = 0\r\n  let originWidth = '0'\r\n\r\n  const clockClass = 'scroll--lock'\r\n\r\n  const cleanLock = () => {\r\n    target && (target.style.width = originWidth)\r\n    target.classList.remove(clockClass)\r\n  }\r\n\r\n  const hasHiddenClass = target.classList.contains(clockClass)\r\n  if (!hasHiddenClass) {\r\n    originWidth = target.style.width\r\n  }\r\n  scrollBarWidth = getScrollBarWidth({ target })\r\n  const hasOverflow = (target === document.body ? document.documentElement : target).clientHeight < target.scrollHeight\r\n  const overflowY = window.getComputedStyle(target).overflowY\r\n  // only when the scrollbar exists needs to reduce width\r\n  if (scrollBarWidth > 0 && (hasOverflow || overflowY === 'scroll') && !hasHiddenClass) {\r\n    target.style.width = `calc(100% - ${scrollBarWidth}px)`\r\n  }\r\n  target.classList.add(clockClass)\r\n\r\n  return cleanLock\r\n}\r\n"],"names":["scrollBarWidth"],"mappings":";;AAAA,IAAI;AACG,SAAS,kBAAkB,EAAE,SAAS,SAAS,KAAK,IAAI,CAAA,GAAY;;AACrE,MAAA,mBAAmB,OAAkB,QAAA;AAEnC,QAAA,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY;AAClB,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,MAAM;AAClB,SAAO,YAAY,KAAK;AAExB,QAAM,gBAAgB,MAAM;AAC5B,QAAM,MAAM,WAAW;AAEjB,QAAA,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,QAAQ;AACpB,QAAM,YAAY,KAAK;AAEvB,QAAM,kBAAkB,MAAM;AACxB,cAAA,eAAA,mBAAY,YAAY;AAC9B,mBAAiB,gBAAgB;AAE1B,SAAA;AACT;AAEO,SAAS,WAAW,EAAE,SAAS,SAAS,KAAK,IAAI,CAAA,GAAI;AAC1D,MAAIA,kBAAiB;AACrB,MAAI,cAAc;AAElB,QAAM,aAAa;AAEnB,QAAM,YAAY,MAAM;AACX,eAAA,OAAO,MAAM,QAAQ;AACzB,WAAA,UAAU,OAAO,UAAU;AAAA,EACpC;AAEA,QAAM,iBAAiB,OAAO,UAAU,SAAS,UAAU;AAC3D,MAAI,CAAC,gBAAgB;AACnB,kBAAc,OAAO,MAAM;AAAA,EAAA;AAE7BA,oBAAiB,kBAAkB,EAAE,QAAQ;AACvC,QAAA,eAAe,WAAW,SAAS,OAAO,SAAS,kBAAkB,QAAQ,eAAe,OAAO;AACzG,QAAM,YAAY,OAAO,iBAAiB,MAAM,EAAE;AAElD,MAAIA,kBAAiB,MAAM,eAAe,cAAc,aAAa,CAAC,gBAAgB;AAC7E,WAAA,MAAM,QAAQ,eAAeA,eAAc;AAAA,EAAA;AAE7C,SAAA,UAAU,IAAI,UAAU;AAExB,SAAA;AACT;;;"}

package/lib/video/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/video/index.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\r\nimport Quill from 'quill'\r\nimport { sanitize } from '../config/editor.utils'\r\n\r\nconst BlockEmbed = Quill.imports['blots/block/embed'] as TypeParchment.BlotConstructor\r\nconst VIDEO_ATTRIBUTES = ['id', 'title', 'src']\r\n\r\nclass Video extends BlockEmbed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static SANITIZED_URL: string\r\n  static PROTOCOL_WHITELIST: string[]\r\n  static className: string\r\n  statics: any\r\n  domNode: any\r\n\r\n  static sanitize(url) {\r\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\r\n  }\r\n\r\n  static create(value) {\r\n    const node = super.create(value) as HTMLElement\r\n    node.setAttribute('contenteditable', 'false')\r\n    node.setAttribute('controls', 'controls')\r\n    VIDEO_ATTRIBUTES.forEach((key) => {\r\n      if (value[key]) {\r\n        switch (key) {\r\n          case 'src':{ const src = Video.sanitize(value[key])\r\n            node.setAttribute(key, src)\r\n            break\r\n          }\r\n          case 'title': {\r\n            node.setAttribute(key, value[key])\r\n            break\r\n          }\r\n          default: {\r\n            node.dataset[key] = value[key]\r\n          }\r\n        }\r\n      }\r\n    })\r\n    return node\r\n  }\r\n\r\n  static value(domNode) {\r\n    const formats: any = {}\r\n    VIDEO_ATTRIBUTES.forEach((key) => {\r\n      const value = domNode.getAttribute(key) || domNode.dataset[key]\r\n      if (value) {\r\n        formats[key] = value\r\n      }\r\n    })\r\n    return formats\r\n  }\r\n}\r\nVideo.blotName = 'video'\r\nVideo.tagName = 'VIDEO'\r\nVideo.SANITIZED_URL = 'about:blank'\r\nVideo.PROTOCOL_WHITELIST = ['http', 'https']\r\nVideo.className = 'ql-video-item'\r\n\r\nexport default Video\r\n"],"names":["sanitize"],"mappings":";;;;AAIA,MAAM,aAAa,MAAM,QAAQ,mBAAmB;AACpD,MAAM,mBAAmB,CAAC,MAAM,SAAS,KAAK;AAE9C,MAAM,cAAc,WAAW;AAAA,EAS7B,OAAO,SAAS,KAAK;AACnB,WAAOA,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAC7D;AAAA,EAEA,OAAO,OAAO,OAAO;AACb,UAAA,OAAO,MAAM,OAAO,KAAK;AAC1B,SAAA,aAAa,mBAAmB,OAAO;AACvC,SAAA,aAAa,YAAY,UAAU;AACvB,qBAAA,QAAQ,CAAC,QAAQ;AAC5B,UAAA,MAAM,GAAG,GAAG;AACd,gBAAQ,KAAK;AAAA,UACX,KAAK,OAAM;AAAE,kBAAM,MAAM,MAAM,SAAS,MAAM,GAAG,CAAC;AAC3C,iBAAA,aAAa,KAAK,GAAG;AAC1B;AAAA,UACF;AAAA,UACA,KAAK,SAAS;AACZ,iBAAK,aAAa,KAAK,MAAM,GAAG,CAAC;AACjC;AAAA,UACF;AAAA,UACA,SAAS;AACP,iBAAK,QAAQ,GAAG,IAAI,MAAM,GAAG;AAAA,UAC/B;AAAA,QACF;AAAA,MACF;AAAA,IAAA,CACD;AACM,WAAA;AAAA,EACT;AAAA,EAEA,OAAO,MAAM,SAAS;AACpB,UAAM,UAAe,CAAA;AACJ,qBAAA,QAAQ,CAAC,QAAQ;AAChC,YAAM,QAAQ,QAAQ,aAAa,GAAG,KAAK,QAAQ,QAAQ,GAAG;AAC9D,UAAI,OAAO;AACT,gBAAQ,GAAG,IAAI;AAAA,MACjB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,EACT;AACF;AACA,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,gBAAgB;AACtB,MAAM,qBAAqB,CAAC,QAAQ,OAAO;AAC3C,MAAM,YAAY;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/video/index.ts"],"sourcesContent":["import type { Parchment as TypeParchment } from 'quill'\r\nimport Quill from 'quill'\r\nimport { sanitize } from '../config/editor.utils'\r\n\r\nconst BlockEmbed = Quill.imports['blots/block/embed'] as TypeParchment.BlotConstructor\r\nconst VIDEO_ATTRIBUTES = ['id', 'title', 'src']\r\n\r\nclass Video extends BlockEmbed {\r\n  static blotName: string\r\n  static tagName: string\r\n  static SANITIZED_URL: string\r\n  static PROTOCOL_WHITELIST: string[]\r\n  static className: string\r\n  statics: any\r\n  domNode: any\r\n\r\n  static sanitize(url) {\r\n    return sanitize(url, this.PROTOCOL_WHITELIST) ? url : this.SANITIZED_URL\r\n  }\r\n\r\n  static create(value) {\r\n    const node = super.create(value) as HTMLElement\r\n    node.setAttribute('contenteditable', 'false')\r\n    node.setAttribute('controls', 'controls')\r\n    VIDEO_ATTRIBUTES.forEach((key) => {\r\n      if (value[key]) {\r\n        switch (key) {\r\n          case 'src':{ const src = Video.sanitize(value[key])\r\n            node.setAttribute(key, src)\r\n            break\r\n          }\r\n          case 'title': {\r\n            node.setAttribute(key, value[key])\r\n            break\r\n          }\r\n          default: {\r\n            node.dataset[key] = value[key]\r\n          }\r\n        }\r\n      }\r\n    })\r\n    return node\r\n  }\r\n\r\n  static value(domNode) {\r\n    const formats: any = {}\r\n    VIDEO_ATTRIBUTES.forEach((key) => {\r\n      const value = domNode.getAttribute(key) || domNode.dataset[key]\r\n      if (value) {\r\n        formats[key] = value\r\n      }\r\n    })\r\n    return formats\r\n  }\r\n}\r\nVideo.blotName = 'video'\r\nVideo.tagName = 'VIDEO'\r\nVideo.SANITIZED_URL = 'about:blank'\r\nVideo.PROTOCOL_WHITELIST = ['http', 'https']\r\nVideo.className = 'ql-video-item'\r\n\r\nexport default Video\r\n"],"names":["sanitize"],"mappings":";;;;AAIA,MAAM,aAAa,MAAM,QAAQ,mBAAmB;AACpD,MAAM,mBAAmB,CAAC,MAAM,SAAS,KAAK;AAE9C,MAAM,cAAc,WAAW;AAAA,EAS7B,OAAO,SAAS,KAAK;AACnB,WAAOA,aAAAA,SAAS,KAAK,KAAK,kBAAkB,IAAI,MAAM,KAAK;AAAA,EAAA;AAAA,EAG7D,OAAO,OAAO,OAAO;AACb,UAAA,OAAO,MAAM,OAAO,KAAK;AAC1B,SAAA,aAAa,mBAAmB,OAAO;AACvC,SAAA,aAAa,YAAY,UAAU;AACvB,qBAAA,QAAQ,CAAC,QAAQ;AAC5B,UAAA,MAAM,GAAG,GAAG;AACd,gBAAQ,KAAK;AAAA,UACX,KAAK,OAAM;AAAE,kBAAM,MAAM,MAAM,SAAS,MAAM,GAAG,CAAC;AAC3C,iBAAA,aAAa,KAAK,GAAG;AAC1B;AAAA,UAAA;AAAA,UAEF,KAAK,SAAS;AACZ,iBAAK,aAAa,KAAK,MAAM,GAAG,CAAC;AACjC;AAAA,UAAA;AAAA,UAEF,SAAS;AACP,iBAAK,QAAQ,GAAG,IAAI,MAAM,GAAG;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IACF,CACD;AACM,WAAA;AAAA,EAAA;AAAA,EAGT,OAAO,MAAM,SAAS;AACpB,UAAM,UAAe,CAAC;AACL,qBAAA,QAAQ,CAAC,QAAQ;AAChC,YAAM,QAAQ,QAAQ,aAAa,GAAG,KAAK,QAAQ,QAAQ,GAAG;AAC9D,UAAI,OAAO;AACT,gBAAQ,GAAG,IAAI;AAAA,MAAA;AAAA,IACjB,CACD;AACM,WAAA;AAAA,EAAA;AAEX;AACA,MAAM,WAAW;AACjB,MAAM,UAAU;AAChB,MAAM,gBAAgB;AACtB,MAAM,qBAAqB,CAAC,QAAQ,OAAO;AAC3C,MAAM,YAAY;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/fluent-editor",
-  "version": "3.24.0",
+  "version": "3.25.0-alpha.1",
   "description": "A rich text editor based on Quill 2.0, which extends rich modules and formats on the basis of Quill. It's powerful and out-of-the-box.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -34,8 +34,7 @@
   },
   "dependencies": {
     "lodash-es": "^4.17.15",
-    "quill": "^2.0.0",
-    "quill-toolbar-tip": "^0.0.4"
+    "quill": "^2.0.0"
   },
   "devDependencies": {
     "@types/jest": "^26.0.23",