@ostendis/grapesjs-preset-ostendis-adv 1.2.3 → 1.3.0

package/dist/grapesjs-preset-ostendis-adv.min.js

@@ -21785,28 +21785,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 /* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(editor, opts) {
-    var Blocks = editor.Blocks;
-    var addBlock = function (id, blockDef) {
+    const { Blocks } = editor;
+    const addBlock = (id, blockDef) => {
         opts.blocks.indexOf(id) >= 0 &&
-            editor.Blocks.add(id, __assign(__assign({ select: true }, blockDef), opts.block(id)));
+            editor.Blocks.add(id, Object.assign(Object.assign({ select: true }, blockDef), opts.block(id)));
     };
     Blocks.getAll().reset();
     Blocks.add("applyQrCode", {
         label: opts.t9n.applyQrCodeBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px;\" viewBox=\"0 0 12.7 9.525\">\n      <path fill=\"currentColor\" d=\"m2.7781 1.1906v2.2964h2.2964v-2.2964zm3.1469 0v0.76565h0.76507v-0.76565zm1.7005 0v2.2964h2.2964v-2.2964zm-4.0817 0.76565h0.76507v0.76507h-0.76507zm4.8474 0h0.76507v0.76507h-0.76507zm-2.4661 0.82902v0.76507h0.76507v-0.76507zm-3.1469 1.5947v0.76507h0.76565v-0.76507zm1.5307 0v0.76507h0.76565v-0.76507zm1.6162 0v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-3.2312 1.5947v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-6.3781 0.063368v2.2964h2.2964v-2.2964zm0.76565 0.76565h0.76507v0.76507h-0.76507zm2.3813 0.76507v0.76565h0.76507v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565z\" stroke-width=\".51027\"/>\n    </svg>",
+        media: `<svg style="width:60px;" viewBox="0 0 12.7 9.525">
+      <path fill="currentColor" d="m2.7781 1.1906v2.2964h2.2964v-2.2964zm3.1469 0v0.76565h0.76507v-0.76565zm1.7005 0v2.2964h2.2964v-2.2964zm-4.0817 0.76565h0.76507v0.76507h-0.76507zm4.8474 0h0.76507v0.76507h-0.76507zm-2.4661 0.82902v0.76507h0.76507v-0.76507zm-3.1469 1.5947v0.76507h0.76565v-0.76507zm1.5307 0v0.76507h0.76565v-0.76507zm1.6162 0v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-3.2312 1.5947v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-6.3781 0.063368v2.2964h2.2964v-2.2964zm0.76565 0.76565h0.76507v0.76507h-0.76507zm2.3813 0.76507v0.76565h0.76507v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565z" stroke-width=".51027"/>
+    </svg>`,
         content: {
             type: "image",
             editable: false,
@@ -21820,7 +21811,9 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("viewQrCode", {
         label: opts.t9n.viewQrCodeBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px;\" viewBox=\"0 0 12.7 9.525\">\n      <path fill=\"currentColor\" d=\"m2.7781 1.1906v2.2964h2.2964v-2.2964zm3.1469 0v0.76565h0.76507v-0.76565zm1.7005 0v2.2964h2.2964v-2.2964zm-4.0817 0.76565h0.76507v0.76507h-0.76507zm4.8474 0h0.76507v0.76507h-0.76507zm-2.4661 0.82902v0.76507h0.76507v-0.76507zm-3.1469 1.5947v0.76507h0.76565v-0.76507zm1.5307 0v0.76507h0.76565v-0.76507zm1.6162 0v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-3.2312 1.5947v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-6.3781 0.063368v2.2964h2.2964v-2.2964zm0.76565 0.76565h0.76507v0.76507h-0.76507zm2.3813 0.76507v0.76565h0.76507v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565z\" stroke-width=\".51027\"/>\n    </svg>",
+        media: `<svg style="width:60px;" viewBox="0 0 12.7 9.525">
+      <path fill="currentColor" d="m2.7781 1.1906v2.2964h2.2964v-2.2964zm3.1469 0v0.76565h0.76507v-0.76565zm1.7005 0v2.2964h2.2964v-2.2964zm-4.0817 0.76565h0.76507v0.76507h-0.76507zm4.8474 0h0.76507v0.76507h-0.76507zm-2.4661 0.82902v0.76507h0.76507v-0.76507zm-3.1469 1.5947v0.76507h0.76565v-0.76507zm1.5307 0v0.76507h0.76565v-0.76507zm1.6162 0v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-3.2312 1.5947v0.76507h0.76507v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm1.6156 0v0.76507h0.76565v-0.76507zm-6.3781 0.063368v2.2964h2.2964v-2.2964zm0.76565 0.76565h0.76507v0.76507h-0.76507zm2.3813 0.76507v0.76565h0.76507v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565zm1.6156 0v0.76565h0.76565v-0.76565z" stroke-width=".51027"/>
+    </svg>`,
         content: {
             type: "image",
             editable: false,
@@ -21831,27 +21824,33 @@ var __assign = (undefined && undefined.__assign) || function () {
             },
         },
     });
-    var btnStyle = "display: block; padding: 10px 30px; margin: 10px auto; text-decoration: none; border: none; color: #fff; text-align: center; background-color: #4b75cd; border-radius: 0.25rem 0.25rem 0.25em 0.25rem;";
+    var btnStyle = `display: block; padding: 10px 30px; margin: 10px auto; text-decoration: none; border: none; color: #fff; text-align: center; background-color: #4b75cd; border-radius: 0.25rem 0.25rem 0.25em 0.25rem;`;
     Blocks.add("applyButton", {
         label: opts.t9n.buttonApplyBlkLabel,
         category: opts.t9n.categoryLabel,
-        content: "<a data-gjs-type=\"link\" href=\"$$$ApplyLink$$$\" target=\"_blank\" role=\"button\" style=\"" +
+        content: `<a data-gjs-type="link" href="$$$ApplyLink$$$" target="_blank" role="button" style="` +
             btnStyle +
-            "\">".concat(opts.t9n.buttonApplyBlkText, "</a>"),
-        media: "<svg style=\"width:54px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path fill=\"currentColor\" d=\"m0.87695 1.1856c-0.46379 0-0.87695 0.3355-0.87695 0.7891v3.2851c0 0.4536 0.41316 0.7891 0.87695 0.7891h5.3676v1.7446c0 0.12334 0.099882 0.22273 0.22221 0.22273 0.063691 0 0.12549-0.027437 0.16795-0.075964l0.83509-0.9555 0.58704 1.1762c0.079866 0.15973 0.27435 0.22404 0.43408 0.14418 0.15973-0.079866 0.22404-0.27383 0.14418-0.43357l-0.57309-1.1493h1.1942c0.12334 0 0.22324-0.10042 0.22324-0.22376 0-0.063691-0.027421-0.12394-0.074931-0.1664l-0.31884-0.28319h2.7363c0.46379 0 0.87695-0.3355 0.87695-0.7891v-3.2851c0-0.4536-0.41316-0.7891-0.87695-0.7891zm0 0.48214h10.945c0.2413 0 0.39688 0.15381 0.39688 0.30696v3.2851c0 0.15315-0.15557 0.30644-0.39688 0.30644h-3.2789l-1.9084-1.696c-0.043471-0.038418-0.09792-0.059945-0.15555-0.059945-0.1294 0-0.23461 0.10521-0.23461 0.23461v1.5214h-5.3676c-0.2413 0-0.39429-0.15329-0.39429-0.30644v-3.2851c0-0.15315 0.15299-0.30696 0.39429-0.30696z\"/>\n        </svg>",
+            `">${opts.t9n.buttonApplyBlkText}</a>`,
+        media: `<svg style="width:54px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+          <path fill="currentColor" d="m0.87695 1.1856c-0.46379 0-0.87695 0.3355-0.87695 0.7891v3.2851c0 0.4536 0.41316 0.7891 0.87695 0.7891h5.3676v1.7446c0 0.12334 0.099882 0.22273 0.22221 0.22273 0.063691 0 0.12549-0.027437 0.16795-0.075964l0.83509-0.9555 0.58704 1.1762c0.079866 0.15973 0.27435 0.22404 0.43408 0.14418 0.15973-0.079866 0.22404-0.27383 0.14418-0.43357l-0.57309-1.1493h1.1942c0.12334 0 0.22324-0.10042 0.22324-0.22376 0-0.063691-0.027421-0.12394-0.074931-0.1664l-0.31884-0.28319h2.7363c0.46379 0 0.87695-0.3355 0.87695-0.7891v-3.2851c0-0.4536-0.41316-0.7891-0.87695-0.7891zm0 0.48214h10.945c0.2413 0 0.39688 0.15381 0.39688 0.30696v3.2851c0 0.15315-0.15557 0.30644-0.39688 0.30644h-3.2789l-1.9084-1.696c-0.043471-0.038418-0.09792-0.059945-0.15555-0.059945-0.1294 0-0.23461 0.10521-0.23461 0.23461v1.5214h-5.3676c-0.2413 0-0.39429-0.15329-0.39429-0.30644v-3.2851c0-0.15315 0.15299-0.30696 0.39429-0.30696z"/>
+        </svg>`,
     });
     Blocks.add("button", {
         label: opts.t9n.buttonBlkLabel,
         category: opts.t9n.categoryLabel,
-        content: "<a data-gjs-type=\"link\" role=\"button\" style=\"" +
+        content: `<a data-gjs-type="link" role="button" style="` +
             btnStyle +
-            "\">Button</a>",
-        media: "<svg style=\"width:54px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path fill=\"currentColor\" d=\"m0.87695 1.1856c-0.46379 0-0.87695 0.3355-0.87695 0.7891v3.2851c0 0.4536 0.41316 0.7891 0.87695 0.7891h5.3676v1.7446c0 0.12334 0.099882 0.22273 0.22221 0.22273 0.063691 0 0.12549-0.027437 0.16795-0.075964l0.83509-0.9555 0.58704 1.1762c0.079866 0.15973 0.27435 0.22404 0.43408 0.14418 0.15973-0.079866 0.22404-0.27383 0.14418-0.43357l-0.57309-1.1493h1.1942c0.12334 0 0.22324-0.10042 0.22324-0.22376 0-0.063691-0.027421-0.12394-0.074931-0.1664l-0.31884-0.28319h2.7363c0.46379 0 0.87695-0.3355 0.87695-0.7891v-3.2851c0-0.4536-0.41316-0.7891-0.87695-0.7891zm0 0.48214h10.945c0.2413 0 0.39688 0.15381 0.39688 0.30696v3.2851c0 0.15315-0.15557 0.30644-0.39688 0.30644h-3.2789l-1.9084-1.696c-0.043471-0.038418-0.09792-0.059945-0.15555-0.059945-0.1294 0-0.23461 0.10521-0.23461 0.23461v1.5214h-5.3676c-0.2413 0-0.39429-0.15329-0.39429-0.30644v-3.2851c0-0.15315 0.15299-0.30696 0.39429-0.30696z\"/>\n        </svg>",
+            `">Button</a>`,
+        media: `<svg style="width:54px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+          <path fill="currentColor" d="m0.87695 1.1856c-0.46379 0-0.87695 0.3355-0.87695 0.7891v3.2851c0 0.4536 0.41316 0.7891 0.87695 0.7891h5.3676v1.7446c0 0.12334 0.099882 0.22273 0.22221 0.22273 0.063691 0 0.12549-0.027437 0.16795-0.075964l0.83509-0.9555 0.58704 1.1762c0.079866 0.15973 0.27435 0.22404 0.43408 0.14418 0.15973-0.079866 0.22404-0.27383 0.14418-0.43357l-0.57309-1.1493h1.1942c0.12334 0 0.22324-0.10042 0.22324-0.22376 0-0.063691-0.027421-0.12394-0.074931-0.1664l-0.31884-0.28319h2.7363c0.46379 0 0.87695-0.3355 0.87695-0.7891v-3.2851c0-0.4536-0.41316-0.7891-0.87695-0.7891zm0 0.48214h10.945c0.2413 0 0.39688 0.15381 0.39688 0.30696v3.2851c0 0.15315-0.15557 0.30644-0.39688 0.30644h-3.2789l-1.9084-1.696c-0.043471-0.038418-0.09792-0.059945-0.15555-0.059945-0.1294 0-0.23461 0.10521-0.23461 0.23461v1.5214h-5.3676c-0.2413 0-0.39429-0.15329-0.39429-0.30644v-3.2851c0-0.15315 0.15299-0.30696 0.39429-0.30696z"/>
+        </svg>`,
     });
     Blocks.add("header", {
         label: opts.t9n.headerBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px;\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m8.4664 2.3913 0.3777 1.3753-0.31258 0.082201c-0.14652-0.27506-0.2963-0.55011-0.46886-0.68922-0.17257-0.13595-0.37444-0.13595-0.57306-0.13595h-0.814v3.3196c0 0.15808 0 0.31616 0.10745 0.3952 0.1107 0.079039 0.3256 0.079039 0.54375 0.079039v0.31616h-1.9536v-0.31616c0.21815 0 0.43305 0 0.54375-0.07904 0.10745-0.079039 0.10745-0.23712 0.10745-0.3952v-3.3196h-0.814c-0.19862 0-0.40049 0-0.57306 0.13595-0.17257 0.13911-0.32234 0.41417-0.46886 0.68922l-0.31258-0.082201 0.3777-1.3753z\" stroke-width=\".32084\"/>\n    </svg>",
+        media: `<svg style="width:60px;" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m8.4664 2.3913 0.3777 1.3753-0.31258 0.082201c-0.14652-0.27506-0.2963-0.55011-0.46886-0.68922-0.17257-0.13595-0.37444-0.13595-0.57306-0.13595h-0.814v3.3196c0 0.15808 0 0.31616 0.10745 0.3952 0.1107 0.079039 0.3256 0.079039 0.54375 0.079039v0.31616h-1.9536v-0.31616c0.21815 0 0.43305 0 0.54375-0.07904 0.10745-0.079039 0.10745-0.23712 0.10745-0.3952v-3.3196h-0.814c-0.19862 0-0.40049 0-0.57306 0.13595-0.17257 0.13911-0.32234 0.41417-0.46886 0.68922l-0.31258-0.082201 0.3777-1.3753z" stroke-width=".32084"/>
+    </svg>`,
         content: {
             type: "header",
             content: "Title",
@@ -21860,7 +21859,9 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("text", {
         label: opts.t9n.textBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px;\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m1.8299 1.9461v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0211v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135z\"/>\n    </svg>",
+        media: `<svg style="width:60px;" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m1.8299 1.9461v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0211v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135z"/>
+    </svg>`,
         content: {
             type: "text",
             content: "Text",
@@ -21869,7 +21870,9 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("text2", {
         label: opts.t9n.textBlkLabelWithSpace,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px;\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m1.8299 1.9461v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0211v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135z\"/>\n    </svg>",
+        media: `<svg style="width:60px;" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m1.8299 1.9461v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0211v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135z"/>
+    </svg>`,
         content: {
             type: "text",
             content: "Text",
@@ -21879,7 +21882,9 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("titleAndText", {
         label: opts.t9n.titleAndTextBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m1.8299 1.9461v1.0583h8.1695v-1.0583h-8.1695zm0 2.0412v0.52917h9.0403v-0.52917h-9.0403zm0 1.0211v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135z\" stroke-width=\".3322\"/>\n        </svg>",
+        media: `<svg style="width:60px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m1.8299 1.9461v1.0583h8.1695v-1.0583h-8.1695zm0 2.0412v0.52917h9.0403v-0.52917h-9.0403zm0 1.0211v0.52917h7.2135v-0.52917h-7.2135zm0 1.0206v0.52917h9.0403v-0.52917h-9.0403zm0 1.0206v0.52917h7.2135v-0.52917h-7.2135z" stroke-width=".3322"/>
+        </svg>`,
         content: [
             {
                 tagname: "div",
@@ -21897,13 +21902,17 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("ulist", {
         label: opts.t9n.ulistBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m2.3859 2.1921a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135zm-1.2707 1.7766a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135zm-1.2707 1.7766a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135z\"/>\n      </svg>",
+        media: `<svg style="width:60px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m2.3859 2.1921a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135zm-1.2707 1.7766a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135zm-1.2707 1.7766a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135z"/>
+      </svg>`,
         content: { type: "ulist" },
     });
     Blocks.add("titleAndList", {
         label: opts.t9n.titleAndListBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m1.8299 2.1854v1.0583h8.1623v-1.0583h-8.1623zm0.55604 2.0479a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135zm-1.2707 1.7766a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135z\"/>\n      </svg>",
+        media: `<svg style="width:60px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m1.8299 2.1854v1.0583h8.1623v-1.0583h-8.1623zm0.55604 2.0479a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135zm-1.2707 1.7766a0.52917 0.52917 0 0 0-0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917 0.52917 0.52917 0.52917 0 0 0 0.52917-0.52917 0.52917 0.52917 0 0 0-0.52917-0.52917zm1.2707 0.26458v0.52917h7.2135v-0.52917h-7.2135z"/>
+      </svg>`,
         content: [
             {
                 tagname: "div",
@@ -21921,13 +21930,17 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("divider", {
         label: opts.t9n.dividerBlkLabel,
         category: opts.t9n.categoryLabel,
-        content: "<hr style=\"border-top: 1px solid #2b303b;\">",
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m-1.4833e-5 4.5835h12.7v0.35797h-12.7z\"/>\n      </svg>",
+        content: `<hr style="border-top: 1px solid #2b303b;">`,
+        media: `<svg style="width:60px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m-1.4833e-5 4.5835h12.7v0.35797h-12.7z"/>
+      </svg>`,
     });
     Blocks.add("icon", {
         label: opts.t9n.iconBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 12.7 9.525\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill=\"currentColor\" d=\"m6.1759 1.5875c-0.067716 0-0.13494 0.025902-0.18655 0.077515l-1.9275 1.9265-0.87023-0.8692c-0.10323-0.10323-0.27091-0.10323-0.37414 0-0.10323 0.10323-0.10323 0.27091 0 0.37414l1.0568 1.0568c0.10323 0.10323 0.27091 0.10323 0.37414 0l2.1141-2.1136c0.10322-0.10323 0.10322-0.27143 0-0.37465h0.0010336c-0.051608-0.051613-0.11987-0.077515-0.18759-0.077515zm2.3988 0a1.3854 1.3854 0 0 0-1.3854 1.3854 1.3854 1.3854 0 0 0 1.3854 1.386 1.3854 1.3854 0 0 0 1.3854-1.386 1.3854 1.3854 0 0 0-1.3854-1.3854zm0 0.49661a0.889 0.889 0 0 1 0.88935 0.88883 0.889 0.889 0 0 1-0.88935 0.88935 0.889 0.889 0 0 1-0.88883-0.88935 0.889 0.889 0 0 1 0.88883-0.88883zm-0.096118 2.8897c-0.063262 0-0.12645 0.024129-0.17467 0.072347-0.096436 0.096436-0.096436 0.2529 0 0.34933l0.8139 0.81339h-2.3668c-0.13655 0-0.24701 0.10994-0.24701 0.2465 0 0.13655 0.11046 0.24701 0.24701 0.24701h2.3657l-0.81235 0.81339c-0.096436 0.096436-0.096436 0.2529 0 0.34933 0.096436 0.096436 0.25341 0.096436 0.34985 0l1.234-1.2346-5.167e-4 -5.167e-4c0.096436-0.096436 0.096436-0.2529 0-0.34933l-1.2346-1.2346c-0.048218-0.048218-0.1114-0.072347-0.17467-0.072347zm-4.2344 0.045475c-0.0701 0-0.13304 0.039629-0.16381 0.10232l-0.3669 0.75396-0.81804 0.12092c-0.068389 0.010262-0.12567 0.057966-0.14676 0.12351-0.021088 0.06554-0.0040554 0.13811 0.044958 0.18655l0.59428 0.58756-0.14056 0.83044c-0.011402 0.068389 0.017477 0.13782 0.073897 0.17828 0.056422 0.040464 0.13069 0.045922 0.19224 0.013436l0.73122-0.39067 0.73122 0.39067c0.061552 0.032485 0.13633 0.027597 0.19275-0.013436 0.056423-0.041034 0.08478-0.10989 0.07338-0.17828l-0.14056-0.83044 0.59376-0.58756c0.049012-0.048444 0.066616-0.12101 0.044958-0.18655-0.021657-0.06554-0.077856-0.11325-0.14624-0.12351l-0.81907-0.12092-0.36639-0.75396c-0.030206-0.06269-0.094231-0.10232-0.16433-0.10232z\" stroke-width=\".34931\"/>\n      </svg>",
+        media: `<svg style="width:60px" viewBox="0 0 12.7 9.525" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor" d="m6.1759 1.5875c-0.067716 0-0.13494 0.025902-0.18655 0.077515l-1.9275 1.9265-0.87023-0.8692c-0.10323-0.10323-0.27091-0.10323-0.37414 0-0.10323 0.10323-0.10323 0.27091 0 0.37414l1.0568 1.0568c0.10323 0.10323 0.27091 0.10323 0.37414 0l2.1141-2.1136c0.10322-0.10323 0.10322-0.27143 0-0.37465h0.0010336c-0.051608-0.051613-0.11987-0.077515-0.18759-0.077515zm2.3988 0a1.3854 1.3854 0 0 0-1.3854 1.3854 1.3854 1.3854 0 0 0 1.3854 1.386 1.3854 1.3854 0 0 0 1.3854-1.386 1.3854 1.3854 0 0 0-1.3854-1.3854zm0 0.49661a0.889 0.889 0 0 1 0.88935 0.88883 0.889 0.889 0 0 1-0.88935 0.88935 0.889 0.889 0 0 1-0.88883-0.88935 0.889 0.889 0 0 1 0.88883-0.88883zm-0.096118 2.8897c-0.063262 0-0.12645 0.024129-0.17467 0.072347-0.096436 0.096436-0.096436 0.2529 0 0.34933l0.8139 0.81339h-2.3668c-0.13655 0-0.24701 0.10994-0.24701 0.2465 0 0.13655 0.11046 0.24701 0.24701 0.24701h2.3657l-0.81235 0.81339c-0.096436 0.096436-0.096436 0.2529 0 0.34933 0.096436 0.096436 0.25341 0.096436 0.34985 0l1.234-1.2346-5.167e-4 -5.167e-4c0.096436-0.096436 0.096436-0.2529 0-0.34933l-1.2346-1.2346c-0.048218-0.048218-0.1114-0.072347-0.17467-0.072347zm-4.2344 0.045475c-0.0701 0-0.13304 0.039629-0.16381 0.10232l-0.3669 0.75396-0.81804 0.12092c-0.068389 0.010262-0.12567 0.057966-0.14676 0.12351-0.021088 0.06554-0.0040554 0.13811 0.044958 0.18655l0.59428 0.58756-0.14056 0.83044c-0.011402 0.068389 0.017477 0.13782 0.073897 0.17828 0.056422 0.040464 0.13069 0.045922 0.19224 0.013436l0.73122-0.39067 0.73122 0.39067c0.061552 0.032485 0.13633 0.027597 0.19275-0.013436 0.056423-0.041034 0.08478-0.10989 0.07338-0.17828l-0.14056-0.83044 0.59376-0.58756c0.049012-0.048444 0.066616-0.12101 0.044958-0.18655-0.021657-0.06554-0.077856-0.11325-0.14624-0.12351l-0.81907-0.12092-0.36639-0.75396c-0.030206-0.06269-0.094231-0.10232-0.16433-0.10232z" stroke-width=".34931"/>
+      </svg>`,
         content: { type: "icon" },
     });
     Blocks.add("image", {
@@ -21955,7 +21968,9 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("box", {
         label: opts.t9n.boxBlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 24 24\">\n        <path fill=\"currentColor\" d=\"M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z\"></path>\n      </svg>",
+        media: `<svg style="width:60px" viewBox="0 0 24 24">
+        <path fill="currentColor" d="M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z"></path>
+      </svg>`,
         content: {
             style: {
                 padding: "20px",
@@ -21965,25 +21980,43 @@ var __assign = (undefined && undefined.__assign) || function () {
     Blocks.add("sect55", {
         label: opts.t9n.sect55BlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 23 24\">\n        <path fill=\"currentColor\" d=\"M2 20h8V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM13 20h8V4h-8v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1Z\"></path>\n      </svg>",
-        content: "<div style=\"display:flex; flex-wrap: wrap; padding: 0.2rem 0\">\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 280px; padding:20px;\"></div>\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 280px; padding:20px;\"></div>\n     </div>",
+        media: `<svg style="width:60px" viewBox="0 0 23 24">
+        <path fill="currentColor" d="M2 20h8V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM13 20h8V4h-8v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1Z"></path>
+      </svg>`,
+        content: `<div style="display:flex; flex-wrap: wrap; padding: 0.2rem 0">
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 280px; padding:20px;"></div>
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 280px; padding:20px;"></div>
+     </div>`,
     });
     Blocks.add("sect37", {
         label: opts.t9n.sect37BlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 24 24\">\n        <path fill=\"currentColor\" d=\"M2 20h5V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM10 20h12V4H10v16Zm-1 0V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1Z\"></path>\n      </svg>",
-        content: "<div style=\"display:flex; flex-wrap: wrap; padding: 0.2rem 0\">\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 38.2%; min-width:200px; padding:20px;\"></div>\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 61.8%; padding:20px;\"></div>\n     </div>",
+        media: `<svg style="width:60px" viewBox="0 0 24 24">
+        <path fill="currentColor" d="M2 20h5V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM10 20h12V4H10v16Zm-1 0V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1Z"></path>
+      </svg>`,
+        content: `<div style="display:flex; flex-wrap: wrap; padding: 0.2rem 0">
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 38.2%; min-width:200px; padding:20px;"></div>
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 61.8%; padding:20px;"></div>
+     </div>`,
     });
     Blocks.add("sect333", {
         label: opts.t9n.sect333BlkLabel,
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 23 24\">\n        <path fill=\"currentColor\" d=\"M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z\"></path>\n      </svg>",
-        content: "<div style=\"display:flex; flex-wrap: wrap; padding: 0.2rem 0\">\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 200px; padding:20px;\"></div>\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 200px; padding:20px;\"></div>\n        <div style=\"flex-grow: 1; flex-shrink: 1; flex-basis: 200px; padding:20px;\"></div>\n     </div>",
+        media: `<svg style="width:60px" viewBox="0 0 23 24">
+        <path fill="currentColor" d="M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z"></path>
+      </svg>`,
+        content: `<div style="display:flex; flex-wrap: wrap; padding: 0.2rem 0">
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 200px; padding:20px;"></div>
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 200px; padding:20px;"></div>
+        <div style="flex-grow: 1; flex-shrink: 1; flex-basis: 200px; padding:20px;"></div>
+     </div>`,
     });
     Blocks.add("box", {
         label: "Box",
         category: opts.t9n.categoryLabel,
-        media: "<svg style=\"width:60px\" viewBox=\"0 0 24 24\">\n        <path fill=\"currentColor\" d=\"M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z\"></path>\n      </svg>",
+        media: `<svg style="width:60px" viewBox="0 0 24 24">
+        <path fill="currentColor" d="M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z"></path>
+      </svg>`,
         content: {
             style: {
                 padding: "20px 20px 20px 20px",
@@ -22048,7 +22081,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://facebook.com/",
                 target: "_blank",
             },
-            components: "<div style=\"display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i aria-hidden=\"true\" class=\"fa-brands fa-square-facebook\"></i>\n                  </div>",
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i aria-hidden="true" class="fa-brands fa-square-facebook"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-facebook" },
     });
@@ -22066,7 +22101,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://instagram.com/",
                 target: "_blank",
             },
-            components: "<div style=\"display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i aria-hidden=\"true\" class=\"fab fa-instagram-square\"></i>\n                  </div>",
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i aria-hidden="true" class="fab fa-instagram-square"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-instagram" },
     });
@@ -22084,7 +22121,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://www.youtube.com/",
                 target: "_blank",
             },
-            components: "<div style=\"display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                     <i class=\"fa-brands fa-square-youtube\"></i>\n                  </div>",
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                     <i class="fa-brands fa-square-youtube"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-youtube" },
     });
@@ -22102,7 +22141,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://linkedin.com/",
                 target: "_blank",
             },
-            components: "<div style=\"display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i aria-hidden=\"true\" class=\"fab fa-linkedin\"></i>\n                  </div>",
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i aria-hidden="true" class="fab fa-linkedin"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-linkedin" },
     });
@@ -22120,7 +22161,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://xing.com/",
                 target: "_blank",
             },
-            components: "<div style=\"display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i aria-hidden=\"true\" class=\"fa-brands fa-square-xing\"></i>\n                  </div>",
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i aria-hidden="true" class="fa-brands fa-square-xing"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-xing" },
     });
@@ -22138,10 +22181,32 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://twitter.com/",
                 target: "_blank",
             },
-            components: "<div style=\"display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i class=\"fa-brands fa-square-x-twitter\"></i>\n                  </div>",
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i class="fa-brands fa-square-x-twitter"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-x-twitter" },
     });
+    Blocks.add("tiktok", {
+        label: opts.t9n.tiktokBlkLabelSite,
+        category: opts.t9n.smSitesCategoryLabel,
+        content: {
+            type: "link",
+            style: {
+                display: "inline-block",
+                margin: "3px",
+                "text-decoration": "none",
+            },
+            attributes: {
+                href: "https://www.tiktok.com/",
+                target: "_blank",
+            },
+            components: `<div style="display:flex; justify-content: center; align-items: center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i class="fa-brands fa-tiktok"></i>
+                  </div>`,
+        },
+        attributes: { class: "fa-brands fa-tiktok" },
+    });
     // Social Media Share blocks
     Blocks.add("facebookShare", {
         label: opts.t9n.facebookBlkLabelShare,
@@ -22158,7 +22223,10 @@ var __assign = (undefined && undefined.__assign) || function () {
                 target: "_blank",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;\">\n                    <i class=\"fa-solid fa-share\"></i>\n                    <i class=\"fa-brands fa-facebook-f\"></i>\n                  </div>",
+            components: `<div style="border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;">
+                    <i class="fa-solid fa-share"></i>
+                    <i class="fa-brands fa-facebook-f"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-facebook" },
     });
@@ -22177,7 +22245,10 @@ var __assign = (undefined && undefined.__assign) || function () {
                 target: "_blank",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;\">\n                    <i class=\"fa-solid fa-share\"></i>\n                    <i class=\"fa-brands fa-linkedin-in\"></i>\n                  </div>",
+            components: `<div style="border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;">
+                    <i class="fa-solid fa-share"></i>
+                    <i class="fa-brands fa-linkedin-in"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-linkedin" },
     });
@@ -22196,7 +22267,10 @@ var __assign = (undefined && undefined.__assign) || function () {
                 target: "_blank",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;\">\n                    <i class=\"fa-solid fa-share\"></i>\n                    <i class=\"fa-brands fa-xing\"></i>\n                  </div>",
+            components: `<div style="border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;">
+                    <i class="fa-solid fa-share"></i>
+                    <i class="fa-brands fa-xing"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-xing" },
     });
@@ -22215,7 +22289,10 @@ var __assign = (undefined && undefined.__assign) || function () {
                 target: "_blank",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;\">\n                    <i class=\"fa-solid fa-share\"></i>\n                    <i class=\"fa-brands fa-x-twitter\"></i>\n                  </div>",
+            components: `<div style="border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;">
+                    <i class="fa-solid fa-share"></i>
+                    <i class="fa-brands fa-x-twitter"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-x-twitter" },
     });
@@ -22234,7 +22311,10 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "https://wa.me/?text=$$$ViewLink$$$",
                 target: "_blank",
             },
-            components: "<div style=\"border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;\">\n                    <i class=\"fa-solid fa-share\"></i>\n                    <i class=\"fa-brands fa-whatsapp\"></i>\n                  </div>",
+            components: `<div style="border: 2px solid #293133; border-radius: 3px; display:flex; justify-content: space-around; align-items: center; text-align:center; width:60px; height:28px; font-size:21px; color:#293133;">
+                    <i class="fa-solid fa-share"></i>
+                    <i class="fa-brands fa-whatsapp"></i>
+                  </div>`,
         },
         attributes: { class: "fa-brands fa-square-whatsapp" },
     });
@@ -22254,7 +22334,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 target: "_blank",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"display:inline-block; text-align:center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i class=\"fa-solid fa-envelope\"></i>\n                  </div>",
+            components: `<div style="display:inline-block; text-align:center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i class="fa-solid fa-envelope"></i>
+                  </div>`,
         },
         attributes: { class: "fa-solid fa-square-envelope" },
     });
@@ -22272,7 +22354,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "sms:?body=Sieh%20dir%20dieses%20Inserat%20an%20$$$ViewLink$$$",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"display:inline-block; text-align:center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i class=\"fa-solid fa-comment-sms\"></i>\n                  </div>",
+            components: `<div style="display:inline-block; text-align:center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i class="fa-solid fa-comment-sms"></i>
+                  </div>`,
         },
         attributes: { class: "fa-solid fa-comment-sms" },
     });
@@ -22290,7 +22374,9 @@ var __assign = (undefined && undefined.__assign) || function () {
                 href: "javascript:if(window.print)window.print()",
                 "data-ost-simple-hide": "1",
             },
-            components: "<div style=\"display:inline-block; text-align:center; width:28px; height:28px; font-size:28px; color:#293133;\">\n                    <i class=\"fa-solid fa-print\"></i>\n                  </div>",
+            components: `<div style="display:inline-block; text-align:center; width:28px; height:28px; font-size:28px; color:#293133;">
+                    <i class="fa-solid fa-print"></i>
+                  </div>`,
         },
         attributes: { class: "fa-solid fa-print" },
     });
@@ -22322,67 +22408,186 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) { return __awaiter(void 0, void 0, void 0, function () {
-    var Commands;
-    return __generator(this, function (_a) {
-        Commands = editor.Commands;
-        (0,_openImportCommand__WEBPACK_IMPORTED_MODULE_2__["default"])(editor, opts);
-        (0,_openExportCommand__WEBPACK_IMPORTED_MODULE_1__["default"])(editor, opts);
-        Commands.add(_consts__WEBPACK_IMPORTED_MODULE_0__.cmdDeviceDesktop, {
-            run: function (ed) { return ed.setDevice("Desktop"); },
-            stop: function () { },
-        });
-        Commands.add(_consts__WEBPACK_IMPORTED_MODULE_0__.cmdDeviceTablet, {
-            run: function (ed) { return ed.setDevice("Tablet"); },
-            stop: function () { },
-        });
-        Commands.add(_consts__WEBPACK_IMPORTED_MODULE_0__.cmdDeviceMobile, {
-            run: function (ed) { return ed.setDevice("Mobile portrait"); },
-            stop: function () { },
-        });
-        Commands.add("ost-blocks-visibility", {
-            run: function (editor) {
-                var cList = editor.Canvas.getBody().classList;
-                cList.add("show-ost-blocks");
-            },
-            stop: function (editor) {
-                var cList = editor.Canvas.getBody().classList;
-                cList.remove("show-ost-blocks");
-            },
-        });
-        return [2 /*return*/];
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => __awaiter(void 0, void 0, void 0, function* () {
+    const { Commands } = editor;
+    (0,_openImportCommand__WEBPACK_IMPORTED_MODULE_2__["default"])(editor, opts);
+    (0,_openExportCommand__WEBPACK_IMPORTED_MODULE_1__["default"])(editor, opts);
+    Commands.add(_consts__WEBPACK_IMPORTED_MODULE_0__.cmdDeviceDesktop, {
+        run: (ed) => ed.setDevice("Desktop"),
+        stop: () => {
+        },
     });
-}); });
+    Commands.add(_consts__WEBPACK_IMPORTED_MODULE_0__.cmdDeviceTablet, {
+        run: (ed) => ed.setDevice("Tablet"),
+        stop: () => {
+        },
+    });
+    Commands.add(_consts__WEBPACK_IMPORTED_MODULE_0__.cmdDeviceMobile, {
+        run: (ed) => ed.setDevice("Mobile portrait"),
+        stop: () => {
+        },
+    });
+    Commands.add("ost-blocks-visibility", {
+        run(editor) {
+            const cList = editor.Canvas.getBody().classList;
+            cList.add("show-ost-blocks");
+        },
+        stop(editor) {
+            const cList = editor.Canvas.getBody().classList;
+            cList.remove("show-ost-blocks");
+        },
+    });
+    // Helper function to check if a line is a bullet point
+    function isBulletPoint(line) {
+        const trimmedLine = line.trim();
+        return _consts__WEBPACK_IMPORTED_MODULE_0__.BULLET_PATTERNS.some(pattern => pattern.test(trimmedLine));
+    }
+    // Helper function to remove bullet point markers
+    function removeBulletPoint(line) {
+        let trimmedLine = line.trim();
+        for (const pattern of _consts__WEBPACK_IMPORTED_MODULE_0__.BULLET_PATTERNS) {
+            trimmedLine = trimmedLine.replace(pattern, '');
+        }
+        return trimmedLine.trim() || 'Text';
+    }
+    // Helper function to clean individual item content
+    function cleanItemContent(content) {
+        content = content.replace(/<br\s*\/?>/gi, ' ');
+        content = content.replace(/<[^>]+>/g, '');
+        const entityMap = {
+            '&amp;': '&',
+            '&lt;': '<',
+            '&gt;': '>',
+            '&quot;': '"',
+            '&apos;': "'",
+            '&nbsp;': ' ',
+            '&#8226;': '•',
+            '&#8227;': '‣',
+            '&#8259;': '⁃',
+            '&bull;': '•',
+            '&middot;': '·'
+        };
+        for (const [entity, char] of Object.entries(entityMap)) {
+            content = content.replace(new RegExp(entity, 'g'), char);
+        }
+        content = content.replace(/\s+/g, ' ').trim();
+        if (!content || /^[•·▪▫‣⁃◦‧⦿⦾\-*+.()]+$/.test(content)) {
+            content = 'Text';
+        }
+        return content;
+    }
+    // Helper function to clean Word content and convert to list items
+    function cleanWordContentToListItems(content) {
+        content = content.replace(/<!--[\s\S]*?-->/g, '');
+        content = content.replace(/<o:p\s*\/?>|<\/o:p>/gi, '');
+        content = content.replace(/<w:[\s\S]*?>/gi, '');
+        content = content.replace(/\s*mso-[^:]+:[^;"]*;?/gi, '');
+        content = content.replace(/\s*class="[^"]*Mso[^"]*"/gi, '');
+        content = content.replace(/<span[^>]*>\s*<\/span>/gi, '');
+        content = content.replace(/<p[^>]*>/gi, '\n').replace(/<\/p>/gi, '');
+        content = content.replace(/[ \t]+/g, ' ');
+        content = content.replace(/\n\s+/g, '\n');
+        content = content.trim();
+        let items = [];
+        if (content.includes('<li>') || content.includes('<LI>')) {
+            const liMatches = content.match(/<li[^>]*>(.*?)<\/li>/gi);
+            if (liMatches) {
+                items = liMatches.map(li => {
+                    const itemContent = li.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+                    return cleanItemContent(itemContent);
+                });
+            }
+        }
+        else {
+            const lines = content.split(/\r?\n/).map(line => line.trim()).filter(line => line.length > 0);
+            for (const line of lines) {
+                if (isBulletPoint(line)) {
+                    const itemContent = removeBulletPoint(line);
+                    const cleaned = cleanItemContent(itemContent);
+                    if (cleaned.trim().length > 0) {
+                        items.push(cleaned);
+                    }
+                }
+                else if (line.trim().length > 0) {
+                    const cleaned = cleanItemContent(line);
+                    if (cleaned.trim().length > 0) {
+                        items.push(cleaned);
+                    }
+                }
+            }
+        }
+        items = items.filter(item => item.trim().length > 0);
+        if (items.length === 0) {
+            items = ['Text'];
+        }
+        return items;
+    }
+    // Add Word paste command
+    Commands.add("paste-from-word", {
+        run(editor) {
+            var _a;
+            const selected = editor.getSelected();
+            if (!selected)
+                return;
+            if (((_a = selected.getEl()) === null || _a === void 0 ? void 0 : _a.tagName) !== "UL") {
+                console.warn("Paste from Word is only available for UL elements");
+                return;
+            }
+            const modal = editor.Modal;
+            const modalContent = `
+                <div>
+                    <p id="paste-from-word-text">${opts.t9n.labelPasteFromWordText}</p>
+                    <textarea id="paste-from-word-content" placeholder="${opts.t9n.labelPasteFromWordPlaceholder}"></textarea>
+                    <div id="paste-from-word-footer">
+                        <button id="paste-from-word-apply">${opts.t9n.labelPasteFromWordButton}</button>
+                    </div>
+                </div>
+            `;
+            modal.setTitle(opts.t9n.labelPasteFromWord);
+            modal.setContent(modalContent);
+            modal.open();
+            setTimeout(() => {
+                const textarea = document.getElementById('paste-from-word-content');
+                const applyBtn = document.getElementById('paste-from-word-apply');
+                if (textarea) {
+                    textarea.focus();
+                }
+                if (applyBtn) {
+                    applyBtn.addEventListener('click', () => {
+                        if (textarea && selected) {
+                            const content = textarea.value;
+                            const listItems = cleanWordContentToListItems(content);
+                            selected.components().reset();
+                            selected.addAttributes({
+                                'class': 'ulist fa-ul',
+                                'style': 'padding: 0.2rem 0; margin-left: 2em; line-height: 1.4em;'
+                            });
+                            listItems.forEach(itemContent => {
+                                const liHtml = `<li class="ulistitem" style="text-align: left;"><span class="fa-li" style="left: -2em; width: 2em;"><i class="fas fa-circle" style="font-size: 0.4em; line-height: inherit; display: block;"></i></span><p style="margin: 0; padding: 0; text-align: left;">${itemContent}</p></li>`;
+                                selected.append(liHtml);
+                            });
+                            modal.close();
+                            editor.trigger('component:update', selected);
+                        }
+                    });
+                }
+                if (textarea) {
+                    textarea.addEventListener('keydown', (e) => {
+                        if (e.ctrlKey && e.key === 'Enter') {
+                            applyBtn === null || applyBtn === void 0 ? void 0 : applyBtn.click();
+                        }
+                        else if (e.key === 'Escape') {
+                            modal.close();
+                        }
+                    });
+                }
+            }, 100);
+        },
+    });
+}));
 
 
 /***/ }),
