@ostendis/grapesjs-preset-ostendis-adv 1.2.2 → 1.2.4

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

@@ -22142,6 +22142,24 @@ var __assign = (undefined && undefined.__assign) || function () {
         },
         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;\">\n                    <i class=\"fa-brands fa-tiktok\"></i>\n                  </div>",
+        },
+        attributes: { class: "fa-brands fa-tiktok" },
+    });
     // Social Media Share blocks
     Blocks.add("facebookShare", {
         label: opts.t9n.facebookBlkLabelShare,
@@ -22446,15 +22464,21 @@ __webpack_require__.r(__webpack_exports__);
     });
     // Scale the new range
     DomComponents.addType("scale", {
-        isComponent: function (el) { return el.tagName === "DIV" && el.classList.contains("scale"); },
+        isComponent: function (el) {
+            return (el.tagName === "DIV" &&
+                (el.getAttribute("data-scale") === "true" ||
+                    el.classList.contains("scale")));
+        },
         model: {
             defaults: {
                 tagName: "div",
                 attributes: {
-                    class: "scale",
+                    "data-scale": "true",
                     "data-percent": "66",
                     "data-fcolor": "#3b5998",
                     "data-bgcolor": "#CCCCCC",
+                    "aria-label": "66 %",
+                    role: "img",
                 },
                 style: {
                     "box-sizing": "border-box",
@@ -22462,7 +22486,7 @@ __webpack_require__.r(__webpack_exports__);
                     height: "20px",
                     "max-width": "100%",
                     border: "0px solid #666666",
-                    background: "linear-gradient(to right,#3b5998 66%, #CCCCCC 66%);",
+                    background: "linear-gradient(to right, #3b5998 66%, #CCCCCC 66%)",
                 },
                 traits: [
                     {
@@ -22491,22 +22515,38 @@ __webpack_require__.r(__webpack_exports__);
                 ],
             },
             init: function () {
-                var scaleAttr = this.getAttributes();
-                this.set("percent", scaleAttr["data-percent"]);
-                this.set("bgcolor", scaleAttr["data-bgcolor"]);
-                this.set("fcolor", scaleAttr["data-fcolor"]);
+                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"];
+                if (isNaN(p))
+                    p = 66;
+                if (!f)
+                    f = "#3b5998";
+                if (!b)
+                    b = "#CCCCCC";
+                this.set("percent", Math.max(0, Math.min(100, p)));
+                this.set("bgcolor", b);
+                this.set("fcolor", f);
                 this.on("change:percent", this.updateScale);
                 this.on("change:bgcolor", this.updateScale);
                 this.on("change:fcolor", this.updateScale);
             },
             updateScale: function () {
-                var p = this.get("percent");
-                var b = this.get("bgcolor");
-                var f = this.get("fcolor");
+                var p = parseInt(this.get("percent"));
+                var f = this.get("fcolor") || "#3b5998";
+                var b = this.get("bgcolor") || "#CCCCCC";
+                if (isNaN(p))
+                    p = 0;
+                p = Math.max(0, Math.min(100, p));
                 this.set("attributes", {
+                    "data-scale": "true",
                     "data-percent": p,
-                    "data-bgcolor": b,
                     "data-fcolor": f,
+                    "data-bgcolor": b,
+                    "aria-label": "".concat(p, " %"),
                 });
                 this.addStyle({
                     background: "linear-gradient(to right, ".concat(f, " ").concat(p, "%, ").concat(b, " ").concat(p, "%)"),
@@ -23148,6 +23188,7 @@ var ostTrans = {
     linkedinBlkLabelSite: "LinkedIn link",
     xingBlkLabelSite: "Xing link",
     twitterBlkLabelSite: "Twitter link",
+    tiktokBlkLabelSite: "TikTok link",
     facebookBlkLabelShare: "Facebook share",
     linkedinBlkLabelShare: "LinkedIn share",
     xingBlkLabelShare: "Xing share",