on-codemerge/dist/src/plugins/ToolbarDividerPlugin/index.mjs

A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product

var d = Object.defineProperty;
var o = (e, i, t) => i in e ? d(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
var r = (e, i, t) => o(e, typeof i != "symbol" ? i + "" : i, t);
import "./style.scss.mjs";
import "./public.scss.mjs";
import { createToolbarButton as l } from "../ToolbarPlugin/utils.mjs";
import n from "../../icons/divider.svg.mjs";
let s = 0;
class p {
  constructor() {
    r(this, "name", "toolbar-divider");
    r(this, "divider", null);
    this.name = this.name + "-" + s++;
  }
  initialize() {
    const i = document.querySelector(".editor-toolbar");
    i && (this.divider = l({
      icon: n,
      title: "",
      onClick: () => {
      },
      // Разделитель не требует действия
      disabled: !0
      // Делаем разделитель неинтерактивным
    }), this.divider.classList.add("toolbar-divider"), i.appendChild(this.divider));
  }
  destroy() {
    this.divider && this.divider.parentElement && this.divider.parentElement.removeChild(this.divider), this.divider = null;
  }
}
export {
  p as ToolbarDividerPlugin
};