@@ -22400,22 +22605,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./consts */ "./src/consts.ts");
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) {
-    var DomComponents = editor.DomComponents;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => {
+    const { DomComponents } = editor;
     // Add ostendis block trait to video components
     var dType = DomComponents.getType("video");
     var dModel = dType === null || dType === void 0 ? void 0 : dType.model;
     var dView = dType === null || dType === void 0 ? void 0 : dType.view;
-    var yt = "yt";
-    var vi = "vi";
-    var ytnc = "ytnc";
+    const yt = "yt";
+    const vi = "vi";
+    const ytnc = "ytnc";
     DomComponents.addType("video", {
         model: dModel.extend({
-            updateTraits: function () {
-                var em = this.em;
-                var prov = this.get("provider");
-                var tagName = "iframe";
-                var traits;
+            updateTraits() {
+                const { em } = this;
+                const prov = this.get("provider");
+                let tagName = "iframe";
+                let traits;
                 switch (prov) {
                     case yt:
                     case ytnc:
@@ -22437,8 +22642,8 @@ __webpack_require__.r(__webpack_exports__);
                         { id: "videoURL", name: opts.t9n.traitOstVideoURL },
                     ],
                 });
-                this.set({ tagName: tagName }, { silent: true }); // avoid break in view
-                this.set({ traits: traits });
+                this.set({ tagName }, { silent: true }); // avoid break in view
+                this.set({ traits });
                 em.get("ready") && em.trigger("component:toggled");
             },
         }),
@@ -22446,7 +22651,7 @@ __webpack_require__.r(__webpack_exports__);
     });
     // Scale the new range
     DomComponents.addType("scale", {
-        isComponent: function (el) {
+        isComponent: (el) => {
             return (el.tagName === "DIV" &&
                 (el.getAttribute("data-scale") === "true" ||
                     el.classList.contains("scale")));
@@ -22496,13 +22701,13 @@ __webpack_require__.r(__webpack_exports__);
                     (0,_consts__WEBPACK_IMPORTED_MODULE_0__.ostTypeHideInSimpleHtmlTrait)(opts),
                 ],
             },
-            init: function () {
+            init() {
                 var _a;
-                var attr = this.getAttributes();
-                var el = (_a = this.view) === null || _a === void 0 ? void 0 : _a.el;
-                var p = parseInt(attr["data-percent"]);
-                var f = attr["data-fcolor"];
-                var b = attr["data-bgcolor"];
+                const attr = this.getAttributes();
+                const el = (_a = this.view) === null || _a === void 0 ? void 0 : _a.el;
+                let p = parseInt(attr["data-percent"]);
+                let f = attr["data-fcolor"];
+                let b = attr["data-bgcolor"];
                 if (isNaN(p))
                     p = 66;
                 if (!f)
@@ -22516,10 +22721,10 @@ __webpack_require__.r(__webpack_exports__);
                 this.on("change:bgcolor", this.updateScale);
                 this.on("change:fcolor", this.updateScale);
             },
-            updateScale: function () {
-                var p = parseInt(this.get("percent"));
-                var f = this.get("fcolor") || "#3b5998";
-                var b = this.get("bgcolor") || "#CCCCCC";
+            updateScale() {
+                let p = parseInt(this.get("percent"));
+                const f = this.get("fcolor") || "#3b5998";
+                const b = this.get("bgcolor") || "#CCCCCC";
                 if (isNaN(p))
                     p = 0;
                 p = Math.max(0, Math.min(100, p));
@@ -22528,17 +22733,17 @@ __webpack_require__.r(__webpack_exports__);
                     "data-percent": p,
                     "data-fcolor": f,
                     "data-bgcolor": b,
-                    "aria-label": "".concat(p, " %"),
+                    "aria-label": `${p} %`,
                 });
                 this.addStyle({
-                    background: "linear-gradient(to right, ".concat(f, " ").concat(p, "%, ").concat(b, " ").concat(p, "%)"),
+                    background: `linear-gradient(to right, ${f} ${p}%, ${b} ${p}%)`,
                 });
             },
         },
     });
     // INPUT
     DomComponents.addType("range", {
-        isComponent: function (el) { return el.tagName == "INPUT"; },
+        isComponent: (el) => el.tagName == "INPUT",
         model: {
             defaults: {
                 tagName: "input",
@@ -22550,14 +22755,14 @@ __webpack_require__.r(__webpack_exports__);
         },
         extendFnView: ["updateAttributes"],
         view: {
-            updateAttributes: function () {
+            updateAttributes() {
                 this.el.setAttribute("autocomplete", "on");
             },
         },
     });
     // Unsorted list item component
     DomComponents.addType("ulistitem", {
-        isComponent: function (el) {
+        isComponent: (el) => {
             if (el.tagName === "LI" && el.classList.contains("ulistitem")) {
                 return { type: "ulistitem" };
             }
@@ -22575,7 +22780,7 @@ __webpack_require__.r(__webpack_exports__);
     });
     // Unsorted list component with fontawesome
     DomComponents.addType("ulist", {
-        isComponent: function (el) {
+        isComponent: (el) => {
             if (el.tagName === "UL" && el.classList.contains("ulist")) {
                 return { type: "ulist" };
             }
@@ -22600,8 +22805,8 @@ __webpack_require__.r(__webpack_exports__);
     });
     // Header component
     DomComponents.addType("header", {
-        isComponent: function (el) {
-            var headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
+        isComponent: (el) => {
+            const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
             if (el.tagName && headings.includes(el.tagName.toLowerCase())) {
                 return { type: "header" };
             }
@@ -22621,7 +22826,7 @@ __webpack_require__.r(__webpack_exports__);
     });
     // Icon component
     DomComponents.addType("icon", {
-        isComponent: function (el) {
+        isComponent: (el) => {
             var classNames = [
                 "fa",
                 "fas",
@@ -22632,7 +22837,7 @@ __webpack_require__.r(__webpack_exports__);
                 "fa-brands",
             ];
             if (el.tagName === "I" &&
-                classNames.some(function (className) { return el.classList.contains(className); })) {
+                classNames.some((className) => el.classList.contains(className))) {
                 return { type: "icon" };
             }
         },
@@ -22733,6 +22938,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BULLET_PATTERNS: () => (/* binding */ BULLET_PATTERNS),
 /* harmony export */   cmdDeviceDesktop: () => (/* binding */ cmdDeviceDesktop),
 /* harmony export */   cmdDeviceMobile: () => (/* binding */ cmdDeviceMobile),
 /* harmony export */   cmdDeviceTablet: () => (/* binding */ cmdDeviceTablet),
@@ -22748,17 +22954,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _ostTranslations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ostTranslations */ "./src/ostTranslations.ts");
 
-var cmdDeviceDesktop = "set-device-desktop";
-var cmdDeviceTablet = "set-device-tablet";
-var cmdDeviceMobile = "set-device-mobile";
-var nameTrait = {
+const cmdDeviceDesktop = "set-device-desktop";
+const cmdDeviceTablet = "set-device-tablet";
+const cmdDeviceMobile = "set-device-mobile";
+const nameTrait = {
     name: "name",
 };
-var valueTrait = {
+const valueTrait = {
     name: "value",
     label: _ostTranslations__WEBPACK_IMPORTED_MODULE_0__.ostTrans.traitBlkValue,
 };
-var uListItemContent = [
+const uListItemContent = [
     {
         tagName: "span",
         attributes: { class: "fa-li" },
@@ -22783,13 +22989,73 @@ var uListItemContent = [
         style: { margin: "0", padding: "0", "text-align": "left" },
     },
 ];
-var ulListItem = {
+const ulListItem = {
     type: "ulistitem",
     tagName: "li",
     attributes: { class: "ulistitem" },
     style: { "text-align": "left" },
     components: uListItemContent,
 };
+// Comprehensive bullet point patterns for detection and removal
+const BULLET_PATTERNS = [
+    // Parenthesized numeric/alphabetic markers: (1), (a), (A)
+    /^\(\d+\)\s+/,
+    /^\([a-zA-Z]\)\s+/,
+    // Hierarchical numbering: 1. / 1) / 1.2. / 2.3.4)
+    /^\d+(?:\.\d+)*[.)]\s+/,
+    // Single alphabetic list markers: a) a. A) A.
+    /^[a-zA-Z][.)]\s+/,
+    // Roman numerals (bounded, followed by . or ) and space)
+    /^[IVXLCDM]{1,12}[.)]\s+/i,
+    // Word style lowercase o bullet (kept broad per request)
+    /^o\s+/i,
+    // Basic ASCII bullets (hyphen, asterisk, plus)
+    /^[-*+]\s+/,
+    // Dashes often used as bullets (en/em)
+    /^[–—]\s+/,
+    // Common Unicode bullets & similar symbols
+    /^[•·▪▫‣⁃◦‧⦿⦾⚬]/u,
+    // Private use (Word/Wingdings)
+    /^[\uF0A7\uF0B6\uF0FC\uF0A8\uF076\uF0D8\uF0E0]/u,
+    // Section sign
+    /^§\s+/u,
+    // Circles and dots
+    /^[○●◘◙]/u,
+    // Squares
+    /^[■□]/u,
+    // Diamonds
+    /^[◆◇⬥❖]/u,
+    // Arrows (incl. guillemets)
+    /^[►➔➢➤→⇒▸▹⏵⮚›»]/u,
+    // Checkmarks
+    /^[✓✗]/u,
+    // Stars and similar asterisks
+    /^[⭐✦✧✱✲✳✴]/u,
+    // Circled numbers ①-⑳
+    /^[\u2460-\u2473]/u,
+    // Circled zero variants
+    /^[⓪⓿]/u,
+    // Circled lowercase letters ⓐ-ⓩ
+    /^[\u24D0-\u24E9]/u,
+    // Circled uppercase letters Ⓐ-Ⓩ
+    /^[\u24B6-\u24CF]/u,
+    // HTML named entities
+    /^&bull;\s+/,
+    /^&middot;\s+/,
+    // HTML decimal entities (selected)
+    /^&#8226;\s+/, // •
+    /^&#8227;\s+/, // ‣
+    /^&#8259;\s+/, // ⁃
+    /^&#8594;\s+/, // →
+    /^&#8658;\s+/, // ⇒
+    /^&#9632;\s+/, // ■
+    /^&#9633;\s+/, // □
+    /^&#9670;\s+/, // ◆
+    /^&#9671;\s+/, // ◇
+    /^&#9675;\s+/, // ○
+    /^&#9679;\s+/, // ●
+    /^&#10148;\s+/, // ➤
+];
 // Define ostendis type trait for text and default components
 function ostTypeTextTrait(opts) {
     return {
@@ -22930,51 +23196,39 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var juice__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! juice */ "./node_modules/juice/client.js");
 /* harmony import */ var juice__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(juice__WEBPACK_IMPORTED_MODULE_0__);
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) {
-    var cmdm = editor.Commands;
-    var pfx = editor.getConfig().stylePrefix;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => {
+    const cmdm = editor.Commands;
+    const pfx = editor.getConfig().stylePrefix;
     cmdm.add(opts.cmdInlineHtml, {
-        run: function (editor, s, opts) {
-            if (opts === void 0) { opts = {}; }
-            var tmpl = editor.getHtml() + "<style>".concat(editor.getCss(), "</style>");
-            return juice__WEBPACK_IMPORTED_MODULE_0___default()(tmpl, __assign(__assign({}, opts.juiceOpts), opts));
+        run(editor, s, opts = {}) {
+            const tmpl = editor.getHtml() + `<style>${editor.getCss()}</style>`;
+            return juice__WEBPACK_IMPORTED_MODULE_0___default()(tmpl, Object.assign(Object.assign({}, opts.juiceOpts), opts));
         },
     });
     cmdm.add(opts.cmdOpenExport, {
         containerEl: null,
         codeEditorHtml: null,
-        createCodeViewer: function () {
+        createCodeViewer() {
             return editor.CodeManager.createViewer({
                 codeName: "htmlmixed",
                 theme: opts.codeViewerTheme,
             });
         },
-        createCodeEditor: function () {
-            var el = document.createElement("div");
-            var codeEditor = this.createCodeViewer();
+        createCodeEditor() {
+            const el = document.createElement("div");
+            const codeEditor = this.createCodeViewer();
             el.style.flex = "1 0 auto";
             el.style.boxSizing = "border-box";
-            el.className = "".concat(pfx, "export-code");
+            el.className = `${pfx}export-code`;
             el.appendChild(codeEditor.getElement());
-            return { codeEditor: codeEditor, el: el };
+            return { codeEditor, el };
         },
-        getCodeContainer: function () {
-            var containerEl = this.containerEl;
+        getCodeContainer() {
+            let containerEl = this.containerEl;
             if (!containerEl) {
                 containerEl = document.createElement("div");
-                containerEl.className = "".concat(pfx, "export-container");
+                containerEl.className = `${pfx}export-container`;
                 containerEl.style.display = "flex";
                 containerEl.style.gap = "5px";
                 containerEl.style.flexDirection = "column";
@@ -22983,17 +23237,17 @@ var __assign = (undefined && undefined.__assign) || function () {
             }
             return containerEl;
         },
-        run: function (editor) {
-            var codeEditorHtml = this.codeEditorHtml;
-            var container = this.getCodeContainer();
+        run(editor) {
+            let { codeEditorHtml } = this;
+            const container = this.getCodeContainer();
             // Init code viewer if not yet instantiated
             if (!codeEditorHtml) {
-                var codeViewer = this.createCodeEditor();
+                const codeViewer = this.createCodeEditor();
                 codeEditorHtml = codeViewer.codeEditor;
                 this.codeEditorHtml = codeEditorHtml;
                 if (opts.t9n.modalLabelExport) {
-                    var labelEl = document.createElement("div");
-                    labelEl.className = "".concat(pfx, "export-label");
+                    let labelEl = document.createElement("div");
+                    labelEl.className = `${pfx}export-label`;
                     labelEl.innerHTML = opts.t9n.modalLabelExport;
                     container.appendChild(labelEl);
                 }
@@ -23004,7 +23258,7 @@ var __assign = (undefined && undefined.__assign) || function () {
                 content: container,
             });
             if (codeEditorHtml) {
-                var tmpl = "".concat(editor.getHtml(), "<style>").concat(editor.getCss(), "</style>");
+                const tmpl = `${editor.getHtml()}<style>${editor.getCss()}</style>`;
                 codeEditorHtml.setContent(opts.inlineCss ? juice__WEBPACK_IMPORTED_MODULE_0___default()(tmpl, opts.juiceOpts) : tmpl);
                 codeEditorHtml.editor.refresh();
             }
@@ -23026,33 +23280,33 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) {
-    var cmdm = editor.Commands;
-    var pfx = editor.getConfig().stylePrefix;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => {
+    const cmdm = editor.Commands;
+    const pfx = editor.getConfig().stylePrefix;
     cmdm.add(opts.cmdOpenImport, {
         containerEl: null,
         codeEditorHtml: null,
-        createCodeViewer: function () {
+        createCodeViewer() {
             return editor.CodeManager.createViewer({
                 codeName: "htmlmixed",
                 theme: opts.codeViewerTheme,
                 readOnly: false,
             });
         },
-        createCodeEditor: function () {
-            var el = document.createElement("div");
-            var codeEditor = this.createCodeViewer();
+        createCodeEditor() {
+            const el = document.createElement("div");
+            const codeEditor = this.createCodeViewer();
             el.style.flex = "1 0 auto";
             el.style.boxSizing = "border-box";
-            el.className = "".concat(pfx, "import-code");
+            el.className = `${pfx}import-code`;
             el.appendChild(codeEditor.getElement());
-            return { codeEditor: codeEditor, el: el };
+            return { codeEditor, el };
         },
-        getCodeContainer: function () {
-            var containerEl = this.containerEl;
+        getCodeContainer() {
+            let containerEl = this.containerEl;
             if (!containerEl) {
                 containerEl = document.createElement("div");
-                containerEl.className = "".concat(pfx, "import-container");
+                containerEl.className = `${pfx}import-container`;
                 containerEl.style.display = "flex";
                 containerEl.style.gap = "5px";
                 containerEl.style.flexDirection = "column";
@@ -23061,34 +23315,34 @@ __webpack_require__.r(__webpack_exports__);
             }
             return containerEl;
         },
-        run: function (editor) {
-            var container = this.getCodeContainer();
-            var codeEditorHtml = this.codeEditorHtml;
+        run(editor) {
+            const container = this.getCodeContainer();
+            let { codeEditorHtml } = this;
             // Init code viewer if not yet instantiated
             if (!codeEditorHtml) {
-                var codeViewer_1 = this.createCodeEditor();
-                var btnImp = document.createElement("button");
-                codeEditorHtml = codeViewer_1.codeEditor;
+                const codeViewer = this.createCodeEditor();
+                const btnImp = document.createElement("button");
+                codeEditorHtml = codeViewer.codeEditor;
                 this.codeEditorHtml = codeEditorHtml;
                 if (opts.t9n.modalLabelImport) {
-                    var labelEl = document.createElement("div");
-                    labelEl.className = "".concat(pfx, "import-label");
+                    let labelEl = document.createElement("div");
+                    labelEl.className = `${pfx}import-label`;
                     labelEl.innerHTML = opts.t9n.modalLabelImport;
                     container.appendChild(labelEl);
                 }
                 // Init import button
                 btnImp.innerHTML = opts.t9n.modalBtnImport;
                 btnImp.type = "button";
-                btnImp.className = "".concat(pfx, "btn-prim ").concat(pfx, "btn-import");
+                btnImp.className = `${pfx}btn-prim ${pfx}btn-import`;
                 btnImp.style.alignSelf = "flex-start";
-                btnImp.onclick = function () {
-                    var code = codeViewer_1.codeEditor.editor.getValue();
+                btnImp.onclick = () => {
+                    const code = codeViewer.codeEditor.editor.getValue();
                     editor.Components.clear();
                     editor.Css.clear();
                     editor.setComponents(code);
                     editor.Modal.close();
                 };
-                container.appendChild(codeViewer_1.el);
+                container.appendChild(codeViewer.el);
                 container.appendChild(btnImp);
             }
             editor.Modal.open({
@@ -23117,7 +23371,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ostTrans: () => (/* binding */ ostTrans)
 /* harmony export */ });
-var ostTrans = {
+const ostTrans = {
     cmdBtnDesktopLabel: "Desktop",
     cmdBtnTabletLabel: "Tablet",
     cmdBtnMobileLabel: "Mobile",
@@ -23170,6 +23424,7 @@ var ostTrans = {
     linkedinBlkLabelSite: "LinkedIn link",
     xingBlkLabelSite: "Xing link",
     twitterBlkLabelSite: "Twitter link",
+    tiktokBlkLabelSite: "TikTok link",
     facebookBlkLabelShare: "Facebook share",
     linkedinBlkLabelShare: "LinkedIn share",
     xingBlkLabelShare: "Xing share",
@@ -23242,6 +23497,11 @@ var ostTrans = {
     labelScalePercent: "Percent",
     labelScaleBarColor: "Color 1",
     labelScaleBgColor: "Color 2",
+    labelPasteFromWord: "Paste from Word",
+    labelPasteFromWordButton: "Replace List Content",
+    labelPasteFromWordPlaceholder: "Paste your Word list content here...",
+    labelPasteFromWordText: "Paste your list content from Word text editor below.</br>The formatting will be cleaned and converted to list items. This will replace all existing content in the list.",
+    ostToolbarPasteFromWord: "Paste from Word",
     ostToolbarClone: "Clone list element",
     ostToolbarDelete: "Delete list element",
     ostToolbarUp: "Move list element up",
@@ -23265,15 +23525,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./consts */ "./src/consts.ts");
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) {
-    var Panels = editor.Panels;
-    var cmdOpenImport = opts.cmdOpenImport, cmdOpenExport = opts.cmdOpenExport;
-    var openStyleManager = "open-sm";
-    var openTraits = "open-tm";
-    var openLayers = "open-layers";
-    var openBlocks = "open-blocks";
-    var activateOutline = "sw-visibility";
-    var iconStyle = 'style="display: block; max-width: 22px"';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => {
+    const { Panels } = editor;
+    const { cmdOpenImport, cmdOpenExport } = opts;
+    const openStyleManager = "open-sm";
+    const openTraits = "open-tm";
+    const openLayers = "open-layers";
+    const openBlocks = "open-blocks";
+    const activateOutline = "sw-visibility";
+    const iconStyle = 'style="display: block; max-width: 22px"';
     // Turn off default devices select and create new one
     editor.getConfig().showDevices = false;
     Panels.getPanels().reset([
@@ -23344,7 +23604,9 @@ __webpack_require__.r(__webpack_exports__);
                         "data-tooltip": opts.t9n.cmdBtnExportLabel,
                         "data-tooltip-pos": "bottom",
                     },
-                    label: "<svg ".concat(iconStyle, " viewBox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M12.89,3L14.85,3.4L11.11,21L9.15,20.6L12.89,3M19.59,12L16,8.41V5.58L22.42,12L16,18.41V15.58L19.59,12M1.58,12L8,5.58V8.41L4.41,12L8,15.58V18.41L1.58,12Z\" />\n          </svg>"),
+                    label: `<svg ${iconStyle} viewBox="0 0 24 24">
+              <path fill="currentColor" d="M12.89,3L14.85,3.4L11.11,21L9.15,20.6L12.89,3M19.59,12L16,8.41V5.58L22.42,12L16,18.41V15.58L19.59,12M1.58,12L8,5.58V8.41L4.41,12L8,15.58V18.41L1.58,12Z" />
+          </svg>`,
                 },
                 {
                     id: cmdOpenImport,
@@ -23353,7 +23615,9 @@ __webpack_require__.r(__webpack_exports__);
                         "data-tooltip": opts.t9n.cmdBtnImportLabel,
                         "data-tooltip-pos": "bottom",
                     },
-                    label: "<svg ".concat(iconStyle, " viewBox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z\" />\n          </svg>"),
+                    label: `<svg ${iconStyle} viewBox="0 0 24 24">
+              <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" />
+          </svg>`,
                 },
                 {
                     id: "undo",
@@ -23387,7 +23651,9 @@ __webpack_require__.r(__webpack_exports__);
                         "data-tooltip": opts.t9n.openStyleManager,
                         "data-tooltip-pos": "bottom",
                     },
-                    label: "<svg ".concat(iconStyle, " viewBox=\"0 0 24 24\">\n              <path fill=\"currentColor\" d=\"M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z\" />\n          </svg>"),
+                    label: `<svg ${iconStyle} viewBox="0 0 24 24">
+              <path fill="currentColor" d="M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z" />
+          </svg>`,
                 },
                 {
                     id: openTraits,
@@ -23397,7 +23663,9 @@ __webpack_require__.r(__webpack_exports__);
                         "data-tooltip": opts.t9n.openTraits,
                         "data-tooltip-pos": "bottom",
                     },
-                    label: "<svg ".concat(iconStyle, " viewBox=\"0 0 24 24\">\n            <path fill=\"currentColor\" d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\"></path>\n          </svg>"),
+                    label: `<svg ${iconStyle} viewBox="0 0 24 24">
+            <path fill="currentColor" d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"></path>
+          </svg>`,
                 },
                 {
                     id: openLayers,
@@ -23407,7 +23675,9 @@ __webpack_require__.r(__webpack_exports__);
                         "data-tooltip": opts.t9n.openLayers,
                         "data-tooltip-pos": "bottom",
                     },
-                    label: "<svg ".concat(iconStyle, " viewBox=\"0 0 24 24\">\n            <path fill=\"currentColor\" d=\"M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z\" />\n        </svg>"),
+                    label: `<svg ${iconStyle} viewBox="0 0 24 24">
+            <path fill="currentColor" d="M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z" />
+        </svg>`,
                 },
                 {
                     id: openBlocks,
@@ -23417,28 +23687,30 @@ __webpack_require__.r(__webpack_exports__);
                         "data-tooltip": opts.t9n.openBlocks,
                         "data-tooltip-pos": "bottom",
                     },
-                    label: "<svg ".concat(iconStyle, " viewBox=\"0 0 24 24\">\n            <path fill=\"currentColor\" d=\"M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z\" />\n        </svg>"),
+                    label: `<svg ${iconStyle} viewBox="0 0 24 24">
+            <path fill="currentColor" d="M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" />
+        </svg>`,
                 },
             ],
         },
     ]);
-    editor.onReady(function () {
+    editor.onReady(() => {
         if (opts.showOutlineOnLoad) {
-            var btn = Panels.getButton("options", activateOutline);
+            const btn = Panels.getButton("options", activateOutline);
             btn === null || btn === void 0 ? void 0 : btn.set("active", true);
         }
         if (opts.showBlocksOnLoad) {
-            var btn = Panels.getButton("views", openBlocks);
+            const btn = Panels.getButton("views", openBlocks);
             btn === null || btn === void 0 ? void 0 : btn.set("active", true);
         }
         if (opts.showTraitsOnLoad) {
-            var btn = Panels.getButton("views", openTraits);
+            const btn = Panels.getButton("views", openTraits);
             btn === null || btn === void 0 ? void 0 : btn.set("active", true);
         }
         //Beautify tooltips
-        document.querySelectorAll("*[data-tooltip-pos]").forEach(function (el) {
+        document.querySelectorAll("*[data-tooltip-pos]").forEach((el) => {
             var _a;
-            var title = (_a = el.getAttribute("title")) === null || _a === void 0 ? void 0 : _a.trim();
+            const title = (_a = el.getAttribute("title")) === null || _a === void 0 ? void 0 : _a.trim();
             if (title) {
                 el.setAttribute("data-tooltip", title);
                 el.removeAttribute("title");
@@ -23470,45 +23742,14 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) { return __awaiter(void 0, void 0, void 0, function () {
-    var RichTextEditor;
-    return __generator(this, function (_a) {
-        RichTextEditor = editor.RichTextEditor;
-        RichTextEditor.add("removeFormat", {
-            icon: '<i class="fa-solid fa-text-slash"></i>',
-            attributes: { title: opts.t9n.cmdRteRemoveFormat },
-            result: function (rte) { return rte.exec("removeFormat"); },
-        });
-        return [2 /*return*/];
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => __awaiter(void 0, void 0, void 0, function* () {
+    const { RichTextEditor } = editor;
+    RichTextEditor.add("removeFormat", {
+        icon: '<i class="fa-solid fa-text-slash"></i>',
+        attributes: { title: opts.t9n.cmdRteRemoveFormat },
+        result: (rte) => rte.exec("removeFormat"),
     });
-}); });
+}));
 
 
 /***/ }),
@@ -23524,47 +23765,47 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (editor, opts) {
-    var TraitManager = editor.TraitManager;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((editor, opts) => {
+    const { TraitManager } = editor;
     // Ostendis-Blocks trait
     TraitManager.addType("ost-blocks-select", {
-        createInput: function (_a) {
-            var trait = _a.trait;
-            var traitOpts = trait.get("options") || [];
-            var traitName = trait.get("name") || "ost-block-select";
-            var options = traitOpts.length
+        createInput({ trait }) {
+            const traitOpts = trait.get("options") || [];
+            const traitName = trait.get("name") || "ost-block-select";
+            const options = traitOpts.length
                 ? traitOpts
                 : [{ id: "", name: "None", disabled: "disabled" }];
-            var el = document.createElement("div");
-            el.innerHTML = "\n        <select class=\"ost-blocks-select\" id=\"".concat(traitName, "\">\n          ").concat(options
-                .map(function (opt) {
-                return "<option value=\"".concat(opt.id, "\" ").concat(opt.disabled, ">").concat(opt.name, "</option>");
-            })
-                .join(""), "\n        </select>\n        <div class=\"gjs-sel-arrow\">\n          <div class=\"gjs-d-s-arrow\"></div>\n        </div>");
+            const el = document.createElement("div");
+            el.innerHTML = `
+        <select class="ost-blocks-select" id="${traitName}">
+          ${options
+                .map((opt) => `<option value="${opt.id}" ${opt.disabled}>${opt.name}</option>`)
+                .join("")}
+        </select>
+        <div class="gjs-sel-arrow">
+          <div class="gjs-d-s-arrow"></div>
+        </div>`;
             return el;
         },
-        onEvent: function (_a) {
-            var _b;
-            var elInput = _a.elInput, component = _a.component, trait = _a.trait;
-            var traitName = trait.get("name") || "ost-block-select-default";
-            var element = elInput.querySelector("#" + [traitName]);
-            var dataOstType = element.value;
+        onEvent({ elInput, component, trait }) {
+            const traitName = trait.get("name") || "ost-block-select-default";
+            let element = elInput.querySelector("#" + [traitName]);
+            const dataOstType = element.value;
             if (dataOstType == "") {
                 component.removeAttributes(traitName);
             }
             else {
-                component.addAttributes((_b = {}, _b[traitName] = dataOstType, _b));
+                component.addAttributes({ [traitName]: dataOstType });
             }
             updateTrait(element);
         },
-        onUpdate: function (_a) {
-            var elInput = _a.elInput, component = _a.component, trait = _a.trait;
-            var traitName = trait.get("name") || "ost-block-select-default";
+        onUpdate({ elInput, component, trait }) {
+            const traitName = trait.get("name") || "ost-block-select-default";
             if (elInput !== null) {
-                var element = elInput.querySelector("#" + [traitName]);
+                let element = elInput.querySelector("#" + [traitName]);
                 updateTrait(element);
                 // Set select
-                var dataOstType = component.getAttributes()[traitName] || "";
+                const dataOstType = component.getAttributes()[traitName] || "";
                 element = elInput.querySelector("#" + [traitName]);
                 element.value = dataOstType;
             }
@@ -23578,15 +23819,15 @@ __webpack_require__.r(__webpack_exports__);
         events: {
             keyup: "onChange",
         },
-        onValueChange: function () {
+        onValueChange() {
             var _a;
-            var _b = this, model = _b.model, target = _b.target;
-            var optionsStr = model.get("value").trim();
-            var options = optionsStr.split("\n");
-            var optComps = [];
-            for (var i = 0; i < options.length; i++) {
-                var optionStr = options[i];
-                var option = optionStr.split("::");
+            const { model, target } = this;
+            const optionsStr = model.get("value").trim();
+            const options = optionsStr.split("\n");
+            const optComps = [];
+            for (let i = 0; i < options.length; i++) {
+                const optionStr = options[i];
+                const option = optionStr.split("::");
                 optComps.push({
                     type: "range",
                     components: option[1] || option[0],
@@ -23600,15 +23841,15 @@ __webpack_require__.r(__webpack_exports__);
     function updateTrait(element) {
         var _a;
         // Set Array to 0
-        opts.usedOstBlocks.forEach(function (el) {
+        opts.usedOstBlocks.forEach((el) => {
             el.count = 0;
         });
         var wrapper = editor.DomComponents.getWrapper();
         var elements = (_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.view) === null || _a === void 0 ? void 0 : _a.$el.find("[data-ost-type]").get();
         // List all data-ost-type
-        elements === null || elements === void 0 ? void 0 : elements.forEach(function (element) {
+        elements === null || elements === void 0 ? void 0 : elements.forEach((element) => {
             var type = element.getAttribute("data-ost-type") || "";
-            var index = opts.usedOstBlocks.findIndex(function (item) { return item.name === type; });
+            let index = opts.usedOstBlocks.findIndex((item) => item.name === type);
             if (index === -1) {
                 opts.usedOstBlocks.push({ name: type, count: 1 });
             }
@@ -23619,7 +23860,7 @@ __webpack_require__.r(__webpack_exports__);
         // Display update select input
         Array.from(element.options).forEach(function (optionElement, optionIndex) {
             if (optionElement.value != "") {
-                var usedOstBlockIndex = opts.usedOstBlocks.findIndex(function (e) { return e.name === optionElement.value; });
+                const usedOstBlockIndex = opts.usedOstBlocks.findIndex((e) => e.name === optionElement.value);
                 // Reset
                 var optionEl = element.options[optionIndex];
                 optionEl.text = optionEl.text.replace(/^\(.*\)\s*/g, "");
@@ -23736,17 +23977,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _rte__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./rte */ "./src/rte.ts");
 /* harmony import */ var _ostTranslations__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ostTranslations */ "./src/ostTranslations.ts");
 /* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./consts */ "./src/consts.ts");
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -23756,42 +23986,6 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 
 
 
@@ -23800,225 +23994,275 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
-var plugin = function (editor_1) {
-    var args_1 = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args_1[_i - 1] = arguments[_i];
-    }
-    return __awaiter(void 0, __spreadArray([editor_1], args_1, true), void 0, function (editor, opts) {
-        function isChildOfElement(element, tag) {
-            while (element === null || element === void 0 ? void 0 : element.parentNode) {
-                element = element.parentNode;
-                if (element.tagName === tag)
-                    return element;
+const plugin = (editor_1, ...args_1) => __awaiter(void 0, [editor_1, ...args_1], void 0, function* (editor, opts = {}) {
+    let config = editor.getConfig();
+    const options = Object.assign({ blocks: [], block: () => ({}), usedOstBlocks: [], cmdOpenExport: "gjs-open-export-template", cmdOpenImport: "gjs-open-import-template", cmdInlineHtml: "gjs-get-inlined-html", codeViewerTheme: "hopscotch", inlineCss: true, juiceOpts: {}, updateStyleManager: true, showStylesOnChange: true, showBlocksOnLoad: false, showTraitsOnLoad: true, showOutlineOnLoad: true, t9n: _ostTranslations__WEBPACK_IMPORTED_MODULE_6__.ostTrans }, opts);
+    // Change some config
+    config.devicePreviewMode = true;
+    (0,_components__WEBPACK_IMPORTED_MODULE_4__["default"])(editor, options);
+    (0,_traits__WEBPACK_IMPORTED_MODULE_3__["default"])(editor, options);
+    yield (0,_commands__WEBPACK_IMPORTED_MODULE_1__["default"])(editor, options);
+    (0,_blocks__WEBPACK_IMPORTED_MODULE_0__["default"])(editor, options);
+    (0,_panels__WEBPACK_IMPORTED_MODULE_2__["default"])(editor, options);
+    yield (0,_rte__WEBPACK_IMPORTED_MODULE_5__["default"])(editor, options);
+    // On load
+    editor.on("load", () => {
+        // Create ostendis toolbar
+        const tools = document.getElementById("gjs-tools");
+        const ostTools = document.createElement("div");
+        ostTools.classList.add("gjs-ost-toolbar");
+        tools === null || tools === void 0 ? void 0 : tools.append(ostTools);
+        // Change all elements with header tags from type text to header
+        const changeHeaderType = (component) => {
+            const tagName = component.get("tagName");
+            const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
+            if (tagName &&
+                headings.includes(tagName.toLowerCase()) &&
+                component.get("type") === "text") {
+                component.set({ type: "header" });
+                component.setTraits([
+                    { name: "id" },
+                    (0,_consts__WEBPACK_IMPORTED_MODULE_7__.headerTrait)(options),
+                    (0,_consts__WEBPACK_IMPORTED_MODULE_7__.ostTypeTextTrait)(options),
+                    (0,_consts__WEBPACK_IMPORTED_MODULE_7__.ostTypeHideInSimpleHtmlTrait)(options),
+                ]);
+            }
+            const children = component.components();
+            children.each((child) => changeHeaderType(child));
+        };
+        const wrapper = editor.getWrapper();
+        const components = wrapper === null || wrapper === void 0 ? void 0 : wrapper.components();
+        components === null || components === void 0 ? void 0 : components.each((component) => changeHeaderType(component));
+    });
+    // On selected components
+    editor.on("component:selected", () => {
+        var _a, _b, _c;
+        let selected = editor.getSelected();
+        if (selected != undefined) {
+            if (selected.is("ulistitem")) {
+                showOstToolbar(selected);
+            }
+            else if (selected.isChildOf("ulistitem")) {
+                showOstToolbar(selected.closestType("ulistitem"));
+            }
+            else if (((_a = selected.getEl()) === null || _a === void 0 ? void 0 : _a.tagName) === "LI") {
+                // If list element is empty replace with placeholder text (M&E case:)
+                if (selected.components().length === 0 && !selected.get("content")) {
+                    const selectedPosition = selected.index();
+                    const newComponent = (_b = selected
+                        .parent()) === null || _b === void 0 ? void 0 : _b.append("<li>Text</li>", { at: selectedPosition });
+                    selected.remove();
+                    editor.select(newComponent);
+                    selected = editor.getSelected();
+                }
+                showOstToolbar(selected);
+            }
+            else if (isChildOfElement(selected.getEl(), "LI")) {
+                showOstToolbar(selected.closest("li"));
+            }
+            else if (((_c = selected.getEl()) === null || _c === void 0 ? void 0 : _c.tagName) === "UL") {
+                // UL is selected - show built-in toolbar with paste button
+                const ulToolbar = [
+                    {
+                        attributes: {
+                            class: "fa-solid fa-file-word",
+                            "data-tooltip": options.t9n.ostToolbarPasteFromWord,
+                            "data-tooltip-pos": "bottom"
+                        },
+                        command: "paste-from-word",
+                    },
+                ];
+                selected.set({
+                    toolbar: ulToolbar,
+                });
+                // Hide OST toolbar for UL elements
+                const ostToolbar = document.querySelector(".gjs-ost-toolbar");
+                ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
+            }
+            else {
+                // For other elements, show default toolbar without paste button
+                const defaultToolbar = [
+                    {
+                        attributes: { class: "fa-solid fa-arrow-up" },
+                        command: "select-parent",
+                    },
+                    {
+                        attributes: { class: "fa-solid fa-arrows-up-down-left-right" },
+                        command: "tlb-move",
+                    },
+                    {
+                        attributes: { class: "fa-regular fa-copy" },
+                        command: "tlb-clone"
+                    },
+                    {
+                        attributes: { class: "fa-solid fa-trash" },
+                        command: "tlb-delete"
+                    },
+                ];
+                selected.set({
+                    toolbar: defaultToolbar,
+                });
+                // Hide OST toolbar for other elements
+                const ostToolbar = document.querySelector(".gjs-ost-toolbar");
+                ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
             }
-            return false;
         }
-        function showOstToolbar(listItem) {
-            var _a;
-            var elPos = (listItem === null || listItem === void 0 ? void 0 : listItem.index()) || 0;
-            var elLast = (_a = listItem === null || listItem === void 0 ? void 0 : listItem.parent()) === null || _a === void 0 ? void 0 : _a.getLastChild().index();
-            var ostToolbar = document.querySelector(".gjs-ost-toolbar");
-            if (ostToolbar != undefined) {
-                ostToolbar.innerHTML = "";
-                // Add clone button
-                var cBtn = document.createElement("div");
-                cBtn.innerHTML =
-                    '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 0 0 0 18 9 9 0 0 0 0-18zm-1.3 3.88h2.6v3.82h3.82v2.6H13.3v3.82h-2.6V13.3H6.88v-2.6h3.82z"/></svg>';
-                cBtn.classList.add("gjs-ost-toolbar-item", "clone");
-                cBtn.title = options.t9n.ostToolbarClone;
-                cBtn.addEventListener("click", function () {
-                    var _a;
-                    if (!listItem || !editor)
-                        return;
-                    var clonedItem = listItem === null || listItem === void 0 ? void 0 : listItem.clone();
-                    (_a = listItem === null || listItem === void 0 ? void 0 : listItem.parent()) === null || _a === void 0 ? void 0 : _a.append(clonedItem, { at: elPos + 1 });
+    });
+    // On deselected components
+    editor.on("component:deselected", () => {
+        const ostToolbar = document.querySelector(".gjs-ost-toolbar");
+        ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
+    });
+    function isChildOfElement(element, tag) {
+        while (element === null || element === void 0 ? void 0 : element.parentNode) {
+            element = element.parentNode;
+            if (element.tagName === tag)
+                return element;
+        }
+        return false;
+    }
+    function showOstToolbar(listItem) {
+        var _a;
+        const elPos = (listItem === null || listItem === void 0 ? void 0 : listItem.index()) || 0;
+        const elLast = (_a = listItem === null || listItem === void 0 ? void 0 : listItem.parent()) === null || _a === void 0 ? void 0 : _a.getLastChild().index();
+        const ostToolbar = document.querySelector(".gjs-ost-toolbar");
+        if (ostToolbar != undefined) {
+            ostToolbar.innerHTML = "";
+            // Add clone button
+            const cBtn = document.createElement("div");
+            cBtn.innerHTML =
+                '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 0 0 0 18 9 9 0 0 0 0-18zm-1.3 3.88h2.6v3.82h3.82v2.6H13.3v3.82h-2.6V13.3H6.88v-2.6h3.82z"/></svg>';
+            cBtn.classList.add("gjs-ost-toolbar-item", "clone");
+            cBtn.title = options.t9n.ostToolbarClone;
+            cBtn.addEventListener("click", () => {
+                var _a;
+                if (!listItem || !editor)
+                    return;
+                const clonedItem = listItem === null || listItem === void 0 ? void 0 : listItem.clone();
+                (_a = listItem === null || listItem === void 0 ? void 0 : listItem.parent()) === null || _a === void 0 ? void 0 : _a.append(clonedItem, { at: elPos + 1 });
+            });
+            ostToolbar.appendChild(cBtn);
+            //Add delete button
+            const dBtn = document.createElement("div");
+            dBtn.innerHTML =
+                '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm5.12 7.7v2.6H6.88v-2.6z"/></svg>';
+            dBtn.title = options.t9n.ostToolbarDelete;
+            dBtn.classList.add("gjs-ost-toolbar-item", "del");
+            if (elLast != 0) {
+                dBtn.addEventListener("click", () => {
+                    listItem === null || listItem === void 0 ? void 0 : listItem.remove();
+                    ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
                 });
-                ostToolbar.appendChild(cBtn);
-                //Add delete button
-                var dBtn = document.createElement("div");
-                dBtn.innerHTML =
-                    '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm5.12 7.7v2.6H6.88v-2.6z"/></svg>';
-                dBtn.title = options.t9n.ostToolbarDelete;
-                dBtn.classList.add("gjs-ost-toolbar-item", "del");
-                if (elLast != 0) {
-                    dBtn.addEventListener("click", function () {
-                        listItem === null || listItem === void 0 ? void 0 : listItem.remove();
-                        ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
-                    });
-                }
-                else {
-                    dBtn.classList.add("disable");
-                }
-                ostToolbar.appendChild(dBtn);
-                // Add move up button
-                var upBtn = document.createElement("div");
-                upBtn.innerHTML =
-                    '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M1.9 20.75 12 3.25l10.1 17.5Z"/></svg>';
-                upBtn.title = options.t9n.ostToolbarUp;
-                upBtn.classList.add("gjs-ost-toolbar-item", "up");
-                if (elPos > 0) {
-                    upBtn.addEventListener("click", function () {
-                        if (elPos && (listItem === null || listItem === void 0 ? void 0 : listItem.parent()) != undefined) {
-                            var parent_1 = listItem.parent();
-                            if (parent_1) {
-                                listItem === null || listItem === void 0 ? void 0 : listItem.move(parent_1, { at: elPos - 1 });
-                            }
-                            editor.selectRemove(listItem);
-                            editor.select(listItem);
+            }
+            else {
+                dBtn.classList.add("disable");
+            }
+            ostToolbar.appendChild(dBtn);
+            // Add move up button
+            const upBtn = document.createElement("div");
+            upBtn.innerHTML =
+                '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M1.9 20.75 12 3.25l10.1 17.5Z"/></svg>';
+            upBtn.title = options.t9n.ostToolbarUp;
+            upBtn.classList.add("gjs-ost-toolbar-item", "up");
+            if (elPos > 0) {
+                upBtn.addEventListener("click", () => {
+                    if (elPos && (listItem === null || listItem === void 0 ? void 0 : listItem.parent()) != undefined) {
+                        let parent = listItem.parent();
+                        if (parent) {
+                            listItem === null || listItem === void 0 ? void 0 : listItem.move(parent, { at: elPos - 1 });
                         }
-                    });
-                }
-                else {
-                    upBtn.classList.add("disable");
-                }
-                ostToolbar.appendChild(upBtn);
-                // Add move down button
-                var dwnBtn = document.createElement("div");
-                dwnBtn.innerHTML =
-                    '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M22.4 3.25 12 20.75 1.6 3.25Z"/></svg>';
-                dwnBtn.title = options.t9n.ostToolbarDown;
-                dwnBtn.classList.add("gjs-ost-toolbar-item", "down");
-                if (elPos != elLast) {
-                    var toPos = elPos + 2;
-                    if (elPos == elLast) {
-                        toPos = 0;
+                        editor.selectRemove(listItem);
+                        editor.select(listItem);
                     }
-                    dwnBtn.addEventListener("click", function () {
-                        if (toPos && (listItem === null || listItem === void 0 ? void 0 : listItem.parent()) != undefined) {
-                            var parent_2 = listItem.parent();
-                            if (parent_2) {
-                                listItem.move(parent_2, { at: toPos });
-                            }
-                            editor.selectRemove(listItem);
-                            editor.select(listItem);
-                        }
-                    });
-                }
-                else {
-                    dwnBtn.classList.add("disable");
+                });
+            }
+            else {
+                upBtn.classList.add("disable");
+            }
+            ostToolbar.appendChild(upBtn);
+            // Add move down button
+            const dwnBtn = document.createElement("div");
+            dwnBtn.innerHTML =
+                '<svg viewBox="0 0 24 24"><path fill="currentColor" d="M22.4 3.25 12 20.75 1.6 3.25Z"/></svg>';
+            dwnBtn.title = options.t9n.ostToolbarDown;
+            dwnBtn.classList.add("gjs-ost-toolbar-item", "down");
+            if (elPos != elLast) {
+                let toPos = elPos + 2;
+                if (elPos == elLast) {
+                    toPos = 0;
                 }
-                ostToolbar.appendChild(dwnBtn);
-                // Add show
-                ostToolbar.classList.add("show");
-            }
-        }
-        var config, options;
-        if (opts === void 0) { opts = {}; }
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    config = editor.getConfig();
-                    options = __assign({ blocks: [], block: function () { return ({}); }, usedOstBlocks: [], cmdOpenExport: "gjs-open-export-template", cmdOpenImport: "gjs-open-import-template", cmdInlineHtml: "gjs-get-inlined-html", codeViewerTheme: "hopscotch", inlineCss: true, juiceOpts: {}, updateStyleManager: true, showStylesOnChange: true, showBlocksOnLoad: false, showTraitsOnLoad: true, showOutlineOnLoad: true, t9n: _ostTranslations__WEBPACK_IMPORTED_MODULE_6__.ostTrans }, opts);
-                    // Change some config
-                    config.devicePreviewMode = true;
-                    (0,_components__WEBPACK_IMPORTED_MODULE_4__["default"])(editor, options);
-                    (0,_traits__WEBPACK_IMPORTED_MODULE_3__["default"])(editor, options);
-                    return [4 /*yield*/, (0,_commands__WEBPACK_IMPORTED_MODULE_1__["default"])(editor, options)];
-                case 1:
-                    _a.sent();
-                    (0,_blocks__WEBPACK_IMPORTED_MODULE_0__["default"])(editor, options);
-                    (0,_panels__WEBPACK_IMPORTED_MODULE_2__["default"])(editor, options);
-                    return [4 /*yield*/, (0,_rte__WEBPACK_IMPORTED_MODULE_5__["default"])(editor, options)];
-                case 2:
-                    _a.sent();
-                    // On load
-                    editor.on("load", function () {
-                        // Create ostendis toolbar
-                        var tools = document.getElementById("gjs-tools");
-                        var ostTools = document.createElement("div");
-                        ostTools.classList.add("gjs-ost-toolbar");
-                        tools === null || tools === void 0 ? void 0 : tools.append(ostTools);
-                        // Change all elements with header tags from type text to header
-                        var changeHeaderType = function (component) {
-                            var tagName = component.get("tagName");
-                            var headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
-                            if (tagName &&
-                                headings.includes(tagName.toLowerCase()) &&
-                                component.get("type") === "text") {
-                                component.set({ type: "header" });
-                                component.setTraits([
-                                    { name: "id" },
-                                    (0,_consts__WEBPACK_IMPORTED_MODULE_7__.headerTrait)(options),
-                                    (0,_consts__WEBPACK_IMPORTED_MODULE_7__.ostTypeTextTrait)(options),
-                                    (0,_consts__WEBPACK_IMPORTED_MODULE_7__.ostTypeHideInSimpleHtmlTrait)(options),
-                                ]);
-                            }
-                            var children = component.components();
-                            children.each(function (child) { return changeHeaderType(child); });
-                        };
-                        var wrapper = editor.getWrapper();
-                        var components = wrapper === null || wrapper === void 0 ? void 0 : wrapper.components();
-                        components === null || components === void 0 ? void 0 : components.each(function (component) { return changeHeaderType(component); });
-                    });
-                    // On selected components
-                    editor.on("component:selected", function () {
-                        var _a, _b;
-                        var selected = editor.getSelected();
-                        if (selected != undefined) {
-                            if (selected.is("ulistitem")) {
-                                showOstToolbar(selected);
-                            }
-                            else if (selected.isChildOf("ulistitem")) {
-                                showOstToolbar(selected.closestType("ulistitem"));
-                            }
-                            else if (((_a = selected.getEl()) === null || _a === void 0 ? void 0 : _a.tagName) === "LI") {
-                                // If list element is empty replace with placeholder text (M&E case:)
-                                if (selected.components().length === 0 && !selected.get("content")) {
-                                    var selectedPosition = selected.index();
-                                    var newComponent = (_b = selected
-                                        .parent()) === null || _b === void 0 ? void 0 : _b.append("<li>Text</li>", { at: selectedPosition });
-                                    selected.remove();
-                                    editor.select(newComponent);
-                                    selected = editor.getSelected();
-                                }
-                                showOstToolbar(selected);
-                            }
-                            else if (isChildOfElement(selected.getEl(), "LI")) {
-                                showOstToolbar(selected.closest("li"));
-                            }
+                dwnBtn.addEventListener("click", () => {
+                    if (toPos && (listItem === null || listItem === void 0 ? void 0 : listItem.parent()) != undefined) {
+                        let parent = listItem.parent();
+                        if (parent) {
+                            listItem.move(parent, { at: toPos });
                         }
-                    });
-                    // On deselected components
-                    editor.on("component:deselected", function () {
-                        var ostToolbar = document.querySelector(".gjs-ost-toolbar");
-                        ostToolbar === null || ostToolbar === void 0 ? void 0 : ostToolbar.classList.remove("show");
-                    });
-                    // On storage start
-                    editor.on("storage:start", function () {
-                        // Reset all Components
-                        var getAllComponents = function (model, result) {
-                            if (result === void 0) { result = []; }
-                            result.push(model);
-                            model.components().each(function (mod) { return getAllComponents(mod, result); });
-                            return result;
-                        };
-                        var allComponents = getAllComponents(editor.DomComponents.getWrapper());
-                        allComponents.forEach(function (compo) {
-                            return compo.set({
-                                draggable: true,
-                                removable: true,
-                                copyable: true,
-                                toolbar: [
-                                    {
-                                        attributes: { class: "fa-solid fa-arrow-up" },
-                                        command: "select-parent",
-                                    },
-                                    {
-                                        attributes: { class: "fa-solid fa-arrows-up-down-left-right" },
-                                        command: "tlb-move",
-                                    },
-                                    { attributes: { class: "fa-regular fa-copy" }, command: "tlb-clone" },
-                                    { attributes: { class: "fa-solid fa-trash" }, command: "tlb-delete" },
-                                ],
-                            });
-                        });
-                    });
-                    return [2 /*return*/];
+                        editor.selectRemove(listItem);
+                        editor.select(listItem);
+                    }
+                });
+            }
+            else {
+                dwnBtn.classList.add("disable");
             }
+            ostToolbar.appendChild(dwnBtn);
+            // Add show
+            ostToolbar.classList.add("show");
+        }
+    }
+    // On storage start
+    editor.on("storage:start", () => {
+        // Reset all Components
+        const getAllComponents = (model, result = []) => {
+            result.push(model);
+            model.components().each((mod) => getAllComponents(mod, result));
+            return result;
+        };
+        const allComponents = getAllComponents(editor.DomComponents.getWrapper());
+        allComponents.forEach((compo) => {
+            var _a;
+            const defaultToolbar = [
+                {
+                    attributes: { class: "fa-solid fa-arrow-up" },
+                    command: "select-parent",
+                },
+                {
+                    attributes: { class: "fa-solid fa-arrows-up-down-left-right" },
+                    command: "tlb-move",
+                },
+                {
+                    attributes: {
+                        class: "fa-regular fa-copy"
+                    },
+                    command: "tlb-clone"
+                },
+                {
+                    attributes: {
+                        class: "fa-solid fa-trash"
+                    },
+                    command: "tlb-delete"
+                },
+            ];
+            // Add paste button only for UL elements
+            if (compo.getEl && ((_a = compo.getEl()) === null || _a === void 0 ? void 0 : _a.tagName) === "UL") {
+                defaultToolbar.push({
+                    attributes: {
+                        class: "fa-solid fa-file-word",
+                        "data-tooltip": options.t9n.ostToolbarPasteFromWord,
+                        "data-tooltip-pos": "bottom"
+                    },
+                    command: "paste-from-word",
+                });
+            }
+            compo.set({
+                draggable: true,
+                removable: true,
+                copyable: true,
+                toolbar: defaultToolbar,
+            });
         });
     });
-};
+});
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (plugin);
 
 })();