(() => {
  "use strict";
  var e = {
      237: (e, t, n) => {
        e.exports = n.p + "images/group-img-demo.5c3a949b.jpg";
      },
      562: (e, t, n) => {
        e.exports = n.p + "images/section-info-img.530d18e7.jpg";
      },
      518: (e, t, n) => {
        e.exports = n.p + "images/demo-3.27b939a5.jpg";
      },
      183: (e, t, n) => {
        e.exports = n.p + "images/info-con.df517275.png";
      },
    },
    t = {};
  function n(a) {
    var o = t[a];
    if (void 0 !== o) return o.exports;
    var r = (t[a] = { exports: {} });
    return (e[a](r, r.exports, n), r.exports);
  }
  ((n.n = (e) => {
    var t = e && e.__esModule ? () => e.default : () => e;
    return (n.d(t, { a: t }), t);
  }),
    (n.d = (e, t) => {
      for (var a in t)
        n.o(t, a) &&
          !n.o(e, a) &&
          Object.defineProperty(e, a, { enumerable: !0, get: t[a] });
    }),
    (n.g = (function () {
      if ("object" == typeof globalThis) return globalThis;
      try {
        return this || new Function("return this")();
      } catch (e) {
        if ("object" == typeof window) return window;
      }
    })()),
    (n.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)),
    (() => {
      var e;
      n.g.importScripts && (e = n.g.location + "");
      var t = n.g.document;
      if (!e && t && (t.currentScript && (e = t.currentScript.src), !e)) {
        var a = t.getElementsByTagName("script");
        if (a.length) for (var o = a.length - 1; o > -1 && !e; ) e = a[o--].src;
      }
      if (!e)
        throw new Error(
          "Automatic publicPath is not supported in this browser",
        );
      ((e = e
        .replace(/#.*$/, "")
        .replace(/\?.*$/, "")
        .replace(/\/[^\/]+$/, "/")),
        (n.p = e));
    })(),
    (() => {
      const e = window.wp.blocks,
        t = window.wp.i18n,
        a = window.React;
      var o = n.n(a);
      const r = {};
      ((r.postHeading = (0, a.createElement)(
        "svg",
        { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
        (0, a.createElement)("path", {
          d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM76.39,21.95c-.67.95-1.77.85-2.71,1.03-3.77.75-3.41.15-3.41,4.19-.01,12.24,0,24.47,0,36.71,0,2.36.01,2.32,2.29,2.84,1.3.3,2.75.17,3.83,1.21v7.07c-.34.22-.71.13-1.07.13-7.53,0-15.07-.01-22.6.02-.77,0-1.23-.16-1.43-.63-.09-.2-.12-.47-.1-.82.08-1.7-.14-3.41.07-5.11.03-.16.05-.33.08-.5h0v-.07c.3-.55.83-.67,1.37-.79,1.1-.23,2.2-.51,3.33-.67.99-.13,1.37-.67,1.37-1.65-.01-4.34.01-8.7-.01-13.04,0-1.34-.16-1.46-1.66-1.47-5.73-.02-11.45-.01-17.16-.01-1.19,0-2.36.02-3.54,0-.91-.01-1.33.36-1.32,1.29.01,4.44,0,8.88,0,13.32,0,.93.41,1.37,1.31,1.57,1.37.31,2.8.36,4.12.89.1.07.2.13.28.2h.01c.34.09.43.4.44.8.01,0,.01,0,.01.02,0,.06.02.12.02.19.07,1.82.06,3.62.01,5.43-.01.18-.03.33-.07.46h0c-.14.39-.46.59-1.03.59-7.89-.03-15.79,0-23.69-.02-.15,0-.25-.08-.38-.13v-7.07c.89-.95,2.16-.86,3.29-1.1,2.97-.67,2.83-.3,2.83-3.48V26.53c0-3.01.19-2.81-2.76-3.39-.7-.14-1.42-.29-2.13-.45-.49-.11-.97-.25-1.23-.74v-7.07c7.86,0,15.72.02,23.58-.03,1.11,0,1.37.32,1.32,1.36-.09,1.57-.03,3.16-.03,4.75,0,.45.09.92-.38,1.22.15.01.27,0,.36-.04-.05.05-.09.1-.15.15-1.32.67-2.8.72-4.21,1.01-1.08.24-1.54.74-1.53,1.85.02,4.58.02,9.15,0,13.74,0,1.06.45,1.42,1.47,1.41,6.9-.01,13.81-.01,20.72.01,1.11,0,1.53-.42,1.52-1.52-.03-4.53-.03-9.07,0-13.6.01-1.19-.5-1.69-1.62-1.9-1.38-.27-2.8-.35-4.09-.98-.07-.05-.13-.11-.17-.17.08.03.2.05.35.04-.47-.31-.36-.79-.36-1.23,0-1.58.06-3.17-.02-4.75-.07-1.04.21-1.36,1.31-1.35,7.85.05,15.71.03,23.56.03v7.07Z",
        }),
      )),
        (r.postHeadingEffect = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M14.53,0H1.47C.65,0,0,.65,0,1.46v13.08c0,.81.65,1.46,1.47,1.46h13.08c.8,0,1.45-.65,1.45-1.46V1.46c0-.81-.67-1.46-1.47-1.46ZM10.14,4.89c.3-.3.59-.57.91-.83.16-.15.36-.18.55-.09.2.06.26.21.29.41,0,.12-.06.27-.19.36-.29.27-.58.53-.88.77-.25.24-.55.27-.77.06-.2-.21-.16-.45.09-.68ZM7.49,3.05c0-.24.23-.42.48-.42.26-.03.49.15.49.42.03.21.03.44.03.65v.59c-.03.3-.22.48-.48.51-.29,0-.52-.21-.52-.48v-1.27ZM4.22,4.06c.16-.18.42-.24.61-.06.39.32.78.68,1.14,1.04.06.05.06.11.06.2,0,.18-.1.33-.29.42-.19.09-.36.06-.52-.06-.35-.33-.71-.62-1.03-.95-.17-.18-.13-.42.03-.59ZM11.95,13.36h-3.03c-.1,0-.16,0-.18-.08-.02,0-.02-.04-.02-.09.02-.21-.02-.41,0-.6,0-.02,0-.03.02-.07.04-.06.1-.08.18-.1.15-.01.27-.07.41-.09.14-.02.18-.07.18-.2v-1.53c0-.17-.02-.17-.22-.17h-2.62c-.12,0-.18.04-.18.15v1.57c0,.13.06.16.18.18.16.04.34.08.51.11h.04s.04.04.04.1v.69s-.04.09-.1.09h-3.03s-.06-.02-.08-.02v-.84c.12-.13.26-.11.42-.15.37-.07.35-.02.35-.37v-4.32c0-.37.02-.35-.33-.41-.08,0-.18-.03-.28-.05-.04,0-.12-.02-.16-.1v-.83h3c.17,0,.21.03.19.14-.02.21,0,.4,0,.58,0,.06.02.09-.06.17h.04c-.17.09-.35.09-.55.11-.14.04-.2.11-.2.22v1.64c0,.13.06.17.2.17h2.62c.16,0,.2-.04.2-.19v-1.62c0-.11-.06-.2-.2-.22-.16-.02-.34-.02-.51-.09,0,0-.04-.13-.04-.19v-.58c0-.09.02-.14.16-.13h3.03v.82c-.08.13-.2.12-.3.13-.49.08-.45,0-.45.49v4.3s.04.48.41.37v.02c.14.04.26.05.36.13v.86Z",
          }),
        )),
        (r.postBlock = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("defs", null),
          (0, a.createElement)("path", {
            d: "M301.19,296.6H267.34a4.63,4.63,0,0,0-4.61,4.62v33.84a4.63,4.63,0,0,0,4.61,4.62h33.85a4.63,4.63,0,0,0,4.62-4.62V301.22A4.63,4.63,0,0,0,301.19,296.6Zm-26.71,3.91a3.39,3.39,0,0,1,3.41,3.35,3.41,3.41,0,0,1-6.82.09A3.38,3.38,0,0,1,274.48,300.51Zm4.09,35.26h-7.31v-1.92h7.31Zm8.85-4.61H271.26V330h16.16Zm10-2.31H271.26v-1.16h26.16Zm0-2.31H271.26v-1.15h26.16Zm0-3.08H271.26v-1.92h26.16Zm-26.1-5.38c2.87-3,5.62-5.89,8.48-8.87l2.77,3.11,5.64-8,9.26,13.73ZM253.11,296.6H219.27a4.63,4.63,0,0,0-4.62,4.62v33.84a4.63,4.63,0,0,0,4.62,4.62h33.84a4.63,4.63,0,0,0,4.62-4.62V301.22A4.63,4.63,0,0,0,253.11,296.6Zm-26.71,3.91a3.39,3.39,0,0,1,3.41,3.35A3.41,3.41,0,0,1,223,304,3.39,3.39,0,0,1,226.4,300.51Zm4.09,35.26h-7.31v-1.92h7.31Zm8.85-4.61H223.18V330h16.16Zm10-2.31H223.18v-1.16h26.16Zm0-2.31H223.18v-1.15h26.16Zm0-3.08H223.18v-1.92h26.16Zm-26.1-5.38,8.48-8.87,2.78,3.11,5.63-8,9.26,13.73Zm29.87,25.44H219.27a4.63,4.63,0,0,0-4.62,4.62V382a4.63,4.63,0,0,0,4.62,4.61h33.84a4.63,4.63,0,0,0,4.62-4.61V348.14A4.63,4.63,0,0,0,253.11,343.52Zm-26.71,3.91a3.39,3.39,0,0,1,3.41,3.36,3.41,3.41,0,0,1-6.82.08A3.4,3.4,0,0,1,226.4,347.43Zm4.09,35.26h-7.31v-1.92h7.31Zm8.85-4.61H223.18v-1.15h16.16Zm10-2.31H223.18v-1.15h26.16Zm0-2.31H223.18v-1.15h26.16Zm0-3.07H223.18v-1.93h26.16ZM223.24,365l8.48-8.87,2.78,3.11,5.63-8L249.39,365Zm77.95-21.48H267.34a4.63,4.63,0,0,0-4.61,4.62V382a4.63,4.63,0,0,0,4.61,4.61h33.85a4.63,4.63,0,0,0,4.62-4.61V348.14A4.63,4.63,0,0,0,301.19,343.52Zm-26.71,3.91a3.39,3.39,0,0,1,3.41,3.36,3.41,3.41,0,0,1-6.82.08A3.39,3.39,0,0,1,274.48,347.43Zm4.09,35.26h-7.31v-1.92h7.31Zm8.85-4.61H271.26v-1.15h16.16Zm10-2.31H271.26v-1.15h26.16Zm0-2.31H271.26v-1.15h26.16Zm0-3.07H271.26v-1.93h26.16ZM271.32,365l8.48-8.87,2.77,3.11,5.64-8L297.47,365Z",
            transform: "translate(-214.65 -296.6)",
          }),
        )),
        (r.postInteractive = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 69.9 69.02" },
          (0, a.createElement)("path", {
            d: "M63.34,0H6.56C2.93,0,0,2.93,0,6.56v55.9c0,3.63,2.93,6.56,6.56,6.56h56.78c3.63,0,6.56-2.93,6.56-6.56V6.56c0-3.63-2.93-6.56-6.56-6.56ZM57.63,14.74c1.27-.52,2.54-1.03,3.8-1.54.38-.15.73-.15,1.02.15.23.24.28.54.16.85-.11.26-.31.4-.56.5-1.27.51-2.53,1.03-3.81,1.54-.58.23-1.01.08-1.2-.39-.19-.46.02-.88.59-1.11ZM52.4,10.19c.52-1.26,1.06-2.52,1.6-3.78.2-.48.56-.72,1.09-.55.47.15.63.64.41,1.19-.26.65-.54,1.28-.81,1.92-.26.62-.52,1.25-.79,1.86-.27.58-.66.76-1.13.56-.48-.21-.62-.61-.37-1.2ZM44.1,5.88c.25-.23.53-.28.84-.16.27.1.41.31.51.56.52,1.29,1.04,2.57,1.56,3.86.2.5.09.92-.42,1.13-.51.22-.88-.03-1.08-.52-.53-1.31-1.06-2.61-1.58-3.92-.14-.35-.12-.68.17-.95ZM43.56,30.59c.56-1.32,1.12-2.63,1.68-3.95.21-.48.59-.62,1.06-.47.44.14.6.63.4,1.14-.27.66-.56,1.32-.84,1.98,0,0,0-.01-.01-.01-.27.64-.54,1.28-.81,1.92-.22.5-.58.71-1.09.48-.49-.22-.58-.62-.39-1.09ZM36.65,13.2c.24-.53.67-.57,1.14-.37,1.28.53,2.56,1.08,3.84,1.62.48.21.7.58.53,1.1-.15.45-.65.61-1.2.39-.63-.25-1.24-.53-1.86-.79-.64-.27-1.28-.53-1.92-.81-.56-.26-.75-.66-.53-1.14ZM37.06,22.87c1.28-.53,2.57-1.05,3.85-1.57.36-.15.7-.08.97.18.23.23.29.53.16.82-.11.29-.31.43-.57.53-1.27.51-2.53,1.02-3.8,1.53-.6.23-1,.1-1.2-.38-.19-.47,0-.87.59-1.11ZM18.91,14.02l6.06,11.18,2.94-3.45,6.14,6.14-1.36,1.37-4.67-4.67-3.4,4-5.88-10.83-7.5,11.34-1.6-1.06,9.27-14.02ZM20.16,57.53h-10.52v-2.81h10.52v2.81ZM32.44,50.85H9.64v-1.75h22.8v1.75ZM46.83,47.7H9.64v-1.75h37.19v1.75ZM46.83,44.19H9.64v-1.75h37.19v1.75ZM46.83,39.98H9.64v-2.8h37.19v2.8ZM68.37,24.53c-1.81.59-3.61,1.18-5.54,1.8v1.02c1.91,2.12,3.71,4.14,5.55,6.13.48.53.52.82-.06,1.31-1.33,1.12-2.62,2.27-3.86,3.47-.49.48-.75.4-1.17-.08-.15-.17-.3-.35-.46-.52-1.37-1.55-2.76-3.08-4.14-4.62-.37-.42-.74-.85-1.12-1.26-.5-.57-.67-.5-.94.16-.75,1.78-1.54,3.55-2.33,5.32-.14.32-.22.74-.69.67-.39-.06-.38-.47-.46-.75-2.08-7.15-4.15-14.29-6.22-21.43-.08-.3-.29-.63.01-.9.3-.27.61-.04.89.07,3.62,1.48,7.23,2.94,10.86,4.43,1.38.56,2.76,1.13,4.14,1.69,1.89.77,3.77,1.54,5.66,2.32.3.11.77.13.7.63-.07.44-.5.44-.82.54Z",
          }),
        )),
        (r.postGroup = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 90 90" },
          (0, a.createElement)("path", {
            d: "M306.4,307.3H235.69a9.67,9.67,0,0,0-9.64,9.64v70.72a9.67,9.67,0,0,0,9.64,9.64H306.4a9.67,9.67,0,0,0,9.65-9.64V316.94A9.67,9.67,0,0,0,306.4,307.3Zm-55.8,8.16a7.07,7.07,0,0,1,7.11,7,7.12,7.12,0,0,1-14.24.17A7.08,7.08,0,0,1,250.6,315.46Zm-3.66,72.14a3.22,3.22,0,1,1,3.21-3.22A3.22,3.22,0,0,1,246.94,387.6Zm0-10.45a3.22,3.22,0,1,1,3.21-3.21A3.21,3.21,0,0,1,246.94,377.15Zm0-10.45a3.22,3.22,0,1,1,3.21-3.21A3.21,3.21,0,0,1,246.94,366.7Zm51.43,19.69h-43.8v-4h43.8Zm0-10.45h-43.8v-4h43.8Zm0-10.44h-43.8v-4h43.8ZM244,352.18l17.7-18.54,5.81,6.5,11.78-16.65,19.34,28.69Z",
            transform: "translate(-226.05 -307.3)",
          }),
        )),
        (r.postList = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M4.24,12.09c-.06.06-.11.09-.19.09-.35-.01-.7-.01-1.04-.01-.02-.02-.01-.03,0-.04.29-.3.56-.61.86-.9.37-.38.88-.41,1.3-.08-.35.28-.62.63-.93.94ZM6.16,11.28c-.31-.25-.73-.22-1.02.05-.27.26-.53.54-.8.84h2.73c-.32-.31-.58-.64-.91-.89ZM4.34,10.56c.21,0,.38-.18.38-.39s-.17-.39-.38-.39-.39.18-.39.39.17.39.39.39ZM6.16,5.31c-.31-.25-.73-.22-1.02.05-.27.26-.53.54-.8.84h2.73c-.32-.31-.58-.64-.91-.89ZM4.34,4.58c.21,0,.38-.17.38-.38s-.17-.39-.38-.39-.39.17-.39.39.17.38.39.38ZM16,1.46v13.08c0,.81-.65,1.46-1.45,1.46H1.47C.65,16,0,15.35,0,14.54V1.46C0,.65.65,0,1.47,0h13.06c.8,0,1.47.65,1.47,1.46ZM7.72,9.04c0-.33-.27-.6-.59-.6h-3.91c-.32,0-.59.27-.59.6v3.9c0,.33.27.59.59.59h3.91c.32,0,.59-.26.59-.59v-3.9ZM7.72,3.07c0-.33-.27-.6-.59-.6h-3.91c-.32,0-.59.27-.59.6v3.9c0,.33.27.59.59.59h3.91c.32,0,.59-.26.59-.59v-3.9ZM13.36,10.92c-.03-.28-.13-.5-.27-.5h-4.36c-.17,0-.29.21-.29.54,0,.35.1.56.27.56.04.03.05.03.08.03,1.39,0,2.81,0,4.22-.03.03,0,.08.03.13,0,.12-.1.22-.32.22-.6ZM13.36,4.95c-.03-.28-.13-.5-.27-.5h-4.36c-.17,0-.29.21-.29.54,0,.35.1.56.27.56.04.03.05.03.08.03,1.39,0,2.81,0,4.22-.03.03,0,.08.03.13,0,.12-.1.22-.32.22-.6ZM5.17,5.18c-.42-.33-.93-.3-1.3.08-.3.29-.57.6-.86.9-.01.01-.02.02,0,.04.34,0,.69,0,1.04,0,.08,0,.13-.03.19-.09.31-.31.58-.66.93-.94Z",
          }),
        )),
        (r.advancedButton = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M12.04,5.74c0,.7-.56,1.26-1.26,1.26-.7.01-1.28-.56-1.28-1.26s.57-1.28,1.27-1.28,1.27.57,1.27,1.28ZM16,1.46v13.08c0,.81-.65,1.46-1.45,1.46H1.47C.65,16,0,15.35,0,14.54V1.46C0,.65.65,0,1.47,0h13.06c.8,0,1.47.65,1.47,1.46ZM12.12,8.45s-.06.03-.09.04c-.09.04-.21.07-.33.07-.14,0-.36-.05-.56-.28-.09-.1-.22-.16-.36-.16-.12,0-.23.04-.33.12-.21.23-.4.32-.61.32-.11,0-.21-.02-.32-.07-.18-.08-.36-.18-.52-.3-.27-.21-.36-.53-.26-.84.05-.14.04-.25-.01-.38-.07-.16-.18-.25-.38-.28-.34-.08-.55-.31-.6-.65-.01-.22-.01-.39,0-.57.05-.38.26-.61.6-.68.26-.06.42-.23.42-.48H2.52v8.03h9.6v-3.89ZM13.29,5.49c-.01-.13-.08-.19-.2-.21-.62-.13-.96-.72-.76-1.33.01-.02.02-.05.02-.08,0-.09-.03-.15-.11-.19-.12-.1-.28-.19-.43-.25-.1-.05-.2-.03-.28.06-.42.48-1.09.48-1.52,0-.09-.09-.17-.11-.3-.05-.14.06-.27.14-.4.23-.1.07-.14.16-.09.28.02.09.04.18.05.26v.1c-.01.49-.32.86-.81.97-.14.03-.19.08-.21.23-.01.15-.01.3,0,.46.02.13.07.2.2.23.35.06.6.25.75.58.09.24.1.48.02.73-.04.11,0,.21.07.28.14.09.29.18.44.24.11.05.2.03.28-.05.04-.05.07-.09.11-.12.43-.36,1.04-.31,1.4.1.1.11.19.13.32.07.1-.04.19-.1.28-.16.04-.02.06-.05.1-.07.13-.08.16-.17.11-.31-.06-.14-.08-.29-.05-.44.07-.45.36-.77.81-.86.12-.02.19-.09.2-.21.01-.17.01-.33,0-.49ZM4.13,9.92h6.38v-.93h-6.38v.93Z",
          }),
        )),
        (r.noticeBox = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M14.54,0H1.46C.66,0,0,.66,0,1.48v13.04c0,.82.66,1.48,1.46,1.48h13.08c.81,0,1.46-.66,1.46-1.48V1.48c0-.82-.65-1.48-1.46-1.48ZM13.4,12.03c0,.72-.36,1.3-.81,1.3H3.38c-.45,0-.81-.58-.81-1.3V3.97c0-.72.36-1.3.81-1.3h9.21c.45,0,.81.58.81,1.3v8.06ZM4.97,9.75c.13.12.19.27.19.46,0,.16-.06.31-.18.43-.09.08-.18.14-.28.16-.05.01-.1.02-.15.02-.17,0-.32-.06-.44-.18-.12-.12-.18-.27-.18-.43,0-.17.06-.34.18-.44t.02,0c.07-.07.15-.12.24-.14.12-.04.24-.04.35-.01.09.02.18.07.25.14ZM5.04,5.37c.14.12.22.32.22.55,0,.07-.02.16-.04.25l-.37,2.83h-.62s-.06-.44-.06-.44l-.32-2.4s0-.06-.01-.08c-.01-.1-.02-.16-.02-.18,0-.23.08-.41.23-.54.18-.16.43-.22.65-.17.13.03.24.09.34.17h0ZM12.19,5.68c0,.14-.02.26-.06.36-.03.11-.09.19-.15.24h-.01s-.02.01-.03.01c-.02,0-.04-.01-.05-.01h-.02c-1.19.03-2.37.03-3.55.03h-.31s-.03,0-.07-.03c-.1,0-.18-.09-.21-.24-.03-.09-.04-.19-.04-.32,0-.33.11-.54.27-.54h3.98c.13,0,.22.22.25.5ZM12.02,7.47c.09.07.15.25.17.46,0,.15-.03.28-.07.39-.04.09-.08.17-.14.22-.04.02-.07,0-.1,0h-.01c-1.19.02-2.37.02-3.55.02h-.31s-.03,0-.07-.02c-.1,0-.17-.08-.21-.22-.03-.09-.04-.2-.04-.34,0-.28.07-.46.19-.51.02-.02.05-.03.08-.03h3.98s.05.01.08.03ZM9.84,9.75c.04.08.06.25.07.44,0,.28-.04.5-.1.6h-.01s-.02.01-.03.01c-.32.01-.65.02-.97.01-.22.01-.43.01-.65.01h-.3s-.02,0-.03-.03c-.08,0-.13-.21-.13-.56,0-.23.03-.4.07-.48.02-.04.04-.06.07-.06h1.96s.04.02.05.06Z",
          }),
        )),
        (r.postSlider = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 125.45 90" },
          (0, a.createElement)("path", {
            d: "M217.83,343.6c.09-.46.13-.93.19-1.39v-1.42c0-.07,0-.13,0-.2a11.16,11.16,0,0,0-1.38-4.76,11.86,11.86,0,0,0-10.15-6.39,11.19,11.19,0,0,0-6.66,1.69,11.84,11.84,0,0,0-5.9,9.86,11.16,11.16,0,0,0,1.4,6.17,11.86,11.86,0,0,0,8.55,6.22c.46.09.93.13,1.4.19h1.41l.19,0a11.09,11.09,0,0,0,4.23-1.1A11.93,11.93,0,0,0,217.83,343.6Zm-7.89,4.18-1.2,1.2-.61-.62L202,342.22a.85.85,0,0,1-.34-.83,1.44,1.44,0,0,1,.35-.61c2.19-2.21,4.4-4.41,6.6-6.61a1.29,1.29,0,0,1,.17-.16l1.24,1.23-6.31,6.31Zm81.5-3.49c-.11-.61-.16-1.23-.24-1.85v-1.88c0-.1,0-.19.05-.28a14.67,14.67,0,0,1,1.83-6.31,15.91,15.91,0,0,1,7.57-7.11V306.14A9.67,9.67,0,0,0,291,296.5H220.29a9.66,9.66,0,0,0-9.64,9.64v19.62a15.63,15.63,0,0,1,9.5,7.81,14.72,14.72,0,0,1,1.83,6.32,2.61,2.61,0,0,0,.06.27V342c-.08.61-.14,1.24-.25,1.85a15.84,15.84,0,0,1-9,11.73,13.53,13.53,0,0,1-2.15.85v20.38a9.67,9.67,0,0,0,9.64,9.65H291a9.68,9.68,0,0,0,9.65-9.65V356.11l-.21-.09A15.87,15.87,0,0,1,291.44,344.29Zm-56.25-39.64a7.08,7.08,0,0,1,7.12,7,7.12,7.12,0,0,1-14.24.17A7.07,7.07,0,0,1,235.19,304.65Zm8.55,73.68H228.47v-4h15.27Zm18.48-9.64H228.47v-2.41h33.75Zm20.89-4.82H228.47v-2.41h54.64Zm0-4.82H228.47v-2.41h54.64Zm0-6.43H228.47v-4h54.64ZM228.6,341.37l17.7-18.53,5.8,6.49c4.12-5.81,7.87-11.12,11.78-16.65,6.48,9.6,12.84,19.05,19.34,28.69Zm90.7-.38a11.83,11.83,0,0,0-5.91-9.86,11.18,11.18,0,0,0-6.66-1.69,11.86,11.86,0,0,0-10.14,6.39,11,11,0,0,0-1.38,4.76c0,.07,0,.13,0,.2v1.42c.06.46.1.93.19,1.39a11.93,11.93,0,0,0,6.76,8.83,11.09,11.09,0,0,0,4.23,1.1l.18,0H308c.47-.06.94-.1,1.4-.19a11.86,11.86,0,0,0,8.55-6.22A11.25,11.25,0,0,0,319.3,341Zm-8.11,1.23q-3.07,3.06-6.14,6.14l-.6.62-1.2-1.2,6.23-6.23-6.31-6.31,1.24-1.23.17.16,6.6,6.61a1.44,1.44,0,0,1,.35.61A.85.85,0,0,1,311.19,342.22Z",
            transform: "translate(-193.87 -296.5)",
          }),
        )),
        (r.postTrisect = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 137.92 90" },
          (0, a.createElement)("path", {
            d: "M319.68,296.5H286.05a4.59,4.59,0,0,0-4.58,4.58v33.63a4.59,4.59,0,0,0,4.58,4.59h33.63a4.6,4.6,0,0,0,4.59-4.59V301.08A4.59,4.59,0,0,0,319.68,296.5Zm-26.54,3.88a3.37,3.37,0,0,1,3.39,3.33,3.39,3.39,0,0,1-6.78.09A3.37,3.37,0,0,1,293.14,300.38Zm4.07,35H290v-1.91h7.26Zm8.79-4.59H290v-1.14H306Zm9.93-2.29H290v-1.15h26Zm0-2.29H290V325.1h26Zm0-3.06H290v-1.91h26ZM290,317.84c2.84-3,5.58-5.85,8.42-8.81l2.75,3.08,5.61-7.91,9.2,13.64Zm29.67,25.79H286.05a4.6,4.6,0,0,0-4.58,4.59v33.63a4.59,4.59,0,0,0,4.58,4.58h33.63a4.59,4.59,0,0,0,4.59-4.58V348.22A4.6,4.6,0,0,0,319.68,343.63Zm-26.54,3.88a3.37,3.37,0,0,1,3.39,3.34,3.39,3.39,0,0,1-6.78.08A3.37,3.37,0,0,1,293.14,347.51Zm4.07,35H290v-1.91h7.26ZM306,378H290v-1.15H306Zm9.93-2.3H290v-1.14h26Zm0-2.29H290v-1.15h26Zm0-3.06H290v-1.91h26ZM290,365l8.42-8.81,2.75,3.09,5.61-7.92c3.08,4.57,6.1,9.06,9.2,13.64Zm-23.3-68.47H196a9.67,9.67,0,0,0-9.64,9.64v70.71A9.67,9.67,0,0,0,196,386.5h70.72a9.67,9.67,0,0,0,9.64-9.65V306.14A9.67,9.67,0,0,0,266.71,296.5Zm-55.81,8.16a7.08,7.08,0,0,1,7.12,7,7.13,7.13,0,0,1-14.25.17A7.08,7.08,0,0,1,210.9,304.66Zm8.55,73.68H204.18v-4h15.27Zm18.48-9.65H204.18v-2.41h33.75Zm20.89-4.82H204.18v-2.41h54.64Zm0-4.82H204.18v-2.41h54.64Zm0-6.43H204.18v-4h54.64ZM204.3,341.37,222,322.84l5.8,6.49,11.78-16.65,19.34,28.69Z",
            transform: "translate(-186.35 -296.5)",
          }),
        )),
        (r.editorialRating = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM55.48,26.19c.04-.08.1-.15.16-.21l5.56-5.56c.22-.22.48-.35.75-.33.46,0,.76.19.95.54.2.35.18.71-.02,1.05-.09.13-.21.25-.31.36-1.77,1.77-3.54,3.54-5.3,5.3-.11.11-.23.22-.36.3-.44.28-.94.22-1.3-.15-.36-.36-.41-.87-.13-1.3ZM45.6,16.19c.59,0,1.06.52,1.03,1.11-.02.57-.52,1.01-1.08,1-.58-.01-1.05-.53-1.03-1.1.04-.57.53-1.02,1.08-1.01ZM44.52,22.07c0-.67.47-1.14,1.08-1.12.58.01,1.02.47,1.02,1.11.02.67.01,1.34.01,2.01,0,.61,0,1.23-.01,1.84,0,.67-.46,1.14-1.07,1.12-.59,0-1.03-.47-1.03-1.11-.02-1.28-.02-2.57,0-3.85ZM28.22,20.69c.19-.42.52-.6,1.07-.61.22-.01.47.15.69.37,1.82,1.83,3.66,3.65,5.48,5.48.5.5.51,1.11.08,1.56-.44.45-1.06.45-1.58-.07-1.83-1.82-3.66-3.65-5.49-5.48-.35-.36-.46-.78-.25-1.25ZM66.61,48.15c-3.28,2.37-6.56,4.76-9.87,7.14-1.23.9-1.42,1.48-.95,2.95,1.29,3.95,2.57,7.88,3.86,11.83.15.46.34.9.18,1.4-.33,1.01-1.45,1.27-2.46.55-2.66-1.94-5.29-3.89-7.95-5.81-.82-.62-1.65-1.24-2.51-1.82-.99-.71-1.71-.71-2.73.03-3.43,2.5-6.88,5.01-10.29,7.5-.43.31-.84.63-1.4.53-.95-.15-1.42-.99-1.08-2.06,1.27-3.91,2.54-7.81,3.83-11.73.66-2.01.54-2.38-1.2-3.64-3.21-2.32-6.42-4.64-9.64-6.94-.71-.52-1.37-1.04-1.03-2.04.32-1.02,1.21-.99,2.07-.99,2.02.01,4.06.01,6.1.01s4.24,0,6.39-.01c1.3,0,1.83-.4,2.24-1.66,1.29-4,2.59-8.01,3.89-12,.21-.63.43-1.24,1.15-1.43.84-.21,1.51.28,1.86,1.39,1.26,3.84,2.5,7.68,3.74,11.54.61,1.92.95,2.17,2.96,2.17h11.9c.87-.01,1.81-.06,2.12,1.02.33,1.08-.45,1.54-1.18,2.07Z",
          }),
        )),
        (r.progressBar = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            class: "cls-1",
            d: "M19.94,33.03v-5.25c.02-1.83,1.07-2.87,2.91-2.88,8.68,0,17.35,0,26.03-.01.57,0,.75.12.75.74-.04,3.25-.03,6.5,0,9.74,0,.54-.15.66-.67.66-4.42-.02-8.85-.01-13.28-.01h-12.75c-2.01,0-2.97-.98-2.99-2.99Z",
          }),
          (0, a.createElement)("path", {
            class: "cls-1",
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM14.83,25.33c0-3.33,2.21-5.55,5.54-5.55h50.42c3.33,0,5.53,2.22,5.53,5.56.01,3.43.01,6.85,0,10.28,0,3.34-2.18,5.52-5.54,5.53h-25.21c-8.33,0-16.66-.06-24.97.02-3.51.05-5.9-2.5-5.8-5.79.1-3.35.02-6.7.03-10.05ZM76.32,64.59c0,3.44-2.18,5.62-5.62,5.62-16.74,0-33.51,0-50.25,0-3.43,0-5.62-2.18-5.62-5.62s-.01-6.8,0-10.21c0-3.34,2.18-5.53,5.54-5.53h25.2c8.34,0,16.67.07,24.98-.03,3.53-.04,5.9,2.51,5.8,5.79-.1,3.33-.02,6.65-.03,9.98ZM33.19,53.97c-1.77.03-3.55.01-5.33.01-1.67,0-3.35-.01-5.03,0-1.86,0-2.87,1-2.89,2.85v5.41c.02,1.79,1.07,2.85,2.84,2.85,3.48,0,6.96-.01,10.44,0,.53.02.65-.15.65-.66-.03-3.28-.03-6.55,0-9.83,0-.55-.18-.65-.68-.64Z",
          }),
        )),
        (r.progressCircle = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            class: "cls-1",
            d: "M56.1,47.49c0,.37-.2.59-.59.61-.4-.02-.59-.26-.59-.61s.22-.6.61-.6c.37,0,.58.25.57.6ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM91.15,8.3v73.4c0,4.58-3.72,8.3-8.3,8.3H8.3c-4.58,0-8.3-3.72-8.3-8.3V8.3C0,3.72,3.72,0,8.3,0h74.55c4.58,0,8.3,3.72,8.3,8.3ZM55.47,45.52c-1.05.04-1.87.9-1.86,1.97,0,1.1.82,1.94,1.94,1.92,1.06-.02,1.86-.86,1.86-1.92s-.9-1.99-1.94-1.97ZM54.38,41.47c-1.27,2.15-2.48,4.3-3.73,6.47-.12.22-.22.47-.3.65-.05.39.04.66.35.84.28.19.59.13.82-.1.16-.16.3-.37.43-.57,1.23-2.17,2.51-4.36,3.73-6.56.3-.49.91-1.1.14-1.59-.84-.52-1.14.35-1.44.86ZM50.93,40.55c-1.05.02-1.82.81-1.82,1.94s.77,1.91,1.85,1.91c1.07.02,1.87-.8,1.89-1.89.04-1.08-.84-1.96-1.92-1.96ZM76.53,45c0-2.49-2.02-4.5-4.5-4.5s-4.5,2.01-4.5,4.5c0,12.1-9.85,21.95-21.95,21.95s-21.96-9.85-21.96-21.95,9.85-21.95,21.96-21.95c2.48,0,4.5-2.02,4.5-4.5s-2.02-4.5-4.5-4.5c-17.07,0-30.96,13.88-30.96,30.95s13.89,30.95,30.96,30.95,30.95-13.88,30.95-30.95ZM44.66,40.78c-4.07-.08-4.06,8.52,0,8.44,4.07.07,4.08-8.52,0-8.44ZM39.09,42.49l-3.18,6.63h1.92c.42-1.06,3.77-7.03,3.17-8.18h-5.49v1.55h3.58ZM44.66,42.4c1.5-.36,1.5,5.56,0,5.2-1.49.36-1.49-5.56,0-5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM44.66,47.6c-1.49.36-1.49-5.56,0-5.2,1.5-.36,1.5,5.56,0,5.2ZM50.96,41.9c-.39,0-.55.26-.6.61.09.37.29.62.68.58.37-.05.57-.29.54-.68-.04-.33-.28-.53-.62-.51Z",
          }),
        )),
        (r.imageComparison = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M23.77,61.9l15.73-17.03v17.03h-15.73ZM91.15,8.3v73.4c0,4.58-3.72,8.3-8.3,8.3H8.3c-4.58,0-8.3-3.72-8.3-8.3V8.3C0,3.72,3.72,0,8.3,0h74.55c4.58,0,8.3,3.72,8.3,8.3ZM45.6,75.08c-.04-10.03-.03-20.06-.03-30.09v-11.96c0-6.08,0-12.17.01-18.25,0-.46-.04-.7-.73-.68-1.78.05-3.57.03-5.36,0-.51,0-.68.11-.67.55.04,1.49-.02,2.97.03,4.46.02.54-.19.63-.78.63-5.21-.01-10.41-.01-15.61-.01-4.32,0-7.16,2.36-7.16,5.95v38.69c0,3.41,2.9,5.82,7,5.82,5.28,0,10.56,0,15.85-.01.52,0,.71.07.7.55-.04,1.52.01,3.03-.03,4.54,0,.44.16.55.67.54,1.74-.03,3.47-.04,5.21.01.71.01.9-.14.9-.74ZM75.85,25.19c0-2.96-3-5.43-6.56-5.45-5.46-.03-10.93,0-16.39-.02-.51,0-.6.13-.59.52.02,1.49.03,2.98-.01,4.46-.01.51.14.66.78.66,5.09-.02,10.19,0,15.29-.03.64,0,.76.16.76.66-.02,11.67-.02,23.34-.02,35,0,.21.07.43-.11.66-5.54-5.53-11.04-11.04-16.62-16.62-.04.17-.05.19-.05.21-.01,8.16-.01,16.33-.02,24.5-.01.39.16.45.58.45,5.49-.01,10.98.02,16.47-.02,3.51-.02,6.48-2.51,6.49-5.44.02-13.18.02-26.36,0-39.54ZM23.77,61.9h15.73v-17.03l-15.73,17.03ZM23.77,61.9h15.73v-17.03l-15.73,17.03Z",
          }),
        )),
        (r.imageSlider = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M14.5,0H1.51C.68,0,0,.68,0,1.52v12.96c0,.84.67,1.52,1.5,1.52h12.99c.83,0,1.5-.68,1.5-1.52V1.52C16,.68,15.33,0,14.5,0ZM13.3,12.63c0,.47-.38.85-.85.85H3.42c-.47,0-.85-.38-.85-.85v-1.03c0-.48.38-.86.85-.86h9.03c.47,0,.85.38.85.86v1.03ZM13.3,9.64c0,.43-.09.52-.51.52h-4.79c-1.61,0-3.21.01-4.81,0-.37,0-.48-.11-.48-.48h-.01V3.03c0-.36.13-.48.49-.48h9.62c.38,0,.49.13.49.5v6.59ZM12.35,3.1H3.88c-.59,0-.64.05-.64.64v4.94c.08-.09.13-.14.18-.19.86-1.02,1.72-2.03,2.59-3.05.16-.18.31-.19.47,0,.78.86,1.56,1.72,2.33,2.58.07.08.12.1.22.03.47-.37.96-.72,1.43-1.08.14-.1.27-.12.4,0,.57.53,1.15,1.06,1.72,1.59.01,0,.02,0,.02.02.01.01.02.01.02.02.01.01.02.01.02.02l.03.03s.07.04.12.04v-4.35c0-.27,0-.54-.01-.8,0-.31-.12-.43-.43-.43ZM8.89,5.91c-.5,0-.89-.4-.88-.89,0-.48.39-.87.89-.87s.88.4.88.88-.4.88-.89.88ZM3.86,11.95h1.71v.46s-.01.01-.02.01h-1.71s.02.01.02.02l.57.45s.01.01.02.01c.02.02.02.03,0,.05-.11.08-.21.16-.32.25,0,.01-.01.01-.02.01h-.01s0-.01-.02-.02c-.3-.24-.6-.47-.9-.71-.12-.09-.24-.19-.36-.29t0-.02c.31-.24.61-.48.91-.72.12-.1.24-.19.35-.29.02-.01.03-.01.04,0,.11.09.21.17.32.25.02.02.02.03,0,.04-.21.16-.41.33-.61.49.01.01.02.01.03.01ZM12.14,11.45c.3.24.6.48.9.72t0,.02c-.12.1-.24.2-.36.29-.3.24-.59.47-.89.71-.01.01-.02.01-.02.02h-.01s-.02,0-.02-.01c-.11-.09-.22-.17-.32-.25-.02-.02-.02-.03,0-.05,0,0,.01-.01.02-.01l.56-.45s.02,0,.02-.02h-1.7s-.02,0-.02-.01v-.46h1.71s.02,0,.03-.01c-.2-.16-.41-.33-.61-.49-.02-.01-.02-.02,0-.04.11-.08.21-.16.32-.25.01-.01.02-.01.03,0,.12.1.24.19.36.29ZM7.24,12.11c0,.2-.17.36-.37.36s-.36-.16-.36-.36.16-.36.36-.36.37.16.37.36ZM8.3,12.11c0,.2-.17.36-.37.36s-.36-.16-.36-.36.16-.36.36-.36.37.16.37.36ZM9.36,12.11c0,.2-.16.36-.37.36s-.36-.16-.36-.36.16-.36.36-.36c.21,0,.37.16.37.36Z",
          }),
        )),
        (r.teamMember = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM75.3,59.71c-4.18-.03-8.37-.02-12.56-.01-.45,0-.8-.01-1.03-.55-2.02-4.62-5.4-7.82-10.11-9.61-.12-.05-.22-.13-.44-.26,1.58-1,2.88-2.18,3.9-3.65.13-.2.44-.29.68-.38,9.4-3.54,19.98,3.5,20.44,13.56.03.72-.18.9-.88.9ZM14.98,58.72c.63-10.08,10.84-16.86,20.36-13.5.28.1.6.15.78.42.99,1.46,2.26,2.62,3.95,3.68-1.93.74-3.57,1.56-5.05,2.69-2.39,1.82-4.24,4.09-5.44,6.85-.29.67-.65.85-1.34.85-4.09-.03-8.18-.04-12.27,0-.77,0-1.05-.15-.99-.99ZM52.91,30.77c-.55-.47-.61-.81-.34-1.43,1.95-4.42,7.11-6.57,11.61-4.79,4.64,1.83,6.93,6.98,5.19,11.67-1.68,4.52-6.74,6.92-11.33,5.46-1.19-.38-1.39-1.03-1.12-1.96-.03-3.65-1.31-6.64-4.01-8.95ZM36.51,39.36c.01-5.07,4.08-9.09,9.18-9.06,4.95.03,8.97,4.12,8.96,9.09,0,5.02-4.08,9.08-9.09,9.06-5.04-.02-9.07-4.07-9.05-9.09ZM60.74,63.94q.26,2.12-1.9,2.12h-13.28c-4.76,0-9.52-.02-14.28.01-.78.01-1.03-.16-.99-.99.39-7.75,6.9-14.08,14.81-14.36,7.75-.27,14.69,5.59,15.64,13.22ZM26.23,24.88c1.27-.63,2.62-.95,4.06-.95,3.6,0,6.97,2.24,8.33,5.48.22.55.19.87-.29,1.28-2.99,2.58-4.36,5.86-4.01,9.81.06.72-.36.84-.83,1.02-4.49,1.7-9.58-.43-11.51-4.82-1.95-4.46-.09-9.64,4.25-11.82Z",
          }),
        )),
        (r.flipCard = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M7.75,10.57h-3.85c-.17,0-.3-.13-.3-.29v-2.84s.07.01.11.01c.29,0,.59,0,.88,0h1.22s.01.03.01.04c-.14.15-.28.3-.41.46-.14.17-.12.39.03.53.15.15.39.15.53,0,.35-.39.69-.78,1.03-1.17.12-.14.12-.33.01-.46-.35-.4-.69-.81-1.06-1.19-.19-.21-.53-.11-.62.17-.04.15,0,.27.1.38.14.16.27.31.42.49h-.26c-.62,0-1.24,0-1.87-.02-.04,0-.08.01-.12.01v-2.97c0-.16.13-.3.3-.3h3.85c.17,0,.3.14.3.3v6.55c0,.16-.13.29-.3.29ZM12.1,5.43h-3.18v4.85c0,.57-.42,1.02-.96,1.12v.87c0,.16.13.3.29.3h3.85c.17,0,.3-.14.3-.3v-2.89c-.5,0-1.01-.01-1.51-.01h-.26c.15.18.29.33.43.49.09.1.13.22.09.37-.09.28-.43.39-.62.18-.37-.39-.71-.79-1.05-1.19-.12-.13-.12-.33,0-.46.34-.39.68-.79,1.03-1.17.15-.16.38-.15.53-.01.15.14.17.36.03.53-.13.16-.27.31-.4.46v.05h1.73v-2.9c0-.16-.13-.29-.3-.29ZM16,1.48v13.04c0,.82-.65,1.48-1.46,1.48H1.46c-.8,0-1.46-.66-1.46-1.48V1.48C0,.66.66,0,1.46,0h13.08c.81,0,1.46.66,1.46,1.48ZM13.27,5.72c0-.64-.52-1.17-1.17-1.17h-3.18v-.82c0-.65-.52-1.17-1.17-1.17h-3.85c-.65,0-1.17.52-1.17,1.17v6.55c0,.64.52,1.16,1.17,1.16h3.18v.83c0,.65.53,1.17,1.17,1.17h3.85c.65,0,1.17-.52,1.17-1.17v-6.55Z",
          }),
        )),
        (r.instagramFeed = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M3.95,4.78c0-.81.65-1.46,1.46-1.46s1.46.65,1.46,1.46-.66,1.46-1.46,1.46-1.46-.65-1.46-1.46ZM7.22,7.58h-3.33c-.17,0-.3.13-.3.3v4.08c0,.16.13.3.3.3h3.33c.17,0,.3-.14.3-.3v-4.08c0-.17-.13-.3-.3-.3ZM10.48,5.17h-2.34v.86h2.34v-.86ZM12.05,3.85h-3.91v.87h3.91v-.87ZM12.11,7.58h-3.33c-.17,0-.3.13-.3.3v4.08c0,.16.13.3.3.3h3.33c.17,0,.3-.14.3-.3v-4.08c0-.17-.13-.3-.3-.3ZM16,1.48v13.04c0,.82-.65,1.48-1.46,1.48H1.46c-.8,0-1.46-.66-1.46-1.48V1.48C0,.66.66,0,1.46,0h13.08c.81,0,1.46.66,1.46,1.48ZM13.4,3.62c0-.58-.46-1.04-1.04-1.04H3.61c-.58,0-1.04.46-1.04,1.04v8.75c0,.58.46,1.04,1.04,1.04h8.75c.58,0,1.04-.46,1.04-1.04V3.62ZM5.41,6.24c.8,0,1.46-.65,1.46-1.46s-.66-1.46-1.46-1.46-1.46.65-1.46,1.46.65,1.46,1.46,1.46ZM7.22,7.58h-3.33c-.17,0-.3.13-.3.3v4.08c0,.16.13.3.3.3h3.33c.17,0,.3-.14.3-.3v-4.08c0-.17-.13-.3-.3-.3ZM10.48,5.17h-2.34v.86h2.34v-.86ZM12.05,3.85h-3.91v.87h3.91v-.87ZM12.11,7.58h-3.33c-.17,0-.3.13-.3.3v4.08c0,.16.13.3.3.3h3.33c.17,0,.3-.14.3-.3v-4.08c0-.17-.13-.3-.3-.3ZM5.41,3.32c-.81,0-1.46.65-1.46,1.46s.65,1.46,1.46,1.46,1.46-.65,1.46-1.46-.66-1.46-1.46-1.46ZM8.14,3.85v.87h3.91v-.87h-3.91ZM8.14,5.17v.86h2.34v-.86h-2.34ZM7.22,7.58h-3.33c-.17,0-.3.13-.3.3v4.08c0,.16.13.3.3.3h3.33c.17,0,.3-.14.3-.3v-4.08c0-.17-.13-.3-.3-.3ZM12.11,7.58h-3.33c-.17,0-.3.13-.3.3v4.08c0,.16.13.3.3.3h3.33c.17,0,.3-.14.3-.3v-4.08c0-.17-.13-.3-.3-.3Z",
          }),
        )),
        (r.accordionBlock = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M12.24,3.08l.55.56-1.26,1.26-1.18-1.19.55-.55.63.63.71-.71ZM12.79,7.53l-1.26,1.26-1.18-1.18.55-.55.63.63.71-.71.55.55ZM12.79,7.53l-1.26,1.26-1.18-1.18.55-.55.63.63.71-.71.55.55ZM16,1.48v13.04c0,.82-.65,1.48-1.46,1.48H1.46c-.8,0-1.46-.66-1.46-1.48V1.48C0,.66.66,0,1.46,0h13.08c.81,0,1.46.66,1.46,1.48ZM13.39,10.37H2.48v2.1c0,.4.33.72.73.72h9.45c.4,0,.73-.32.73-.72v-2.1ZM13.39,6.4H2.48v2.97h10.91v-2.97ZM13.39,3.31c0-.4-.33-.73-.73-.73H3.21c-.4,0-.73.33-.73.73v2.09h10.91v-2.09ZM11.53,8.79l-1.18-1.18.55-.55.63.63.71-.71.55.55-1.26,1.26ZM11.53,12.69l-1.18-1.19.55-.55.63.63.71-.71.55.56-1.26,1.26ZM12.24,3.08l-.71.71-.63-.63-.55.55,1.18,1.19,1.26-1.26-.55-.56ZM12.24,6.98l-.71.71-.63-.63-.55.55,1.18,1.18,1.26-1.26-.55-.55ZM12.24,10.87l-.71.71-.63-.63-.55.55,1.18,1.19,1.26-1.26-.55-.56ZM12.24,6.98l-.71.71-.63-.63-.55.55,1.18,1.18,1.26-1.26-.55-.55ZM12.24,10.87l-.71.71-.63-.63-.55.55,1.18,1.19,1.26-1.26-.55-.56ZM12.24,3.08l-.71.71-.63-.63-.55.55,1.18,1.19,1.26-1.26-.55-.56Z",
          }),
        )),
        (r.tabsBlock = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M8.4,3.87h-1.58c.1.26.08.51.08.77,0,.06,0,.07.07.07h1.77c.06,0,.08,0,.08-.07-.01-.12,0-.24,0-.36-.01-.23-.19-.41-.42-.41ZM11.11,3.87h-1.52c.09.26.06.51.07.77,0,.05,0,.07.06.07h1.77s.07,0,.07-.06v-.33c0-.27-.18-.45-.45-.45ZM12.05,5.56h-5.89c-.09,0-.11-.02-.11-.11.01-.38,0-.75,0-1.11,0-.3-.17-.47-.46-.47h-1.66c-.32,0-.49.16-.49.48v7.3c0,.32.17.48.48.48h8.14c.32,0,.48-.16.48-.48v-5.6c0-.33-.15-.49-.49-.49ZM8.65,10.52h-4.33v-1h4.33v1ZM11.68,8.29h-7.36v-1h7.36v1ZM12.05,5.56h-5.89c-.09,0-.11-.02-.11-.11.01-.38,0-.75,0-1.11,0-.3-.17-.47-.46-.47h-1.66c-.32,0-.49.16-.49.48v7.3c0,.32.17.48.48.48h8.14c.32,0,.48-.16.48-.48v-5.6c0-.33-.15-.49-.49-.49ZM8.65,10.52h-4.33v-1h4.33v1ZM11.68,8.29h-7.36v-1h7.36v1ZM9.72,4.71h1.77s.07,0,.07-.06v-.33c0-.27-.18-.45-.45-.45h-1.52c.09.26.06.51.07.77,0,.05,0,.07.06.07ZM6.97,4.71h1.77c.06,0,.08,0,.08-.07-.01-.12,0-.24,0-.36-.01-.23-.19-.41-.42-.41h-1.58c.1.26.08.51.08.77,0,.06,0,.07.07.07ZM14.54,0H1.46C.66,0,0,.66,0,1.48v13.04c0,.82.66,1.48,1.46,1.48h13.08c.81,0,1.46-.66,1.46-1.48V1.48c0-.82-.65-1.48-1.46-1.48ZM13.4,11.75c0,.56-.4,1.02-.83,1.17-.15.05-.3.09-.46.09-2.74-.01-5.49,0-8.23-.01-.55,0-.95-.28-1.2-.76-.05-.11-.05-.23-.08-.34v-7.8c.05-.47.32-.78.73-.99.16-.08.34-.12.53-.12h7.29c.69,0,1.28.59,1.28,1.29v.28q0,.14.14.2c.36.13.61.39.77.75.05.14.06.28.06.44,0,1.93-.01,3.87,0,5.8ZM12.05,5.56h-5.89c-.09,0-.11-.02-.11-.11.01-.38,0-.75,0-1.11,0-.3-.17-.47-.46-.47h-1.66c-.32,0-.49.16-.49.48v7.3c0,.32.17.48.48.48h8.14c.32,0,.48-.16.48-.48v-5.6c0-.33-.15-.49-.49-.49ZM8.65,10.52h-4.33v-1h4.33v1ZM11.68,8.29h-7.36v-1h7.36v1ZM9.72,4.71h1.77s.07,0,.07-.06v-.33c0-.27-.18-.45-.45-.45h-1.52c.09.26.06.51.07.77,0,.05,0,.07.06.07ZM6.97,4.71h1.77c.06,0,.08,0,.08-.07-.01-.12,0-.24,0-.36-.01-.23-.19-.41-.42-.41h-1.58c.1.26.08.51.08.77,0,.06,0,.07.07.07Z",
          }),
        )),
        (r.ajaxFilter = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM71.47,17.66c-6.47,8.54-12.94,17.09-19.45,25.61-.99,1.28-1.47,2.54-1.45,4.19.09,6.74-.01,13.48.07,20.23.02,1.64-.55,2.62-1.95,3.38-1.91,1.04-3.74,2.24-5.61,3.36-.64.38-1.27,1.08-2.09.6-.82-.48-.46-1.4-.47-2.12-.02-8.61-.04-17.22.02-25.82,0-1.36-.35-2.43-1.18-3.51-6.36-8.31-12.67-16.66-19-25-.35-.46-.72-.9-1.04-1.38-.94-1.45-.53-2.31,1.2-2.35,2.25-.05,4.5-.02,6.75-.02h18.3c8.16,0,16.31,0,24.47.01.73,0,1.59-.26,2.09.6.54.95-.17,1.57-.66,2.22Z",
          }),
        )),
        (r.authorBio = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM76.35,66.74c.02,1.17-.3,1.42-1.44,1.42-9.86-.05-19.72-.03-29.58-.03s-19.53-.02-29.29.03c-1.16.01-1.43-.3-1.43-1.43.04-14.5.04-28.98,0-43.47,0-1.17.31-1.42,1.45-1.42,19.62.04,39.24.04,58.86,0,1.18,0,1.43.3,1.43,1.43-.03,14.5-.03,28.98,0,43.47ZM29.21,37.96c-1.46-1.79-1.96-3.92-2.02-5.46-.03-4.55,2.15-6.87,5.62-6.69,2.83.14,4.8,2.37,4.87,5.68.05,2.2-.53,4.28-1.74,6.13-1.7,2.59-4.8,2.74-6.73.34ZM18.54,53.28c.09-1.28,0-2.57.04-3.85.09-4.18,3.26-7.74,7.4-8.41.9-.14,1.57.21,2.28.66,1.38.89,2.77,2.44,4.16,2.42,1.38,0,2.79-1.5,4.12-2.46,1.02-.73,2.01-.8,3.17-.46,3.89,1.15,6.65,4.73,6.7,8.79v.15c.04,4.37.05,4.41-4.2,5.28-3.21.67-6.45,1.16-9.48,1.09-4.61.05-8.84-.71-13.03-1.78-.82-.22-1.21-.52-1.16-1.43ZM53.19,39.92c.05-4.32.05-8.64,0-12.95-.01-.98.31-1.21,1.22-1.2,2.84.05,5.66.03,8.49.03s5.56.03,8.33-.03c.94-.03,1.22.24,1.22,1.2-.05,4.31-.05,8.64,0,12.96.01.98-.32,1.2-1.24,1.19-5.6-.04-11.21-.04-16.81,0-.93.01-1.22-.25-1.21-1.2ZM72.45,62.43v1.97c0,.49-.4.89-.89.89H19.42c-.49,0-.88-.4-.88-.89v-1.97c0-.48.39-.88.88-.88h52.14c.49,0,.89.4.89.88ZM72.46,46.37l.02,1.38c0,.49-.39.9-.88.9l-17.49.26c-.49,0-.9-.39-.9-.88l-.02-1.38c-.01-.49.38-.89.87-.9l17.5-.25c.49-.01.89.38.9.87ZM72.44,52.12l.02,1.38c0,.49-.38.89-.87.9l-17.5.25c-.48,0-.89-.38-.89-.87l-.02-1.39c-.01-.48.38-.89.87-.89l17.5-.26c.48-.01.89.39.89.88Z",
          }),
        )),
        (r.infoBox = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M7.94,7.7c1.29.03,2.35-.92,2.38-2.11.03-1.2-1-2.19-2.29-2.2-1.28-.02-2.33.92-2.36,2.11-.03,1.19.99,2.18,2.27,2.21ZM7.87,4.17c.15-.06.33,0,.4.11.11.18,0,.46-.28.48-.16.01-.28-.08-.31-.23,0-.02,0-.05,0-.07,0-.13.07-.25.19-.29ZM7.73,5c.13-.07.31-.08.44.08.09.11.13.24.13.36,0,.13-.03.24-.06.35-.04.18-.09.36-.12.55-.02.11-.02.22.02.33.02.05.04.06.1.04.07-.02.11-.08.15-.13.03-.05.06-.09.07-.15,0-.02.01-.02.03,0,.03.02.06.05.1.07.01,0,.01.01,0,.03-.04.08-.09.15-.14.22-.1.12-.24.18-.39.2-.12.02-.24,0-.35-.05-.12-.05-.18-.15-.18-.27,0-.12.02-.24.04-.37.04-.21.11-.42.15-.64.02-.07.03-.15.03-.22,0-.08-.02-.1-.1-.08-.05.01-.1.03-.14.07-.01.01-.02.01-.03,0-.03-.03-.06-.06-.09-.09,0,0-.01-.01,0-.02.1-.11.2-.21.34-.28ZM8.95,11.48c0,.28-.11.5-.26.6-.05.03-.1,0-.14,0-1.58.03-3.17.03-4.73.03-.03,0-.04,0-.08-.03-.2,0-.31-.21-.31-.56s.13-.54.33-.54h4.88c.16,0,.27.22.31.5ZM14.53,0H1.47C.65,0,0,.65,0,1.46v13.08c0,.81.65,1.46,1.47,1.46h13.08c.8,0,1.45-.65,1.45-1.46V1.46C16,.65,15.33,0,14.53,0ZM13.29,12.37c0,.56-.45,1.01-1.01,1.01H3.56c-.56,0-1.01-.45-1.01-1.01V3.64c0-.56.45-1.01,1.01-1.01h8.72c.56,0,1.01.45,1.01,1.01v8.72ZM12.44,9.28c0,.28-.18.5-.42.6-.08.03-.17,0-.23,0-2.58.03-5.17.03-7.72.03-.05,0-.06,0-.13-.03-.32,0-.5-.21-.5-.56s.21-.54.54-.54h7.96c.26,0,.44.22.5.5Z",
          }),
        )),
        (r.prosCons = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM39.07,71.89c-3.63.01-7.25,0-10.88,0s-7.14.03-10.71-.01c-1.86-.02-2.88-1.48-2.06-2.85.43-.71,1.11-.94,1.93-.94,7.25.02,14.5.02,21.76,0,1.27,0,2.17.52,2.21,1.82.04,1.43-.95,1.96-2.25,1.97ZM38.96,63.12c-7.15,0-14.29-.01-21.43,0-1.3,0-2.25-.47-2.37-1.88-.09-1.2.87-1.91,2.46-1.91,3.58-.01,7.15,0,10.72,0s7.03-.01,10.55,0c1.6,0,2.54.72,2.44,1.92-.11,1.44-1.09,1.87-2.37,1.87ZM38.86,54.34c-7.08,0-14.17,0-21.26,0-1.59-.01-2.56-.79-2.44-1.97.17-1.5,1.2-1.85,2.56-1.83,3.57.04,7.14.01,10.71.01s6.93.02,10.39-.01c1.36,0,2.39.35,2.51,1.87.09,1.2-.85,1.92-2.47,1.93ZM28.28,45.3c-7.5.03-13.6-6.08-13.58-13.63.01-7.54,6.12-13.62,13.63-13.57,7.45.05,13.38,6.08,13.37,13.62-.01,7.5-5.99,13.55-13.42,13.58ZM73.51,71.89c-3.57.02-7.14,0-10.71,0s-6.93.01-10.39,0c-1.74-.01-2.71-.72-2.59-1.96.13-1.53,1.18-1.85,2.53-1.84,7.04.02,14.07.03,21.11,0,1.37-.01,2.38.36,2.51,1.86.11,1.19-.85,1.93-2.46,1.94ZM73.58,63.12c-7.14-.01-14.28,0-21.42,0-1.29,0-2.26-.46-2.35-1.89-.07-1.21.86-1.9,2.47-1.9,3.57-.01,7.14,0,10.71,0s7.04-.01,10.55,0c1.59,0,2.54.73,2.43,1.94-.13,1.41-1.09,1.85-2.39,1.85ZM73.57,54.35c-7.14,0-14.28,0-21.42,0-1.29,0-2.32-.46-2.32-1.9s.97-1.9,2.3-1.9c3.62.03,7.25.01,10.87.01s7.04-.01,10.55,0c1.58.01,2.54.75,2.42,1.95-.13,1.42-1.11,1.85-2.4,1.85ZM62.92,45.23c-7.52,0-13.48-5.97-13.48-13.52s5.96-13.58,13.41-13.61c7.53-.04,13.62,6.04,13.6,13.6-.02,7.47-6.08,13.52-13.53,13.53ZM65.86,31.7c-.09.96,1.45,1.57,2.11,2.49.61.84.6,1.74-.13,2.49-.81.83-1.74.79-2.62.09-.89-.67-1.47-2.19-2.5-2.06-.84.09-1.53,1.4-2.34,2.1-.81.68-1.72.67-2.5-.06-.83-.78-.84-1.72-.17-2.61.67-.9,2.18-1.48,2.09-2.5-.07-.86-1.34-1.58-2.03-2.4-.48-.58-.63-1.24-.27-1.97.33-.69.86-1.07,1.93-1.11.72-.06,1.24.69,1.86,1.29q1.57,1.57,3.1.05c.31-.3.59-.63.93-.89.85-.63,1.73-.66,2.5.09.75.74.8,1.66.15,2.48-.69.89-2.03,1.62-2.11,2.52ZM34.5,27.44c.93.97.63,1.97-.26,2.84-2.15,2.12-4.29,4.26-6.44,6.38-.9.9-1.9,1.07-2.87.19-1.18-1.1-2.32-2.27-3.43-3.45-.56-.59-.68-1.32-.32-2.1.35-.71.93-1.01,1.7-1.01,1.2,0,1.79.94,2.45,1.69.7.79,1.15.78,1.88-.01,1.38-1.51,2.89-2.92,4.34-4.37.93-.95,1.98-1.17,2.95-.16Z",
          }),
        )),
        (r.modalPopup = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 91.15 90" },
          (0, a.createElement)("path", {
            d: "M82.85,0H8.3C3.72,0,0,3.72,0,8.3v73.4c0,4.58,3.72,8.3,8.3,8.3h74.55c4.58,0,8.3-3.72,8.3-8.3V8.3c0-4.58-3.72-8.3-8.3-8.3ZM69.46,70.13c0,2.92-2.37,5.28-5.28,5.28H19.67c-2.92,0-5.28-2.36-5.28-5.28V25.61c0-2.92,2.36-5.28,5.28-5.28h36.48c-.18.78-.26,1.6-.26,2.43-.06,7.14,6.52,12.83,13.57,11.73,0,0,0,35.64,0,35.64ZM69.46,31.38c-6.27,1.36-12.08-4.92-10.15-11.05,2.88-9.63,17.07-7.76,17.24,2.43,0,4.26-3.05,7.82-7.09,8.62ZM51.53,37.31h-28.3v-5.82h28.3v5.82ZM23.23,44.96h37.39v5.82H23.23v-5.82ZM38.31,61.34c0,1.61-1.3,2.91-2.91,2.91,0,0-9.26,0-9.26,0-3.82-.06-3.83-5.76,0-5.82,0,0,9.26,0,9.26,0,1.61,0,2.91,1.3,2.91,2.91ZM60.62,61.34c0,1.6-1.29,2.91-2.9,2.91,0,0-9.26,0-9.26,0-3.82-.06-3.83-5.76,0-5.82,0,0,9.26,0,9.26,0,1.6,0,2.9,1.3,2.9,2.91ZM73.5,19.72l-3.03,3.04,3.03,3.03-2.71,2.7c-.74-.73-2.29-2.28-3.03-3.03,0,0-3.03,3.03-3.03,3.03l-2.7-2.7,3.03-3.03c-.43-.43-2.65-2.64-3.03-3.04,0,0,2.7-2.7,2.7-2.7l3.03,3.03,3.03-3.03,2.71,2.7Z",
          }),
        )),
        (r.tableOfContent = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M14.55,0H1.45C.65,0,0,.66,0,1.47v13.05c0,.81.65,1.48,1.45,1.48h13.1c.8,0,1.45-.67,1.45-1.48V1.47C16,.66,15.35,0,14.55,0ZM13.35,12.42c0,.56-.45,1.02-1.01,1.02H3.63c-.56,0-1.01-.46-1.01-1.02V3.54c0-.56.45-1.02,1.01-1.02h8.71c.56,0,1.01.46,1.01,1.02v8.88ZM3.93,4.68c0-.46.37-.83.83-.83s.83.37.83.84-.36.83-.83.83-.83-.37-.83-.84ZM12.48,7.34c0,.28-.18.5-.41.6-.09.03-.17,0-.23,0-2.58.03-5.17.03-7.72.03-.05,0-.06,0-.14-.03-.32,0-.5-.21-.5-.56,0-.33.22-.54.54-.54h7.96c.26,0,.44.22.5.5ZM12.48,9.59c0,.28-.18.5-.41.61-.09.02-.17,0-.23,0-2.58.02-5.17.02-7.72.02-.05,0-.06,0-.14-.02-.32,0-.5-.21-.5-.56s.22-.54.54-.54h7.96c.26,0,.44.22.5.49ZM7.92,11.85c0,.28-.09.5-.21.6-.04.03-.08,0-.11,0-1.27.03-2.55.03-3.81.03t-.06-.03c-.16,0-.25-.21-.25-.56,0-.33.11-.54.27-.54h3.92c.13,0,.22.22.25.5Z",
          }),
        )),
        (r.videoPopup = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
          (0, a.createElement)("path", {
            d: "M12.38,5.14h-7.12v7.32h7.12v-7.32ZM10.44,8.96l-1.52.92-1.52.91c-.13.07-.28-.02-.28-.15v-3.67c0-.14.15-.23.28-.15l1.52.9,1.52.92c.12.07.12.25,0,.32ZM14.52,0H1.43C.63,0-.02.66-.02,1.47v13.05c0,.81.65,1.48,1.45,1.48h13.09c.81,0,1.46-.67,1.46-1.48V1.47C15.98.66,15.33,0,14.52,0ZM3.69,11.62h-.06v.05h-.99V2.55h8.97v1.02H3.69v8.05ZM13.37,13.48H4.28V4.12h9.09v9.36Z",
          }),
        )),
        (r.postCat = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 90 90" },
          (0, a.createElement)("defs", null),
          (0, a.createElement)("path", {
            d: "M295.6,296.5H224.89a9.67,9.67,0,0,0-9.65,9.64v70.71a9.68,9.68,0,0,0,9.65,9.65H295.6a9.67,9.67,0,0,0,9.64-9.65V306.14A9.67,9.67,0,0,0,295.6,296.5Zm-53.79,72.19a1.38,1.38,0,0,1-1.38,1.38H230.29a1.39,1.39,0,0,1-1.39-1.38V358.55a1.39,1.39,0,0,1,1.39-1.38h10.14a1.38,1.38,0,0,1,1.38,1.38Zm0-22.12a1.38,1.38,0,0,1-1.38,1.38H230.29a1.39,1.39,0,0,1-1.39-1.38V336.43a1.39,1.39,0,0,1,1.39-1.38h10.14a1.38,1.38,0,0,1,1.38,1.38Zm0-22.12a1.38,1.38,0,0,1-1.38,1.38H230.29a1.39,1.39,0,0,1-1.39-1.38V314.31a1.4,1.4,0,0,1,1.39-1.39h10.14a1.39,1.39,0,0,1,1.38,1.39Zm24.89,44.24a1.39,1.39,0,0,1-1.39,1.38H255.17a1.38,1.38,0,0,1-1.38-1.38V358.55a1.38,1.38,0,0,1,1.38-1.38h10.14a1.39,1.39,0,0,1,1.39,1.38Zm0-22.12a1.39,1.39,0,0,1-1.39,1.38H255.17a1.38,1.38,0,0,1-1.38-1.38V336.43a1.38,1.38,0,0,1,1.38-1.38h10.14a1.39,1.39,0,0,1,1.39,1.38Zm0-22.12a1.39,1.39,0,0,1-1.39,1.38H255.17a1.38,1.38,0,0,1-1.38-1.38V314.31a1.39,1.39,0,0,1,1.38-1.39h10.14a1.4,1.4,0,0,1,1.39,1.39Zm24.88,44.24a1.38,1.38,0,0,1-1.38,1.38H280.06a1.38,1.38,0,0,1-1.38-1.38V358.55a1.38,1.38,0,0,1,1.38-1.38H290.2a1.38,1.38,0,0,1,1.38,1.38Zm0-22.12A1.38,1.38,0,0,1,290.2,348H280.06a1.38,1.38,0,0,1-1.38-1.38V336.43a1.38,1.38,0,0,1,1.38-1.38H290.2a1.38,1.38,0,0,1,1.38,1.38Zm0-22.12a1.38,1.38,0,0,1-1.38,1.38H280.06a1.38,1.38,0,0,1-1.38-1.38V314.31a1.39,1.39,0,0,1,1.38-1.39H290.2a1.39,1.39,0,0,1,1.38,1.39Z",
            transform: "translate(-215.24 -296.5)",
          }),
        )),
        (r.postAuthor = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 496 512" },
          (0, a.createElement)("path", {
            d: "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 96c48.6 0 88 39.4 88 88s-39.4 88-88 88-88-39.4-88-88 39.4-88 88-88zm0 344c-58.7 0-111.3-26.6-146.5-68.2 18.8-35.4 55.6-59.8 98.5-59.8 2.4 0 4.8.4 7.1 1.1 13 4.2 26.6 6.9 40.9 6.9 14.3 0 28-2.7 40.9-6.9 2.3-.7 4.7-1.1 7.1-1.1 42.9 0 79.7 24.4 98.5 59.8C359.3 421.4 306.7 448 248 448z",
          }),
        )),
        (r.postDate = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            d: "M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z",
          }),
        )),
        (r.postEye = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z",
          }),
        )),
        (r.postClock = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256,8C119,8,8,119,8,256S119,504,256,504,504,393,504,256,393,8,256,8Zm92.49,313h0l-20,25a16,16,0,0,1-22.49,2.5h0l-67-49.72a40,40,0,0,1-15-31.23V112a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V256l58,42.5A16,16,0,0,1,348.49,321Z",
          }),
        )),
        (r.layerMask = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M5 20L19 5",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M16 9L22 13.8528M12.4128 12.4059L19.3601 18.3634M8 15.6672L15 21.5",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
        )),
        (r.databaseSettings = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M11 15C6.58172 15 3 13.6569 3 12",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M10 11.4768C8.91806 11.4262 7.90321 11.2946 7 11.0986M10 18.4768C8.91806 18.4262 7.90321 18.2946 7 18.0986",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("ellipse", {
            cx: "11",
            cy: "5",
            rx: "8",
            ry: "3",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M11 22C6.58172 22 3 20.6569 3 19V5M19 5V11",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M17 20.7143V22.5M17 20.7143C15.8432 20.7143 14.8241 20.1461 14.2263 19.2833M17 20.7143C18.1568 20.7143 19.1759 20.1461 19.7737 19.2833M17 14.2857C18.1569 14.2857 19.1761 14.854 19.7738 15.7169M17 14.2857C15.8431 14.2857 14.8239 14.854 14.2262 15.7169M17 14.2857V12.5M21.5 14.5L19.7738 15.7169M12.5 20.5L14.2263 19.2833M12.5 14.5L14.2262 15.7169M21.5 20.5L19.7737 19.2833M19.7738 15.7169C20.1273 16.2271 20.3333 16.8403 20.3333 17.5C20.3333 18.1597 20.1272 18.773 19.7737 19.2833M14.2262 15.7169C13.8727 16.2271 13.6667 16.8403 13.6667 17.5C13.6667 18.1597 13.8728 18.773 14.2263 19.2833",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
        )),
        (r.segmentedNav = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M10 14H14V10H10V14Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
          (0, a.createElement)("path", {
            d: "M2 14H6V10H2V14Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
          (0, a.createElement)("path", {
            d: "M18 14H22V10H18V14Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
        )),
        (r.viewContent = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M21.544 11.045C21.848 11.4713 22 11.6845 22 12C22 12.3155 21.848 12.5287 21.544 12.955C20.1779 14.8706 16.6892 19 12 19C7.31078 19 3.8221 14.8706 2.45604 12.955C2.15201 12.5287 2 12.3155 2 12C2 11.6845 2.15201 11.4713 2.45604 11.045C3.8221 9.12944 7.31078 5 12 5C16.6892 5 20.1779 9.12944 21.544 11.045Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
          (0, a.createElement)("path", {
            d: "M15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15C13.6569 15 15 13.6569 15 12Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
        )),
        (r.paintBoard = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C12.8417 22 14 22.1163 14 21C14 20.391 13.6832 19.9212 13.3686 19.4544C12.9082 18.7715 12.4523 18.0953 13 17C13.6667 15.6667 14.7778 15.6667 16.4815 15.6667C17.3334 15.6667 18.3334 15.6667 19.5 15.5C21.601 15.1999 22 13.9084 22 12Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
          (0, a.createElement)("path", {
            d: "M7 15.0024L7.00868 15.0001",
            stroke: "#141B34",
            "stroke-width": "2",
            "stroke-linecap": "round",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("circle", {
            cx: "9.5",
            cy: "8.5",
            r: "1.5",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
          (0, a.createElement)("circle", {
            cx: "16.5",
            cy: "9.5",
            r: "1.5",
            stroke: "#141B34",
            "stroke-width": "1.5",
          }),
        )),
        (r.textSmallcaps = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M11.0007 18H5.0007M8.0007 3V18M14.0007 5.5V3H2V5.5",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M20.0015 21H16.0015M18.0015 12V21M22.0015 13.5V12H14.002L14.0024 13.5",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linejoin": "round",
          }),
        )),
        (r.acceleration = (0, a.createElement)(
          "svg",
          {
            width: "24",
            height: "24",
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
          },
          (0, a.createElement)("path", {
            d: "M2.5 18.4138V11.1909C2.5 9.86228 2.5 9.19798 3.09869 9.03265C3.69737 8.86733 4.40197 9.33706 5.81117 10.2765L18.5852 18.7926C19.9944 19.732 20.699 20.2018 20.451 20.6009C20.203 21 19.2066 21 17.2137 21H6.37928C4.55057 21 3.63621 21 3.06811 20.6213C2.5 20.2425 2.5 19.633 2.5 18.4138Z",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linecap": "round",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("circle", {
            cx: "8.5",
            cy: "7",
            r: "4",
            stroke: "#141B34",
            "stroke-width": "1.5",
            "stroke-linecap": "round",
            "stroke-linejoin": "round",
          }),
          (0, a.createElement)("path", {
            d: "M15.865 9.34482C15.5032 9.14323 15.0464 9.27314 14.8448 9.63498C14.6432 9.99683 14.7731 10.4536 15.135 10.6552L15.865 9.34482ZM20.2454 13.7351L20.3772 14.4735H20.3772L20.2454 13.7351ZM18.63 13.2617C18.2222 13.3345 17.9507 13.7241 18.0235 14.1318C18.0963 14.5396 18.4859 14.8111 18.8936 14.7383L18.63 13.2617ZM21.4248 10.4672C21.282 10.0784 20.851 9.87901 20.4622 10.0218C20.0734 10.1647 19.874 10.5956 20.0168 10.9844L21.4248 10.4672ZM21.2249 12.098L21.9289 11.8394V11.8394L21.2249 12.098ZM21.8028 12.6529L15.865 9.34482L15.135 10.6552L21.0728 13.9633L21.8028 12.6529ZM20.1135 12.9968L18.63 13.2617L18.8936 14.7383L20.3772 14.4735L20.1135 12.9968ZM20.0168 10.9844L20.5208 12.3567L21.9289 11.8394L21.4248 10.4672L20.0168 10.9844ZM20.3772 14.4735C20.7057 14.4148 21.0261 14.3592 21.277 14.2795C21.5377 14.1968 21.8709 14.045 22.0814 13.6932L20.7942 12.923C20.8613 12.8109 20.9479 12.8102 20.8232 12.8498C20.6885 12.8926 20.4844 12.9306 20.1135 12.9968L20.3772 14.4735ZM20.5208 12.3567C20.6475 12.7016 20.7134 12.886 20.7412 13.0143C20.7656 13.127 20.7237 13.0409 20.7942 12.923L22.0814 13.6932C22.2954 13.3355 22.2658 12.9678 22.2073 12.6971C22.1521 12.4421 22.0398 12.1414 21.9289 11.8394L20.5208 12.3567Z",
            fill: "#141B34",
          }),
        )),
        (r.icoControl = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512" },
          (0, a.createElement)("path", {
            d: "M192 64C86 64 0 150 0 256S86 448 192 448H448c106 0 192-86 192-192s-86-192-192-192H192zM496 248c-22.1 0-40-17.9-40-40s17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40zm-24 56c0 22.1-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40s40 17.9 40 40zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24v32h32c13.3 0 24 10.7 24 24s-10.7 24-24 24H216v32c0 13.3-10.7 24-24 24s-24-10.7-24-24V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h32V200z",
          }),
        )),
        (r.fancyQuote = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            fill: "#4E8953",
            d: "M448 296c0 66.3-53.7 120-120 120h-8c-17.7 0-32-14.3-32-32s14.3-32 32-32h8c30.9 0 56-25.1 56-56v-8H320c-35.3 0-64-28.7-64-64V160c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v32 32 72zm-256 0c0 66.3-53.7 120-120 120H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h8c30.9 0 56-25.1 56-56v-8H64c-35.3 0-64-28.7-64-64V160c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v32 32 72z",
          }),
        )),
        (r.AlertBox = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            fill: "#007cba",
            d: "M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z",
          }),
        )),
        (r.icoSizing = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M32 32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64l0 320H96c-17.7 0-32 14.3-32 32s14.3 32 32 32H224c17.7 0 32-14.3 32-32s-14.3-32-32-32H192l0-320h64v32c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H160 32zm470.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8h32V352H416c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8H512V160h32c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64z",
          }),
        )),
        (r.icoColoring = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512" },
          (0, a.createElement)("path", {
            d: "M192 64L160 0H128L96 64 64 0H48C21.5 0 0 21.5 0 48V256H384V48c0-26.5-21.5-48-48-48H224L192 64zM0 288v32c0 35.3 28.7 64 64 64h64v64c0 35.3 28.7 64 64 64s64-28.7 64-64V384h64c35.3 0 64-28.7 64-64V288H0zM192 464c-8.8 0-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16z",
          }),
        )),
        (r.icoLayout = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M264.5 5.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 149.8C37.4 145.8 32 137.3 32 128s5.4-17.9 13.9-21.8L264.5 5.2zM476.9 209.6l53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 277.8C37.4 273.8 32 265.3 32 256s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0l152-70.2zm-152 198.2l152-70.2 53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 405.8C37.4 401.8 32 393.3 32 384s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0z",
          }),
        )),
        (r.iconBell = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            d: "M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z",
          }),
        )),
        (r.circleInfo = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-144c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z",
          }),
        )),
        (r.triangleInfo = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z",
          }),
        )),
        (r.circleQuestion = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM288 352c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32z",
          }),
        )),
        (r.circleCross = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z",
          }),
        )),
        (r.envelopeText = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M215.4 96H144 107.8 96v8.8V144v40.4 89L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11L339.4 48H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4v-89V144 104.8 96H404.2 368 296.6 215.4zM0 448V242.1L217.6 403.3c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448v0c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64v0zM176 160H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16z",
          }),
        )),
        (r.giftBox = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z",
          }),
        )),
        (r.doubleTag = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M345 39.1L472.8 168.4c52.4 53 52.4 138.2 0 191.2L360.8 472.9c-9.3 9.4-24.5 9.5-33.9 .2s-9.5-24.5-.2-33.9L438.6 325.9c33.9-34.3 33.9-89.4 0-123.7L310.9 72.9c-9.3-9.4-9.2-24.6 .2-33.9s24.6-9.2 33.9 .2zM0 229.5V80C0 53.5 21.5 32 48 32H197.5c17 0 33.3 6.7 45.3 18.7l168 168c25 25 25 65.5 0 90.5L277.3 442.7c-25 25-65.5 25-90.5 0l-168-168C6.7 262.7 0 246.5 0 229.5zM144 144c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z",
          }),
        )),
        (r.hashTag = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320h95.1l21.3-128H187.1z",
          }),
        )),
        (r.iconFlag = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            d: "M64 32C64 14.3 49.7 0 32 0S0 14.3 0 32V64 368 480c0 17.7 14.3 32 32 32s32-14.3 32-32V352l64.3-16.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30V66.1c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L64 48V32z",
          }),
        )),
        (r.iconFire = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            d: "M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-2.8-5.6-5.6-11.2-9.8-16.8l-50.6 58.8s-81.4-103.6-87.1-110.6C133.1 243.8 112 273.2 112 306.8C112 375.4 162.6 416 225.7 416z",
          }),
        )),
        (r.iconFeather = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M278.5 215.6L23 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l57-57h68c49.7 0 97.9-14.4 139-41c11.1-7.2 5.5-23-7.8-23c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l81-24.3c2.5-.8 4.8-2.1 6.7-4l22.4-22.4c10.1-10.1 2.9-27.3-11.3-27.3l-32.2 0c-5.1 0-9.2-4.1-9.2-9.2c0-4.1 2.7-7.6 6.5-8.8l112-33.6c4-1.2 7.4-3.9 9.3-7.7C506.4 207.6 512 184.1 512 160c0-41-16.3-80.3-45.3-109.3l-5.5-5.5C432.3 16.3 393 0 352 0s-80.3 16.3-109.3 45.3L139 149C91 197 64 262.1 64 330v55.3L253.6 195.8c6.2-6.2 16.4-6.2 22.6 0c5.4 5.4 6.1 13.6 2.2 19.8z",
          }),
        )),
        (r.iconBolt = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" },
          (0, a.createElement)("path", {
            d: "M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z",
          }),
        )),
        (r.iconHeart = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z",
          }),
        )),
        (r.heartCrack = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M119.4 44.1c23.3-3.9 46.8-1.9 68.6 5.3l49.8 77.5-75.4 75.4c-1.5 1.5-2.4 3.6-2.3 5.8s1 4.2 2.6 5.7l112 104c2.9 2.7 7.4 2.9 10.5 .3s3.8-7 1.7-10.4l-60.4-98.1 90.7-75.6c2.6-2.1 3.5-5.7 2.4-8.8L296.8 61.8c28.5-16.7 62.4-23.2 95.7-17.6C461.5 55.6 512 115.2 512 185.1v5.8c0 41.5-17.2 81.2-47.6 109.5L283.7 469.1c-7.5 7-17.4 10.9-27.7 10.9s-20.2-3.9-27.7-10.9L47.6 300.4C17.2 272.1 0 232.4 0 190.9v-5.8c0-69.9 50.5-129.5 119.4-141z",
          }),
        )),
        (r.icoAward = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512" },
          (0, a.createElement)("path", {
            d: "M173.8 5.5c11-7.3 25.4-7.3 36.4 0L228 17.2c6 3.9 13 5.8 20.1 5.4l21.3-1.3c13.2-.8 25.6 6.4 31.5 18.2l9.6 19.1c3.2 6.4 8.4 11.5 14.7 14.7L344.5 83c11.8 5.9 19 18.3 18.2 31.5l-1.3 21.3c-.4 7.1 1.5 14.2 5.4 20.1l11.8 17.8c7.3 11 7.3 25.4 0 36.4L366.8 228c-3.9 6-5.8 13-5.4 20.1l1.3 21.3c.8 13.2-6.4 25.6-18.2 31.5l-19.1 9.6c-6.4 3.2-11.5 8.4-14.7 14.7L301 344.5c-5.9 11.8-18.3 19-31.5 18.2l-21.3-1.3c-7.1-.4-14.2 1.5-20.1 5.4l-17.8 11.8c-11 7.3-25.4 7.3-36.4 0L156 366.8c-6-3.9-13-5.8-20.1-5.4l-21.3 1.3c-13.2 .8-25.6-6.4-31.5-18.2l-9.6-19.1c-3.2-6.4-8.4-11.5-14.7-14.7L39.5 301c-11.8-5.9-19-18.3-18.2-31.5l1.3-21.3c.4-7.1-1.5-14.2-5.4-20.1L5.5 210.2c-7.3-11-7.3-25.4 0-36.4L17.2 156c3.9-6 5.8-13 5.4-20.1l-1.3-21.3c-.8-13.2 6.4-25.6 18.2-31.5l19.1-9.6C65 70.2 70.2 65 73.4 58.6L83 39.5c5.9-11.8 18.3-19 31.5-18.2l21.3 1.3c7.1 .4 14.2-1.5 20.1-5.4L173.8 5.5zM272 192c0-44.2-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80zM1.3 441.8L44.4 339.3c.2 .1 .3 .2 .4 .4l9.6 19.1c11.7 23.2 36 37.3 62 35.8l21.3-1.3c.2 0 .5 0 .7 .2l17.8 11.8c5.1 3.3 10.5 5.9 16.1 7.7l-37.6 89.3c-2.3 5.5-7.4 9.2-13.3 9.7s-11.6-2.2-14.8-7.2L74.4 455.5l-56.1 8.3c-5.7 .8-11.4-1.5-15-6s-4.3-10.7-2.1-16zm248 60.4L211.7 413c5.6-1.8 11-4.3 16.1-7.7l17.8-11.8c.2-.1 .4-.2 .7-.2l21.3 1.3c26 1.5 50.3-12.6 62-35.8l9.6-19.1c.1-.2 .2-.3 .4-.4l43.2 102.5c2.2 5.3 1.4 11.4-2.1 16s-9.3 6.9-15 6l-56.1-8.3-32.2 49.2c-3.2 5-8.9 7.7-14.8 7.2s-11-4.3-13.3-9.7z",
          }),
        )),
        (r.icoStar = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z",
          }),
        )),
        (r.icoCrown = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z",
          }),
        )),
        (r.icoMedal = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M16 0H144c5.3 0 10.3 2.7 13.3 7.1l81.1 121.6c-49.5 4.1-94 25.6-127.6 58.3L2.7 24.9C-.6 20-.9 13.7 1.9 8.5S10.1 0 16 0zM509.3 24.9L401.2 187.1c-33.5-32.7-78.1-54.2-127.6-58.3L354.7 7.1c3-4.5 8-7.1 13.3-7.1H496c5.9 0 11.3 3.2 14.1 8.5s2.5 11.5-.8 16.4zM432 336c0 97.2-78.8 176-176 176s-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176zM264.4 241.1c-3.4-7-13.3-7-16.8 0l-22.4 45.4c-1.4 2.8-4 4.7-7 5.1L168 298.9c-7.7 1.1-10.7 10.5-5.2 16l36.3 35.4c2.2 2.2 3.2 5.2 2.7 8.3l-8.6 49.9c-1.3 7.6 6.7 13.5 13.6 9.9l44.8-23.6c2.7-1.4 6-1.4 8.7 0l44.8 23.6c6.9 3.6 14.9-2.2 13.6-9.9l-8.6-49.9c-.5-3 .5-6.1 2.7-8.3l36.3-35.4c5.6-5.4 2.5-14.8-5.2-16l-50.1-7.3c-3-.4-5.7-2.4-7-5.1l-22.4-45.4z",
          }),
        )),
        (r.skullCrossbones = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M400 128c0 44.4-25.4 83.5-64 106.4V256c0 17.7-14.3 32-32 32H208c-17.7 0-32-14.3-32-32V234.4c-38.6-23-64-62.1-64-106.4C112 57.3 176.5 0 256 0s144 57.3 144 128zM200 176c17.7 0 32-14.3 32-32s-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32zm144-32c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32zM35.4 273.7c7.9-15.8 27.1-22.2 42.9-14.3L256 348.2l177.7-88.8c15.8-7.9 35-1.5 42.9 14.3s1.5 35-14.3 42.9L327.6 384l134.8 67.4c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L256 419.8 78.3 508.6c-15.8 7.9-35 1.5-42.9-14.3s-1.5-35 14.3-42.9L184.4 384 49.7 316.6c-15.8-7.9-22.2-27.1-14.3-42.9z",
          }),
        )),
        (r.bellSlash = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512" },
          (0, a.createElement)("path", {
            d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z",
          }),
        )),
        (r.clipboard = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512" },
          (0, a.createElement)("path", {
            d: "M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM112 192H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z",
          }),
        )),
        (r.bookOpen = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C87.5 32 35.1 48.6 9 59.9c-5.6 2.4-9 8-9 14V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V73.9c0-6.1-3.4-11.6-9-14C540.9 48.6 488.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z",
          }),
        )),
        (r.envelope = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z",
          }),
        )),
        (r.circleCheck = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
          }),
        )),
        (r.clipboardCheck = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512" },
          (0, a.createElement)("path", {
            d: "M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM305 273L177 401c-9.4 9.4-24.6 9.4-33.9 0L79 337c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 239c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
          }),
        )),
        (r.lightbulb = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512" },
          (0, a.createElement)("path", {
            d: "M272 384c9.6-31.9 29.5-59.1 49.2-86.2l0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4l0 0c19.8 27.1 39.7 54.4 49.2 86.2H272zM192 512c44.2 0 80-35.8 80-80V416H112v16c0 44.2 35.8 80 80 80zM112 176c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-61.9 50.1-112 112-112c8.8 0 16 7.2 16 16s-7.2 16-16 16c-44.2 0-80 35.8-80 80z",
          }),
        )),
        (r.thumbsUp = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M313.4 32.9c26 5.2 42.9 30.5 37.7 56.5l-2.3 11.4c-5.3 26.7-15.1 52.1-28.8 75.2H464c26.5 0 48 21.5 48 48c0 25.3-19.5 46-44.3 47.9c7.7 8.5 12.3 19.8 12.3 32.1c0 23.4-16.8 42.9-38.9 47.1c4.4 7.2 6.9 15.8 6.9 24.9c0 21.3-13.9 39.4-33.1 45.6c.7 3.3 1.1 6.8 1.1 10.4c0 26.5-21.5 48-48 48H294.5c-19 0-37.5-5.6-53.3-16.1l-38.5-25.7C176 420.4 160 390.4 160 358.3V320 272 247.1c0-29.2 13.3-56.7 36-75l7.4-5.9c26.5-21.2 44.6-51 51.2-84.2l2.3-11.4c5.2-26 30.5-42.9 56.5-37.7zM32 192H96c17.7 0 32 14.3 32 32V448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32V224c0-17.7 14.3-32 32-32z",
          }),
        )),
        (r.thumbtack = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512" },
          (0, a.createElement)("path", {
            d: "M32 32C32 14.3 46.3 0 64 0H320c17.7 0 32 14.3 32 32s-14.3 32-32 32H290.5l11.4 148.2c36.7 19.9 65.7 53.2 79.5 94.7l1 3c3.3 9.8 1.6 20.5-4.4 28.8s-15.7 13.3-26 13.3H32c-10.3 0-19.9-4.9-26-13.3s-7.7-19.1-4.4-28.8l1-3c13.8-41.5 42.8-74.8 79.5-94.7L93.5 64H64C46.3 64 32 49.7 32 32zM160 384h64v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V384z",
          }),
        )),
        (r.ban = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M367.2 412.5L99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192c41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192c-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM512 256c0 141.4-114.6 256-256 256S0 397.4 0 256S114.6 0 256 0S512 114.6 512 256z",
          }),
        )),
        (r.bullhorn = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M480 32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9L381.7 53c-48 48-113.1 75-181 75H192 160 64c-35.3 0-64 28.7-64 64v96c0 35.3 28.7 64 64 64l0 128c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V352l8.7 0c67.9 0 133 27 181 75l43.6 43.6c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V300.4c18.6-8.8 32-32.5 32-60.4s-13.4-51.6-32-60.4V32zm-64 76.7V240 371.3C357.2 317.8 280.5 288 200.7 288H192V192h8.7c79.8 0 156.5-29.8 215.3-83.3z",
          }),
        )),
        (r.pencil = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z",
          }),
        )),
        (r.magicSparkles = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" },
          (0, a.createElement)("path", {
            d: "M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z",
          }),
        )),
        (r.bug = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M256 0c53 0 96 43 96 96v3.6c0 15.7-12.7 28.4-28.4 28.4H188.4c-15.7 0-28.4-12.7-28.4-28.4V96c0-53 43-96 96-96zM41.4 105.4c12.5-12.5 32.8-12.5 45.3 0l64 64c.7 .7 1.3 1.4 1.9 2.1c14.2-7.3 30.4-11.4 47.5-11.4H312c17.1 0 33.2 4.1 47.5 11.4c.6-.7 1.2-1.4 1.9-2.1l64-64c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-64 64c-.7 .7-1.4 1.3-2.1 1.9c6.2 12 10.1 25.3 11.1 39.5H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H416c0 24.6-5.5 47.8-15.4 68.6c2.2 1.3 4.2 2.9 6 4.8l64 64c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0l-63.1-63.1c-24.5 21.8-55.8 36.2-90.3 39.6V240c0-8.8-7.2-16-16-16s-16 7.2-16 16V479.2c-34.5-3.4-65.8-17.8-90.3-39.6L86.6 502.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l64-64c1.9-1.9 3.9-3.4 6-4.8C101.5 367.8 96 344.6 96 320H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96.3c1.1-14.1 5-27.5 11.1-39.5c-.7-.6-1.4-1.2-2.1-1.9l-64-64c-12.5-12.5-12.5-32.8 0-45.3z",
          }),
        )),
        (r.hand = (0, a.createElement)(
          "svg",
          { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
          (0, a.createElement)("path", {
            d: "M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V336c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4s-14.6 41.3 1.4 56.6L124.8 448c43.1 41.1 100.4 64 160 64H304c97.2 0 176-78.8 176-176V128c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V32z",
          }),
        )));
      const i = r,
        l = window.wp.blockEditor,
        s = window.wp.components,
        c = window.wp.element,
        d = window.wp.data;
      function p(e, t) {
        for (var n = 0; n < t.length; n++) {
          var a = t[n];
          ((a.enumerable = a.enumerable || !1),
            (a.configurable = !0),
            "value" in a && (a.writable = !0),
            Object.defineProperty(e, a.key, a));
        }
      }
      (0, e.registerBlockType)("fancypost/progress-bar-item", {
        title: (0, t.__)("Progress Bar Item", "fancypost"),
        icon: "text-page",
        className: "progress-bar-item",
        parent: ["fancypost/progress-bar"],
        attributes: {
          content: { type: "string", default: "Default Title" },
          score: { type: "string", default: "50%" },
          percentage: { type: "number", default: 50 },
        },
        edit: function ({ attributes: e, setAttributes: t }) {
          const { content: n, score: o } = e,
            [r, i] = (0, c.useState)(e.percentage || 0);
          return (0, a.createElement)(
            "div",
            { ...(0, l.useBlockProps)() },
            (0, a.createElement)(
              "div",
              { className: "bar-container" },
              (0, a.createElement)(
                "div",
                { className: "bar-title-score-wrapper" },
                (0, a.createElement)(l.RichText, {
                  tagName: "p",
                  className: "name",
                  value: n,
                  onChange: (e) => t({ content: e }),
                }),
                (0, a.createElement)(l.RichText, {
                  tagName: "p",
                  className: "price-score",
                  value: o,
                  onChange: (e) =>
                    ((e) => {
                      const n = (parseFloat(e) / 100) * 100;
                      (i(n), t({ score: e, percentage: n }));
                    })(e),
                }),
              ),
              (0, a.createElement)(
                "div",
                { className: "bar" },
                (0, a.createElement)("div", {
                  className: "bar-fill",
                  style: { flexBasis: `${r}%` },
                }),
              ),
            ),
          );
        },
        save: function ({ attributes: e }) {
          const { content: t, score: n, percentage: o } = e,
            r = `\n        .bar-fill {\n            animation: progressAnimation 1.5s linear;\n        }\n\n        @keyframes progressAnimation{\n    \n        0% {\n            flex-basis: 0%;\n        }\n        100% {\n            flex-basis:${n}%;\n        }\n    }`;
          return (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              "div",
              { ...l.useBlockProps.save() },
              (0, a.createElement)(c.RawHTML, null, `<style>${r}</style>`),
              (0, a.createElement)(
                "div",
                { className: "bar-container" },
                (0, a.createElement)(
                  "div",
                  { className: "bar-title-score-wrapper" },
                  (0, a.createElement)(l.RichText.Content, {
                    tagName: "p",
                    className: "name",
                    value: t,
                  }),
                  (0, a.createElement)(l.RichText.Content, {
                    tagName: "p",
                    className: "price-score",
                    value: n,
                  }),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "bar" },
                  (0, a.createElement)("div", {
                    className: "bar-fill",
                    style: { flexBasis: `${o}%` },
                  }),
                ),
              ),
            ),
          );
        },
      });
      var m = "(prefers-reduced-motion: reduce)",
        h = {
          CREATED: 1,
          MOUNTED: 2,
          IDLE: 3,
          MOVING: 4,
          SCROLLING: 5,
          DRAGGING: 6,
          DESTROYED: 7,
        };
      function g(e) {
        e.length = 0;
      }
      function f(e, t, n) {
        return Array.prototype.slice.call(e, t, n);
      }
      function _(e) {
        return e.bind.apply(e, [null].concat(f(arguments, 1)));
      }
      var u = setTimeout,
        b = function () {};
      function x(e) {
        return requestAnimationFrame(e);
      }
      function v(e, t) {
        return typeof t === e;
      }
      function w(e) {
        return !$(e) && v("object", e);
      }
      var y = Array.isArray,
        C = _(v, "function"),
        E = _(v, "string"),
        k = _(v, "undefined");
      function $(e) {
        return null === e;
      }
      function S(e) {
        try {
          return (
            e instanceof (e.ownerDocument.defaultView || window).HTMLElement
          );
        } catch (e) {
          return !1;
        }
      }
      function P(e) {
        return y(e) ? e : [e];
      }
      function M(e, t) {
        P(e).forEach(t);
      }
      function N(e, t) {
        return e.indexOf(t) > -1;
      }
      function H(e, t) {
        return (e.push.apply(e, P(t)), e);
      }
      function T(e, t, n) {
        e &&
          M(t, function (t) {
            t && e.classList[n ? "add" : "remove"](t);
          });
      }
      function B(e, t) {
        T(e, E(t) ? t.split(" ") : t, !0);
      }
      function L(e, t) {
        M(t, e.appendChild.bind(e));
      }
      function z(e, t) {
        M(e, function (e) {
          var n = (t || e).parentNode;
          n && n.insertBefore(e, t);
        });
      }
      function A(e, t) {
        return S(e) && (e.msMatchesSelector || e.matches).call(e, t);
      }
      function F(e, t) {
        var n = e ? f(e.children) : [];
        return t
          ? n.filter(function (e) {
              return A(e, t);
            })
          : n;
      }
      function I(e, t) {
        return t ? F(e, t)[0] : e.firstElementChild;
      }
      var Z = Object.keys;
      function O(e, t, n) {
        return (
          e &&
            (n ? Z(e).reverse() : Z(e)).forEach(function (n) {
              "__proto__" !== n && t(e[n], n);
            }),
          e
        );
      }
      function D(e) {
        return (
          f(arguments, 1).forEach(function (t) {
            O(t, function (n, a) {
              e[a] = t[a];
            });
          }),
          e
        );
      }
      function R(e) {
        return (
          f(arguments, 1).forEach(function (t) {
            O(t, function (t, n) {
              y(t)
                ? (e[n] = t.slice())
                : w(t)
                  ? (e[n] = R({}, w(e[n]) ? e[n] : {}, t))
                  : (e[n] = t);
            });
          }),
          e
        );
      }
      function V(e, t) {
        M(t || Z(e), function (t) {
          delete e[t];
        });
      }
      function j(e, t) {
        M(e, function (e) {
          M(t, function (t) {
            e && e.removeAttribute(t);
          });
        });
      }
      function U(e, t, n) {
        w(t)
          ? O(t, function (t, n) {
              U(e, n, t);
            })
          : M(e, function (e) {
              $(n) || "" === n ? j(e, t) : e.setAttribute(t, String(n));
            });
      }
      function W(e, t, n) {
        var a = document.createElement(e);
        return (t && (E(t) ? B(a, t) : U(a, t)), n && L(n, a), a);
      }
      function G(e, t, n) {
        if (k(n)) return getComputedStyle(e)[t];
        $(n) || (e.style[t] = "" + n);
      }
      function q(e, t) {
        G(e, "display", t);
      }
      function K(e) {
        (e.setActive && e.setActive()) || e.focus({ preventScroll: !0 });
      }
      function Y(e, t) {
        return e.getAttribute(t);
      }
      function J(e, t) {
        return e && e.classList.contains(t);
      }
      function Q(e) {
        return e.getBoundingClientRect();
      }
      function X(e) {
        M(e, function (e) {
          e && e.parentNode && e.parentNode.removeChild(e);
        });
      }
      function ee(e) {
        return I(new DOMParser().parseFromString(e, "text/html").body);
      }
      function te(e, t) {
        (e.preventDefault(),
          t && (e.stopPropagation(), e.stopImmediatePropagation()));
      }
      function ne(e, t) {
        return e && e.querySelector(t);
      }
      function ae(e, t) {
        return t ? f(e.querySelectorAll(t)) : [];
      }
      function oe(e, t) {
        T(e, t, !1);
      }
      function re(e) {
        return e.timeStamp;
      }
      function ie(e) {
        return E(e) ? e : e ? e + "px" : "";
      }
      var le = "splide",
        se = "data-" + le;
      function ce(e, t) {
        if (!e) throw new Error("[" + le + "] " + (t || ""));
      }
      var de = Math.min,
        pe = Math.max,
        me = Math.floor,
        he = Math.ceil,
        ge = Math.abs;
      function fe(e, t, n) {
        return ge(e - t) < n;
      }
      function _e(e, t, n, a) {
        var o = de(t, n),
          r = pe(t, n);
        return a ? o < e && e < r : o <= e && e <= r;
      }
      function ue(e, t, n) {
        var a = de(t, n),
          o = pe(t, n);
        return de(pe(a, e), o);
      }
      function be(e) {
        return +(e > 0) - +(e < 0);
      }
      function xe(e, t) {
        return (
          M(t, function (t) {
            e = e.replace("%s", "" + t);
          }),
          e
        );
      }
      function ve(e) {
        return e < 10 ? "0" + e : "" + e;
      }
      var we = {};
      function ye() {
        var e = [];
        function t(e, t, n) {
          M(e, function (e) {
            e &&
              M(t, function (t) {
                t.split(" ").forEach(function (t) {
                  var a = t.split(".");
                  n(e, a[0], a[1]);
                });
              });
          });
        }
        return {
          bind: function (n, a, o, r) {
            t(n, a, function (t, n, a) {
              var i = "addEventListener" in t,
                l = i
                  ? t.removeEventListener.bind(t, n, o, r)
                  : t.removeListener.bind(t, o);
              (i ? t.addEventListener(n, o, r) : t.addListener(o),
                e.push([t, n, a, o, l]));
            });
          },
          unbind: function (n, a, o) {
            t(n, a, function (t, n, a) {
              e = e.filter(function (e) {
                return (
                  !!(
                    e[0] !== t ||
                    e[1] !== n ||
                    e[2] !== a ||
                    (o && e[3] !== o)
                  ) || (e[4](), !1)
                );
              });
            });
          },
          dispatch: function (e, t, n) {
            var a;
            return (
              "function" == typeof CustomEvent
                ? (a = new CustomEvent(t, { bubbles: !0, detail: n }))
                : (a = document.createEvent("CustomEvent")).initCustomEvent(
                    t,
                    !0,
                    !1,
                    n,
                  ),
              e.dispatchEvent(a),
              a
            );
          },
          destroy: function () {
            (e.forEach(function (e) {
              e[4]();
            }),
              g(e));
          },
        };
      }
      var Ce = "mounted",
        Ee = "ready",
        ke = "move",
        $e = "moved",
        Se = "click",
        Pe = "active",
        Me = "inactive",
        Ne = "visible",
        He = "hidden",
        Te = "refresh",
        Be = "updated",
        Le = "resize",
        ze = "resized",
        Ae = "drag",
        Fe = "dragging",
        Ie = "dragged",
        Ze = "scroll",
        Oe = "scrolled",
        De = "destroy",
        Re = "arrows:mounted",
        Ve = "arrows:updated",
        je = "pagination:mounted",
        Ue = "pagination:updated",
        We = "navigation:mounted",
        Ge = "autoplay:play",
        qe = "autoplay:playing",
        Ke = "autoplay:pause",
        Ye = "lazyload:loaded",
        Je = "ei";
      function Qe(e) {
        var t = e ? e.event.bus : document.createDocumentFragment(),
          n = ye();
        return (
          e && e.event.on(De, n.destroy),
          D(n, {
            bus: t,
            on: function (e, a) {
              n.bind(t, P(e).join(" "), function (e) {
                a.apply(a, y(e.detail) ? e.detail : []);
              });
            },
            off: _(n.unbind, t),
            emit: function (e) {
              n.dispatch(t, e, f(arguments, 1));
            },
          })
        );
      }
      function Xe(e, t, n, a) {
        var o,
          r,
          i = Date.now,
          l = 0,
          s = !0,
          c = 0;
        function d() {
          if (!s) {
            if (
              ((l = e ? de((i() - o) / e, 1) : 1),
              n && n(l),
              l >= 1 && (t(), (o = i()), a && ++c >= a))
            )
              return p();
            r = x(d);
          }
        }
        function p() {
          s = !0;
        }
        function m() {
          (r && cancelAnimationFrame(r), (l = 0), (r = 0), (s = !0));
        }
        return {
          start: function (t) {
            (t || m(), (o = i() - (t ? l * e : 0)), (s = !1), (r = x(d)));
          },
          rewind: function () {
            ((o = i()), (l = 0), n && n(l));
          },
          pause: p,
          cancel: m,
          set: function (t) {
            e = t;
          },
          isPaused: function () {
            return s;
          },
        };
      }
      var et = "Arrow",
        tt = et + "Left",
        nt = et + "Right",
        at = et + "Up",
        ot = et + "Down",
        rt = "ttb",
        it = {
          width: ["height"],
          left: ["top", "right"],
          right: ["bottom", "left"],
          x: ["y"],
          X: ["Y"],
          Y: ["X"],
          ArrowLeft: [at, nt],
          ArrowRight: [ot, tt],
        },
        lt = "role",
        st = "tabindex",
        ct = "aria-",
        dt = ct + "controls",
        pt = ct + "current",
        mt = ct + "selected",
        ht = ct + "label",
        gt = ct + "labelledby",
        ft = ct + "hidden",
        _t = ct + "orientation",
        ut = ct + "roledescription",
        bt = ct + "live",
        xt = ct + "busy",
        vt = ct + "atomic",
        wt = [lt, st, "disabled", dt, pt, ht, gt, ft, _t, ut],
        yt = le + "__",
        Ct = "is-",
        Et = le,
        kt = yt + "track",
        $t = yt + "list",
        St = yt + "slide",
        Pt = St + "--clone",
        Mt = St + "__container",
        Nt = yt + "arrows",
        Ht = yt + "arrow",
        Tt = Ht + "--prev",
        Bt = Ht + "--next",
        Lt = yt + "pagination",
        zt = Lt + "__page",
        At = yt + "progress__bar",
        Ft = yt + "toggle",
        It = yt + "sr",
        Zt = Ct + "initialized",
        Ot = Ct + "active",
        Dt = Ct + "prev",
        Rt = Ct + "next",
        Vt = Ct + "visible",
        jt = Ct + "loading",
        Ut = Ct + "focus-in",
        Wt = Ct + "overflow",
        Gt = [Ot, Vt, Dt, Rt, jt, Ut, Wt],
        qt = {
          slide: St,
          clone: Pt,
          arrows: Nt,
          arrow: Ht,
          prev: Tt,
          next: Bt,
          pagination: Lt,
          page: zt,
          spinner: yt + "spinner",
        },
        Kt = "touchstart mousedown",
        Yt = "touchmove mousemove",
        Jt = "touchend touchcancel mouseup click",
        Qt = "slide",
        Xt = "loop",
        en = "fade";
      var tn = se + "-interval",
        nn = { passive: !1, capture: !0 },
        an = { Spacebar: " ", Right: nt, Left: tt, Up: at, Down: ot };
      function on(e) {
        return ((e = E(e) ? e : e.key), an[e] || e);
      }
      var rn = "keydown",
        ln = se + "-lazy",
        sn = ln + "-srcset",
        cn = "[" + ln + "], [" + sn + "]",
        dn = [" ", "Enter"],
        pn = Object.freeze({
          __proto__: null,
          Media: function (e, t, n) {
            var a = e.state,
              o = n.breakpoints || {},
              r = n.reducedMotion || {},
              i = ye(),
              l = [];
            function s(e) {
              e && i.destroy();
            }
            function c(e, t) {
              var n = matchMedia(t);
              (i.bind(n, "change", d), l.push([e, n]));
            }
            function d() {
              var t = a.is(7),
                o = n.direction,
                r = l.reduce(function (e, t) {
                  return R(e, t[1].matches ? t[0] : {});
                }, {});
              (V(n),
                p(r),
                n.destroy
                  ? e.destroy("completely" === n.destroy)
                  : t
                    ? (s(!0), e.mount())
                    : o !== n.direction && e.refresh());
            }
            function p(t, o, r) {
              (R(n, t),
                o && R(Object.getPrototypeOf(n), t),
                (!r && a.is(1)) || e.emit(Be, n));
            }
            return {
              setup: function () {
                var e = "min" === n.mediaQuery;
                (Z(o)
                  .sort(function (t, n) {
                    return e ? +t - +n : +n - +t;
                  })
                  .forEach(function (t) {
                    c(o[t], "(" + (e ? "min" : "max") + "-width:" + t + "px)");
                  }),
                  c(r, m),
                  d());
              },
              destroy: s,
              reduce: function (e) {
                matchMedia(m).matches && (e ? R(n, r) : V(n, Z(r)));
              },
              set: p,
            };
          },
          Direction: function (e, t, n) {
            return {
              resolve: function (e, t, a) {
                var o =
                  "rtl" !== (a = a || n.direction) || t
                    ? a === rt
                      ? 0
                      : -1
                    : 1;
                return (
                  (it[e] && it[e][o]) ||
                  e.replace(/width|left|right/i, function (e, t) {
                    var n = it[e.toLowerCase()][o] || e;
                    return t > 0 ? n.charAt(0).toUpperCase() + n.slice(1) : n;
                  })
                );
              },
              orient: function (e) {
                return e * ("rtl" === n.direction ? 1 : -1);
              },
            };
          },
          Elements: function (e, t, n) {
            var a,
              o,
              r,
              i = Qe(e),
              l = i.on,
              s = i.bind,
              c = e.root,
              d = n.i18n,
              p = {},
              m = [],
              h = [],
              f = [];
            function _() {
              var e, t, r;
              ((a = x("." + kt)),
                (o = I(a, "." + $t)),
                ce(a && o, "A track/list element is missing."),
                H(m, F(o, "." + St + ":not(." + Pt + ")")),
                O(
                  {
                    arrows: Nt,
                    pagination: Lt,
                    prev: Tt,
                    next: Bt,
                    bar: At,
                    toggle: Ft,
                  },
                  function (e, t) {
                    p[t] = x("." + e);
                  },
                ),
                D(p, { root: c, track: a, list: o, slides: m }),
                (t = c.id || "" + (e = le) + ve((we[e] = (we[e] || 0) + 1))),
                (r = n.role),
                (c.id = t),
                (a.id = a.id || t + "-track"),
                (o.id = o.id || t + "-list"),
                !Y(c, lt) && "SECTION" !== c.tagName && r && U(c, lt, r),
                U(c, ut, d.carousel),
                U(o, lt, "presentation"),
                b());
            }
            function u(e) {
              var t = wt.concat("style");
              (g(m),
                oe(c, h),
                oe(a, f),
                j([a, o], t),
                j(c, e ? t : ["style", ut]));
            }
            function b() {
              (oe(c, h),
                oe(a, f),
                (h = v(Et)),
                (f = v(kt)),
                B(c, h),
                B(a, f),
                U(c, ht, n.label),
                U(c, gt, n.labelledby));
            }
            function x(e) {
              var t = ne(c, e);
              return t &&
                (function (e, t) {
                  if (C(e.closest)) return e.closest(t);
                  for (var n = e; n && 1 === n.nodeType && !A(n, t); )
                    n = n.parentElement;
                  return n;
                })(t, "." + Et) === c
                ? t
                : void 0;
            }
            function v(e) {
              return [
                e + "--" + n.type,
                e + "--" + n.direction,
                n.drag && e + "--draggable",
                n.isNavigation && e + "--nav",
                e === Et && Ot,
              ];
            }
            return D(p, {
              setup: _,
              mount: function () {
                (l(Te, u),
                  l(Te, _),
                  l(Be, b),
                  s(
                    document,
                    Kt + " keydown",
                    function (e) {
                      r = "keydown" === e.type;
                    },
                    { capture: !0 },
                  ),
                  s(c, "focusin", function () {
                    T(c, Ut, !!r);
                  }));
              },
              destroy: u,
            });
          },
          Slides: function (e, t, n) {
            var a = Qe(e),
              o = a.on,
              r = a.emit,
              i = a.bind,
              l = t.Elements,
              s = l.slides,
              c = l.list,
              d = [];
            function p() {
              s.forEach(function (e, t) {
                h(e, t, -1);
              });
            }
            function m() {
              (u(function (e) {
                e.destroy();
              }),
                g(d));
            }
            function h(t, n, a) {
              var o = (function (e, t, n, a) {
                var o,
                  r = Qe(e),
                  i = r.on,
                  l = r.emit,
                  s = r.bind,
                  c = e.Components,
                  d = e.root,
                  p = e.options,
                  m = p.isNavigation,
                  h = p.updateOnMove,
                  g = p.i18n,
                  f = p.pagination,
                  u = p.slideFocus,
                  b = c.Direction.resolve,
                  x = Y(a, "style"),
                  v = Y(a, ht),
                  w = n > -1,
                  y = I(a, "." + Mt);
                function C() {
                  var o = e.splides
                    .map(function (e) {
                      var n = e.splide.Components.Slides.getAt(t);
                      return n ? n.slide.id : "";
                    })
                    .join(" ");
                  (U(a, ht, xe(g.slideX, (w ? n : t) + 1)),
                    U(a, dt, o),
                    U(a, lt, u ? "button" : ""),
                    u && j(a, ut));
                }
                function E() {
                  o || k();
                }
                function k() {
                  if (!o) {
                    var n = e.index;
                    ((r = $()) !== J(a, Ot) &&
                      (T(a, Ot, r),
                      U(a, pt, (m && r) || ""),
                      l(r ? Pe : Me, S)),
                      (function () {
                        var t = (function () {
                            if (e.is(en)) return $();
                            var t = Q(c.Elements.track),
                              n = Q(a),
                              o = b("left", !0),
                              r = b("right", !0);
                            return me(t[o]) <= he(n[o]) && me(n[r]) <= he(t[r]);
                          })(),
                          n = !t && (!$() || w);
                        if (
                          (e.state.is([4, 5]) || U(a, ft, n || ""),
                          U(ae(a, p.focusableNodes || ""), st, n ? -1 : ""),
                          u && U(a, st, n ? -1 : 0),
                          t !== J(a, Vt) && (T(a, Vt, t), l(t ? Ne : He, S)),
                          !t && document.activeElement === a)
                        ) {
                          var o = c.Slides.getAt(e.index);
                          o && K(o.slide);
                        }
                      })(),
                      T(a, Dt, t === n - 1),
                      T(a, Rt, t === n + 1));
                  }
                  var r;
                }
                function $() {
                  var a = e.index;
                  return a === t || (p.cloneStatus && a === n);
                }
                var S = {
                  index: t,
                  slideIndex: n,
                  slide: a,
                  container: y,
                  isClone: w,
                  mount: function () {
                    (w ||
                      ((a.id = d.id + "-slide" + ve(t + 1)),
                      U(a, lt, f ? "tabpanel" : "group"),
                      U(a, ut, g.slide),
                      U(a, ht, v || xe(g.slideLabel, [t + 1, e.length]))),
                      s(a, "click", _(l, Se, S)),
                      s(a, "keydown", _(l, "sk", S)),
                      i([$e, "sh", Oe], k),
                      i(We, C),
                      h && i(ke, E));
                  },
                  destroy: function () {
                    ((o = !0),
                      r.destroy(),
                      oe(a, Gt),
                      j(a, wt),
                      U(a, "style", x),
                      U(a, ht, v || ""));
                  },
                  update: k,
                  style: function (e, t, n) {
                    G((n && y) || a, e, t);
                  },
                  isWithin: function (n, a) {
                    var o = ge(n - t);
                    return (
                      w ||
                        (!p.rewind && !e.is(Xt)) ||
                        (o = de(o, e.length - o)),
                      o <= a
                    );
                  },
                };
                return S;
              })(e, n, a, t);
              (o.mount(),
                d.push(o),
                d.sort(function (e, t) {
                  return e.index - t.index;
                }));
            }
            function f(e) {
              return e
                ? b(function (e) {
                    return !e.isClone;
                  })
                : d;
            }
            function u(e, t) {
              f(t).forEach(e);
            }
            function b(e) {
              return d.filter(
                C(e)
                  ? e
                  : function (t) {
                      return E(e) ? A(t.slide, e) : N(P(e), t.index);
                    },
              );
            }
            return {
              mount: function () {
                (p(), o(Te, m), o(Te, p));
              },
              destroy: m,
              update: function () {
                u(function (e) {
                  e.update();
                });
              },
              register: h,
              get: f,
              getIn: function (e) {
                var a = t.Controller,
                  o = a.toIndex(e),
                  r = a.hasFocus() ? 1 : n.perPage;
                return b(function (e) {
                  return _e(e.index, o, o + r - 1);
                });
              },
              getAt: function (e) {
                return b(e)[0];
              },
              add: function (e, t) {
                (M(e, function (e) {
                  if ((E(e) && (e = ee(e)), S(e))) {
                    var a = s[t];
                    (a ? z(e, a) : L(c, e),
                      B(e, n.classes.slide),
                      (o = e),
                      (l = _(r, Le)),
                      (d = ae(o, "img")),
                      (p = d.length)
                        ? d.forEach(function (e) {
                            i(e, "load error", function () {
                              --p || l();
                            });
                          })
                        : l());
                  }
                  var o, l, d, p;
                }),
                  r(Te));
              },
              remove: function (e) {
                (X(
                  b(e).map(function (e) {
                    return e.slide;
                  }),
                ),
                  r(Te));
              },
              forEach: u,
              filter: b,
              style: function (e, t, n) {
                u(function (a) {
                  a.style(e, t, n);
                });
              },
              getLength: function (e) {
                return e ? s.length : d.length;
              },
              isEnough: function () {
                return d.length > n.perPage;
              },
            };
          },
          Layout: function (e, t, n) {
            var a,
              o,
              r,
              i = Qe(e),
              l = i.on,
              s = i.bind,
              c = i.emit,
              d = t.Slides,
              p = t.Direction.resolve,
              m = t.Elements,
              h = m.root,
              g = m.track,
              f = m.list,
              u = d.getAt,
              b = d.style;
            function x() {
              ((a = n.direction === rt),
                G(h, "maxWidth", ie(n.width)),
                G(g, p("paddingLeft"), y(!1)),
                G(g, p("paddingRight"), y(!0)),
                v(!0));
            }
            function v(e) {
              var t,
                i = Q(h);
              (e || o.width !== i.width || o.height !== i.height) &&
                (G(
                  g,
                  "height",
                  ((t = ""),
                  a &&
                    (ce((t = C()), "height or heightRatio is missing."),
                    (t = "calc(" + t + " - " + y(!1) + " - " + y(!0) + ")")),
                  t),
                ),
                b(p("marginRight"), ie(n.gap)),
                b(
                  "width",
                  n.autoWidth ? null : ie(n.fixedWidth) || (a ? "" : E()),
                ),
                b(
                  "height",
                  ie(n.fixedHeight) || (a ? (n.autoHeight ? null : E()) : C()),
                  !0,
                ),
                (o = i),
                c(ze),
                r !== (r = N()) && (T(h, Wt, r), c("overflow", r)));
            }
            function y(e) {
              var t = n.padding,
                a = p(e ? "right" : "left");
              return (t && ie(t[a] || (w(t) ? 0 : t))) || "0px";
            }
            function C() {
              return ie(n.height || Q(f).width * n.heightRatio);
            }
            function E() {
              var e = ie(n.gap);
              return (
                "calc((100%" +
                (e && " + " + e) +
                ")/" +
                (n.perPage || 1) +
                (e && " - " + e) +
                ")"
              );
            }
            function k() {
              return Q(f)[p("width")];
            }
            function $(e, t) {
              var n = u(e || 0);
              return n ? Q(n.slide)[p("width")] + (t ? 0 : M()) : 0;
            }
            function S(e, t) {
              var n = u(e);
              if (n) {
                var a = Q(n.slide)[p("right")],
                  o = Q(f)[p("left")];
                return ge(a - o) + (t ? 0 : M());
              }
              return 0;
            }
            function P(t) {
              return S(e.length - 1) - S(0) + $(0, t);
            }
            function M() {
              var e = u(0);
              return (e && parseFloat(G(e.slide, p("marginRight")))) || 0;
            }
            function N() {
              return e.is(en) || P(!0) > k();
            }
            return {
              mount: function () {
                var e, t;
                (x(),
                  s(
                    window,
                    "resize load",
                    ((e = _(c, Le)),
                    (t = Xe(0, e, null, 1)),
                    function () {
                      t.isPaused() && t.start();
                    }),
                  ),
                  l([Be, Te], x),
                  l(Le, v));
              },
              resize: v,
              listSize: k,
              slideSize: $,
              sliderSize: P,
              totalSize: S,
              getPadding: function (e) {
                return (
                  parseFloat(G(g, p("padding" + (e ? "Right" : "Left")))) || 0
                );
              },
              isOverflow: N,
            };
          },
          Clones: function (e, t, n) {
            var a,
              o = Qe(e),
              r = o.on,
              i = t.Elements,
              l = t.Slides,
              s = t.Direction.resolve,
              c = [];
            function d() {
              (r(Te, p),
                r([Be, Le], h),
                (a = f()) &&
                  ((function (t) {
                    var a = l.get().slice(),
                      o = a.length;
                    if (o) {
                      for (; a.length < t; ) H(a, a);
                      H(a.slice(-t), a.slice(0, t)).forEach(function (r, s) {
                        var d = s < t,
                          p = (function (t, a) {
                            var o = t.cloneNode(!0);
                            return (
                              B(o, n.classes.clone),
                              (o.id = e.root.id + "-clone" + ve(a + 1)),
                              o
                            );
                          })(r.slide, s);
                        (d ? z(p, a[0].slide) : L(i.list, p),
                          H(c, p),
                          l.register(p, s - t + (d ? 0 : o), r.index));
                      });
                    }
                  })(a),
                  t.Layout.resize(!0)));
            }
            function p() {
              (m(), d());
            }
            function m() {
              (X(c), g(c), o.destroy());
            }
            function h() {
              var e = f();
              a !== e && (a < e || !e) && o.emit(Te);
            }
            function f() {
              var a = n.clones;
              if (e.is(Xt)) {
                if (k(a)) {
                  var o = n[s("fixedWidth")] && t.Layout.slideSize(0);
                  a =
                    (o && he(Q(i.track)[s("width")] / o)) ||
                    (n[s("autoWidth")] && e.length) ||
                    2 * n.perPage;
                }
              } else a = 0;
              return a;
            }
            return { mount: d, destroy: m };
          },
          Move: function (e, t, n) {
            var a,
              o = Qe(e),
              r = o.on,
              i = o.emit,
              l = e.state.set,
              s = t.Layout,
              c = s.slideSize,
              d = s.getPadding,
              p = s.totalSize,
              m = s.listSize,
              h = s.sliderSize,
              g = t.Direction,
              f = g.resolve,
              _ = g.orient,
              u = t.Elements,
              b = u.list,
              x = u.track;
            function v() {
              t.Controller.isBusy() ||
                (t.Scroll.cancel(), w(e.index), t.Slides.update());
            }
            function w(e) {
              y(S(e, !0));
            }
            function y(n, a) {
              if (!e.is(en)) {
                var o = a
                  ? n
                  : (function (n) {
                      if (e.is(Xt)) {
                        var a = $(n),
                          o = a > t.Controller.getEnd();
                        (a < 0 || o) && (n = C(n, o));
                      }
                      return n;
                    })(n);
                (G(b, "transform", "translate" + f("X") + "(" + o + "px)"),
                  n !== o && i("sh"));
              }
            }
            function C(e, t) {
              var n = e - M(t),
                a = h();
              return e - _(a * (he(ge(n) / a) || 1)) * (t ? 1 : -1);
            }
            function E() {
              (y(P(), !0), a.cancel());
            }
            function $(e) {
              for (
                var n = t.Slides.get(), a = 0, o = 1 / 0, r = 0;
                r < n.length;
                r++
              ) {
                var i = n[r].index,
                  l = ge(S(i, !0) - e);
                if (!(l <= o)) break;
                ((o = l), (a = i));
              }
              return a;
            }
            function S(t, a) {
              var o = _(
                p(t - 1) -
                  (function (e) {
                    var t = n.focus;
                    return "center" === t
                      ? (m() - c(e, !0)) / 2
                      : +t * c(e) || 0;
                  })(t),
              );
              return a
                ? (function (t) {
                    return (
                      n.trimSpace && e.is(Qt) && (t = ue(t, 0, _(h(!0) - m()))),
                      t
                    );
                  })(o)
                : o;
            }
            function P() {
              var e = f("left");
              return Q(b)[e] - Q(x)[e] + _(d(!1));
            }
            function M(e) {
              return S(e ? t.Controller.getEnd() : 0, !!n.trimSpace);
            }
            return {
              mount: function () {
                ((a = t.Transition), r([Ce, ze, Be, Te], v));
              },
              move: function (e, t, n, o) {
                var r, s;
                (e !== t &&
                  ((r = e > n),
                  (s = _(C(P(), r))),
                  r ? s >= 0 : s <= b[f("scrollWidth")] - Q(x)[f("width")]) &&
                  (E(), y(C(P(), e > n), !0)),
                  l(4),
                  i(ke, t, n, e),
                  a.start(t, function () {
                    (l(3), i($e, t, n, e), o && o());
                  }));
              },
              jump: w,
              translate: y,
              shift: C,
              cancel: E,
              toIndex: $,
              toPosition: S,
              getPosition: P,
              getLimit: M,
              exceededLimit: function (e, t) {
                t = k(t) ? P() : t;
                var n = !0 !== e && _(t) < _(M(!1)),
                  a = !1 !== e && _(t) > _(M(!0));
                return n || a;
              },
              reposition: v,
            };
          },
          Controller: function (e, t, n) {
            var a,
              o,
              r,
              i,
              l = Qe(e),
              s = l.on,
              c = l.emit,
              d = t.Move,
              p = d.getPosition,
              m = d.getLimit,
              h = d.toPosition,
              g = t.Slides,
              f = g.isEnough,
              u = g.getLength,
              b = n.omitEnd,
              x = e.is(Xt),
              v = e.is(Qt),
              w = _(M, !1),
              y = _(M, !0),
              C = n.start || 0,
              $ = C;
            function S() {
              ((o = u(!0)), (r = n.perMove), (i = n.perPage), (a = T()));
              var e = ue(C, 0, b ? a : o - 1);
              e !== C && ((C = e), d.reposition());
            }
            function P() {
              a !== T() && c(Je);
            }
            function M(e, t) {
              var n = r || (A() ? 1 : i),
                o = N(C + n * (e ? -1 : 1), C, !(r || A()));
              return -1 === o && v && !fe(p(), m(!e), 1)
                ? e
                  ? 0
                  : a
                : t
                  ? o
                  : H(o);
            }
            function N(t, l, s) {
              if (f() || A()) {
                var c = (function (t) {
                  if (v && "move" === n.trimSpace && t !== C)
                    for (
                      var a = p();
                      a === h(t, !0) && _e(t, 0, e.length - 1, !n.rewind);
                    )
                      t < C ? --t : ++t;
                  return t;
                })(t);
                (c !== t && ((l = t), (t = c), (s = !1)),
                  t < 0 || t > a
                    ? (t =
                        r || (!_e(0, t, l, !0) && !_e(a, l, t, !0))
                          ? x
                            ? s
                              ? t < 0
                                ? -(o % i || i)
                                : o
                              : t
                            : n.rewind
                              ? t < 0
                                ? a
                                : 0
                              : -1
                          : B(L(t)))
                    : s && t !== l && (t = B(L(l) + (t < l ? -1 : 1))));
              } else t = -1;
              return t;
            }
            function H(e) {
              return x ? (e + o) % o || 0 : e;
            }
            function T() {
              for (var e = o - (A() || (x && r) ? 1 : i); b && e-- > 0; )
                if (h(o - 1, !0) !== h(e, !0)) {
                  e++;
                  break;
                }
              return ue(e, 0, o - 1);
            }
            function B(e) {
              return ue(A() ? e : i * e, 0, a);
            }
            function L(e) {
              return A() ? de(e, a) : me((e >= a ? o - 1 : e) / i);
            }
            function z(e) {
              e !== C && (($ = C), (C = e));
            }
            function A() {
              return !k(n.focus) || n.isNavigation;
            }
            function F() {
              return e.state.is([4, 5]) && !!n.waitForTransition;
            }
            return {
              mount: function () {
                (S(), s([Be, Te, Je], S), s(ze, P));
              },
              go: function (e, t, n) {
                if (!F()) {
                  var o = (function (e) {
                      var t = C;
                      if (E(e)) {
                        var n = e.match(/([+\-<>])(\d+)?/) || [],
                          o = n[1],
                          r = n[2];
                        "+" === o || "-" === o
                          ? (t = N(C + +("" + o + (+r || 1)), C))
                          : ">" === o
                            ? (t = r ? B(+r) : w(!0))
                            : "<" === o && (t = y(!0));
                      } else t = x ? e : ue(e, 0, a);
                      return t;
                    })(e),
                    r = H(o);
                  r > -1 && (t || r !== C) && (z(r), d.move(o, r, $, n));
                }
              },
              scroll: function (e, n, o, r) {
                t.Scroll.scroll(e, n, o, function () {
                  var e = H(d.toIndex(p()));
                  (z(b ? de(e, a) : e), r && r());
                });
              },
              getNext: w,
              getPrev: y,
              getAdjacent: M,
              getEnd: T,
              setIndex: z,
              getIndex: function (e) {
                return e ? $ : C;
              },
              toIndex: B,
              toPage: L,
              toDest: function (e) {
                var t = d.toIndex(e);
                return v ? ue(t, 0, a) : t;
              },
              hasFocus: A,
              isBusy: F,
            };
          },
          Arrows: function (e, t, n) {
            var a,
              o,
              r = Qe(e),
              i = r.on,
              l = r.bind,
              s = r.emit,
              c = n.classes,
              d = n.i18n,
              p = t.Elements,
              m = t.Controller,
              h = p.arrows,
              g = p.track,
              f = h,
              u = p.prev,
              b = p.next,
              x = {};
            function v() {
              var e;
              (!(e = n.arrows) ||
                (u && b) ||
                ((f = h || W("div", c.arrows)),
                (u = E(!0)),
                (b = E(!1)),
                (a = !0),
                L(f, [u, b]),
                !h && z(f, g)),
                u &&
                  b &&
                  (D(x, { prev: u, next: b }),
                  q(f, e ? "" : "none"),
                  B(f, (o = Nt + "--" + n.direction)),
                  e &&
                    (i([Ce, $e, Te, Oe, Je], k),
                    l(b, "click", _(C, ">")),
                    l(u, "click", _(C, "<")),
                    k(),
                    U([u, b], dt, g.id),
                    s(Re, u, b))),
                i(Be, w));
            }
            function w() {
              (y(), v());
            }
            function y() {
              (r.destroy(),
                oe(f, o),
                a ? (X(h ? [u, b] : f), (u = b = null)) : j([u, b], wt));
            }
            function C(e) {
              m.go(e, !0);
            }
            function E(e) {
              return ee(
                '<button class="' +
                  c.arrow +
                  " " +
                  (e ? c.prev : c.next) +
                  '" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="' +
                  (n.arrowPath ||
                    "m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z") +
                  '" />',
              );
            }
            function k() {
              if (u && b) {
                var t = e.index,
                  n = m.getPrev(),
                  a = m.getNext(),
                  o = n > -1 && t < n ? d.last : d.prev,
                  r = a > -1 && t > a ? d.first : d.next;
                ((u.disabled = n < 0),
                  (b.disabled = a < 0),
                  U(u, ht, o),
                  U(b, ht, r),
                  s(Ve, u, b, n, a));
              }
            }
            return { arrows: x, mount: v, destroy: y, update: k };
          },
          Autoplay: function (e, t, n) {
            var a,
              o,
              r = Qe(e),
              i = r.on,
              l = r.bind,
              s = r.emit,
              c = Xe(n.interval, e.go.bind(e, ">"), function (e) {
                var t = p.bar;
                (t && G(t, "width", 100 * e + "%"), s(qe, e));
              }),
              d = c.isPaused,
              p = t.Elements,
              m = t.Elements,
              h = m.root,
              g = m.toggle,
              f = n.autoplay,
              _ = "pause" === f;
            function u() {
              d() &&
                t.Slides.isEnough() &&
                (c.start(!n.resetProgress), (o = a = _ = !1), v(), s(Ge));
            }
            function b(e) {
              (void 0 === e && (e = !0),
                (_ = !!e),
                v(),
                d() || (c.pause(), s(Ke)));
            }
            function x() {
              _ || (a || o ? b(!1) : u());
            }
            function v() {
              g && (T(g, Ot, !_), U(g, ht, n.i18n[_ ? "play" : "pause"]));
            }
            function w(e) {
              var a = t.Slides.getAt(e);
              c.set((a && +Y(a.slide, tn)) || n.interval);
            }
            return {
              mount: function () {
                f &&
                  (n.pauseOnHover &&
                    l(h, "mouseenter mouseleave", function (e) {
                      ((a = "mouseenter" === e.type), x());
                    }),
                  n.pauseOnFocus &&
                    l(h, "focusin focusout", function (e) {
                      ((o = "focusin" === e.type), x());
                    }),
                  g &&
                    l(g, "click", function () {
                      _ ? u() : b(!0);
                    }),
                  i([ke, Ze, Te], c.rewind),
                  i(ke, w),
                  g && U(g, dt, p.track.id),
                  _ || u(),
                  v());
              },
              destroy: c.cancel,
              play: u,
              pause: b,
              isPaused: d,
            };
          },
          Cover: function (e, t, n) {
            var a = Qe(e).on;
            function o(e) {
              t.Slides.forEach(function (t) {
                var n = I(t.container || t.slide, "img");
                n && n.src && r(e, n, t);
              });
            }
            function r(e, t, n) {
              (n.style(
                "background",
                e ? 'center/cover no-repeat url("' + t.src + '")' : "",
                !0,
              ),
                q(t, e ? "none" : ""));
            }
            return {
              mount: function () {
                n.cover && (a(Ye, _(r, !0)), a([Ce, Be, Te], _(o, !0)));
              },
              destroy: _(o, !1),
            };
          },
          Scroll: function (e, t, n) {
            var a,
              o,
              r = Qe(e),
              i = r.on,
              l = r.emit,
              s = e.state.set,
              c = t.Move,
              d = c.getPosition,
              p = c.getLimit,
              m = c.exceededLimit,
              h = c.translate,
              g = e.is(Qt),
              f = 1;
            function u(e, n, r, i, p) {
              var h = d();
              if ((v(), r && (!g || !m()))) {
                var u = t.Layout.sliderSize(),
                  w = be(e) * u * me(ge(e) / u) || 0;
                e = c.toPosition(t.Controller.toDest(e % u)) + w;
              }
              var y = fe(h, e, 1);
              ((f = 1),
                (n = y ? 0 : n || pe(ge(e - h) / 1.5, 800)),
                (o = i),
                (a = Xe(n, b, _(x, h, e, p), 1)),
                s(5),
                l(Ze),
                a.start());
            }
            function b() {
              (s(3), o && o(), l(Oe));
            }
            function x(e, t, a, r) {
              var i,
                l,
                s = d(),
                c =
                  (e +
                    (t - e) *
                      ((i = r),
                      (l = n.easingFunc) ? l(i) : 1 - Math.pow(1 - i, 4)) -
                    s) *
                  f;
              (h(s + c),
                g &&
                  !a &&
                  m() &&
                  ((f *= 0.6), ge(c) < 10 && u(p(m(!0)), 600, !1, o, !0)));
            }
            function v() {
              a && a.cancel();
            }
            function w() {
              a && !a.isPaused() && (v(), b());
            }
            return {
              mount: function () {
                (i(ke, v), i([Be, Te], w));
              },
              destroy: v,
              scroll: u,
              cancel: w,
            };
          },
          Drag: function (e, t, n) {
            var a,
              o,
              r,
              i,
              l,
              s,
              c,
              d,
              p = Qe(e),
              m = p.on,
              h = p.emit,
              g = p.bind,
              f = p.unbind,
              _ = e.state,
              u = t.Move,
              x = t.Scroll,
              v = t.Controller,
              y = t.Elements.track,
              C = t.Media.reduce,
              E = t.Direction,
              k = E.resolve,
              $ = E.orient,
              S = u.getPosition,
              P = u.exceededLimit,
              M = !1;
            function N() {
              var e = n.drag;
              (R(!e), (i = "free" === e));
            }
            function H(e) {
              if (((s = !1), !c)) {
                var t = D(e);
                ((a = e.target),
                  (o = n.noDrag),
                  A(a, "." + zt + ", ." + Ht) ||
                    (o && A(a, o)) ||
                    (!t && e.button) ||
                    (v.isBusy()
                      ? te(e, !0)
                      : ((d = t ? y : window),
                        (l = _.is([4, 5])),
                        (r = null),
                        g(d, Yt, T, nn),
                        g(d, Jt, B, nn),
                        u.cancel(),
                        x.cancel(),
                        z(e))));
              }
              var a, o;
            }
            function T(t) {
              if ((_.is(6) || (_.set(6), h(Ae)), t.cancelable))
                if (l) {
                  u.translate(a + F(t) / (M && e.is(Qt) ? 5 : 1));
                  var o = I(t) > 200,
                    r = M !== (M = P());
                  ((o || r) && z(t), (s = !0), h(Fe), te(t));
                } else
                  (function (e) {
                    return ge(F(e)) > ge(F(e, !0));
                  })(t) &&
                    ((l = (function (e) {
                      var t = n.dragMinThreshold,
                        a = w(t),
                        o = (a && t.mouse) || 0,
                        r = (a ? t.touch : +t) || 10;
                      return ge(F(e)) > (D(e) ? r : o);
                    })(t)),
                    te(t));
            }
            function B(a) {
              (_.is(6) && (_.set(3), h(Ie)),
                l &&
                  ((function (a) {
                    var o = (function (t) {
                        if (e.is(Xt) || !M) {
                          var n = I(t);
                          if (n && n < 200) return F(t) / n;
                        }
                        return 0;
                      })(a),
                      r = (function (e) {
                        return (
                          S() +
                          be(e) *
                            de(
                              ge(e) * (n.flickPower || 600),
                              i
                                ? 1 / 0
                                : t.Layout.listSize() * (n.flickMaxPages || 1),
                            )
                        );
                      })(o),
                      l = n.rewind && n.rewindByDrag;
                    (C(!1),
                      i
                        ? v.scroll(r, 0, n.snap)
                        : e.is(en)
                          ? v.go($(be(o)) < 0 ? (l ? "<" : "-") : l ? ">" : "+")
                          : e.is(Qt) && M && l
                            ? v.go(P(!0) ? ">" : "<")
                            : v.go(v.toDest(r), !0),
                      C(!0));
                  })(a),
                  te(a)),
                f(d, Yt, T),
                f(d, Jt, B),
                (l = !1));
            }
            function L(e) {
              !c && s && te(e, !0);
            }
            function z(e) {
              ((r = o), (o = e), (a = S()));
            }
            function F(e, t) {
              return O(e, t) - O(Z(e), t);
            }
            function I(e) {
              return re(e) - re(Z(e));
            }
            function Z(e) {
              return (o === e && r) || o;
            }
            function O(e, t) {
              return (D(e) ? e.changedTouches[0] : e)[
                "page" + k(t ? "Y" : "X")
              ];
            }
            function D(e) {
              return (
                "undefined" != typeof TouchEvent && e instanceof TouchEvent
              );
            }
            function R(e) {
              c = e;
            }
            return {
              mount: function () {
                (g(y, Yt, b, nn),
                  g(y, Jt, b, nn),
                  g(y, Kt, H, nn),
                  g(y, "click", L, { capture: !0 }),
                  g(y, "dragstart", te),
                  m([Ce, Be], N));
              },
              disable: R,
              isDragging: function () {
                return l;
              },
            };
          },
          Keyboard: function (e, t, n) {
            var a,
              o,
              r = Qe(e),
              i = r.on,
              l = r.bind,
              s = r.unbind,
              c = e.root,
              d = t.Direction.resolve;
            function p() {
              var e = n.keyboard;
              e && ((a = "global" === e ? window : c), l(a, rn, g));
            }
            function m() {
              s(a, rn);
            }
            function h() {
              var e = o;
              ((o = !0),
                u(function () {
                  o = e;
                }));
            }
            function g(t) {
              if (!o) {
                var n = on(t);
                n === d(tt) ? e.go("<") : n === d(nt) && e.go(">");
              }
            }
            return {
              mount: function () {
                (p(), i(Be, m), i(Be, p), i(ke, h));
              },
              destroy: m,
              disable: function (e) {
                o = e;
              },
            };
          },
          LazyLoad: function (e, t, n) {
            var a = Qe(e),
              o = a.on,
              r = a.off,
              i = a.bind,
              l = a.emit,
              s = "sequential" === n.lazyLoad,
              c = [$e, Oe],
              d = [];
            function p() {
              (g(d),
                t.Slides.forEach(function (e) {
                  ae(e.slide, cn).forEach(function (t) {
                    var a = Y(t, ln),
                      o = Y(t, sn);
                    if (a !== t.src || o !== t.srcset) {
                      var r = n.classes.spinner,
                        i = t.parentElement,
                        l = I(i, "." + r) || W("span", r, i);
                      (d.push([t, e, l]), t.src || q(t, "none"));
                    }
                  });
                }),
                s ? u() : (r(c), o(c, m), m()));
            }
            function m() {
              (d = d.filter(function (t) {
                var a = n.perPage * ((n.preloadPages || 1) + 1) - 1;
                return !t[1].isWithin(e.index, a) || h(t);
              })).length || r(c);
            }
            function h(e) {
              var t = e[0];
              (B(e[1].slide, jt),
                i(t, "load error", _(f, e)),
                U(t, "src", Y(t, ln)),
                U(t, "srcset", Y(t, sn)),
                j(t, ln),
                j(t, sn));
            }
            function f(e, t) {
              var n = e[0],
                a = e[1];
              (oe(a.slide, jt),
                "error" !== t.type && (X(e[2]), q(n, ""), l(Ye, n, a), l(Le)),
                s && u());
            }
            function u() {
              d.length && h(d.shift());
            }
            return {
              mount: function () {
                n.lazyLoad && (p(), o(Te, p));
              },
              destroy: _(g, d),
              check: m,
            };
          },
          Pagination: function (e, t, n) {
            var a,
              o,
              r = Qe(e),
              i = r.on,
              l = r.emit,
              s = r.bind,
              c = t.Slides,
              d = t.Elements,
              p = t.Controller,
              m = p.hasFocus,
              h = p.getIndex,
              u = p.go,
              b = t.Direction.resolve,
              x = d.pagination,
              v = [];
            function w() {
              (a && (X(x ? f(a.children) : a), oe(a, o), g(v), (a = null)),
                r.destroy());
            }
            function y(e) {
              u(">" + e, !0);
            }
            function C(e, t) {
              var n = v.length,
                a = on(t),
                o = E(),
                r = -1;
              a === b(nt, !1, o)
                ? (r = ++e % n)
                : a === b(tt, !1, o)
                  ? (r = (--e + n) % n)
                  : "Home" === a
                    ? (r = 0)
                    : "End" === a && (r = n - 1);
              var i = v[r];
              i && (K(i.button), u(">" + r), te(t, !0));
            }
            function E() {
              return n.paginationDirection || n.direction;
            }
            function k(e) {
              return v[p.toPage(e)];
            }
            function $() {
              var e = k(h(!0)),
                t = k(h());
              if (e) {
                var n = e.button;
                (oe(n, Ot), j(n, mt), U(n, st, -1));
              }
              if (t) {
                var o = t.button;
                (B(o, Ot), U(o, mt, !0), U(o, st, ""));
              }
              l(Ue, { list: a, items: v }, e, t);
            }
            return {
              items: v,
              mount: function t() {
                (w(), i([Be, Te, Je], t));
                var r = n.pagination;
                (x && q(x, r ? "" : "none"),
                  r &&
                    (i([ke, Ze, Oe], $),
                    (function () {
                      var t = e.length,
                        r = n.classes,
                        i = n.i18n,
                        l = n.perPage,
                        h = m() ? p.getEnd() + 1 : he(t / l);
                      (B(
                        (a = x || W("ul", r.pagination, d.track.parentElement)),
                        (o = Lt + "--" + E()),
                      ),
                        U(a, lt, "tablist"),
                        U(a, ht, i.select),
                        U(a, _t, E() === rt ? "vertical" : ""));
                      for (var g = 0; g < h; g++) {
                        var f = W("li", null, a),
                          u = W("button", { class: r.page, type: "button" }, f),
                          b = c.getIn(g).map(function (e) {
                            return e.slide.id;
                          }),
                          w = !m() && l > 1 ? i.pageX : i.slideX;
                        (s(u, "click", _(y, g)),
                          n.paginationKeyboard && s(u, "keydown", _(C, g)),
                          U(f, lt, "presentation"),
                          U(u, lt, "tab"),
                          U(u, dt, b.join(" ")),
                          U(u, ht, xe(w, g + 1)),
                          U(u, st, -1),
                          v.push({ li: f, button: u, page: g }));
                      }
                    })(),
                    $(),
                    l(je, { list: a, items: v }, k(e.index))));
              },
              destroy: w,
              getAt: k,
              update: $,
            };
          },
          Sync: function (e, t, n) {
            var a = n.isNavigation,
              o = n.slideFocus,
              r = [];
            function i() {
              var t, n;
              (e.splides.forEach(function (t) {
                t.isParent || (s(e, t.splide), s(t.splide, e));
              }),
                a &&
                  ((n = (t = Qe(e)).on)(Se, d),
                  n("sk", p),
                  n([Ce, Be], c),
                  r.push(t),
                  t.emit(We, e.splides)));
            }
            function l() {
              (r.forEach(function (e) {
                e.destroy();
              }),
                g(r));
            }
            function s(e, t) {
              var n = Qe(e);
              (n.on(ke, function (e, n, a) {
                t.go(t.is(Xt) ? a : e);
              }),
                r.push(n));
            }
            function c() {
              U(t.Elements.list, _t, n.direction === rt ? "vertical" : "");
            }
            function d(t) {
              e.go(t.index);
            }
            function p(e, t) {
              N(dn, on(t)) && (d(e), te(t));
            }
            return {
              setup: _(t.Media.set, { slideFocus: k(o) ? a : o }, !0),
              mount: i,
              destroy: l,
              remount: function () {
                (l(), i());
              },
            };
          },
          Wheel: function (e, t, n) {
            var a = Qe(e).bind,
              o = 0;
            function r(a) {
              if (a.cancelable) {
                var r = a.deltaY,
                  i = r < 0,
                  l = re(a),
                  s = n.wheelMinThreshold || 0,
                  c = n.wheelSleep || 0;
                (ge(r) > s && l - o > c && (e.go(i ? "<" : ">"), (o = l)),
                  (function (a) {
                    return (
                      !n.releaseWheel ||
                      e.state.is(4) ||
                      -1 !== t.Controller.getAdjacent(a)
                    );
                  })(i) && te(a));
              }
            }
            return {
              mount: function () {
                n.wheel && a(t.Elements.track, "wheel", r, nn);
              },
            };
          },
          Live: function (e, t, n) {
            var a = Qe(e).on,
              o = t.Elements.track,
              r = n.live && !n.isNavigation,
              i = W("span", It),
              l = Xe(90, _(s, !1));
            function s(e) {
              (U(o, xt, e), e ? (L(o, i), l.start()) : (X(i), l.cancel()));
            }
            function c(e) {
              r && U(o, bt, e ? "off" : "polite");
            }
            return {
              mount: function () {
                r &&
                  (c(!t.Autoplay.isPaused()),
                  U(o, vt, !0),
                  (i.textContent = "…"),
                  a(Ge, _(c, !0)),
                  a(Ke, _(c, !1)),
                  a([$e, Oe], _(s, !0)));
              },
              disable: c,
              destroy: function () {
                (j(o, [bt, vt, xt]), X(i));
              },
            };
          },
        }),
        mn = {
          type: "slide",
          role: "region",
          speed: 400,
          perPage: 1,
          cloneStatus: !0,
          arrows: !0,
          pagination: !0,
          paginationKeyboard: !0,
          interval: 5e3,
          pauseOnHover: !0,
          pauseOnFocus: !0,
          resetProgress: !0,
          easing: "cubic-bezier(0.25, 1, 0.5, 1)",
          drag: !0,
          direction: "ltr",
          trimSpace: !0,
          focusableNodes: "a, button, textarea, input, select, iframe",
          live: !0,
          classes: qt,
          i18n: {
            prev: "Previous slide",
            next: "Next slide",
            first: "Go to first slide",
            last: "Go to last slide",
            slideX: "Go to slide %s",
            pageX: "Go to page %s",
            play: "Start autoplay",
            pause: "Pause autoplay",
            carousel: "carousel",
            slide: "slide",
            select: "Select a slide to show",
            slideLabel: "%s of %s",
          },
          reducedMotion: { speed: 0, rewindSpeed: 0, autoplay: "pause" },
        };
      function hn(e, t, n) {
        var a = t.Slides;
        function o() {
          a.forEach(function (e) {
            e.style("transform", "translateX(-" + 100 * e.index + "%)");
          });
        }
        return {
          mount: function () {
            Qe(e).on([Ce, Te], o);
          },
          start: function (e, t) {
            (a.style("transition", "opacity " + n.speed + "ms " + n.easing),
              u(t));
          },
          cancel: b,
        };
      }
      function gn(e, t, n) {
        var a,
          o = t.Move,
          r = t.Controller,
          i = t.Scroll,
          l = t.Elements.list,
          s = _(G, l, "transition");
        function c() {
          (s(""), i.cancel());
        }
        return {
          mount: function () {
            Qe(e).bind(l, "transitionend", function (e) {
              e.target === l && a && (c(), a());
            });
          },
          start: function (t, l) {
            var c = o.toPosition(t, !0),
              d = o.getPosition(),
              p = (function (t) {
                var a = n.rewindSpeed;
                if (e.is(Qt) && a) {
                  var o = r.getIndex(!0),
                    i = r.getEnd();
                  if ((0 === o && t >= i) || (o >= i && 0 === t)) return a;
                }
                return n.speed;
              })(t);
            ge(c - d) >= 1 && p >= 1
              ? n.useScroll
                ? i.scroll(c, p, !1, l)
                : (s("transform " + p + "ms " + n.easing),
                  o.translate(c, !0),
                  (a = l))
              : (o.jump(t), l());
          },
          cancel: c,
        };
      }
      var fn = (function () {
        function e(t, n) {
          var a;
          ((this.event = Qe()),
            (this.Components = {}),
            (this.state =
              ((a = 1),
              {
                set: function (e) {
                  a = e;
                },
                is: function (e) {
                  return N(P(e), a);
                },
              })),
            (this.splides = []),
            (this._o = {}),
            (this._E = {}));
          var o = E(t) ? ne(document, t) : t;
          (ce(o, o + " is invalid."),
            (this.root = o),
            (n = R(
              { label: Y(o, ht) || "", labelledby: Y(o, gt) || "" },
              mn,
              e.defaults,
              n || {},
            )));
          try {
            R(n, JSON.parse(Y(o, se)));
          } catch (e) {
            ce(!1, "Invalid JSON");
          }
          this._o = Object.create(R({}, n));
        }
        var t,
          n,
          a = e.prototype;
        return (
          (a.mount = function (e, t) {
            var n = this,
              a = this.state,
              o = this.Components;
            return (
              ce(a.is([1, 7]), "Already mounted!"),
              a.set(1),
              (this._C = o),
              (this._T = t || this._T || (this.is(en) ? hn : gn)),
              (this._E = e || this._E),
              O(D({}, pn, this._E, { Transition: this._T }), function (e, t) {
                var a = e(n, o, n._o);
                ((o[t] = a), a.setup && a.setup());
              }),
              O(o, function (e) {
                e.mount && e.mount();
              }),
              this.emit(Ce),
              B(this.root, Zt),
              a.set(3),
              this.emit(Ee),
              this
            );
          }),
          (a.sync = function (e) {
            return (
              this.splides.push({ splide: e }),
              e.splides.push({ splide: this, isParent: !0 }),
              this.state.is(3) &&
                (this._C.Sync.remount(), e.Components.Sync.remount()),
              this
            );
          }),
          (a.go = function (e) {
            return (this._C.Controller.go(e), this);
          }),
          (a.on = function (e, t) {
            return (this.event.on(e, t), this);
          }),
          (a.off = function (e) {
            return (this.event.off(e), this);
          }),
          (a.emit = function (e) {
            var t;
            return (
              (t = this.event).emit.apply(t, [e].concat(f(arguments, 1))),
              this
            );
          }),
          (a.add = function (e, t) {
            return (this._C.Slides.add(e, t), this);
          }),
          (a.remove = function (e) {
            return (this._C.Slides.remove(e), this);
          }),
          (a.is = function (e) {
            return this._o.type === e;
          }),
          (a.refresh = function () {
            return (this.emit(Te), this);
          }),
          (a.destroy = function (e) {
            void 0 === e && (e = !0);
            var t = this.event,
              n = this.state;
            return (
              n.is(1)
                ? Qe(this).on(Ee, this.destroy.bind(this, e))
                : (O(
                    this._C,
                    function (t) {
                      t.destroy && t.destroy(e);
                    },
                    !0,
                  ),
                  t.emit(De),
                  t.destroy(),
                  e && g(this.splides),
                  n.set(7)),
              this
            );
          }),
          (t = e),
          (n = [
            {
              key: "options",
              get: function () {
                return this._o;
              },
              set: function (e) {
                this._C.Media.set(e, !0, !0);
              },
            },
            {
              key: "length",
              get: function () {
                return this._C.Slides.getLength(!0);
              },
            },
            {
              key: "index",
              get: function () {
                return this._C.Controller.getIndex();
              },
            },
          ]) && p(t.prototype, n),
          Object.defineProperty(t, "prototype", { writable: !1 }),
          e
        );
      })();
      ((fn.defaults = {}), (fn.STATES = h));
      var un = [
        [Ce, "onMounted"],
        [Ee, "onReady"],
        [ke, "onMove"],
        [$e, "onMoved"],
        [Se, "onClick"],
        [Pe, "onActive"],
        [Me, "onInactive"],
        [Ne, "onVisible"],
        [He, "onHidden"],
        [Te, "onRefresh"],
        [Be, "onUpdated"],
        [Le, "onResize"],
        [ze, "onResized"],
        [Ae, "onDrag"],
        [Fe, "onDragging"],
        [Ie, "onDragged"],
        [Ze, "onScroll"],
        [Oe, "onScrolled"],
        [De, "onDestroy"],
        [Re, "onArrowsMounted"],
        [Ve, "onArrowsUpdated"],
        [je, "onPaginationMounted"],
        [Ue, "onPaginationUpdated"],
        [We, "onNavigationMounted"],
        [Ge, "onAutoplayPlay"],
        [qe, "onAutoplayPlaying"],
        [Ke, "onAutoplayPause"],
        [Ye, "onLazyLoadLoaded"],
      ];
      function bn(...e) {
        return e.filter(Boolean).join(" ");
      }
      function xn(e) {
        return null !== e && "object" == typeof e;
      }
      function vn(e, t) {
        if (Array.isArray(e) && Array.isArray(t))
          return e.length === t.length && !e.some((e, n) => !vn(e, t[n]));
        if (xn(e) && xn(t)) {
          const n = Object.keys(e),
            a = Object.keys(t);
          return (
            n.length === a.length &&
            !n.some(
              (n) =>
                !Object.prototype.hasOwnProperty.call(t, n) || !vn(e[n], t[n]),
            )
          );
        }
        return e === t;
      }
      function wn(e, t) {
        const n = e;
        return (
          (function (e, t) {
            if (e) {
              const n = Object.keys(e);
              for (let a = 0; a < n.length; a++) {
                const o = n[a];
                if ("__proto__" !== o && !1 === t(e[o], o)) break;
              }
            }
          })(t, (e, t) => {
            Array.isArray(e)
              ? (n[t] = e.slice())
              : xn(e)
                ? (n[t] = wn(xn(n[t]) ? n[t] : {}, e))
                : (n[t] = e);
          }),
          n
        );
      }
      var yn = ({ children: e, className: t, ...n }) =>
          o().createElement(
            "div",
            { className: bn("splide__track", t), ...n },
            o().createElement("ul", { className: "splide__list" }, e),
          ),
        Cn = class extends o().Component {
          constructor() {
            (super(...arguments),
              (this.splideRef = o().createRef()),
              (this.slides = []));
          }
          componentDidMount() {
            const { options: e, extensions: t, transition: n } = this.props,
              { current: a } = this.splideRef;
            a &&
              ((this.splide = new fn(a, e)),
              this.bind(this.splide),
              this.splide.mount(t, n),
              (this.options = wn({}, e || {})),
              (this.slides = this.getSlides()));
          }
          componentWillUnmount() {
            (this.splide && (this.splide.destroy(), (this.splide = void 0)),
              (this.options = void 0),
              (this.slides.length = 0));
          }
          componentDidUpdate() {
            if (!this.splide) return;
            const { options: e } = this.props;
            e &&
              !vn(this.options, e) &&
              ((this.splide.options = e), (this.options = wn({}, e)));
            const t = this.getSlides();
            var n, a;
            ((n = this.slides),
              (a = t),
              (n.length !== a.length || n.some((e, t) => e !== a[t])) &&
                (this.splide.refresh(), (this.slides = t)));
          }
          sync(e) {
            var t;
            null == (t = this.splide) || t.sync(e);
          }
          go(e) {
            var t;
            null == (t = this.splide) || t.go(e);
          }
          getSlides() {
            var e;
            if (this.splide) {
              const t =
                null == (e = this.splide.Components.Elements)
                  ? void 0
                  : e.list.children;
              return (t && Array.prototype.slice.call(t)) || [];
            }
            return [];
          }
          bind(e) {
            un.forEach(([t, n]) => {
              const a = this.props[n];
              "function" == typeof a &&
                e.on(t, (...t) => {
                  a(e, ...t);
                });
            });
          }
          omit(e, t) {
            return (
              t.forEach((t) => {
                Object.prototype.hasOwnProperty.call(e, t) && delete e[t];
              }),
              e
            );
          }
          render() {
            const {
              className: e,
              tag: t = "div",
              hasTrack: n = !0,
              children: a,
              ...r
            } = this.props;
            return o().createElement(
              t,
              {
                className: bn("splide", e),
                ref: this.splideRef,
                ...this.omit(r, ["options", ...un.map((e) => e[1])]),
              },
              n ? o().createElement(yn, null, a) : a,
            );
          }
        },
        En = ({ children: e, className: t, ...n }) =>
          o().createElement(
            "li",
            { className: bn("splide__slide", t), ...n },
            e,
          );
      function kn(e, t, n) {
        return Array.prototype.slice.call(e, t, n);
      }
      function $n(e) {
        return e.bind.apply(e, [null].concat(kn(arguments, 1)));
      }
      function Sn(e) {
        return requestAnimationFrame(e);
      }
      function Pn(e, t) {
        return typeof t === e;
      }
      var Mn = Array.isArray;
      function Nn(e) {
        return Mn(e) ? e : [e];
      }
      function Hn(e, t) {
        Nn(e).forEach(t);
      }
      ($n(Pn, "function"), $n(Pn, "string"), $n(Pn, "undefined"));
      var Tn = Object.keys;
      var Bn = Math.min,
        Ln = "move",
        zn = "moved",
        An = "drag",
        Fn = "scroll",
        In = "scrolled",
        Zn = "destroy";
      function On(e) {
        var t = e ? e.event.bus : document.createDocumentFragment(),
          n = (function () {
            var e = [];
            function t(e, t, n) {
              Hn(e, function (e) {
                e &&
                  Hn(t, function (t) {
                    t.split(" ").forEach(function (t) {
                      var a = t.split(".");
                      n(e, a[0], a[1]);
                    });
                  });
              });
            }
            return {
              bind: function (n, a, o, r) {
                t(n, a, function (t, n, a) {
                  var i = "addEventListener" in t,
                    l = i
                      ? t.removeEventListener.bind(t, n, o, r)
                      : t.removeListener.bind(t, o);
                  (i ? t.addEventListener(n, o, r) : t.addListener(o),
                    e.push([t, n, a, o, l]));
                });
              },
              unbind: function (n, a, o) {
                t(n, a, function (t, n, a) {
                  e = e.filter(function (e) {
                    return (
                      !!(
                        e[0] !== t ||
                        e[1] !== n ||
                        e[2] !== a ||
                        (o && e[3] !== o)
                      ) || (e[4](), !1)
                    );
                  });
                });
              },
              dispatch: function (e, t, n) {
                var a;
                return (
                  "function" == typeof CustomEvent
                    ? (a = new CustomEvent(t, { bubbles: !0, detail: n }))
                    : (a = document.createEvent("CustomEvent")).initCustomEvent(
                        t,
                        !0,
                        !1,
                        n,
                      ),
                  e.dispatchEvent(a),
                  a
                );
              },
              destroy: function () {
                (e.forEach(function (e) {
                  e[4]();
                }),
                  (e.length = 0));
              },
            };
          })();
        return (
          e && e.event.on(Zn, n.destroy),
          (function (e) {
            return (
              kn(arguments, 1).forEach(function (t) {
                !(function (e, t, n) {
                  if (e)
                    for (var a = Tn(e), o = 0; o < a.length; o++) {
                      var r = a[o];
                      if ("__proto__" !== r && !1 === t(e[r], r)) break;
                    }
                })(t, function (n, a) {
                  e[a] = t[a];
                });
              }),
              e
            );
          })(n, {
            bus: t,
            on: function (e, a) {
              n.bind(t, Nn(e).join(" "), function (e) {
                a.apply(a, Mn(e.detail) ? e.detail : []);
              });
            },
            off: $n(n.unbind, t),
            emit: function (e) {
              n.dispatch(t, e, kn(arguments, 1));
            },
          })
        );
      }
      function Dn(e, t, n, a) {
        var o,
          r,
          i = Date.now,
          l = 0,
          s = !0,
          c = 0;
        function d() {
          if (!s) {
            if (
              ((l = e ? Bn((i() - o) / e, 1) : 1),
              n && n(l),
              l >= 1 && (t(), (o = i()), a && ++c >= a))
            )
              return p();
            Sn(d);
          }
        }
        function p() {
          s = !0;
        }
        function m() {
          (r && cancelAnimationFrame(r), (l = 0), (r = 0), (s = !0));
        }
        return {
          start: function (t) {
            (!t && m(), (o = i() - (t ? l * e : 0)), (s = !1), Sn(d));
          },
          rewind: function () {
            ((o = i()), (l = 0), n && n(l));
          },
          pause: p,
          cancel: m,
          set: function (t) {
            e = t;
          },
          isPaused: function () {
            return s;
          },
        };
      }
      function Rn(e, t, n) {
        return Array.prototype.slice.call(e, t, n);
      }
      function Vn(e) {
        return e.bind(null, ...Rn(arguments, 1));
      }
      function jn(e, t) {
        return typeof t === e;
      }
      function Un(e) {
        return !qn(e) && jn("object", e);
      }
      const Wn = Array.isArray;
      (Vn(jn, "function"), Vn(jn, "string"));
      const Gn = Vn(jn, "undefined");
      function qn(e) {
        return null === e;
      }
      function Kn(e, t) {
        var n;
        ((n = e), Wn(n) ? n : [n]).forEach(t);
      }
      const Yn = Object.keys;
      function Jn(e, t, n) {
        if (e) {
          let a = Yn(e);
          a = n ? a.reverse() : a;
          for (let n = 0; n < a.length; n++) {
            const o = a[n];
            if ("__proto__" !== o && !1 === t(e[o], o)) break;
          }
        }
        return e;
      }
      function Qn(e) {
        return (
          Rn(arguments, 1).forEach((t) => {
            Jn(t, (n, a) => {
              e[a] = t[a];
            });
          }),
          e
        );
      }
      function Xn(e, t, n) {
        Un(t)
          ? Jn(t, (t, n) => {
              Xn(e, n, t);
            })
          : Kn(e, (e) => {
              qn(n) || "" === n
                ? (function (e, t) {
                    Kn(e, (e) => {
                      Kn(t, (t) => {
                        e && e.removeAttribute(t);
                      });
                    });
                  })(e, t)
                : e.setAttribute(t, String(n));
            });
      }
      const { min: ea, max: ta, floor: na, ceil: aa, abs: oa } = Math,
        ra = { speed: 1, autoStart: !0, pauseOnHover: !0, pauseOnFocus: !0 },
        ia = {
          startScroll: "Start auto scroll",
          pauseScroll: "Pause auto scroll",
        };
      function la(e, t, n) {
        const { on: a, off: o, bind: r, unbind: i } = On(e),
          { translate: l, getPosition: s, toIndex: c, getLimit: d } = t.Move,
          { setIndex: p, getIndex: m } = t.Controller,
          { orient: h } = t.Direction,
          { toggle: g } = t.Elements,
          { Live: f } = t,
          { root: _ } = e,
          u = (function (e, t) {
            var n;
            return function () {
              n ||
                (n = Dn(
                  500,
                  function () {
                    (e(), (n = null));
                  },
                  null,
                  1,
                )).start();
            };
          })(t.Arrows.update);
        let b,
          x,
          v,
          w,
          y,
          C,
          E = {};
        function k() {
          e.is("fade") ||
            b ||
            !1 === n.autoScroll ||
            ((b = Dn(0, H)),
            E.pauseOnHover &&
              r(_, "mouseenter mouseleave", (e) => {
                ((v = "mouseenter" === e.type), N());
              }),
            E.pauseOnFocus &&
              r(_, "focusin focusout", (e) => {
                ((w = "focusin" === e.type), N());
              }),
            E.useToggleButton &&
              r(g, "click", () => {
                x ? P() : M();
              }),
            a("updated", S),
            a([Ln, An, Fn], () => {
              ((y = !0), M(!1));
            }),
            a([zn, "dragged", In], () => {
              ((y = !1), N());
            }),
            E.autoStart &&
              ("complete" === document.readyState
                ? P()
                : r(window, "load", P)));
        }
        function $() {
          b &&
            (b.cancel(),
            (b = null),
            (C = void 0),
            o([Ln, An, Fn, zn, In]),
            i(_, "mouseenter mouseleave focusin focusout"),
            i(g, "click"));
        }
        function S() {
          const { autoScroll: e } = n;
          (!1 !== e ? ((E = Qn({}, E, Un(e) ? e : {})), k()) : $(),
            b && !Gn(C) && l(C));
        }
        function P() {
          B() && (b.start(!0), f.disable(!0), (w = v = x = !1), T());
        }
        function M(e = !0) {
          x || ((x = e), T(), B() || (b.pause(), f.disable(!1)));
        }
        function N() {
          x || (v || w || y ? M(!1) : P());
        }
        function H() {
          const a = s(),
            o = (function (t) {
              const n = E.speed || 1;
              return (
                (t += h(n)),
                e.is("slide") &&
                  (t = (function (e, t, n) {
                    const a = ea(t, n),
                      o = ta(t, n);
                    return ea(ta(a, e), o);
                  })(t, d(!1), d(!0))),
                t
              );
            })(a);
          (a !== o
            ? (l(o),
              (function (a) {
                const { length: o } = e,
                  r = (c(a) + o) % o;
                r !== m() &&
                  (p(r),
                  t.Slides.update(),
                  t.Pagination.update(),
                  "nearby" === n.lazyLoad && t.LazyLoad.check());
              })((C = s())))
            : (M(!1),
              E.rewind && e.go(E.speed > 0 ? 0 : t.Controller.getEnd())),
            u());
        }
        function T() {
          if (g) {
            const a = x ? "startScroll" : "pauseScroll";
            ("is-active",
              (t = !x),
              (e = g) &&
                Kn("is-active", (n) => {
                  n && e.classList[t ? "add" : "remove"](n);
                }),
              Xn(g, "aria-label", n.i18n[a] || ia[a]));
          }
          var e, t;
        }
        function B() {
          return !b || b.isPaused();
        }
        return {
          setup: function () {
            const { autoScroll: e } = n;
            E = Qn({}, ra, Un(e) ? e : {});
          },
          mount: k,
          destroy: $,
          play: P,
          pause: M,
          isPaused: B,
        };
      }
      (0, e.registerBlockType)("fancypost/infobox-item", {
        title: (0, t.__)("Info Box Item", "fancypost"),
        icon: "text-page",
        className: "info-box-item",
        parent: ["fancypost/info-box"],
        attributes: {
          title: { type: "string", source: "html", selector: "h4" },
        },
        edit: function () {
          const e = [
            [
              "core/group",
              { className: "fp-info-box-col" },
              [
                [
                  "core/image",
                  {
                    url: n(183),
                    align: "center",
                    className: "fp-info-box-icon",
                  },
                ],
                [
                  "core/heading",
                  {
                    content: "Info Box Heading",
                    level: 4,
                    placeholder: "Info Box Heading..",
                    textAlign: "center",
                    className: "fp-info-box-heading",
                  },
                ],
                [
                  "core/paragraph",
                  {
                    content:
                      "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour",
                    align: "center",
                    className: "fp-info-box-details",
                  },
                ],
                [
                  "core/paragraph",
                  {
                    content: '<a href="#" target="_blank">Read more →</a>',
                    align: "center",
                    className: "fp-info-box-action",
                  },
                ],
              ],
            ],
          ];
          return (0, a.createElement)(
            "div",
            { ...(0, l.useBlockProps)() },
            (0, a.createElement)(
              "div",
              { className: "counter-wrapper" },
              (0, a.createElement)("span", {
                className: "fp-info-box-counter",
              }),
            ),
            (0, a.createElement)(l.InnerBlocks, {
              allowedBlocks: [
                "core/group",
                "core/image",
                "core/heading",
                "core/paragraph",
              ],
              template: e,
            }),
          );
        },
        save: function () {
          return (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              "div",
              { ...l.useBlockProps.save() },
              (0, a.createElement)(
                "div",
                { className: "counter-wrapper" },
                (0, a.createElement)("span", {
                  className: "fp-info-box-counter",
                }),
              ),
              (0, a.createElement)(l.InnerBlocks.Content, null),
            ),
          );
        },
      });
      const sa = ({
          icons: e,
          posts: t,
          excerptWordCount: n,
          showPostImg: o,
          readMoreBtnText: r,
          postImageAnimation: i,
          postItemAnimation: l,
          postButtonAnimation: s,
          calculateReadingTime: d,
          showPostViewCount: p,
          showSocialShare: SS,
          showCommentBadge: CB,
          commentBadgeColor: CBC,
          commentBadgeTextColor: CBTC,
          commentBadgeHoverColor: CBHC,
          showCopyLink: CL,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>.frhd__post-grid-1.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 15px;\n    row-gap: 20px;\n}\n.frhd__post-grid-1 .frhd__post-block-article {\n    background: #f5f5f5;\n    border-radius: 5px;\n    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;\n    overflow: hidden;\n}\n.frhd__post-grid-1 .frhd__featured-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    transition: all 0.3s;\n}\n.frhd__post-grid-1 .frhd__article-head,\n.frhd__post-grid-1 .frhd__featured-image {\n    border-radius: 5px 5px 0 0;\n}\n.frhd__post-grid-1 .frhd__featured-image{\n  background: #cccccc;\n}\n.frhd__post-grid-1 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n}\n.frhd__post-grid-1 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\n.frhd__post-grid-1 .frhd__post-block-article svg {\n    width: 15px;\n    height: 15px;\n    fill: #ff798e;\n}\n.frhd__post-grid-1 .frhd__post-meta {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    color: #424242;\n    margin-bottom: 10px;\n}\n.frhd__post-grid-5 .frhd__post-block-article .frhd__post-meta span svg {\n  margin-bottom: -2px;\n  margin-right: 5px;\n  width: 15px;\n  height: 15px;\n  fill: #ff798e;\n}\n.frhd__post-grid-1 .frhd__post-meta a {\n    color: #424242;\n}\n.frhd__post-grid-1 .frhd__featured-image {\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 15px;\n}\n.frhd__post-grid-1 .frhd__cat-wrap {\n    position: absolute;\n    left: 5px;\n    bottom: 5px;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    row-gap: 2px;\n    column-gap: 3px;\n}\n.frhd__post-grid-1 .frhd__cat-name a {\n    font-size: 14px;\n    color: #000000;\n    background-color: #ffc107;\n}\n.frhd__post-grid-1 span.frhd__cat-name a {\n    display: inline-block;\n    background: #ffc107;\n    color: #000;\n    font-size: 14px;\n    line-height: 14px;\n    padding: 4px 9px;\n    border-radius: 3px;\n    border: 1px solid #9e9e9e;\n    text-transform: capitalize;\n}\n.frhd__post-grid-1 .frhd__article-body {\n    padding: 0 20px 20px;\n}\n.frhd__post-grid-1 .frhd__post-meta-single {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    text-transform: capitalize;\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 16px;\n    letter-spacing: 0px;\n    color: #424242;\n}\n.frhd__post-grid-1 .frhd__post-title{\n  margin-bottom: 10px;\n}\n.frhd__post-grid-1 .frhd__post-title h2 {\n    color: #fff;\n    font-size: 22px;\n    line-height: 28px;\n    font-weight: bold;\n    overflow: hidden;\n    margin: 0;\n}\n.frhd__post-grid-1 .frhd__post-title h2 a {\n    color: #371f0e;\n}\n.frhd__post-grid-1 .frhd__post-excerpt p {\n    margin: 0 0 10px !important;\n    font-size: 19px;\n    color: #4b4f58;\n    line-height: 24px;\n}\n.frhd__post-grid-1 .frhd__post-btn {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 20px;\n}\n.frhd__post-grid-1 .frhd__post-btn a {\n    display: inline-block;\n    font-size: 16px;\n    line-height: 30px;\n    color: #fff;\n    background: #5a64d0;\n    padding: 1px 10px;\n    border-radius: 5px;\n    border: 1px solid transparent;\n    transition: .3s;\n    pointer-events: painted;\n}\n.frhd__post-grid-1 .frhd__post-btn:hover a {\n  color: #ffffff;\n  background-color: #ff798e;\n}\n.frhd__post-grid-1 .frhd__reading-time {\n    color: #ef5350;\n}\n.frhd__post-grid-1 .frhd-post-btn-rotate a:hover {\n  transform: rotate(3deg) scale(1.009);\n}\n.frhd__post-grid-1 .frhd-post-btn-transform:hover a {\n  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n  transform: translateY(-2px);\n}</style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-block-container frhd__post-grid-1" },
              t.map((t) =>
                (0, a.createElement)(
                  "article",
                  {
                    className: `frhd__post-block-article ${l}`,
                    style: { position: "relative" },
                  },
                  t.sticky
                    ? (0, a.createElement)(
                        "span",
                        {
                          className: "frhd__sticky-badge",
                          style: {
                            position: "absolute",
                            top: "10px",
                            left: "10px",
                            background:
                              "linear-gradient(135deg, #ff5722, #ff9800)",
                            color: "#fff",
                            padding: "4px 12px",
                            borderRadius: "4px",
                            fontSize: "11px",
                            fontWeight: "700",
                            zIndex: 2,
                            textTransform: "uppercase",
                            letterSpacing: "0.5px",
                            boxShadow: "0 2px 6px rgba(0,0,0,0.2)",
                          },
                        },
                        "Featured",
                      )
                    : null,
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${i}` },
                      t._embedded &&
                        t._embedded["wp:featuredmedia"] &&
                        Array.isArray(t._embedded["wp:featuredmedia"]) &&
                        t._embedded["wp:featuredmedia"][0] &&
                        o
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              t._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              t._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: t._embedded["wp:featuredmedia"][0].source_url,
                            alt: t._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__cat-wrap" },
                        t._embedded &&
                          t._embedded["wp:term"] &&
                          Array.isArray(t._embedded["wp:term"]) &&
                          t._embedded["wp:term"].map((e) => {
                            const n = e.filter(
                              (e) => "category" === e.taxonomy,
                            );
                            return (0, a.createElement)(
                              React.Fragment,
                              { key: t.id },
                              Array.isArray(n) &&
                                n
                                  .filter((e) => "Uncategorized" !== e.name)
                                  .map((e) =>
                                    (0, a.createElement)(
                                      "span",
                                      {
                                        key: e.id,
                                        className: "frhd__cat-name",
                                      },
                                      (0, a.createElement)(
                                        "a",
                                        { href: e.link },
                                        e.name,
                                      ),
                                    ),
                                  ),
                            );
                          }),
                      ),
                    ),
                  ),
                  CB && t._embedded?.["wp:term"] ? (0, a.createElement)("span", { className: "frhd__comment-badge", style: { background: CBC || "rgba(0,0,0,0.75)", color: CBTC || "#ffffff" } }, t.comment_count || "0") : null,
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-meta" },
                      t._embedded &&
                        t._embedded.author &&
                        (0, a.createElement)(
                          "span",
                          {
                            className:
                              "frhd__post-meta-single frhd__post-author",
                          },
                          (0, a.createElement)("img", {
                            src: t._embedded.author[0]?.avatar_urls?.[24],
                            width: "24",
                            height: "24",
                            className: "frhd__author-avatar",
                            style: {
                              borderRadius: "50%",
                              marginRight: "5px",
                              verticalAlign: "middle",
                            },
                          }),
                          (0, a.createElement)(
                            "a",
                            {
                              href: t._embedded.author[0].link,
                              title: `Posts by ${t._embedded.author[0].name}`,
                              rel: "author",
                            },
                            t._embedded.author[0].name,
                          ),
                        ),
                      (0, a.createElement)(
                        "time",
                        {
                          className: "frhd__post-meta-single frhd__post-date",
                          datetime: t.date,
                        },
                        e.postDate,
                        new Date(t.date).toLocaleDateString("en-US", {
                          year: "numeric",
                          month: "short",
                          day: "numeric",
                        }),
                      ),
                      p
                        ? (0, a.createElement)(
                            "span",
                            {
                              className:
                                "frhd__post-meta-single frhd__post-view",
                            },
                            e.postEye,
                            Math.floor((t.id * 7 + 13) % 900) + 100,
                          )
                        : "",
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: t.link },
                          t.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${t.excerpt?.rendered.split(" ").slice(0, n).join(" ")}${t.excerpt?.rendered.split(" ").length > n ? "..." : ""}`,
                      },
                    }),
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__post-btn ${s}` },
                      (0, a.createElement)("a", { href: "#" }, r),
                      (0, a.createElement)(
                        "span",
                        {
                          className:
                            "frhd__post-meta-single frhd__reading-time",
                        },
                        e.postClock,
                        d(t.content.rendered),
                        " Min Read",
                      ),
                    ),
                  ),
                  SS ? (0, a.createElement)(
                      "div",
                      { className: "frhd__social-share" },
                      (0, a.createElement)("a", { href: "#", className: "frhd__share-btn frhd__share-fb", title: "Share on Facebook" },
                        (0, a.createElement)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 320 512" },
                          (0, a.createElement)("path", { fill: "currentColor", d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" }))),
                      (0, a.createElement)("a", { href: "#", className: "frhd__share-btn frhd__share-tw", title: "Share on X" },
                        (0, a.createElement)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 512 512" },
                          (0, a.createElement)("path", { fill: "currentColor", d: "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" }))),
                      (0, a.createElement)("a", { href: "#", className: "frhd__share-btn frhd__share-ln", title: "Share on LinkedIn" },
                        (0, a.createElement)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 448 512" },
                          (0, a.createElement)("path", { fill: "currentColor", d: "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.83-48.3 93.97 0 111.28 61.9 111.28 142.3V448z" })))
                    ) : null,
                     CL ? (0, a.createElement)(
                    "div",
                    { className: "frhd__copy-link-wrap" },
                    (0, a.createElement)(
                      "button",
                      { className: "frhd__copy-link-btn", title: "Copy Link" },
                      (0, a.createElement)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 512 512" },
                        (0, a.createElement)("path", { fill: "currentColor", d: "M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z" })),
                      (0, a.createElement)("span", { className: "frhd__copy-tooltip" }, "Copy Link")
                    )
                  ) : null,
                ),
              ),
            ),
          ),
        ca = ({
          icons: e,
          posts: t,
          excerptWordCount: n,
          postImageAnimation: o,
          postItemAnimation: r,
          calculateReadingTime: i,
          showPostViewCount: l,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n  .frhd__post-grid-2.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 15px;\n    row-gap: 20px;\n}\n.frhd__post-grid-2 .frhd__post-block-article {\n    background: #f5f5f5;\n    border-radius: 5px;\n    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;\n}\n.frhd__post-grid-2 .frhd__featured-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    transition: all 0.3s;\n}\n.frhd__post-grid-2 .frhd__article-head,\n.frhd__post-grid-2 .frhd__featured-image{\n    background: #cccccc;\n    border-radius: 5px 5px 0 0;\n}\n.frhd__post-grid-2 .frhd__featured-image{\n  overflow: hidden;\n  position: relative;\n}\n.frhd__post-grid-2 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n}\n.frhd__post-grid-2 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\n.frhd__post-grid-2 .frhd__post-block-article svg {\n    width: 15px;\n    height: 15px;\n    fill: #ff798e;\n}\n.frhd__post-grid-2 .frhd__post-meta {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    color: #424242;\n    margin-bottom: 10px;\n}\n.frhd__post-grid-2 .frhd__post-meta a {\n    color: #424242;\n}\n.frhd__post-grid-2 .frhd__article-head {\n    position: relative;\n    margin-bottom: 15px;\n}\n.frhd__post-grid-2 .frhd__cat-name a {\n    font-size: 14px;\n    color: #000000;\n    background-color: #ffc107;\n}\n.frhd__post-grid-2 span.frhd__cat-name a {\n    display: inline-block;\n    background: #ffc107;\n    color: #000;\n    font-size: 14px;\n    line-height: 14px;\n    padding: 4px 9px;\n    border-radius: 3px;\n    border: 1px solid #9e9e9e;\n    text-transform: capitalize;\n}\n.frhd__post-grid-2 .frhd__article-body {\n    padding: 0 20px 20px;\n}\n.frhd__post-grid-2 .frhd__post-meta-single {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    text-transform: capitalize;\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 16px;\n    letter-spacing: 0px;\n    color: #424242;\n}\n.frhd__post-grid-2 .frhd__post-title{\n  margin-bottom: 10px;\n}\n.frhd__post-grid-2 .frhd__post-title h2 {\n    color: #fff;\n    font-size: 22px;\n    line-height: 28px;\n    font-weight: bold;\n    overflow: hidden;\n    margin: 0;\n}\n.frhd__post-grid-2 .frhd__post-title h2 a {\n    color: #371f0e;\n}\n.frhd__post-grid-2 .frhd__post-excerpt p {\n    margin: 0 0 10px !important;\n    font-size: 19px;\n    color: #4b4f58;\n    line-height: 24px;\n}\n.frhd__post-grid-2 .frhd__post-btn {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 20px;\n}\n.frhd__post-grid-2 .frhd__post-btn a {\n    display: inline-block;\n    font-size: 16px;\n    line-height: 16px;\n    color: #fff;\n    background: #5a64d0;\n    padding: 8px 12px;\n    border-radius: 5px;\n    border: 1px solid transparent;\n    transition: .3s;\n}\n.frhd__post-grid-2 .frhd__reading-time {\n    color: #ef5350;\n}\n.frhd__post-grid-2 .frhd__post-block-article {\n    background-color: #ffffff;\n    background: #f5f5f5;\n    border-radius: 5px;\n    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;\n}\n.frhd__post-grid-2 .frhd__date-wrap {\n    position: absolute;\n    top: -9px;\n    left: 15px;\n    color: #fff;\n    background: #ffc107;\n    padding: 20px 20px 10px;\n    font-weight: bolder;\n    text-align: center;\n    border-bottom-left-radius: 3px;\n    border-bottom-right-radius: 3px;\n    line-height: 20px;\n}\n.frhd__post-grid-2 .frhd__date-wrap a{\n  color: #fff !important;\n}\n.frhd__post-grid-2 .frhd__date-wrap:before {\n    position: absolute;\n    right: -10px;\n    top: 0px;\n    content: \"\";\n    width: 0;\n    height: 0;\n    border-top: 10px solid transparent;\n    border-left: 10px solid #ffc107;\n    opacity: .5;\n}\n.frhd__post-grid-2 .frhd__date-wrap time:first-child {\n    font-size: 32px;\n}\n.frhd__post-grid-2 .frhd__cat-wrap{\n    font-size: 20px;\n    color: #5a64d0;\n    line-height: 20px;\n}\n.frhd__post-grid-2 .frhd__cat-wrap a {\n    color: #ec398b;\n}\n.frhd__post-grid-2 .frhd__post-author img {\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    margin-right: 7px;\n    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;\n    border: 1px solid #d1d1d1;\n}\n.frhd__post-grid-2 .frhd__post-author:last-child {\n    display: flex;\n    align-items: center;\n    line-height: 0;\n    border-top: 1px solid #dddddd;\n    padding-top: 10px;\n    margin-top: 10px;\n    text-transform: capitalize;\n    font-size: 20px;\n    color: #5a64d0;\n    line-height: 0;\n}\n.frhd__post-grid-2 .frhd__post-author strong{\n    font-weight: 600;\n}\n.frhd__post-grid-2  .frhd__post-author a {\n    font-size: 20px;\n    color: #5a64d0;\n}\n</style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-block-container frhd__post-grid-2" },
              t.map((t, s) =>
                (0, a.createElement)(
                  "article",
                  { key: s, className: `frhd__post-block-article ${r}` },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${o}` },
                      t._embedded &&
                        t._embedded["wp:featuredmedia"] &&
                        Array.isArray(t._embedded["wp:featuredmedia"]) &&
                        t._embedded["wp:featuredmedia"][0]
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              t._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              t._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: t._embedded["wp:featuredmedia"][0].source_url,
                            alt: t._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__date-wrap" },
                      (0, a.createElement)(
                        "time",
                        null,
                        new Date(t.date).toLocaleDateString("en-US", {
                          day: "numeric",
                        }) < 10
                          ? `0${new Date(t.date).toLocaleDateString("en-US", { day: "numeric" })}`
                          : new Date(t.date).toLocaleDateString("en-US", {
                              day: "numeric",
                            }),
                      ),
                      (0, a.createElement)("br", null),
                      (0, a.createElement)(
                        "time",
                        null,
                        new Date(t.date).toLocaleDateString("en-US", {
                          month: "short",
                        }),
                      ),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-meta" },
                      (0, a.createElement)(
                        "span",
                        {
                          className:
                            "frhd__post-meta-single frhd__reading-time",
                        },
                        e.postClock,
                        i(t.content.rendered),
                        " Min Read",
                      ),
                      l
                        ? (0, a.createElement)(
                            "span",
                            {
                              className:
                                "frhd__post-meta-single frhd__post-view",
                            },
                            e.postEye,
                            Math.floor((t.id * 7 + 13) % 900) + 100,
                          )
                        : (0, a.createElement)(a.Fragment, null),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: t.link },
                          t.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${t.excerpt?.rendered.split(" ").slice(0, n).join(" ")}${t.excerpt?.rendered.split(" ").length > n ? "..." : ""}`,
                      },
                    }),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__cat-wrap" },
                      t._embedded &&
                        t._embedded["wp:term"] &&
                        Array.isArray(t._embedded["wp:term"]) &&
                        t._embedded["wp:term"].map((e) => {
                          const n = e.filter((e) => "category" === e.taxonomy);
                          return (0, a.createElement)(
                            React.Fragment,
                            { key: t.id },
                            n &&
                              n
                                .filter((e) => "Uncategorized" !== e.name)
                                .map((e, t, n) =>
                                  (0, a.createElement)(
                                    React.Fragment,
                                    { key: e.id },
                                    0 === t && "Added to: ",
                                    (0, a.createElement)(
                                      "a",
                                      {
                                        href: e.link,
                                        className: "frhd__cat-name",
                                      },
                                      t > 0 && t !== n.length - 1 ? ", " : "",
                                      t > 0 && t === n.length - 1
                                        ? " and "
                                        : "",
                                      e.name,
                                    ),
                                  ),
                                ),
                          );
                        }),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-author" },
                      (0, a.createElement)("img", {
                        decoding: "async",
                        loading: "lazy",
                        src: t._embedded.author[0]?.avatar_urls[48],
                        width: "20",
                        height: "20",
                      }),
                      (0, a.createElement)("span", null, "By "),
                      (0, a.createElement)(
                        "strong",
                        null,
                        t._embedded &&
                          t._embedded.author &&
                          (0, a.createElement)(
                            "a",
                            {
                              href: t._embedded.author[0].link,
                              title: `Posts by ${t._embedded.author[0].name}`,
                              rel: "author",
                            },
                            t._embedded.author[0].name,
                          ),
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ),
        da = ({
          posts: e,
          excerptWordCount: t,
          readMoreBtnText: n,
          postImageAnimation: o,
          postItemAnimation: r,
          postButtonAnimation: i,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n  .frhd__post-grid-3.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 15px;\n    row-gap: 20px;\n}\n.frhd__post-grid-3 .frhd__post-block-article {\n    background: #f5f5f5;\n    border-radius: 5px;\n    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;\n    overflow: hidden;\n}\n.frhd__post-grid-3 .frhd__featured-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    transition: all 0.3s;\n}\n.frhd__post-grid-3 .frhd__article-head,\n.frhd__post-grid-3 .frhd__featured-image {\n    background: #cccccc;\n    border-radius: 5px 5px 0 0;\n}\n.frhd__post-grid-3 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n}\n.frhd__post-grid-3 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\n.frhd__post-grid-3 .frhd__post-block-article svg {\n    width: 15px;\n    height: 15px;\n    fill: #ff798e;\n}\n.frhd__post-grid-3 .frhd__post-meta {\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-transform: inherit;\n    color: #424242;\n    display: block;\n    font-style: italic;\n    margin-bottom: 10px;\n}\n.frhd__post-grid-3 .frhd__post-meta a {\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-transform: inherit;\n    color: #424242;\n}\n.frhd__post-grid-3 .frhd__post-meta:hover a {\n  color: #5a64d0 !important;\n}\n.frhd__post-grid-3 .frhd__article-head {\n    position: relative;\n    margin-bottom: 15px;\n}\n.frhd__post-grid-3 .frhd__article-body {\n    padding: 0 20px 20px;\n}\n.frhd__post-grid-3 .frhd__post-meta-single {\n    display: inline;\n    align-items: center;\n    gap: 5px;\n    text-transform: capitalize;\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 16px;\n    letter-spacing: 0px;\n    color: #424242;\n}\n.frhd__post-grid-3 .frhd__cat-wrap {\n  display: inline;\n}\n.frhd__post-grid-3 .frhd__post-title{\n  margin-bottom: 10px;\n}\n.frhd__post-grid-3 .frhd__post-title h2 {\n    color: #fff;\n    font-size: 22px;\n    line-height: 28px;\n    font-weight: bold;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin: 0;\n}\n.frhd__post-grid-3 .frhd__post-title h2 a {\n    color: #371f0e;\n}\n.frhd__post-grid-3 .frhd__post-excerpt p {\n    font-size: 19px;\n    line-height: 24px;\n    margin: 0 0 20px !important;\n    font-size: 19px;\n    color: #4b4f58;\n}\n.frhd__post-grid-3 .frhd__post-btn {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 20px;\n}\n.frhd__post-grid-3 .frhd__post-btn a {\n    font-size: 16px;\n    font-weight: normal;\n    text-transform: inherit;\n    color: #ffffff;\n    background: #5a64d0;\n    display: block;\n    width: 100%;\n    text-align: center;\n    line-height: 30px;\n    padding: 5px 1px;\n    border-radius: 5px;\n    transition: all 0.2s linear;\n    pointer-events: painted;\n}\n.frhd__post-grid-3 .frhd__post-btn:hover a {\n  color: #ffffff;\n  background-color: #ff798e;\n}\n.frhd__post-grid-3 .frhd__post-btn a:hover {\n  border-color: #fff;\n}\n.frhd__post-grid-3 .frhd__reading-time {\n    color: #ef5350;\n}\n.frhd__post-grid-3 .frhd-post-btn-rotate a:hover {\n  transform: rotate(3deg) scale(1.009);\n}\n.frhd__post-grid-3 .frhd-post-btn-transform:hover a {\n  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n  transform: translateY(-2px);\n}</style>",
            ),
            (0, a.createElement)(
              "div",
              { class: "frhd__post-block-container frhd__post-grid-3" },
              e.map((e, l) =>
                (0, a.createElement)(
                  "article",
                  { key: l, class: `frhd__post-block-article ${r}` },
                  (0, a.createElement)(
                    "div",
                    { class: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { class: `frhd__featured-image ${o}` },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded["wp:featuredmedia"][0]
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: e._embedded["wp:featuredmedia"][0].source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            class: "frhd__featured-image-missing",
                          }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { class: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { class: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: e.link },
                          e.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)(
                      "div",
                      { class: "frhd__post-meta" },
                      (0, a.createElement)(
                        "time",
                        { class: "frhd__post-meta-single frhd__post-date" },
                        "Posted on ",
                        "",
                        new Date(e.date).toLocaleDateString("en-US", {
                          year: "numeric",
                          month: "short",
                          day: "numeric",
                        }),
                        " ",
                        "",
                      ),
                      e._embedded &&
                        e._embedded.author &&
                        (0, a.createElement)(
                          "span",
                          { class: "frhd__post-meta-single frhd__post-author" },
                          (0, a.createElement)("a", null, "by"),
                          " ",
                          "",
                          (0, a.createElement)(
                            "a",
                            {
                              href: e._embedded.author[0].link,
                              title: `Posts by ${e._embedded.author[0].name}`,
                              rel: "author",
                            },
                            e._embedded.author[0].name,
                          ),
                        ),
                      "",
                      (0, a.createElement)(
                        "div",
                        { class: "frhd__cat-wrap" },
                        Array.isArray(e._embedded["wp:term"]) &&
                          e._embedded["wp:term"].map((t) => {
                            const n = t.filter(
                              (e) => "category" === e.taxonomy,
                            );
                            return (0, a.createElement)(
                              React.Fragment,
                              { key: e.id },
                              n &&
                                n
                                  .filter((e) => "Uncategorized" !== e.name)
                                  .map((e, t, n) =>
                                    (0, a.createElement)(
                                      React.Fragment,
                                      { key: e.id },
                                      0 === t && " in  ",
                                      t > 0 && t !== n.length - 1 ? ", " : "",
                                      t > 0 && t === n.length - 1
                                        ? " and "
                                        : "",
                                      (0, a.createElement)(
                                        "a",
                                        {
                                          href: e.link,
                                          className: "frhd__cat-name",
                                        },
                                        e.name,
                                      ),
                                    ),
                                  ),
                            );
                          }),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${e.excerpt?.rendered.split(" ").slice(0, t).join(" ")}${e.excerpt?.rendered.split(" ").length > t ? "..." : ""}`,
                      },
                    }),
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__post-btn ${i}` },
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://demo.pluginic.com/post-block/2022/06/26/history-of-the-fourth-of-july/",
                        },
                        (0, a.createElement)("span", null, n),
                      ),
                      (0, a.createElement)("span", { class: "btn_icon" }),
                    ),
                  ),
                ),
              ),
            ),
          ),
        pa = n.p + "images/postgrid4.9b750938.png",
        ma = ({
          icons: e,
          posts: t,
          excerptWordCount: n,
          showPostImg: o,
          readMoreBtnText: r,
          postImageAnimation: i,
          postItemAnimation: l,
          postButtonAnimation: s,
          calculateReadingTime: d,
          showPostViewCount: p,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n  .frhd__post-grid-4.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 15px;\n    row-gap: 20px;\n}\n.frhd__post-grid-4 .frhd__post-block-article{\n  background-color: #ffffff;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 15px 15px 40px 0px rgba(211, 220, 232, 0.6);\n  border-radius: 10px;\n  transition: all 0.3s;\n}\n.frhd__post-grid-4 img.frhd__bg-image {\n  border: none;\n  bottom: 0;\n  position: absolute;\n  right: 0;\n}\n.frhd__post-grid-4 .frhd__article-body {\n  padding: 35px 40px 40px;\n}\n.frhd__post-grid-4 .frhd__featured-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: all 0.3s;\n}\n.frhd__post-grid-4 .frhd__post-block-article:hover .frhd__featured-image img {\n  transform: scale(1.05) rotate(2deg);\n  opacity: .8;\n}\n.frhd__post-grid-4 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n  background: #cccccc;\n  position: relative;\n}\n.frhd__post-grid-4 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\n.frhd__post-grid-4 .frhd__post-meta svg{\n  margin-bottom: -2px;\n  margin-right: 5px;\n  width: 15px;\n  height: 15px;\n  fill: #ff798e;\n}\n.frhd__post-grid-4 .frhd__post-meta{\n  margin-bottom: 0 !important;\n  flex-wrap: wrap;\n}\n.frhd__post-grid-4 .frhd__post-meta {\n  font-size: 16px;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  text-transform: capitalize;\n  column-gap: 10px;\n}\n.frhd__post-grid-4 .frhd__post-grid-4 a {\n  pointer-events: painted;\n}\n.frhd__post-grid-4 span.frhd__post-meta-single.frhd__post-author a:hover {\n  opacity: .8;\n}\n.frhd__post-grid-4 span.frhd__post-meta-single.frhd__post-author,\n.frhd__post-grid-4 time.frhd__post-meta-single.frhd__post-date{\n   font-size:17px;\n   line-height: 29px;\n   font-weight: 400;\n   text-transform: none;\n   text-decoration: none;\n}\n.frhd__post-grid-4 .frhd__post-title h2 {\n  margin: 10px 0px 8px 0px;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 28px;\n  color: #000;\n}\n.frhd__post-grid-4 .frhd__post-excerpt p {\n  color: #000;\n  font-size: 17px;\n  font-weight: 400;\n  line-height: 29px;\n  margin: 0 0 20px !important;\n}\n.frhd__post-grid-4 .frhd__post-btn {\n  display: flex;\n}\n.frhd__post-grid-4 .frhd__post-btn a {\n  display: inline-block;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 26px;\n  color: #00224f;\n  text-decoration: none;\n  text-transform: none;\n  padding: 11px 26px;\n  background-color: #02010100;\n  border-style: solid;\n  border-width: 1px 1px 1px 1px;\n  transition: all 0.3s;\n  border-color: #E5E5E5BA;\n  border-radius: 5px;\n}\n.frhd__post-grid-4 .frhd__post-block-article:hover span.frhd__post-article-overlay {\n    background: linear-gradient( 0deg , rgba(63,81,181, 0.5) 0%, #3f51b5 100%) !important;\n}\n.frhd__post-grid-4 .frhd__post-block-article .frhd__cat-wrap a{\n  pointer-events: painted !important;\n}\n.frhd__post-grid-4 .frhd__post-block-article:hover .frhd__cat-wrap a {\n    color: #f7a000 !important;\n}</style>",
            ),
            (0, a.createElement)(
              "div",
              { class: "frhd__post-block-container frhd__post-grid-4" },
              t.map((t, c) =>
                (0, a.createElement)(
                  "article",
                  { key: c, className: `frhd__post-block-article ${l} ${i} ` },
                  (0, a.createElement)("img", {
                    src: pa,
                    className: "frhd__bg-image",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${i}` },
                      t._embedded &&
                        t._embedded["wp:featuredmedia"] &&
                        Array.isArray(t._embedded["wp:featuredmedia"]) &&
                        t._embedded["wp:featuredmedia"][0] &&
                        o
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              t._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              t._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: t._embedded["wp:featuredmedia"][0].source_url,
                            alt: t._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__cat-wrap" },
                        t._embedded &&
                          t._embedded["wp:term"] &&
                          Array.isArray(t._embedded["wp:term"]) &&
                          t._embedded["wp:term"].map((e) => {
                            const n = e.filter(
                              (e) => "category" === e.taxonomy,
                            );
                            return (0, a.createElement)(
                              React.Fragment,
                              { key: t.id },
                              Array.isArray(n) &&
                                n
                                  .filter((e) => "Uncategorized" !== e.name)
                                  .map((e) =>
                                    (0, a.createElement)(
                                      "span",
                                      {
                                        key: e.id,
                                        className: "frhd__cat-name",
                                      },
                                      (0, a.createElement)(
                                        "a",
                                        { href: e.link },
                                        e.name,
                                      ),
                                    ),
                                  ),
                            );
                          }),
                      ),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-meta" },
                      t._embedded &&
                        t._embedded.author &&
                        (0, a.createElement)(
                          "span",
                          {
                            className:
                              "frhd__post-meta-single frhd__post-author",
                          },
                          e.postAuthor,
                          (0, a.createElement)(
                            "a",
                            {
                              href: t._embedded.author[0].link,
                              title: `Posts by ${t._embedded.author[0].name}`,
                              rel: "author",
                            },
                            t._embedded.author[0].name,
                          ),
                        ),
                      (0, a.createElement)(
                        "time",
                        {
                          className: "frhd__post-meta-single frhd__post-date",
                          datetime: t.date,
                        },
                        e.postDate,
                        new Date(t.date).toLocaleDateString("en-US", {
                          year: "numeric",
                          month: "short",
                          day: "numeric",
                        }),
                      ),
                      p
                        ? (0, a.createElement)(
                            "span",
                            {
                              className:
                                "frhd__post-meta-single frhd__post-view",
                            },
                            e.postEye,
                            Math.floor((t.id * 7 + 13) % 900) + 100,
                          )
                        : "",
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: t.link },
                          t.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${t.excerpt?.rendered.split(" ").slice(0, n).join(" ")}${t.excerpt?.rendered.split(" ").length > n ? "..." : ""}`,
                      },
                    }),
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__post-btn ${s}` },
                      (0, a.createElement)("a", { href: "#" }, r),
                    ),
                  ),
                ),
              ),
            ),
          ),
        ha = ({
          posts: e,
          calculateReadingTime: t,
          excerptWordCount: n,
          postItemAnimation: o,
          showPostImg: r,
          postButtonAnimation: i,
          postImageAnimation: l,
          readMoreBtnText: s,
          icons: d,
          showPostViewCount: p,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>.frhd__post-grid-5.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 15px;\n    row-gap: 20px;\n }\n.frhd__post-grid-5 article.frhd__post-block-article {\n  position: relative;\n  overflow: hidden;\n  border: none;\n  }\n  .frhd__post-grid-5 .frhd__featured-image{\n    overflow: hidden;\n    position: relative;\n  }\n.frhd__post-grid-5 .frhd__featured-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  transition: all 0.3s;\n}\n.frhd__post-grid-5 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n  background: #cccccc;\n  position: relative;\n}\n.frhd__post-grid-5 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\n.frhd__post-grid-5 .frhd__article-body {\n  padding: 0 20px 20px;\n}\n.frhd__post-grid-5 .frhd__post-content {\n  position: relative;\n  padding: 23px 0px 10px 0px;\n  margin: 0px 0px 23px 78px;\n  border-bottom: 1px solid #e5e5e5;\n}\n.frhd__post-grid-5 .frhd__post-title h2 a {\n  position: relative;\n  display: block;\n  font-size: 22px;\n  font-family: 'Titillium Web',sans-serif;\n  line-height: 28px;\n  color: #000;\n  font-weight: 600;\n  margin-bottom: 3px;\n  transition: all 0.3s ease;\n  pointer-events: painted;\n  cursor: pointer;\n}\n.frhd__post-grid-5 .frhd__post-excerpt p {\n  font-size: 14px;\n  line-height: 26px;\n  color: #848484;\n  margin: 0 0 13px !important;\n}\n.frhd__post-grid-5 .frhd__date {\n  position: absolute;\n  left: -77px;\n  top: 28px;\n  font-size: 14px;\n  line-height: 10px;\n  width: 55px;\n  height: 52px;\n  text-align: center;\n  background: #60c5e4;\n  color: #fff;\n  z-index: 2;\n}\n.frhd__post-grid-5 .frhd__date time:first-child {\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 33px;\n}\n.frhd__post-grid-5 .frhd__date::before {\n  content: '';\n  width: 30px;\n  height: 30px;\n  background: #60c5e4;\n  position: absolute;\n  bottom: -9px;\n  left: auto;\n  right: 0px;\n  z-index: -1;\n  transform: skewY(25deg);\n}\n.frhd__post-grid-5 .frhd__date::after {\n  content: '';\n  width: 30px;\n  height: 30px;\n  background: #60c5e4;\n  position: absolute;\n  bottom: -9px;\n  left: 0px;\n  z-index: -1;\n  transform: skewY(-25deg);\n}\n.frhd__post-grid-5 .frhd__post-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  color: #424242;\n  margin-bottom: 0;\n}\n.frhd__post-grid-5 .frhd__post-block-article .frhd__post-meta span svg {\n  margin-bottom: -2px;\n  margin-right: 5px;\n  width: 15px;\n  height: 15px;\n  fill: #ff798e;\n}\n.frhd__post-grid-5 .frhd__post-title ,\n.frhd__post-grid-5 .frhd__post-title h2 {\n  margin: 0;\n}\n.frhd__post-grid-5 .frhd__post-btn a {\n  display: inline-block;\n  font-size: 14px;\n  line-height: 16px;\n  color: #fff;\n  background: #5a64d0;\n  padding: 8px 12px;\n  border-radius: 5px;\n  border: 1px solid transparent;\n  transition: .3s;\n  pointer-events: painted;\n  margin-bottom: 10px;\n}\n</style>",
            ),
            (0, a.createElement)(
              "div",
              { class: "frhd__post-block-container frhd__post-grid-5" },
              e.map((e, c) =>
                (0, a.createElement)(
                  "article",
                  { key: c, class: `frhd__post-block-article ${o}` },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${l}` },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded["wp:featuredmedia"][0] &&
                        r
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: e._embedded["wp:featuredmedia"][0].source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__cat-wrap" },
                        e._embedded &&
                          e._embedded["wp:term"] &&
                          Array.isArray(e._embedded["wp:term"]) &&
                          e._embedded["wp:term"].map((t) => {
                            const n = t.filter(
                              (e) => "category" === e.taxonomy,
                            );
                            return (0, a.createElement)(
                              React.Fragment,
                              { key: e.id },
                              Array.isArray(n) &&
                                n
                                  .filter((e) => "Uncategorized" !== e.name)
                                  .map((e) =>
                                    (0, a.createElement)(
                                      "span",
                                      {
                                        key: e.id,
                                        className: "frhd__cat-name",
                                      },
                                      (0, a.createElement)(
                                        "a",
                                        { href: e.link },
                                        e.name,
                                      ),
                                    ),
                                  ),
                            );
                          }),
                      ),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-content" },
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__date" },
                        (0, a.createElement)(
                          "time",
                          null,
                          new Date(e.date).toLocaleDateString("en-US", {
                            day: "numeric",
                          }) < 10
                            ? `0${new Date(e.date).toLocaleDateString("en-US", { day: "numeric" })}`
                            : new Date(e.date).toLocaleDateString("en-US", {
                                day: "numeric",
                              }),
                        ),
                        (0, a.createElement)("br", null),
                        (0, a.createElement)(
                          "time",
                          null,
                          new Date(e.date).toLocaleDateString("en-US", {
                            month: "short",
                          }),
                        ),
                      ),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__post-title" },
                        (0, a.createElement)(
                          "h2",
                          null,
                          (0, a.createElement)(
                            "a",
                            { href: e.link },
                            e.title.rendered,
                          ),
                        ),
                      ),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__post-meta" },
                        e._embedded &&
                          e._embedded.author &&
                          (0, a.createElement)(
                            "span",
                            {
                              className:
                                "frhd__post-meta-single frhd__post-author",
                            },
                            d.postAuthor,
                            (0, a.createElement)(
                              "a",
                              {
                                href: e._embedded.author[0].link,
                                title: `Posts by ${e._embedded.author[0].name}`,
                                rel: "author",
                              },
                              e._embedded.author[0].name,
                            ),
                          ),
                        p
                          ? (0, a.createElement)(
                              "span",
                              {
                                className:
                                  "frhd__post-meta-single frhd__post-view",
                              },
                              d.postEye,
                              Math.floor((t.id * 7 + 13) % 900) + 100,
                            )
                          : "",
                        (0, a.createElement)(
                          "span",
                          {
                            className:
                              "frhd__post-meta-single frhd__reading-time",
                          },
                          d.postClock,
                          t(e.content.rendered),
                          " Min Read",
                        ),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${e.excerpt?.rendered.split(" ").slice(0, n).join(" ")}${e.excerpt?.rendered.split(" ").length > n ? "..." : ""}`,
                      },
                    }),
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__post-btn ${i}` },
                      (0, a.createElement)("a", { href: "#" }, s),
                    ),
                  ),
                ),
              ),
            ),
          ),
        ga = ({
          posts: e,
          excerptWordCount: t,
          postImageAnimation: n,
          postItemAnimation: o,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n  .frhd__post-grid-6.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 15px;\n    column-gap: 15px;\n    row-gap: 20px;\n}\n.frhd__post-grid-6 .frhd__post-block-article {\n    background: #f5f5f5;\n    border-radius: 5px;\n    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n    background-color: #ffffff;\n    border-radius: 5px;\n    display: flex;\n    overflow: hidden;\n}\n.frhd__post-grid-6 .frhd__featured-image {\n    flex-basis: 35%;\n    margin-bottom: 0;\n    position: relative;\n    background: #cccccc;\n}\n.frhd__post-grid-6 .frhd__article-body {\n    flex-basis: 65%;\n    padding: 0;\n}\n.frhd__post-grid-6 .frhd__featured-image img {\n    height: 100%;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 0 !important;\n    border-bottom-left-radius: 5px;\n    display: block;\n    width: 100%;\n    object-fit: cover;\n    transition: all 0.3s;\n}\n.frhd__post-grid-6 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n}\n.frhd__post-grid-6 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\n.frhd__post-grid-6 .frhd__article-body-content {\n    border-bottom: 1px solid #c1c1c1;\n    padding: 20px 20px 15px;\n}\n.frhd__post-grid-6 .frhd__post-title h2 {\n  color: #fff;\n  font-size: 22px;\n  line-height: 28px;\n  font-weight: bold;\n  overflow: hidden;\n}\n.frhd__post-grid-6 .frhd__article-body-meta {\n    padding: 15px 20px 20px;\n}\n.frhd__post-grid-6 .frhd__post-meta {\n    display: inline-block;\n    font-style: italic;\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-transform: inherit;\n    color: #424242;\n}\n.frhd__post-grid-6 .frhd__post-title {\n    margin-bottom: 10px;\n}\n.frhd__post-grid-6 .frhd__post-title h2 {\n    color: #fff;\n    font-size: 22px;\n    line-height: 28px;\n    font-weight: bold;\n    overflow: hidden;\n    margin: 0;\n}\n.frhd__post-grid-6 .frhd__post-title a {\n    font-size: 22px;\n    font-weight: bold;\n    line-height: 28px;\n    letter-spacing: 0px;\n    text-transform: inherit;\n    display: inline-block;\n    color: #371f0e;\n}\n.frhd__post-grid-6 .frhd__post-excerpt p {\n    font-size: 19px;\n    color: #4b4f58;\n    margin: 0 !important;\n    overflow: hidden;\n    line-height: 24px;\n}\n.frhd__post-grid-6 .frhd__post-meta a {\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-transform: inherit;\n    color: #424242;\n}\n.frhd__post-grid-6 .frhd__post-meta a{\n   pointer-events: painted;\n}\n.frhd__post-grid-6 .frhd__post-meta a:hover{\n  text-decoration: underline !important;\n}\n.frhd__post-grid-6 .frhd__cat-wrap {\n  display: inline;\n}</style>",
            ),
            (0, a.createElement)(
              "div",
              { class: "frhd__post-block-container frhd__post-grid-6" },
              e.map((e, r) =>
                (0, a.createElement)(
                  "article",
                  { key: r, class: `frhd__post-block-article ${o}` },
                  (0, a.createElement)(
                    "div",
                    { class: `frhd__featured-image ${n}` },
                    e._embedded &&
                      e._embedded["wp:featuredmedia"] &&
                      Array.isArray(e._embedded["wp:featuredmedia"]) &&
                      e._embedded["wp:featuredmedia"][0]
                      ? (0, a.createElement)("img", {
                          decoding: "async",
                          width:
                            e._embedded["wp:featuredmedia"][0].media_details
                              ?.width,
                          height:
                            e._embedded["wp:featuredmedia"][0].media_details
                              ?.height,
                          src: e._embedded["wp:featuredmedia"][0].source_url,
                          alt: e._embedded["wp:featuredmedia"][0].alt_text,
                          loading: "lazy",
                        })
                      : (0, a.createElement)("span", {
                          class: "frhd__featured-image-missing",
                        }),
                  ),
                  (0, a.createElement)(
                    "div",
                    { class: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { class: "frhd__article-body-content" },
                      (0, a.createElement)(
                        "div",
                        { class: "frhd__post-title" },
                        (0, a.createElement)(
                          "h2",
                          null,
                          (0, a.createElement)(
                            "a",
                            { href: e.link },
                            e.title.rendered,
                          ),
                        ),
                      ),
                      (0, a.createElement)("div", {
                        className: "frhd__post-excerpt",
                        dangerouslySetInnerHTML: {
                          __html: `${e.excerpt?.rendered.split(" ").slice(0, t).join(" ")}${e.excerpt?.rendered.split(" ").length > t ? "..." : ""}`,
                        },
                      }),
                    ),
                    (0, a.createElement)(
                      "div",
                      { class: "frhd__article-body-meta" },
                      (0, a.createElement)(
                        "div",
                        { class: "frhd__post-meta" },
                        (0, a.createElement)(
                          "time",
                          { class: "frhd__post-meta-single frhd__post-date" },
                          "Posted on ",
                          "",
                          new Date(e.date).toLocaleDateString("en-US", {
                            year: "numeric",
                            month: "short",
                            day: "numeric",
                          }),
                          " ",
                          "",
                        ),
                        e._embedded &&
                          e._embedded.author &&
                          (0, a.createElement)(
                            "span",
                            {
                              class: "frhd__post-meta-single frhd__post-author",
                            },
                            "by ",
                            "",
                            (0, a.createElement)(
                              "a",
                              {
                                href: e._embedded.author[0].link,
                                title: `Posts by ${e._embedded.author[0].name}`,
                                rel: "author",
                              },
                              e._embedded.author[0].name,
                            ),
                          ),
                        "",
                        (0, a.createElement)(
                          "div",
                          { class: "frhd__cat-wrap" },
                          " ",
                          "in ",
                          " ",
                          Array.isArray(e._embedded["wp:term"]) &&
                            e._embedded["wp:term"].map((t) => {
                              const n = t.filter(
                                (e) => "category" === e.taxonomy,
                              );
                              return (0, a.createElement)(
                                React.Fragment,
                                { key: e.id },
                                n &&
                                  n
                                    .filter((e) => "Uncategorized" !== e.name)
                                    .map((e, t, n) =>
                                      (0, a.createElement)(
                                        React.Fragment,
                                        { key: e.id },
                                        (0, a.createElement)(
                                          "a",
                                          {
                                            href: e.link,
                                            className: "frhd__cat-name",
                                          },
                                          t > 0 && t !== n.length - 1
                                            ? ", "
                                            : "",
                                          t > 0 && t === n.length - 1
                                            ? " and "
                                            : "",
                                          e.name,
                                        ),
                                      ),
                                    ),
                              );
                            }),
                        ),
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ),
        fa = ({
          posts: e,
          postImageAnimation: t,
          postItemAnimation: n,
          showPostImg: o,
          readMoreBtnText: r,
          postButtonAnimation: i,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>.frhd__post-grid-7 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }\n  .frhd__post-grid-7 .frhd__featured-image {\n    overflow: hidden;\n    position: relative;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child {\n    grid-row: span 2;\n  }\n  .frhd__post-grid-7 a {\n    text-decoration: none;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n    padding: 0 30px 30px;\n    margin-top: 30px;\n    align-items: normal;\n    border-radius: 20px;\n    border: 1px solid #cccccc;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:not(:first-child) {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    flex-basis: 50%;\n    padding: 30px 30px 30px 0;\n    margin-left: 30px;\n    border-radius: 20px;\n    border: 1px solid #cccccc;\n  }\n  .frhd__post-grid-7 .frhd__post-meta {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    flex-wrap: wrap;\n    color: #424242;\n  }\n  .frhd__post-grid-7 .frhd__post-meta a {\n    color: #424242;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__post-meta {\n    margin: 0 0 15px;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:not(:first-child) .frhd__post-meta {\n    margin: 0 0 10px;\n  }\n  .frhd__post-grid-7 .frhd__post-meta-single a,\n  .frhd__post-grid-7 .frhd__post-meta-single span,\n  .frhd__post-grid-7 time.frhd__post-meta-single.frhd__post-date {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    text-transform: capitalize;\n    color: #424242;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n    letter-spacing: 0.4px;\n  }\n  .frhd__post-grid-7 .frhd__post-title h2 {\n    color: #fff;\n    font-weight: bold;\n    overflow: hidden;\n    margin: 0;\n  }\n  .frhd__post-grid-7 .frhd__post-title h2 a {\n    color: #371f0e;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__post-title {\n    margin-bottom: 24px;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:not(:first-child) .frhd__post-title {\n    margin-bottom: 20px;\n  }\n  .frhd__post-grid-7\n    .frhd__post-block-article:first-child\n    .frhd__post-title\n    h2 a{\n      font-size: 30px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 120%;\n      letter-spacing: 0.8px;\n  }\n  .frhd__post-grid-7\n    .frhd__post-block-article:not(:first-child)\n    .frhd__post-title\n    h2 a{\n      font-size: 22px;\n      font-style: normal;\n      font-weight: 600;\n      line-height: 120%;\n      letter-spacing: 0.56px;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:not(:first-child) .frhd-post-body {\n    flex-basis: 50%;\n  }\n  .frhd__post-grid-7 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: 0.5;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__featured-image span.frhd__featured-image-missing {\n    display: block;\n    width: 100%;\n    height: 367px;\n    background: #cccccc;\n    position: relative;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:not(:first-child) .frhd__featured-image span.frhd__featured-image-missing {\n    display: block;\n    width: 287px;\n    height: 255px;\n    background: #cccccc;\n    position: relative;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__featured-image img {\n    display: block;\n    width: 100%;\n    height: 367px;\n    border-radius: 20px;\n    object-fit: cover;\n    transition: 0.3s;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:not(:first-child) .frhd__featured-image img {\n    display: block;\n    width: 287px;\n    height: 255px;\n    border-radius: 20px;\n    object-fit: cover;\n    transition: 0.3s;\n  }\n  .frhd__post-grid-7 .frhd__article-head {\n    position: relative;\n    flex-basis: 50%;\n  }\n  .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__article-head {\n    margin-top: -30px;\n  }\n  .frhd__post-grid-7\n    .frhd__post-block-article:not(:first-child)\n    .frhd__featured-image {\n    margin-left: -30px;\n  }\n  .frhd__post-btn {\n    display: flex;\n  }\n  .frhd__post-grid-7 .frhd__post-btn a {\n    display: inline-flex;\n    gap: 5px;\n    align-items: center;\n    font-size: 17px;\n    line-height: 17px;\n    color: #fff;\n    background: #5a64d0;\n    padding: 8px 12px;\n    border-radius: 5px;\n    border: 1px solid transparent;\n    transition: .3s;\n    pointer-events: painted;\n  }\n  .frhd__post-grid-7 .frhd__post-btn a svg {\n    display: inline-block;\n    fill: #fff;\n    transition: 0.3s;\n  }\n  .frhd__post-grid-7 .frhd__post-btn a {\n    background: #5a64d0;\n    padding: 8px 12px;\n  }\n  .frhd__post-grid-7 .frhd__post-btn:hover a,\n  .frhd__post-grid-7 .frhd__post-btn:hover a svg  {\n    pointer-events: painted;\n  }\n  .frhd__post-grid-7 .frhd-post-btn-opacity a:hover {\n    opacity: 0.5;\n  }\n  .frhd__post-grid-7 .frhd-post-btn-rotate:hover {\n    transform: rotate(3deg) scale(1.009);\n  }\n  .frhd__post-grid-7 .frhd-post-btn-transform:hover {\n    transform: translateY(-2px);\n  }\n  @media (max-width: 768px) {\n    .frhd__post-grid-7 {\n      display: flex;\n      flex-direction: column;\n    }\n    .frhd__post-grid-7 .frhd__post-block-article {\n      display: flex;\n      flex-direction: column;\n      gap: 0 !important;\n      align-items: normal !important;\n      padding: 0 !important;\n      margin: 0 !important;\n    }\n    .frhd__post-grid-7\n      .frhd__post-block-article:not(:first-child)\n      .frhd-post-body {\n      flex-basis: 100%;\n    }\n    .frhd__post-grid-7 .frhd__post-block-article .frhd-post-body {\n      padding: 20px;\n      display: flex;\n      flex-direction: column;\n    }\n    .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__article-head {\n      margin-top: 0;\n    }\n    .frhd__post-grid-7\n      .frhd__post-block-article:first-child\n      .frhd__featured-image {\n      margin-top: 0;\n    }\n    .frhd__post-grid-7 .frhd__featured-image,\n    .frhd__post-grid-7 span.frhd__featured-image-missing,\n    .frhd__post-grid-7 .frhd__featured-image img {\n      border-bottom-left-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    }\n    .frhd__post-grid-7\n      .frhd__post-block-article:not(:first-child)\n      .frhd__featured-image {\n      margin: 0;\n    }\n    .frhd__post-grid-7 .frhd__post-meta {\n      margin: 0 0 10px !important;\n    }\n    .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__post-meta {\n      margin-top: 0;\n    }\n    .frhd__post-grid-7 .frhd__post-meta span a,\n    .frhd__post-grid-7 .frhd__post-meta time,\n    .frhd__post-btn a {\n      font-size: 16px !important;\n    }\n    .frhd__post-grid-7\n      .frhd__post-block-article:first-child\n      .frhd__post-title\n      h2\n      a,\n    .frhd__post-grid-7\n      .frhd__post-block-article:not(:first-child)\n      .frhd__post-title\n      h2\n      a {\n      font-size: 22px !important;\n      line-height: 28px !important;\n    }\n  }\n  </style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-block-container frhd__post-grid-7" },
              e.map((e, l) =>
                (0, a.createElement)(
                  "article",
                  { key: l, className: `frhd__post-block-article ${n}` },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image  ${t}` },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded["wp:featuredmedia"][0] &&
                        o
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: e._embedded["wp:featuredmedia"][0].source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-post-body" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-meta" },
                      e._embedded &&
                        e._embedded.author &&
                        (0, a.createElement)(
                          "span",
                          {
                            className:
                              "frhd__post-meta-single frhd__post-author",
                          },
                          (0, a.createElement)(
                            "a",
                            {
                              href: e._embedded.author[0].link,
                              title: `Posts by ${e._embedded.author[0].name}`,
                              rel: "author",
                            },
                            e._embedded.author[0].name,
                          ),
                        ),
                      (0, a.createElement)("span", null, "|"),
                      (0, a.createElement)(
                        "time",
                        {
                          className: "frhd__post-meta-single frhd__post-date",
                          dateTime: e.date,
                        },
                        new Date(e.date).toLocaleDateString("en-US", {
                          year: "numeric",
                          month: "short",
                          day: "numeric",
                        }),
                      ),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: e.link },
                          e.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__post-btn ${i}` },
                      (0, a.createElement)(
                        "a",
                        { href: "#" },
                        r,
                        " ",
                        (0, a.createElement)(
                          "svg",
                          {
                            width: "22px",
                            height: "24px",
                            xmlns: "http://www.w3.org/2000/svg",
                            viewBox: "0 0 32 32",
                          },
                          (0, a.createElement)("path", {
                            d: "m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z",
                            "data-name": "3-Arrow Right",
                          }),
                        ),
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ),
        _a = ({
          posts: e,
          postImageAnimation: t,
          postItemAnimation: n,
          showPostImg: o,
          excerptWordCount: r,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n    .frhd__post-grid-8.frhd__post-block-container {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        column-gap: 15px;\n        row-gap: 20px;\n    }\n    .frhd__post-grid-8 .frhd__post-block-article {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        background-color: transparent !important;\n    }\n    .frhd__post-grid-8 .frhd__featured-image img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        max-height: 240px;\n        max-width: 100%;\n        border-radius: 16px;\n        object-fit: cover;\n        transition: all 0.3s;\n    }\n    .frhd__post-grid-8 .frhd__article-head,\n    .frhd__post-grid-8 .frhd__featured-image {\n        background: #cccccc;\n        border-radius: 16px;\n        position: relative;\n    }\n    .frhd__post-grid-8 span.frhd__featured-image-missing {\n        display: block;\n        min-height: 220px;\n        max-height: 220px;\n      }\n    .frhd__post-grid-8 span.frhd__featured-image-missing:before {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%);\n        width: 25px;\n        height: 25px;\n        background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n        background-repeat: no-repeat;\n        content: \"\";\n        opacity: .5;\n    }\n    .frhd__post-grid-8 .frhd__post-block-article svg {\n        width: 15px;\n        height: 15px;\n        fill: #ff798e;\n    }\n    .frhd__post-grid-8 .frhd__post-meta {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n        flex-wrap: wrap;\n        color: red;\n    }\n    .frhd__post-grid-8 .frhd__post-meta a {\n        color: red;\n    }\n    .frhd__post-grid-8 .frhd__post-meta a::after {\n        content: '.';\n        margin-left: 5px;\n        margin-right: 3px;\n     }\n    .frhd__post-grid-8 .frhd__article-body {\n        display: flex;\n        gap: 8px;\n        flex-direction: column;\n    }\n    .frhd__post-grid-8 .frhd-post-meta {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n    }\n    .frhd__post-grid-8 .frhd-post-meta a,\n    .frhd__post-grid-8 .frhd-post-meta time {\n        font-size: 14px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 20px;\n        margin: 0;\n        padding: 0;\n    }\n    .frhd__post-grid-8 .frhd__post-title {\n        position: relative;\n    }\n    .frhd__post-grid-8 .frhd__post-title:after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        content: \"\";\n        height: 24px;\n        width: 24px;\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='#fff'%3E%3Cpath d='M7 17L17 7M17 7H7M17 7V17' stroke='%23101828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n        background-repeat: no-repeat;\n    }\n    .frhd__post-grid-8 .frhd__article-body h2 {\n        color: #ff0000;\n        font-size: 24px;\n        font-style: normal;\n        font-weight: 700;\n        line-height: 32px;\n        margin: 0;\n        padding-right: 25px;\n    }\n    .frhd__post-grid-8 .frhd__article-body h2 {\n        max-width: 340px;\n    }\n    .frhd__post-grid-8 .frhd__post-excerpt p {\n        overflow: hidden;\n        color: #000;\n        text-overflow: ellipsis;\n        font-size: 19px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 24px;\n        margin: 0;\n    }\n    @media(max-width: 922px){\n        .frhd__post-grid-8 .frhd__post-block-container {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    @media(max-width: 599px){\n        .frhd__post-grid-8 .frhd__post-block-container {\n            grid-template-columns: repeat(1, 1fr);\n        }\n    }\n    </style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-block-container frhd__post-grid-8" },
              e.map((e, i) =>
                (0, a.createElement)(
                  "article",
                  { key: i, className: `frhd__post-block-article ${n}` },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${t}` },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded["wp:featuredmedia"][0] &&
                        o
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: e._embedded["wp:featuredmedia"][0].source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-body" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-meta" },
                      e._embedded &&
                        e._embedded.author &&
                        (0, a.createElement)(
                          "span",
                          {
                            className:
                              "frhd__post-meta-single frhd__post-author",
                          },
                          (0, a.createElement)(
                            "a",
                            {
                              href: e._embedded.author[0].link,
                              title: `Posts by ${e._embedded.author[0].name}`,
                              rel: "author",
                            },
                            e._embedded.author[0].name,
                          ),
                        ),
                      (0, a.createElement)(
                        "time",
                        {
                          className: "frhd__post-meta-single frhd__post-date",
                          datetime: e.date,
                        },
                        new Date(e.date).toLocaleDateString("en-US", {
                          year: "numeric",
                          month: "short",
                          day: "numeric",
                        }),
                      ),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: e.link },
                          e.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${e.excerpt?.rendered.split(" ").slice(0, r).join(" ")}${e.excerpt?.rendered.split(" ").length > r ? "..." : ""}`,
                      },
                    }),
                  ),
                ),
              ),
            ),
          ),
        ua = ({
          posts: e,
          postImageAnimation: t,
          postItemAnimation: n,
          excerptWordCount: o,
          readMoreBtnText: r,
          postBtnColor: i,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>.frhd__post-grid-9.frhd__post-block-container {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 15px;\n    row-gap: 20px;\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article {\n    border-radius: 4px;\n    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n    transition: all 0.2s ease;\n    background: #fff;\n    position: relative;\n    overflow: hidden !important;\n  }\n  .frhd__post-grid-9 .frhd__featured-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    transition: 0.3s;\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article:hover{\n    transform: translateY(-4px) !important;\n    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.25);\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article:hover .frhd__card-content{\n    box-shadow: inset 0 4px 0 0 #ccb65e;\n    border-color: #ccb65e;\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article:hover .frhd__card-img .frhd__overlay{\n    background-color: rgba(25, 29, 38, 0.85);\n    transition: opacity 0.2s ease;\n    opacity: 1;\n  }\n  .frhd__post-grid-9 .frhd__card-img {\n    position: relative;\n    width: 100%;\n    background-color: #fff;\n    transition: opacity 0.2s ease;\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n  .frhd__post-grid-9 .frhd__card-img .frhd__overlay {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #fff;\n    opacity: 0;\n    z-index: 1;\n  }\n  .frhd__post-grid-9 span.frhd__featured-image-missing {\n    display: block;\n    min-height: 220px;\n    max-height: 220px;\n    background: #cccccc;\n  }\n  .frhd__post-grid-9 span.frhd__featured-image-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n  }\n  .frhd__post-grid-9 .frhd__post-title h2 {\n    color: #fff;\n    font-size: 22px;\n    line-height: 28px;\n    font-weight: bold;\n    overflow: hidden;\n    margin: 5px 0;\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article .frhd__post-btn{\n    display: none;\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article:hover .frhd__post-btn{\n    display: block;\n  }\n  .frhd__post-grid-9 article.frhd__post-block-article:hover .frhd__post-btn a{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%,-50%);\n    z-index: 2;\n    color: #fff;\n    padding: 0 32px;\n    display: inline-block;\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    line-height: 40px;\n    border-radius: 20px;\n    cursor: pointer;\n    pointer-events: painted;\n  }\n  .frhd__post-grid-9 .frhd__post-btn a:hover {\n    background: #ccb65e;\n    z-index: 999;\n  }\n  .frhd__post-grid-9 .frhd__post-excerpt p {\n    font-size: 19px;\n    font-weight: 400;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    color: rgba(32, 41, 28, 0.8);\n    margin: 5px 0;\n  }\n  .frhd__post-grid-9 .frhd__card-content {\n    min-height: 104px;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 4px;\n    padding: 16px 16px;\n    transition: all 0.2s ease;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n  }</style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-block-container frhd__post-grid-9" },
              e?.map((e, i) =>
                (0, a.createElement)(
                  "article",
                  { key: i, className: `frhd__post-block-article ${n}` },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__card-img" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${t}` },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded["wp:featuredmedia"]?.[0]
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: e?._embedded["wp:featuredmedia"]?.[0]
                              .source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__post-btn" },
                        (0, a.createElement)("a", { href: "#!" }, r),
                      ),
                      (0, a.createElement)("div", {
                        className: "frhd__overlay",
                      }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__card-content" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__post-title" },
                      (0, a.createElement)(
                        "h2",
                        null,
                        (0, a.createElement)(
                          "a",
                          { href: e.link },
                          e.title.rendered,
                        ),
                      ),
                    ),
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${e.excerpt?.rendered.split(" ").slice(0, o).join(" ")}${e.excerpt?.rendered?.split(" ").length > o ? "..." : ""}`,
                      },
                    }),
                  ),
                ),
              ),
            ),
          ),
        ba = ({
          posts: e,
          postImageAnimation: t,
          postItemAnimation: n,
          excerptWordCount: o,
          readMoreBtnText: r,
          postButtonAnimation: i,
        }) =>
          (0, a.createElement)(
            a.Fragment,
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n.frhd__post-grid-10.frhd__post-block-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  column-gap: 15px;\n  row-gap: 20px;\n}\n.frhd__post-grid-10 .frhd__post-block-article {\n  border-radius: 0 0 16px 0;\n  margin: 0 10px;\n}\n.frhd__post-grid-10 article.frhd__post-block-article:after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: -6px;\n  height: 32px;\n  width: 31px;\n  z-index: -1;\n}\n.frhd__post-grid-10 .frhd__article-body::after {\n  content: '';\n  background: tomato;\n  width: 16px;\n  bottom: 0;\n  top: 16%;\n  left: -16px;\n  border-bottom-left-radius: 8px 20px;\n  border-bottom-right-radius: 8px 20px;\n  position: absolute;\n}\n.frhd__post-grid-10 .frhd__article-body{\n  padding: 16px;\n}\n.frhd__post-grid-10 .frhd__featured-image img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: all 0.3s;\n}\n.frhd__post-grid-10 .frhd__featured-image {\n  position: relative;\n  overflow: hidden;\n}\n.frhd__post-grid-10 span.frhd__featured-image-missing {\n  display: block;\n  min-height: 220px;\n  max-height: 220px;\n  background: #cccccc;\n  position: relative;\n}\n.frhd__post-grid-10 span.frhd__featured-image-missing:before {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%);\n  width: 25px;\n  height: 25px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n  background-repeat: no-repeat;\n  content: \"\";\n  opacity: .5;\n}\n.frhd__post-grid-10 .frhd__post-excerpt p {\n  font-size: 19px;\n  color: #4b4f58;\n  line-height: 24px;\n  margin: 0 0 16px !important;\n}\n.frhd__post-grid-10 .frhd__post-btn a{\n  color: tomato;\n  font-weight: bold;\n  text-decoration: none;\n  display: inline-block;\n  font-size: 16px;\n  line-height: 16px;;\n  padding: 0;\n  border-radius: 5px;\n  border: 1px solid transparent;\n  transition: .3s;\n  pointer-events: painted;\n}</style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-block-container frhd__post-grid-10" },
              e?.map((e, l) =>
                (0, a.createElement)(
                  "article",
                  { key: l, className: `frhd__post-block-article ${n}` },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-head" },
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__featured-image ${t}` },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded["wp:featuredmedia"]?.[0]
                        ? (0, a.createElement)("img", {
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                ?.height,
                            src: e?._embedded["wp:featuredmedia"]?.[0]
                              .source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__article-body" },
                    (0, a.createElement)("div", {
                      className: "frhd__post-excerpt",
                      dangerouslySetInnerHTML: {
                        __html: `${e.excerpt?.rendered.split(" ").slice(0, o).join(" ")}${e.excerpt?.rendered.split(" ").length > o ? "..." : ""}`,
                      },
                    }),
                    (0, a.createElement)(
                      "div",
                      { className: `frhd__post-btn ${i}` },
                      (0, a.createElement)("a", { href: "#" }, r, " →"),
                    ),
                  ),
                ),
              ),
            ),
          ),
        xa = [
          "ABeeZee",
          "Abel",
          "Abhaya Libre",
          "Abril Fatface",
          "Aclonica",
          "Acme",
          "Actor",
          "Adamina",
          "Advent Pro",
          "Aguafina Script",
          "Akaya Kanadaka",
          "Akaya Telivigala",
          "Akronim",
          "Aladin",
          "Alata",
          "Alatsi",
          "Aldrich",
          "Alef",
          "Alegreya",
          "Alegreya SC",
          "Alegreya Sans",
          "Alegreya Sans SC",
          "Aleo",
          "Alex Brush",
          "Alfa Slab One",
          "Alice",
          "Alike",
          "Alike Angular",
          "Allan",
          "Allerta",
          "Allerta Stencil",
          "Allura",
          "Almarai",
          "Almendra",
          "Almendra Display",
          "Almendra SC",
          "Amarante",
          "Amaranth",
          "Amatic SC",
          "Amethysta",
          "Amiko",
          "Amiri",
          "Amita",
          "Anaheim",
          "Andada",
          "Andada Pro",
          "Andika",
          "Andika New Basic",
          "Angkor",
          "Annie Use Your Telescope",
          "Anonymous Pro",
          "Antic",
          "Antic Didone",
          "Antic Slab",
          "Anton",
          "Antonio",
          "Arapey",
          "Arbutus",
          "Arbutus Slab",
          "Architects Daughter",
          "Archivo",
          "Archivo Black",
          "Archivo Narrow",
          "Aref Ruqaa",
          "Arima Madurai",
          "Arimo",
          "Arizonia",
          "Armata",
          "Arsenal",
          "Artifika",
          "Arvo",
          "Arya",
          "Asap",
          "Asap Condensed",
          "Asar",
          "Asset",
          "Assistant",
          "Astloch",
          "Asul",
          "Athiti",
          "Atkinson Hyperlegible",
          "Atma",
          "Atomic Age",
          "Aubrey",
          "Audiowide",
          "Autour One",
          "Average",
          "Average Sans",
          "Averia Gruesa Libre",
          "Averia Libre",
          "Averia Sans Libre",
          "Averia Serif Libre",
          "B612",
          "B612 Mono",
          "Bad Script",
          "Bahiana",
          "Bahianita",
          "Bai Jamjuree",
          "Ballet",
          "Baloo 2",
          "Baloo Bhai 2",
          "Baloo Bhaina 2",
          "Baloo Chettan 2",
          "Baloo Da 2",
          "Baloo Paaji 2",
          "Baloo Tamma 2",
          "Baloo Tammudu 2",
          "Baloo Thambi 2",
          "Balsamiq Sans",
          "Balthazar",
          "Bangers",
          "Barlow",
          "Barlow Condensed",
          "Barlow Semi Condensed",
          "Barriecito",
          "Barrio",
          "Basic",
          "Baskervville",
          "Battambang",
          "Baumans",
          "Bayon",
          "Be Vietnam",
          "Bebas Neue",
          "Belgrano",
          "Bellefair",
          "Belleza",
          "Bellota",
          "Bellota Text",
          "BenchNine",
          "Benne",
          "Bentham",
          "Berkshire Swash",
          "Beth Ellen",
          "Bevan",
          "Big Shoulders Display",
          "Big Shoulders Inline Display",
          "Big Shoulders Inline Text",
          "Big Shoulders Stencil Display",
          "Big Shoulders Stencil Text",
          "Big Shoulders Text",
          "Bigelow Rules",
          "Bigshot One",
          "Bilbo",
          "Bilbo Swash Caps",
          "BioRhyme",
          "BioRhyme Expanded",
          "Biryani",
          "Bitter",
          "Black And White Picture",
          "Black Han Sans",
          "Black Ops One",
          "Blaka",
          "Blaka Hollow",
          "Blinker",
          "Bodoni Moda",
          "Bokor",
          "Bona Nova",
          "Bonbon",
          "Boogaloo",
          "Bowlby One",
          "Bowlby One SC",
          "Brawler",
          "Bree Serif",
          "Brygada 1918",
          "Bubblegum Sans",
          "Bubbler One",
          "Buda",
          "Buenard",
          "Bungee",
          "Bungee Hairline",
          "Bungee Inline",
          "Bungee Outline",
          "Bungee Shade",
          "Butcherman",
          "Butterfly Kids",
          "Cabin",
          "Cabin Condensed",
          "Cabin Sketch",
          "Caesar Dressing",
          "Cagliostro",
          "Cairo",
          "Caladea",
          "Calistoga",
          "Calligraffitti",
          "Cambay",
          "Cambo",
          "Candal",
          "Cantarell",
          "Cantata One",
          "Cantora One",
          "Capriola",
          "Cardo",
          "Carme",
          "Carrois Gothic",
          "Carrois Gothic SC",
          "Carter One",
          "Castoro",
          "Catamaran",
          "Caudex",
          "Caveat",
          "Caveat Brush",
          "Cedarville Cursive",
          "Ceviche One",
          "Chakra Petch",
          "Changa",
          "Changa One",
          "Chango",
          "Charm",
          "Charmonman",
          "Chathura",
          "Chau Philomene One",
          "Chela One",
          "Chelsea Market",
          "Chenla",
          "Cherry Cream Soda",
          "Cherry Swash",
          "Chewy",
          "Chicle",
          "Chilanka",
          "Chivo",
          "Chonburi",
          "Cinzel",
          "Cinzel Decorative",
          "Clicker Script",
          "Coda",
          "Coda Caption",
          "Codystar",
          "Coiny",
          "Combo",
          "Comfortaa",
          "Comic Neue",
          "Coming Soon",
          "Commissioner",
          "Concert One",
          "Condiment",
          "Content",
          "Contrail One",
          "Convergence",
          "Cookie",
          "Copse",
          "Corben",
          "Cormorant",
          "Cormorant Garamond",
          "Cormorant Infant",
          "Cormorant SC",
          "Cormorant Unicase",
          "Cormorant Upright",
          "Courgette",
          "Courier Prime",
          "Cousine",
          "Coustard",
          "Covered By Your Grace",
          "Crafty Girls",
          "Creepster",
          "Crete Round",
          "Crimson Pro",
          "Crimson Text",
          "Croissant One",
          "Crushed",
          "Cuprum",
          "Cute Font",
          "Cutive",
          "Cutive Mono",
          "DM Mono",
          "DM Sans",
          "DM Serif Display",
          "DM Serif Text",
          "Damion",
          "Dancing Script",
          "Dangrek",
          "Darker Grotesque",
          "David Libre",
          "Dawning of a New Day",
          "Days One",
          "Dekko",
          "Dela Gothic One",
          "Delius",
          "Delius Swash Caps",
          "Delius Unicase",
          "Della Respira",
          "Denk One",
          "Devonshire",
          "Dhurjati",
          "Didact Gothic",
          "Diplomata",
          "Diplomata SC",
          "Do Hyeon",
          "Dokdo",
          "Domine",
          "Donegal One",
          "Doppio One",
          "Dorsa",
          "Dosis",
          "DotGothic16",
          "Dr Sugiyama",
          "Duru Sans",
          "Dynalight",
          "EB Garamond",
          "Eagle Lake",
          "East Sea Dokdo",
          "Eater",
          "Economica",
          "Eczar",
          "El Messiri",
          "Electrolize",
          "Elsie",
          "Elsie Swash Caps",
          "Emblema One",
          "Emilys Candy",
          "Encode Sans",
          "Encode Sans Condensed",
          "Encode Sans Expanded",
          "Encode Sans SC",
          "Encode Sans Semi Condensed",
          "Encode Sans Semi Expanded",
          "Engagement",
          "Englebert",
          "Enriqueta",
          "Epilogue",
          "Erica One",
          "Esteban",
          "Euphoria Script",
          "Ewert",
          "Exo",
          "Exo 2",
          "Expletus Sans",
          "Fahkwang",
          "Fanwood Text",
          "Farro",
          "Farsan",
          "Fascinate",
          "Fascinate Inline",
          "Faster One",
          "Fasthand",
          "Fauna One",
          "Faustina",
          "Federant",
          "Federo",
          "Felipa",
          "Fenix",
          "Festive",
          "Finger Paint",
          "Fira Code",
          "Fira Mono",
          "Fira Sans",
          "Fira Sans Condensed",
          "Fira Sans Extra Condensed",
          "Fjalla One",
          "Fjord One",
          "Flamenco",
          "Flavors",
          "Fondamento",
          "Fontdiner Swanky",
          "Forum",
          "Francois One",
          "Frank Ruhl Libre",
          "Fraunces",
          "Freckle Face",
          "Fredericka the Great",
          "Fredoka One",
          "Freehand",
          "Fresca",
          "Frijole",
          "Fruktur",
          "Fugaz One",
          "Fuggles",
          "GFS Didot",
          "GFS Neohellenic",
          "Gabriela",
          "Gaegu",
          "Gafata",
          "Galada",
          "Galdeano",
          "Galindo",
          "Gamja Flower",
          "Gayathri",
          "Gelasio",
          "Gentium Basic",
          "Gentium Book Basic",
          "Geo",
          "Georama",
          "Geostar",
          "Geostar Fill",
          "Germania One",
          "Gidugu",
          "Gilda Display",
          "Girassol",
          "Give You Glory",
          "Glass Antiqua",
          "Glegoo",
          "Gloria Hallelujah",
          "Goblin One",
          "Gochi Hand",
          "Goldman",
          "Gorditas",
          "Gothic A1",
          "Gotu",
          "Goudy Bookletter 1911",
          "Gowun Batang",
          "Gowun Dodum",
          "Graduate",
          "Grand Hotel",
          "Grandstander",
          "Gravitas One",
          "Great Vibes",
          "Grenze",
          "Grenze Gotisch",
          "Griffy",
          "Gruppo",
          "Gudea",
          "Gugi",
          "Gupter",
          "Gurajada",
          "Habibi",
          "Hachi Maru Pop",
          "Hahmlet",
          "Halant",
          "Hammersmith One",
          "Hanalei",
          "Hanalei Fill",
          "Handlee",
          "Hanuman",
          "Happy Monkey",
          "Harmattan",
          "Headland One",
          "Heebo",
          "Henny Penny",
          "Hepta Slab",
          "Herr Von Muellerhoff",
          "Hi Melody",
          "Hind",
          "Hind Guntur",
          "Hind Madurai",
          "Hind Siliguri",
          "Hind Vadodara",
          "Holtwood One SC",
          "Homemade Apple",
          "Homenaje",
          "IBM Plex Mono",
          "IBM Plex Sans",
          "IBM Plex Sans Condensed",
          "IBM Plex Serif",
          "IM Fell DW Pica",
          "IM Fell DW Pica SC",
          "IM Fell Double Pica",
          "IM Fell Double Pica SC",
          "IM Fell English",
          "IM Fell English SC",
          "IM Fell French Canon",
          "IM Fell French Canon SC",
          "IM Fell Great Primer",
          "IM Fell Great Primer SC",
          "Ibarra Real Nova",
          "Iceberg",
          "Iceland",
          "Imbue",
          "Imprima",
          "Inconsolata",
          "Inder",
          "Indie Flower",
          "Inika",
          "Inknut Antiqua",
          "Inria Sans",
          "Inria Serif",
          "Inter",
          "Irish Grover",
          "Istok Web",
          "Italiana",
          "Italianno",
          "Itim",
          "Jacques Francois",
          "Jacques Francois Shadow",
          "Jaldi",
          "JetBrains Mono",
          "Jim Nightshade",
          "Jockey One",
          "Jolly Lodger",
          "Jomhuria",
          "Jomolhari",
          "Josefin Sans",
          "Josefin Slab",
          "Jost",
          "Joti One",
          "Jua",
          "Judson",
          "Julee",
          "Julius Sans One",
          "Junge",
          "Jura",
          "Just Another Hand",
          "Just Me Again Down Here",
          "K2D",
          "Kadwa",
          "Kalam",
          "Kameron",
          "Kanit",
          "Kantumruy",
          "Karantina",
          "Karla",
          "Karma",
          "Katibeh",
          "Kaushan Script",
          "Kavivanar",
          "Kavoon",
          "Kdam Thmor",
          "Keania One",
          "Kelly Slab",
          "Kenia",
          "Khand",
          "Khmer",
          "Khula",
          "Kirang Haerang",
          "Kite One",
          "Kiwi Maru",
          "Knewave",
          "KoHo",
          "Kodchasan",
          "Kosugi",
          "Kosugi Maru",
          "Kotta One",
          "Koulen",
          "Kranky",
          "Kreon",
          "Kristi",
          "Krona One",
          "Krub",
          "Kufam",
          "Kulim Park",
          "Kumar One",
          "Kumar One Outline",
          "Kumbh Sans",
          "Kurale",
          "La Belle Aurore",
          "Lacquer",
          "Laila",
          "Lakki Reddy",
          "Lalezar",
          "Lancelot",
          "Langar",
          "Lateef",
          "Lato",
          "League Script",
          "Leckerli One",
          "Ledger",
          "Lekton",
          "Lemon",
          "Lemonada",
          "Lexend",
          "Lexend Deca",
          "Lexend Exa",
          "Lexend Giga",
          "Lexend Mega",
          "Lexend Peta",
          "Lexend Tera",
          "Lexend Zetta",
          "Libre Barcode 128",
          "Libre Barcode 128 Text",
          "Libre Barcode 39",
          "Libre Barcode 39 Extended",
          "Libre Barcode 39 Extended Text",
          "Libre Barcode 39 Text",
          "Libre Barcode EAN13 Text",
          "Libre Baskerville",
          "Libre Caslon Display",
          "Libre Caslon Text",
          "Libre Franklin",
          "Life Savers",
          "Lilita One",
          "Lily Script One",
          "Limelight",
          "Linden Hill",
          "Literata",
          "Liu Jian Mao Cao",
          "Livvic",
          "Lobster",
          "Lobster Two",
          "Londrina Outline",
          "Londrina Shadow",
          "Londrina Sketch",
          "Londrina Solid",
          "Long Cang",
          "Lora",
          "Love Ya Like A Sister",
          "Loved by the King",
          "Lovers Quarrel",
          "Luckiest Guy",
          "Lusitana",
          "Lustria",
          "M PLUS 1p",
          "M PLUS Rounded 1c",
          "Ma Shan Zheng",
          "Macondo",
          "Macondo Swash Caps",
          "Mada",
          "Magra",
          "Maiden Orange",
          "Maitree",
          "Major Mono Display",
          "Mako",
          "Mali",
          "Mallanna",
          "Mandali",
          "Manjari",
          "Manrope",
          "Mansalva",
          "Manuale",
          "Marcellus",
          "Marcellus SC",
          "Marck Script",
          "Margarine",
          "Markazi Text",
          "Marko One",
          "Marmelad",
          "Martel",
          "Martel Sans",
          "Marvel",
          "Mate",
          "Mate SC",
          "Maven Pro",
          "McLaren",
          "Meddon",
          "MedievalSharp",
          "Medula One",
          "Meera Inimai",
          "Megrim",
          "Meie Script",
          "Merienda",
          "Merienda One",
          "Merriweather",
          "Merriweather Sans",
          "Metal",
          "Metal Mania",
          "Metamorphous",
          "Metrophobic",
          "Michroma",
          "Milonga",
          "Miltonian",
          "Miltonian Tattoo",
          "Mina",
          "Miniver",
          "Miriam Libre",
          "Mirza",
          "Miss Fajardose",
          "Mitr",
          "Modak",
          "Modern Antiqua",
          "Mogra",
          "Molengo",
          "Molle",
          "Monda",
          "Monofett",
          "Monoton",
          "Monsieur La Doulaise",
          "Montaga",
          "MonteCarlo",
          "Montez",
          "Montserrat",
          "Montserrat Alternates",
          "Montserrat Subrayada",
          "Moul",
          "Moulpali",
          "Mountains of Christmas",
          "Mouse Memoirs",
          "Mr Bedfort",
          "Mr Dafoe",
          "Mr De Haviland",
          "Mrs Saint Delafield",
          "Mrs Sheppards",
          "Mukta",
          "Mukta Mahee",
          "Mukta Malar",
          "Mukta Vaani",
          "Mulish",
          "MuseoModerno",
          "Mystery Quest",
          "NTR",
          "Nanum Brush Script",
          "Nanum Gothic",
          "Nanum Gothic Coding",
          "Nanum Myeongjo",
          "Nanum Pen Script",
          "Nerko One",
          "Neucha",
          "Neuton",
          "New Rocker",
          "New Tegomin",
          "News Cycle",
          "Newsreader",
          "Niconne",
          "Niramit",
          "Nixie One",
          "Nobile",
          "Nokora",
          "Norican",
          "Nosifer",
          "Notable",
          "Nothing You Could Do",
          "Noticia Text",
          "Noto Sans",
          "Noto Sans HK",
          "Noto Sans JP",
          "Noto Sans KR",
          "Noto Sans SC",
          "Noto Sans TC",
          "Noto Serif",
          "Noto Serif JP",
          "Noto Serif KR",
          "Noto Serif SC",
          "Noto Serif TC",
          "Nova Cut",
          "Nova Flat",
          "Nova Mono",
          "Nova Oval",
          "Nova Round",
          "Nova Script",
          "Nova Slim",
          "Nova Square",
          "Numans",
          "Nunito",
          "Nunito Sans",
          "Odibee Sans",
          "Odor Mean Chey",
          "Offside",
          "Oi",
          "Old Standard TT",
          "Oldenburg",
          "Oleo Script",
          "Oleo Script Swash Caps",
          "Open Sans",
          "Open Sans Condensed",
          "Oranienbaum",
          "Orbitron",
          "Oregano",
          "Orelega One",
          "Orienta",
          "Original Surfer",
          "Oswald",
          "Otomanopee One",
          "Over the Rainbow",
          "Overlock",
          "Overlock SC",
          "Overpass",
          "Overpass Mono",
          "Ovo",
          "Oxanium",
          "Oxygen",
          "Oxygen Mono",
          "PT Mono",
          "PT Sans",
          "PT Sans Caption",
          "PT Sans Narrow",
          "PT Serif",
          "PT Serif Caption",
          "Pacifico",
          "Padauk",
          "Palanquin",
          "Palanquin Dark",
          "Palette Mosaic",
          "Pangolin",
          "Paprika",
          "Parisienne",
          "Passero One",
          "Passion One",
          "Pathway Gothic One",
          "Patrick Hand",
          "Patrick Hand SC",
          "Pattaya",
          "Patua One",
          "Pavanam",
          "Paytone One",
          "Peddana",
          "Peralta",
          "Permanent Marker",
          "Petit Formal Script",
          "Petrona",
          "Philosopher",
          "Piazzolla",
          "Piedra",
          "Pinyon Script",
          "Pirata One",
          "Plaster",
          "Play",
          "Playball",
          "Playfair Display",
          "Playfair Display SC",
          "Podkova",
          "Poiret One",
          "Poller One",
          "Poly",
          "Pompiere",
          "Pontano Sans",
          "Poor Story",
          "Poppins",
          "Port Lligat Sans",
          "Port Lligat Slab",
          "Potta One",
          "Pragati Narrow",
          "Prata",
          "Preahvihear",
          "Press Start 2P",
          "Pridi",
          "Princess Sofia",
          "Prociono",
          "Prompt",
          "Prosto One",
          "Proza Libre",
          "Public Sans",
          "Puritan",
          "Purple Purse",
          "Qahiri",
          "Quando",
          "Quantico",
          "Quattrocento",
          "Quattrocento Sans",
          "Questrial",
          "Quicksand",
          "Quintessential",
          "Qwigley",
          "Racing Sans One",
          "Radley",
          "Rajdhani",
          "Rakkas",
          "Raleway",
          "Raleway Dots",
          "Ramabhadra",
          "Ramaraja",
          "Rambla",
          "Rammetto One",
          "Ranchers",
          "Rancho",
          "Ranga",
          "Rasa",
          "Rationale",
          "Ravi Prakash",
          "Recursive",
          "Red Hat Display",
          "Red Hat Text",
          "Red Rose",
          "Redressed",
          "Reem Kufi",
          "Reenie Beanie",
          "Reggae One",
          "Revalia",
          "Rhodium Libre",
          "Ribeye",
          "Ribeye Marrow",
          "Righteous",
          "Risque",
          "Roboto",
          "Roboto Condensed",
          "Roboto Mono",
          "Roboto Slab",
          "Rochester",
          "Rock Salt",
          "RocknRoll One",
          "Rokkitt",
          "Romanesco",
          "Ropa Sans",
          "Rosario",
          "Rosarivo",
          "Rouge Script",
          "Rowdies",
          "Rozha One",
          "Rubik",
          "Rubik Mono One",
          "Ruda",
          "Rufina",
          "Ruge Boogie",
          "Ruluko",
          "Rum Raisin",
          "Ruslan Display",
          "Russo One",
          "Ruthie",
          "Rye",
          "STIX Two Math",
          "STIX Two Text",
          "Sacramento",
          "Sahitya",
          "Sail",
          "Saira",
          "Saira Condensed",
          "Saira Extra Condensed",
          "Saira Semi Condensed",
          "Saira Stencil One",
          "Salsa",
          "Sanchez",
          "Sancreek",
          "Sansita",
          "Sansita Swashed",
          "Sarabun",
          "Sarala",
          "Sarina",
          "Sarpanch",
          "Satisfy",
          "Sawarabi Gothic",
          "Sawarabi Mincho",
          "Scada",
          "Scheherazade",
          "Schoolbell",
          "Scope One",
          "Seaweed Script",
          "Secular One",
          "Sedgwick Ave",
          "Sedgwick Ave Display",
          "Sen",
          "Sevillana",
          "Seymour One",
          "Shadows Into Light",
          "Shadows Into Light Two",
          "Shanti",
          "Share",
          "Share Tech",
          "Share Tech Mono",
          "Shippori Mincho",
          "Shippori Mincho B1",
          "Shojumaru",
          "Short Stack",
          "Shrikhand",
          "Siemreap",
          "Sigmar One",
          "Signika",
          "Signika Negative",
          "Simonetta",
          "Single Day",
          "Sintony",
          "Sirin Stencil",
          "Six Caps",
          "Skranji",
          "Slabo 13px",
          "Slabo 27px",
          "Slackey",
          "Smokum",
          "Smythe",
          "Sniglet",
          "Snippet",
          "Snowburst One",
          "Sofadi One",
          "Sofia",
          "Solway",
          "Song Myung",
          "Sonsie One",
          "Sora",
          "Sorts Mill Goudy",
          "Source Code Pro",
          "Source Sans Pro",
          "Source Serif Pro",
          "Space Grotesk",
          "Space Mono",
          "Spartan",
          "Special Elite",
          "Spectral",
          "Spectral SC",
          "Spicy Rice",
          "Spinnaker",
          "Spirax",
          "Squada One",
          "Sree Krushnadevaraya",
          "Sriracha",
          "Srisakdi",
          "Staatliches",
          "Stalemate",
          "Stalinist One",
          "Stardos Stencil",
          "Stick",
          "Stint Ultra Condensed",
          "Stint Ultra Expanded",
          "Stoke",
          "Strait",
          "Style Script",
          "Stylish",
          "Sue Ellen Francisco",
          "Suez One",
          "Sulphur Point",
          "Sumana",
          "Sunflower",
          "Sunshiney",
          "Supermercado One",
          "Sura",
          "Suranna",
          "Suravaram",
          "Suwannaphum",
          "Swanky and Moo Moo",
          "Syncopate",
          "Syne",
          "Syne Mono",
          "Syne Tactile",
          "Tajawal",
          "Tangerine",
          "Taprom",
          "Tauri",
          "Taviraj",
          "Teko",
          "Telex",
          "Tenali Ramakrishna",
          "Tenor Sans",
          "Text Me One",
          "Texturina",
          "Thasadith",
          "The Girl Next Door",
          "Tienne",
          "Tillana",
          "Timmana",
          "Tinos",
          "Titan One",
          "Titillium Web",
          "Tomorrow",
          "Tourney",
          "Trade Winds",
          "Train One",
          "Trirong",
          "Trispace",
          "Trocchi",
          "Trochut",
          "Truculenta",
          "Trykker",
          "Tulpen One",
          "Turret Road",
          "Ubuntu",
          "Ubuntu Condensed",
          "Ubuntu Mono",
          "Uchen",
          "Ultra",
          "Uncial Antiqua",
          "Underdog",
          "Unica One",
          "UnifrakturCook",
          "UnifrakturMaguntia",
          "Unkempt",
          "Unlock",
          "Unna",
          "VT323",
          "Vampiro One",
          "Varela",
          "Varela Round",
          "Varta",
          "Vast Shadow",
          "Vesper Libre",
          "Viaoda Libre",
          "Vibes",
          "Vibur",
          "Vidaloka",
          "Viga",
          "Voces",
          "Volkhov",
          "Vollkorn",
          "Vollkorn SC",
          "Voltaire",
          "Waiting for the Sunrise",
          "Wallpoet",
          "Walter Turncoat",
          "Warnes",
          "Wellfleet",
          "Wendy One",
          "WindSong",
          "Wire One",
          "Work Sans",
          "Xanh Mono",
          "Yanone Kaffeesatz",
          "Yantramanav",
          "Yatra One",
          "Yellowtail",
          "Yeon Sung",
          "Yeseva One",
          "Yesteryear",
          "Yomogi",
          "Yrsa",
          "Yusei Magic",
          "ZCOOL KuaiLe",
          "ZCOOL QingKe HuangYou",
          "ZCOOL XiaoWei",
          "Zen Dots",
          "Zen Loop",
          "Zen Tokyo Zoo",
          "Zeyada",
          "Zhi Mang Xing",
          "Zilla Slab",
          "Zilla Slab Highlight",
        ],
        va = ({ attributes: e, setAttributes: n, inputType: o, title: r }) => {
          const {
              postLayout: i,
              PostTitleTypo: l,
              PostDescriptionTypo: d,
              PostMetaTypo: p,
              PostCategoryTypo: m,
              PostButtonTypo: h,
              PostAuthorTypo: g,
              PostPaginationTypo: f,
              blockHeadingTypo: _,
              blockSubheadingTypo: u,
              blockHeadingPrefixTypo: b,
            } = e,
            [x, v] = (0, c.useState)({
              functionOne: !1,
              functionTwo: !1,
              functionThree: !1,
              functionFour: !1,
            }),
            w = (e) => {
              v((t) => ({ ...t, [e]: !t[e] }));
            },
            y = (t, a, o) => {
              n({ ...e, [a]: { ...e[a], [o]: t } });
            };
          let C = o;
          switch (o) {
            case "blockHeadingTypo":
              C = _;
              break;
            case "blockHeadingPrefixTypo":
              C = b;
              break;
            case "blockSubheadingTypo":
              C = u;
              break;
            case "PostTitleTypo":
              C = l;
              break;
            case "PostDescriptionTypo":
              C = d;
              break;
            case "PostMetaTypo":
              C = p;
              break;
            case "PostCategoryTypo":
              C = m;
              break;
            case "PostButtonTypo":
              C = h;
              break;
            case "PostAuthorTypo":
              C = g;
              break;
            case "PostPaginationTypo":
              C = f;
          }
          const E =
              "PostTitleTypo" === o
                ? "interactive5" === i
                  ? "12"
                  : "22"
                : "PostDescriptionTypo" === o
                  ? "interactive3" === i
                    ? "16"
                    : "interactive6" === i
                      ? "16.8"
                      : "interactive4" === i || "interactive5" === i
                        ? "16"
                        : "grid5" === i
                          ? "14"
                          : "19"
                  : "PostMetaTypo" === o
                    ? "interactive4" === i
                      ? "14"
                      : "16"
                    : "PostCategoryTypo" === o
                      ? "14"
                      : "PostButtonTypo" === o
                        ? "16"
                        : "PostAuthorTypo" === o
                          ? "interactive1" === i
                            ? "20"
                            : "16"
                          : "PostPaginationTypo" === o
                            ? "17"
                            : "blockHeadingTypo" === o
                              ? "34"
                              : "blockHeadingPrefixTypo" === o
                                ? "20"
                                : "blockSubheadingTypo" === o
                                  ? "16.8"
                                  : "",
            k =
              "PostTitleTypo" === o
                ? "interactive5" === i
                  ? "18"
                  : "28"
                : "PostDescriptionTypo" === o
                  ? "interactive3" === i
                    ? "22"
                    : "interactive6" === i
                      ? "24"
                      : "interactive4" === i
                        ? "27"
                        : "interactive5" === i
                          ? "20"
                          : "grid5" === i
                            ? "26"
                            : "24"
                  : "PostMetaTypo" === o
                    ? "grid3" === i
                      ? "20"
                      : "16"
                    : "PostCategoryTypo" === o
                      ? "16"
                      : "PostButtonTypo" === o
                        ? "grid1" === i || "grid3" === i
                          ? "30"
                          : "16"
                        : (i === o) === "PostAuthorTypo"
                          ? "37"
                          : "PostPaginationTypo" === o
                            ? "17"
                            : "blockHeadingPrefixTypo" === o
                              ? "28"
                              : "blockHeadingTypo" === o
                                ? "54"
                                : "blockSubheadingTypo" === o
                                  ? "24"
                                  : "",
            $ =
              "PostTitleTypo" === o
                ? "700"
                : "PostDescriptionTypo" === o ||
                    "PostMetaTypo" === o ||
                    "PostCategoryTypo" === o ||
                    "PostButtonTypo" === o ||
                    "PostAuthorTypo" === o ||
                    "PostPaginationTypo" === o
                  ? "400"
                  : "blockHeadingPrefixTypo" === o
                    ? "500"
                    : "blockHeadingTypo" === o
                      ? "700"
                      : "blockSubheadingTypo" === o
                        ? "600"
                        : "";
          return (0, a.createElement)(
            "div",
            { className: "frhd-typography" },
            (0, a.createElement)(
              "div",
              { className: "pover-btn" },
              (0, a.createElement)("span", null, r),
              (0, a.createElement)(
                s.Button,
                {
                  className: "",
                  variant: "secondary",
                  onClick: () => w("functionOne"),
                },
                (0, a.createElement)(
                  "svg",
                  {
                    xmlns: "http://www.w3.org/2000/svg",
                    height: "16px",
                    width: "16px",
                    viewBox: "0 0 512 512",
                  },
                  (0, a.createElement)("path", {
                    d: "M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z",
                  }),
                ),
              ),
            ),
            x.functionOne &&
              (0, a.createElement)(
                s.Popover,
                { className: "frhd-pover" },
                (0, a.createElement)(
                  "div",
                  { className: "frhd-pover-content" },
                  (0, a.createElement)(s.FormTokenField, {
                    label: "Select Font Family",
                    placeholder: "Search fonts",
                    __experimentalShowHowTo: !1,
                    suggestions: xa,
                    value: C?.PostFontFamilyCommon,
                    onChange: (e) => y(e, o, "PostFontFamilyCommon"),
                  }),
                  (0, a.createElement)(
                    "button",
                    {
                      className: "typoCrossBtn",
                      variant: "secondary",
                      onClick: () => w("functionOne"),
                    },
                    (0, a.createElement)(
                      "svg",
                      {
                        xmlns: "http://www.w3.org/2000/svg",
                        viewBox: "0 0 24 24",
                        width: "24",
                        height: "24",
                      },
                      (0, a.createElement)("path", {
                        d: "M12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0zm4.419 15.005a.999.999 0 1 1-1.414 1.414L12 13.414l-3.005 3.005a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L10.586 12 7.581 8.995a.999.999 0 1 1 1.414-1.414L12 10.586l3.005-3.005a.999.999 0 1 1 1.414 1.414L13.414 12l3.005 3.005z",
                        fill: "#000000",
                        class: "color000 svgShape",
                      }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-font" },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Font Size"),
                      isUnitSelectTabbable: !0,
                      value: C?.PostFontSize ? C.PostFontSize : E,
                      onChange: (e) => y(e, o, "PostFontSize"),
                    }),
                    (0, a.createElement)(s.SelectControl, {
                      label: "Font Weight",
                      value: C?.PostFontWeight ? C.PostFontWeight : $,
                      options: [
                        { label: "Default", value: "" },
                        { label: "Thin", value: "100" },
                        { label: "Extra Light", value: "200" },
                        { label: "Light", value: "300" },
                        { label: "Regular", value: "400" },
                        { label: "Medium", value: "500" },
                        { label: "Semi Bold", value: "600" },
                        { label: "Bold", value: "700" },
                        { label: "Extra Bold", value: "800" },
                        { label: "Black", value: "900" },
                      ],
                      onChange: (e) => y(e, o, "PostFontWeight"),
                    }),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-font  second-font" },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Line Height"),
                      isUnitSelectTabbable: !0,
                      value: C?.PostFontHeight ? C.PostFontHeight : k,
                      onChange: (e) => y(e, o, "PostFontHeight"),
                    }),
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Letter Spacing"),
                      isUnitSelectTabbable: !0,
                      value: C?.PostLetterSpacing ? C.PostLetterSpacing : "0",
                      onChange: (e) => y(e, o, "PostLetterSpacing"),
                    }),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-font" },
                    (0, a.createElement)(s.SelectControl, {
                      label: "Decoration",
                      value: C?.PostTextDecorationStyle,
                      options: [
                        { label: "None", value: "none" },
                        { label: "Inherit", value: "Inherit" },
                        { label: "Underline", value: "underline" },
                        { label: "Overline", value: "overline" },
                        { label: "Line Through", value: "line-through" },
                      ],
                      onChange: (e) => y(e, o, "PostTextDecorationStyle"),
                    }),
                    (0, a.createElement)(s.SelectControl, {
                      label: "Transform",
                      value: C?.PostTextTransform,
                      options: [
                        { label: "None", value: "" },
                        { label: "Uppercase", value: "uppercase" },
                        { label: "Lowercase", value: "lowercase" },
                        { label: "Capitalize", value: "capitalize" },
                      ],
                      onChange: (e) => y(e, o, "PostTextTransform"),
                    }),
                    (0, a.createElement)(s.SelectControl, {
                      label: "Text Style",
                      value: C?.PostTextStyle,
                      options: [
                        { label: "None", value: "" },
                        { label: "Normal", value: "normal" },
                        { label: "Italic", value: "italic" },
                        { label: "Inherit", value: "Inherit" },
                        { label: "Oblique", value: "oblique" },
                      ],
                      onChange: (e) => y(e, o, "PostTextStyle"),
                    }),
                  ),
                ),
              ),
          );
        },
        wa = ({ posts: e, icons: t }) =>
          (0, a.createElement)(
            "div",
            null,
            (0, a.createElement)(
              c.RawHTML,
              null,
              "<style>\n.frhd__post-list-container {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\narticle.frhd__post-list-1 a {\n    text-decoration: none;\n}\n  article.frhd__post-list-1 .frhd__featured-image-postlist.details {\n  position: relative;\n  height: 340px;\n  background: #cccccc;\n}\narticle.frhd__post-list-1 .frhd__featured-image-postlist.details img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  margin-bottom: 10px;\n  display: block;\n  position: relative;\n}\narticle.frhd__post-list-1 .postlist-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));\n}\narticle.frhd__post-list-1 .postlist-content {\n  position: absolute;\n  bottom: 5px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  color: #ffffff;\n}\narticle.frhd__post-list-1 .content-child {\n  padding: 0 30px 10px;\n}\narticle.frhd__post-list-1 .frhd__post-title-postlist h2 {\n  font-size: 24px;\n  font-weight: bold;\n  margin-bottom: 10px;\n}\narticle.frhd__post-list-1 .frhd__post-title-postlist h2 > a{\n    color: white;\n}\narticle.frhd__post-list-1 .frhd__post-meta {\n  margin-top: 5px;\n  display: flex;\n  column-gap: 15px;\n}\narticle.frhd__post-list-1 .frhd__post-meta svg{\n  width: 14px;\n  height: 14px;\n  fill: white;\n}\narticle.frhd__post-list-1 .frhd-blog-content {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  column-gap: 10px;\n}\narticle.frhd__post-list-1 .frhd__featured-image-postlist.blog-img {\n    position: relative;\n}\narticle.frhd__post-list-1 .frhd__featured-image-postlist.blog-img img {\n  object-fit: cover;\n  display: block;\n  height: 120px;\n}\narticle.frhd__post-list-1 span.frhd__featured-image-postlist-missing {\n    display: block;\n    width: 150px;\n    height: 120px;\n    background: #cccccc;\n}\narticle.frhd__post-list-1 .frhd__post-title-postlist h4 {\n  margin: 0 0 10px;\n}\narticle.frhd__post-list-1 .frhd__post-title-postlist h4 > a{\n    color: black;\n    font-size: 20px;\n}\narticle.frhd__post-list-1 .frhd__post-title-postlist svg{\n    width: 14px;\n    height: 14px;\n}\n.frhd__post-list-1 span.frhd__featured-image-postlist-missing:before {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    width: 25px;\n    height: 25px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    content: \"\";\n    opacity: .5;\n}\narticle.frhd__post-list-1 .frhd__post-meta span > a {\n    color: white;\n}\n.frhd__post-title-postlist span {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\narticle.frhd__post-list-1 span.frhd__post-author {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.editor-styles-wrapper .is-root-container a {\n  text-decoration:none;\n}</style>",
            ),
            (0, a.createElement)(
              "div",
              { className: "frhd__post-list-container" },
              e.length > 0 &&
                e?.map((e, n) =>
                  (0, a.createElement)(
                    "article",
                    { key: n, className: "frhd__post-list-1" },
                    0 === n
                      ? (0, a.createElement)(
                          "div",
                          { class: "frhd__featured-image-postlist details" },
                          e._embedded &&
                            e._embedded["wp:featuredmedia"] &&
                            Array.isArray(e._embedded["wp:featuredmedia"]) &&
                            e._embedded["wp:featuredmedia"][0]
                            ? (0, a.createElement)("img", {
                                decoding: "async",
                                width: e._embedded["wp:featuredmedia"].map(
                                  (e) => e.media_details?.sizes.full.width,
                                ),
                                height: e._embedded["wp:featuredmedia"].map(
                                  (e) => e.media_details?.sizes.full.height,
                                ),
                                src: e._embedded["wp:featuredmedia"].map(
                                  (e) => e.media_details.sizes.full.source_url,
                                ),
                                alt: e._embedded["wp:featuredmedia"][0]
                                  .alt_text,
                                loading: "lazy",
                              })
                            : (0, a.createElement)("span", {
                                class: "frhd__featured-image-postlist-missing",
                              }),
                          (0, a.createElement)("div", {
                            class: "postlist-overlay",
                          }),
                          (0, a.createElement)(
                            "div",
                            { class: "postlist-content" },
                            (0, a.createElement)(
                              "div",
                              { class: "content-child" },
                              (0, a.createElement)(
                                "div",
                                { class: "frhd__post-title-postlist" },
                                (0, a.createElement)(
                                  "h2",
                                  { class: "frhd__entry-title-postlist" },
                                  (0, a.createElement)(
                                    "a",
                                    { href: e.link },
                                    e.title.rendered,
                                  ),
                                ),
                              ),
                              (0, a.createElement)(
                                "div",
                                { class: "frhd__post-meta" },
                                (0, a.createElement)(
                                  "span",
                                  { className: "frhd__post-author" },
                                  " ",
                                  t.postAuthor,
                                  " ",
                                  e._embedded &&
                                    e._embedded.author &&
                                    (0, a.createElement)(
                                      "a",
                                      {
                                        href: e._embedded.author[0].link,
                                        title: `Posts by ${e._embedded.author[0].name}`,
                                        rel: "author",
                                      },
                                      e._embedded.author[0].name,
                                    ),
                                ),
                                (0, a.createElement)(
                                  "time",
                                  { className: "frhd__post-date" },
                                  t.postDate,
                                  " ",
                                  new Date(e.date).toLocaleDateString("en-US", {
                                    year: "numeric",
                                    month: "short",
                                    day: "numeric",
                                  }),
                                ),
                              ),
                            ),
                          ),
                        )
                      : (0, a.createElement)(
                          "div",
                          { class: "frhd-blog-container" },
                          (0, a.createElement)(
                            "div",
                            { class: "frhd-blog-content" },
                            (0, a.createElement)(
                              "div",
                              {
                                class: "frhd__featured-image-postlist blog-img",
                              },
                              e._embedded &&
                                e._embedded["wp:featuredmedia"] &&
                                Array.isArray(
                                  e._embedded["wp:featuredmedia"],
                                ) &&
                                e._embedded["wp:featuredmedia"][0]
                                ? (0, a.createElement)("img", {
                                    decoding: "async",
                                    width: e._embedded["wp:featuredmedia"].map(
                                      (e) =>
                                        e.media_details?.sizes.thumbnail.width,
                                    ),
                                    height: e._embedded["wp:featuredmedia"].map(
                                      (e) =>
                                        e.media_details?.sizes.thumbnail.height,
                                    ),
                                    src: e._embedded["wp:featuredmedia"].map(
                                      (e) =>
                                        e.media_details.sizes.thumbnail
                                          .source_url,
                                    ),
                                    alt: e._embedded["wp:featuredmedia"][0]
                                      .alt_text,
                                    loading: "lazy",
                                  })
                                : (0, a.createElement)("span", {
                                    class:
                                      "frhd__featured-image-postlist-missing",
                                  }),
                            ),
                            (0, a.createElement)(
                              "div",
                              { className: "frhd__post-title-postlist" },
                              (0, a.createElement)(
                                "h4",
                                null,
                                (0, a.createElement)(
                                  "a",
                                  { href: e.link },
                                  e.title.rendered,
                                ),
                              ),
                              (0, a.createElement)(
                                "span",
                                null,
                                t.postDate,
                                " ",
                                new Date(e.date).toLocaleDateString("en-US", {
                                  year: "numeric",
                                  month: "short",
                                  day: "numeric",
                                }),
                              ),
                            ),
                          ),
                        ),
                  ),
                ),
            ),
          ),
        ya = n.p + "images/skeleton.3fa1c850.png",
        Ca =
          "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45OCAxNiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzIzMWYyMDsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuMzYuMDJoMHMtLjE0LDAtLjE0LDBjLS4xLDAtLjE5LS4wMi0uMjktLjAxLS4yNSwwLS41MSwwLS43Ni4wMUgzLjc5QzEuNzgtLjA0LS4wMiwxLjgxLDAsMy43M2MwLDAsMCwuMDIsMCwuMDNoMHY4LjU3aC4wMXMwLC4wMywwLC4wNGMwLC44Ny4yNywxLjY2Ljg1LDIuMzMuNjMuNzIsMS4zOCwxLjE3LDIuMzMsMS4zaDkuNDRjMS44Mi0uMDYsMy4wOS0xLjUzLDMuMzUtMy4xMVYzLjMxQzE1Ljc4LDEuMjUsMTQuMS4xMiwxMi4zNi4wMlpNMTQuMzgsMTEuOTdjMCwxLjQ2LS45NiwyLjQyLTIuNCwyLjQzLTIuNjIuMDEtNS4yNi4wMS03Ljg5LDAtMS40NC0uMDEtMi40LS45Ny0yLjQtMi40My0uMDEtMi42Mi0uMDEtNS4yNiwwLTcuODgsMC0xLjQ0Ljk3LTIuMzksMi40My0yLjQsMS4zMS0uMDEsMi42MSwwLDMuOTEsMHMyLjYxLS4wMSwzLjkyLDBjMS40OC4wMSwyLjQ0Ljk2LDIuNDQsMi40NS4wMSwyLjYxLjAxLDUuMjIsMCw3LjgzWiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTguMDcsNC4wN2MtMi4yMy0uMDEtNC4wMSwxLjcyLTQuMDIsMy45NC0uMDEsMi4yMiwxLjc0LDMuOTksMy45NCw0LjAxLDIuMjMuMDEsNC4wMS0xLjcyLDQuMDItMy45NC4wMS0yLjIyLTEuNzQtMy45OS0zLjk0LTQuMDFaIi8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIuMDQsMy4yOGMtLjQ1LjAyLS43OC4yNC0uOC43NC0uMDIuNDkuMjMuNzkuNzIuODEuNDkuMDQuOC0uMjMuODMtLjcyLjA0LS40OS0uMjMtLjc2LS43NC0uODRaIi8+Cjwvc3ZnPg==";
      (0, e.registerBlockType)("fancypost/accordion-item", {
        title: (0, t.__)("Accordion Item", "fancypost"),
        icon: "text-page",
        parent: ["fancypost/accordion"],
        attributes: {
          accordionHeading: {
            type: "string",
            source: "html",
            selector: "h4",
            default: "Accordion Title",
          },
          isVisible: { type: "boolean", default: !1 },
        },
        edit: function ({ clientId: e, attributes: n, setAttributes: o }) {
          const { accordionHeading: r } = n,
            i = (0, c.useRef)(null),
            s = (e) => {
              const t = e.currentTarget.nextElementSibling,
                n = t.classList.contains("is-visible");
              (document
                .querySelectorAll(".fp-accordion-details.is-visible")
                .forEach((e) => {
                  e !== t &&
                    ((e.style.height = "0px"),
                    e.classList.remove("is-visible"));
                }),
                (t.style.height = n ? "0px" : `${t.scrollHeight}px`),
                t.classList.toggle("is-visible", !n));
            },
            d = () => {
              document
                .querySelectorAll(".fp-accordion-heading")
                .forEach((e) => {
                  e.dataset.listenerAttached ||
                    (e.addEventListener("click", s),
                    (e.dataset.listenerAttached = "true"));
                });
            };
          return (
            (0, c.useEffect)(() => {
              (d(),
                document
                  .querySelectorAll(".fp-accordion-details.is-visible")
                  .forEach((e) => {
                    e.style.height = `${e.scrollHeight}px`;
                  }));
              const e = document.querySelector(".fp-accordion-details");
              e &&
                ((e.style.height = `${e.scrollHeight}px`),
                e.classList.add("is-visible"));
              const t = new MutationObserver((e) => {
                (e.forEach((e) => {
                  "childList" === e.type && e.addedNodes.length > 0 && d();
                }),
                  document
                    .querySelectorAll(".fp-accordion-details.is-visible")
                    .forEach((e) => {
                      e.style.height = `${e.scrollHeight}px`;
                    }));
              });
              return (
                i.current &&
                  t.observe(i.current, {
                    childList: !0,
                    subtree: !0,
                    characterData: !0,
                  }),
                () => {
                  i.current && t.disconnect();
                }
              );
            }, []),
            (0, a.createElement)(
              "div",
              { ...(0, l.useBlockProps)() },
              (0, a.createElement)(
                "div",
                { className: "fp-accordion-heading" },
                (0, a.createElement)(l.RichText, {
                  placeholder: (0, t.__)("Accordion Title", "fancypost"),
                  tagName: "h4",
                  onChange: (e) => o({ accordionHeading: e }),
                  value: r,
                }),
                (0, a.createElement)(
                  "span",
                  { className: "fp-ac-icon-wrapper" },
                  (0, a.createElement)(
                    "svg",
                    {
                      className: "fp-ac-icon",
                      xmlns: "http://www.w3.org/2000/svg",
                      viewBox: "0 0 24 24",
                    },
                    (0, a.createElement)("title", null, "27.Question"),
                    (0, a.createElement)(
                      "g",
                      { id: "_27.Question", "data-name": "27.Question" },
                      (0, a.createElement)("path", {
                        d: "M12,24A12,12,0,1,1,24,12,12.013,12.013,0,0,1,12,24ZM12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Z",
                        fill: "#c5c5c5",
                      }),
                      (0, a.createElement)("path", {
                        d: "M13,16H11V12h1A3,3,0,1,0,9,9H7a5,5,0,1,1,6,4.9Z",
                        fill: "#949494",
                      }),
                      (0, a.createElement)("rect", {
                        x: "11",
                        y: "18",
                        width: "2",
                        height: "2",
                        fill: "#c5c5c5",
                      }),
                    ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ref: i, className: "fp-accordion-details" },
                (0, a.createElement)(l.InnerBlocks, {
                  template: [
                    [
                      "core/paragraph",
                      {
                        content:
                          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s",
                      },
                    ],
                  ],
                }),
              ),
            )
          );
        },
        save: function ({ attributes: e }) {
          const { accordionHeading: t, isVisible: n } = e;
          return (0, a.createElement)(
            "div",
            { ...l.useBlockProps.save() },
            (0, a.createElement)(
              "div",
              { className: "fp-accordion-heading" },
              (0, a.createElement)(l.RichText.Content, {
                tagName: "h4",
                value: t,
              }),
              (0, a.createElement)(
                "span",
                { className: "fp-ac-icon-wrapper" },
                (0, a.createElement)(
                  "svg",
                  {
                    className: "fp-ac-icon",
                    xmlns: "http://www.w3.org/2000/svg",
                    viewBox: "0 0 24 24",
                  },
                  (0, a.createElement)("title", null, "27.Question"),
                  (0, a.createElement)(
                    "g",
                    { id: "_27.Question", "data-name": "27.Question" },
                    (0, a.createElement)("path", {
                      className: "icon-color",
                      d: "M12,24A12,12,0,1,1,24,12,12.013,12.013,0,0,1,12,24ZM12,2A10,10,0,1,0,22,12,10.011,10.011,0,0,0,12,2Z",
                      fill: "#c5c5c5",
                    }),
                    (0, a.createElement)("path", {
                      className: "icon-color",
                      d: "M13,16H11V12h1A3,3,0,1,0,9,9H7a5,5,0,1,1,6,4.9Z",
                      fill: "#949494",
                    }),
                    (0, a.createElement)("rect", {
                      className: "icon-color",
                      x: "11",
                      y: "18",
                      width: "2",
                      height: "2",
                      fill: "#c5c5c5",
                    }),
                  ),
                ),
              ),
            ),
            (0, a.createElement)(
              "div",
              {
                className: "fp-accordion-details " + (n ? "is-visible" : ""),
                style: { height: n ? "auto" : "0" },
              },
              (0, a.createElement)(l.InnerBlocks.Content, null),
            ),
            (0, a.createElement)("script", {
              dangerouslySetInnerHTML: {
                __html:
                  '\n           document.addEventListener("DOMContentLoaded", function() {\n            const accordions = document.querySelectorAll(".fp-accordion-heading");\n\n            accordions.forEach((accordion, index) => {\n              if (!accordion.dataset.listenerAttached) {\n                accordion.addEventListener("click", function() {\n                  const details = this.nextElementSibling;\n                  const isVisible = details.classList.contains("is-visible");\n\n                  accordions.forEach(item => {\n                    const otherDetails = item.nextElementSibling;\n                    if (item !== accordion && otherDetails) {\n                      otherDetails.style.height = \'0\';\n                      otherDetails.classList.remove("is-visible");\n                    }\n                  });\n\n                  if (details) {\n                    if (isVisible) {\n                      details.style.height = \'0\';\n                    } else {\n                      details.style.height = details.scrollHeight + \'px\';\n                    }\n                    details.classList.toggle("is-visible", !isVisible);\n                  }\n                });\n                accordion.dataset.listenerAttached = "true";\n              }\n\n              // Ensure the first accordion item remains open on first render\n              if (index === 0) {\n                const firstDetails = accordion.nextElementSibling;\n                if (firstDetails) {\n                  firstDetails.style.height = firstDetails.scrollHeight + \'px\';\n                  firstDetails.classList.add("is-visible");\n                }\n              }\n            });\n\n            document.querySelectorAll(".fp-accordion-details.is-visible").forEach(details => {\n              details.style.height = details.scrollHeight + \'px\';\n            });\n          });\n          ',
              },
            }),
          );
        },
      });
      const Ea = ["core/paragraph", "core/image"];
      (0, e.registerBlockType)("fancypost/tabs-item", {
        title: "Tab Item",
        icon: "welcome-add-page",
        category: "common",
        parent: ["fancypost/tabs"],
        attributes: {
          tabTitle: {
            type: "string",
            source: "html",
            selector: "h4",
            default: "Tab Title",
          },
          isVisible: { type: "boolean", default: !1 },
          tabIndex: { type: "number", default: 0 },
          content: { type: "string", default: "Default content" },
        },
        edit: function ({ clientId: e, attributes: n, setAttributes: o }) {
          const { tabTitle: r, isVisible: i, content: s } = n;
          (0, c.useEffect)(() => {
            const e = document.querySelectorAll(".tab-title h4"),
              t = document.querySelectorAll(".tab-content-wrapper");
            (e.forEach((e, t) => {
              0 === t
                ? ((e.style.borderRadius = "10px 0 0 0 "),
                  e.classList.add("active"))
                : e.classList.remove("active");
            }),
              t.forEach((e, t) => {
                0 === t
                  ? e.classList.add("active")
                  : e.classList.remove("active");
              }),
              d(),
              p(),
              window.addEventListener("resize", () => {
                (d(), p());
              }));
            const n = new MutationObserver(p);
            return (
              t.forEach((e) =>
                n.observe(e, { childList: !0, subtree: !0, characterData: !0 }),
              ),
              () => {
                (window.removeEventListener("resize", () => {
                  (d(), p());
                }),
                  n.disconnect());
              }
            );
          }, []);
          const d = () => {
              const e = document.querySelectorAll(".tab-title h4");
              document
                .querySelectorAll(".tab-content-wrapper")
                .forEach((t, n) => {
                  let a = 0;
                  for (let t = 0; t < n; t++) a -= e[t].offsetWidth;
                  t.style.marginLeft = `${a}px`;
                });
            },
            p = () => {
              const e = document.querySelector(".fp-tabs-container"),
                t = document.querySelector(".tab-content-wrapper.active");
              if (t && e) {
                const n = t.offsetHeight;
                e.style.marginBottom = `${n + 20}px`;
              }
            },
            m = (0, l.useBlockProps)();
          return (0, a.createElement)(
            "div",
            { ...m },
            (0, a.createElement)(
              "div",
              { className: "tab-title" },
              (0, a.createElement)(l.RichText, {
                id: `title-${e}`,
                onClick: (t) => {
                  (document
                    .querySelectorAll(".tab-content-wrapper")
                    .forEach((e) => {
                      e.classList.remove("active");
                    }),
                    document.querySelectorAll(".tab-title h4").forEach((e) => {
                      e.classList.remove("active");
                    }));
                  const n = t.currentTarget;
                  n.classList.add("active");
                  const a = n.id.replace("title-", "");
                  (document.getElementById(a).classList.add("active"),
                    o({ isVisible: a === e }),
                    d(),
                    p());
                },
                placeholder: (0, t.__)("Tab title", "fancypost"),
                tagName: "h4",
                onChange: (e) => {
                  (o({ tabTitle: e }), setTimeout(d, 0), setTimeout(p, 0));
                },
                value: r,
              }),
            ),
            (0, a.createElement)(
              "div",
              {
                id: e,
                className: "tab-content-wrapper " + (i ? "active" : ""),
              },
              (0, a.createElement)(l.InnerBlocks, {
                allowedBlocks: Ea,
                template: [
                  [
                    "core/paragraph",
                    {
                      content: s || "Default content",
                      className: "tab-details",
                    },
                  ],
                ],
              }),
            ),
          );
        },
        save: function ({ attributes: e }) {
          const t = l.useBlockProps.save(),
            { tabTitle: n, isVisible: o } = e;
          return (0, a.createElement)(
            "div",
            { ...t },
            (0, a.createElement)(
              "div",
              { className: "tab-title" },
              (0, a.createElement)(l.RichText.Content, {
                tagName: "h4",
                value: n,
              }),
            ),
            (0, a.createElement)(
              "div",
              { className: "tab-content-wrapper " + (o ? "active" : "") },
              (0, a.createElement)(l.InnerBlocks.Content, null),
            ),
          );
        },
      });
      const ka = [
        {
          name: "fancypost/post-heading",
          title: (0, t.__)("Heading"),
          description: (0, t.__)("Block showing heading & subheading."),
          icon: {
            src: i.postHeading,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("heading"),
            (0, t.__)("subheading"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
                id: r,
                headingmaxWidth: d,
                subheadingmaxWidth: p,
                blockHeading: m,
                blockheadingPrefix: h,
                isBlockheadingPrefix: g,
                isBlockSubheading: f,
                blockSubheading: _,
                blockHeadingStyle: u,
                blockHeadingTag: b,
                headingAlign: x,
                blockHeadingTypo: v,
                blockHeadingPrefixTypo: w,
                blockHeadingPrefixColor: y,
                blockHeadingBGColor: C,
                blockHeadingBorderColor: E,
                blockSubheadingTypo: k,
                blockHeadingColor: $,
                blockSubheadingColor: S,
                blockHeadingseparatorColor: P,
                textHoverAnimationStyle: M,
                blockHeadingBorderWidth: N,
                blockHeadingIconHeight: H,
                blockHeadingIconWidth: T,
                headingWithSeparatorSpace: B,
                blockHeadingPrefixBackgroundColor: L,
                mainHeadingSpace: z,
                headingSpace: A,
                blockHeading4separatorColor: F,
                blockHeadingseparatorMiddleColor: I,
              } = n,
              [Z, O] = (0, c.useState)("tab1");
            let D = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhd_phs-" + D });
            let R = [
                w?.PostFontFamilyCommon,
                v?.PostFontFamilyCommon,
                k?.PostFontFamilyCommon,
              ],
              V = `@import url("https://fonts.googleapis.com/css?family=${JSON.stringify(R).replace(/null/g, "").replace(/,/g, "").replace(/\[/g, "").replace(/\]/g, "").replace(/""/g, "&family=").replace(/"/g, "").replace(/ /g, "+") || "Josefin+Sans"}&display=swap");`;
            const j = (0, l.useBlockProps)(),
              U = ` \n    ${V}\n    .frhd__heading-container {\n        max-width: 1200px !important;\n        margin: 0 auto;\n        overflow: hidden;\n    }\n    ${b}.wp-block-fancypost-post-heading{\n        margin: 0;     \n    }\n    #${r} .frhd__heading-container p{\n        text-align: ${x} !important;\n    }\n    #${r}.frhd__block-heading-wrapper{\n    margin-bottom: ${z}px !important;\n    }\n    #${r} p.frhd__prefix {\n        text-align:${x};\n        margin: 0;\n        text-align: ${x};\n        color: ${y};\n        font-size: ${w?.PostFontSize ? w.PostFontSize : "20px"};\n        font-weight:${w?.PostFontWeight ? w.PostFontWeight : "500"};\n        line-height: ${w?.PostFontHeight ? w.PostFontHeight : "28px"};\n        font-style: ${w?.PostTextStyle ? w.PostTextStyle : "normal"};\n        text-transform: ${w?.PostTextTransform ? w.PostTextTransform : "none"};\n        letter-spacing: ${w?.PostLetterSpacing ? w.PostLetterSpacing : "0px"};\n        text-decoration: ${w?.PostTextDecorationStyle ? w.PostTextDecorationStyle : "none"};\n        font-family: ${w?.PostFontFamilyCommon && w?.PostFontFamilyCommon.length > 0 ? w.PostFontFamilyCommon : "Josefin Sans"} !important;\n    }\n    #${r} .frhd__block-hading-tag,\n    #${r} .frhd__heading-prefix-content{\n        display: flex;\n        align-items: center;\n        justify-content: ${x};\n    }\n    #${r} ${b}.wp-block-fancypost-post-heading{\n        max-width: ${d};\n        text-align: ${x};\n        color: ${$};\n        font-size: ${v?.PostFontSize ? v.PostFontSize : "34px"};\n        font-weight:${v?.PostFontWeight ? v.PostFontWeight : "700"};\n        line-height: ${v?.PostFontHeight ? v.PostFontHeight : "54px"};\n        font-style: ${v?.PostTextStyle ? v.PostTextStyle : "normal"};\n        text-transform: ${v?.PostTextTransform ? v.PostTextTransform : "none"};\n        letter-spacing: ${v?.PostLetterSpacing ? v.PostLetterSpacing : "0px"};\n        text-decoration: ${v?.PostTextDecorationStyle ? v.PostTextDecorationStyle : "none"};\n        font-family: ${v?.PostFontFamilyCommon && v?.PostFontFamilyCommon.length > 0 ? v.PostFontFamilyCommon : "Josefin Sans"} !important;\n        position: relative;\n        display: inline-block;\n        margin: ${A}px 0;\n        white-space: pre-wrap;\n    }\n    #${r} p.frhd__subheading{\n        max-width:${p};\n        text-align: ${x};\n        ${"left" === x ? "margin: 0;" : "center" === x ? "margin: 0 auto;" : "right" === x ? "margin-\n        top:0;margin-bottom: 0;margin-left: auto;\n        margin-right: 0;" : ""}\n        color: ${S};\n        font-size: ${k?.PostFontSize ? k.PostFontSize : "16.8px"};\n        font-weight:${k?.PostFontWeight ? k.PostFontWeight : "600"};\n        line-height: ${k?.PostFontHeight ? k.PostFontHeight : "24px"};\n        font-style: ${k?.PostTextStyle ? k.PostTextStyle : "normal"};\n        text-transform: ${k?.PostTextTransform ? k.PostTextTransform : "none"};\n        letter-spacing: ${k?.PostLetterSpacing ? k.PostLetterSpacing : "0px"};\n        text-decoration: ${k?.PostTextDecorationStyle ? k.PostTextDecorationStyle : "none"};\n        font-family: ${k?.PostFontFamilyCommon && k?.PostFontFamilyCommon.length > 0 ? k.PostFontFamilyCommon : "Josefin Sans"} !important;\n        margin-top: 0;\n    }\n    ${"frhd__heading-style-1" === u ? `\n    #${r} .frhd__heading-style-1{\n        position: relative;\n        margin-bottom: 0;\n    }\n    ${"center" === x ? `\n    #${r} .frhd__heading-style-1 ${b}:before {\n        content: " ";\n        display: inline-block;\n        background-color: #2B6CB0;\n        height: 2px;\n        width: 150px;\n        background-color:#c4c1c1;\n        margin-right: ${B}px;\n        background-color: ${P};\n        ${N ? `width: ${N}px;` : ""}\n        line-height: 0;\n    }\n    #${r} .frhd__heading-style-1 ${b}:after {\n        content: " ";\n        display: inline-block;\n        background-color: #2B6CB0;\n        height: 2px;\n        width: 150px;\n        background-color:#c4c1c1;\n        margin-left: ${B}px;\n        background-color: ${P};\n        ${N ? `width: ${N}px;` : ""}\n        line-height: 0;\n    }` : ""}\n    ${"left" === x ? `\n    .frhd__heading-style-1{\n        text-align: ${x};\n        position: relative;\n    }\n    #${r} .frhd__heading-style-1 ${b}:after {\n        content: " ";\n        display: inline-block;\n        background-color: #2B6CB0;\n        height: 2px;\n        width: 150px;\n        margin-right: ${B}px;\n        margin-left: ${B}px;\n        background-color:#c4c1c1;\n        background-color: ${P};\n        ${N ? `width: ${N}px;` : ""}\n        line-height: 0;\n    }` : ""}\n    ${"right" === x ? `\n    #${r} .frhd__heading-style-1{\n          text-align: ${x};\n          position: relative;\n    }\n    #${r} .frhd__heading-style-1 ${b}:before {\n        content: " ";\n        display: inline-block;\n        background-color:#c4c1c1;\n        height: 2px;\n        width: 150px;\n        background-color: ${P};\n        ${N ? `width: ${N}px;` : ""}\n        line-height: 0;\n    }` : ""}` : ""}\n    ${"frhd__heading-style-2" === u ? `\n    #${r} p.frhd__prefix {\n        display: inline-block;\n        padding: 4px 16px;\n        position: relative;\n        z-index: 1;\n    }\n    #${r} .frhd__heading-prefix-content:before {\n        content: '';\n        display: block;\n        width: ${N}px;\n        height: 2px;\n        background: black;\n        margin-right: -4px;\n        margin-right: ${B}px;\n    }\n    #${r} .frhd__heading-prefix-content:after {\n        content: '';\n        display: block;\n        width: ${N}px;\n        height: 2px;\n        background: black;\n        margin-left: -4px;\n        margin-left: ${B}px;\n    }\n    #${r}  p.frhd__prefix:before {\n        content: '';\n        display: inline-block;\n        background-color: #FFE6D9;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        z-index: -1;\n        transform: skewX(-15deg);\n    }` : ""}\n    ${"frhd__heading-style-3" === u ? `\n    #${r} .frhd__heading-style-3{\n        position: relative;\n    }\n    #${r} .frhd__heading-style-3 ${b}{\n        padding-bottom: 5px;\n        position: relative;\n    }\n    ${"left" === x ? `\n    #${r} .frhd__heading-style-3  ${b}:before{\n         width: 28px;\n         height: 5px;\n         display: block;\n         content: "";\n         position: absolute;\n         bottom: 3px;\n         left: 0;\n         background-color: ${I};\n    }\n    #${r} .frhd__heading-style-3 ${b}.wp-block-fancypost-post-heading:after {\n         width: 100px;\n         height: 1px;\n         display: block;\n         content: "";\n         position: relative;\n         left: 0;\n         background-color: ${P};\n         z-index: -1;\n         ${N ? `width: ${N}px;` : ""}\n    }` : ""}\n    ${"center" === x ? `\n    #${r} .frhd__heading-style-3 h2:before {\n        width: 28px;\n        height: 5px;\n        display: block;\n        content: "";\n        position: absolute;\n        bottom: 1px;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: ${I};\n        z-index: 1;\n    }\n    #${r} .frhd__heading-style-3 h2.wp-block-fancypost-post-heading:after {\n        width: 100px;\n        height: 1px;\n        display: block;\n        content: "";\n        position: relative;\n        margin: 0 auto;\n        background-color: #1E293B;\n        ${N ? `width: ${N}px;` : ""}\n        z-index: 0;\n     }` : ""}\n    ${"right" === x ? `\n    #${r} ${b}.wp-block-fancypost-post-heading{\n       width: 1200px;\n    }\n     #${r} .frhd__heading-style-3  ${b}:before{\n       width: 28px;\n       height: 5px;\n       display: block;\n       content: "";\n       position: absolute;\n       bottom: 0;\n       left: auto;\n       right: 0;\n       background-color: ${I};\n    }\n   #${r} .frhd__heading-style-3 ${b}.wp-block-fancypost-post-heading:after {\n      width: 100px;\n      height: 1px;\n      display: block;\n      content: "";\n      position: absolute;\n      bottom: 2px;\n      left: auto;\n      right: 0;\n      background-color: ${P};\n      z-index: -1;\n      ${N ? `width: ${N}px;` : ""}\n     }` : ""}\n     ` : ""}\n     ${"frhd__heading-style-4" === u ? `\n     #${r} .frhd__heading-style-4 {display: block;text-align: ${x}; margin: ${A}px 0;}\n     #${r} .frhd__heading-style-4 ${b}{display: inline;background: linear-gradient(transparent 65%, ${F}17 0%);}` : ""}\n    ${"frhd__heading-style-5" === u ? `#${r} .frhd__heading-style-5 {\n        text-align: ${x};\n        position: relative;\n        display: block;\n        margin: ${A}px 0;\n    }\n    #${r} ${b}.wp-block-fancypost-post-heading{\n        width: 1200px;\n    }\n    #${r} .frhd__heading-style-5 span.heading-5-border {\n        width: ${N}px;\n        height: 6px;\n        background: ${P};\n        display: inline-block;\n        position: relative;\n        top:-10px;\n        border-radius:50px;\n    }\n    #${r} .frhd__heading-style-5 span.heading-5-border::before {\n        content: '';\n        display: block;\n        border-radius: 50px;\n        width: 25%;\n        height: 6px;\n        background-color: ${I};\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%);\n        z-index: 2;\n        max-width: 200px;\n    }\n    #${r} .frhd__heading-style-5 ${b} {\n        margin: 0;\n    }` : ""}\n    ${"frhd__heading-style-7" === u ? `\n    #${r} .frhd__heading-style-7 {display: inline;text-align: ${x}; margin: ${A}px 0;}\n    #${r} .frhd__heading-style-7 ${b}{display: block;text-align: ${x}; padding: ${A}px 0; background-color: ${C}; border-left: 4px solid ${E}; line-height: 30px;` : ""}\n \n    ${"frhd__heading-style-8" === u ? `.frhd__heading-style-8 ${b}:before {\n        height: 3px;\n        background: #0a9e01;\n        width: 100%;\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translate(-50%,-50%);\n    }` : ""}\n    ${"frhd__heading-style-9" === u ? `\n    #${r} .frhd__heading-style-9 {display: block;text-align:${x};margin:${A}px 0;border-bottom: 2px solid ${E};}\n    #${r} .frhd__heading-style-9 ${b}{display:inline-block; margin:0; text-align:${x};padding: ${A}px;background-color:${C};line-height:30px;` : ""} \n   \n    ${"frhd__animation-style-1" === M ? `\n    #${r} .frhd__animation-style-1 ${b} {\n         \n    }` : ""}\n    ${"frhd__animation-style-2" === M ? `\n    #${r} .frhd__animation-style-2 ${b} {\n         \n    }` : ""}\n    ${"frhd__animation-style-3" === M ? `\n    #${r} .frhd__animation-style-3 ${b} {\n         \n    }` : ""}\n    ${"frhd__animation-style-4" === M ? `\n    #${r} .frhd__animation-style-4 ${b} {\n         \n    }` : ""}\n    ${f ? "" : `#${r} p.frhd__subheading{\n            display: none;\n    }`}\n    ${"frhd__heading-style-6" === u ? `\n  \n    #${r} p.frhd__prefix {\n        position: relative;\n        padding-bottom: 10px;\n    }\n    #${r} p.frhd__prefix::before {\n       width: 15px;\n       height: 15px;\n       display: block;\n       border-radius: 50%;\n       background: ${I};\n       position: absolute;\n       left: -15px;\n       top: auto;\n       bottom: 0;\n       content: '';\n       z-index: 1;\n    }\n    #${r} p.frhd__prefix::after {\n        width: ${N}px;\n        height: 2px;\n        display: block;\n        background: ${P};\n        position: absolute;\n        left: 0;\n        bottom: 5px;\n        content: '';\n        z-index: 0;\n    }\n    ` : ""}\n    `,
              W = (e) => {
                O(e);
              };
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  "div",
                  { className: "frhd-tab-header" },
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => W("tab1"),
                      className: "tab1" === Z ? "active" : "",
                    },
                    "Settings",
                  ),
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => W("tab2"),
                      className: "tab2" === Z ? "active" : "",
                    },
                    "Styles",
                  ),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "tab-content" },
                  "tab1" === Z &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Appearance"),
                          icon: i.databaseSettings,
                          initialOpen: !0,
                          className: "frhd__control frhd__control-query",
                        },
                        (0, a.createElement)(s.ToggleControl, {
                          label: g
                            ? "Heading With Prefix"
                            : "Heading Without Prefix",
                          checked: g,
                          onChange: (e) => o({ isBlockheadingPrefix: e }),
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: f
                            ? "Heading With Subheading"
                            : "Heading Without Subheading",
                          checked: f,
                          onChange: (e) => o({ isBlockSubheading: e }),
                        }),
                        (0, a.createElement)(
                          "label",
                          {
                            for: "radiogroup-component",
                            className: "frhd__label-for-radiogroup",
                          },
                          "Heading Tag :",
                        ),
                        (0, a.createElement)(
                          s.__experimentalRadioGroup,
                          {
                            onChange: (e) => o({ blockHeadingTag: e }),
                            defaultChecked: b,
                            label: "Heading Tag",
                            className: "frhd__component",
                          },
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "h1" },
                            "H1",
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "h2" },
                            "H2",
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "h3" },
                            "H3",
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "h4" },
                            "H4",
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "h5" },
                            "H5",
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "h6" },
                            "H6",
                          ),
                        ),
                        (0, a.createElement)(s.__experimentalUnitControl, {
                          label: (0, t.__)("Set maximum width for heading:"),
                          onChange: (e) => o({ headingmaxWidth: e }),
                          isUnitSelectTabbable: !0,
                          value: d,
                          className: "frhd__component frhd__component-width-90",
                        }),
                        f &&
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)(
                              "Set maximum width for subheading:",
                            ),
                            onChange: (e) => o({ subheadingmaxWidth: e }),
                            isUnitSelectTabbable: !0,
                            value: p,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                        (0, a.createElement)(
                          "label",
                          {
                            for: "radiogroup-component",
                            className: "frhd__label-for-radiogroup",
                          },
                          "Heading Alignment :",
                        ),
                        (0, a.createElement)(
                          s.__experimentalRadioGroup,
                          {
                            onChange: (e) => o({ headingAlign: e }),
                            defaultChecked: x,
                            label: "align",
                            className: "frhd__component",
                          },
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "left" },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                height: "1em",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M288 64c0 17.7-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32H256c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",
                              }),
                            ),
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "center" },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                height: "1em",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z",
                              }),
                            ),
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "right" },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                height: "1em",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M448 64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",
                              }),
                            ),
                          ),
                        ),
                        (0, a.createElement)(s.RangeControl, {
                          label: `Separator Width (${N}px)`,
                          value: N,
                          onChange: (e) => o({ blockHeadingBorderWidth: e }),
                          max: 200,
                        }),
                        (0, a.createElement)(s.RangeControl, {
                          label: `Separator Space (${B}px)`,
                          value: B,
                          onChange: (e) => o({ headingWithSeparatorSpace: e }),
                          max: 100,
                        }),
                        (0, a.createElement)(s.RangeControl, {
                          label: `Heading Space (${A}px)`,
                          value: A,
                          onChange: (e) => o({ headingSpace: e }),
                          max: 100,
                        }),
                        (0, a.createElement)(s.RangeControl, {
                          label: `Section Heading Space (${z}px)`,
                          value: z,
                          onChange: (e) => o({ mainHeadingSpace: e }),
                          max: 100,
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: "Heading Style",
                          value: u,
                          options: [
                            {
                              label: "Heading style 1",
                              value: "frhd__heading-style-1",
                            },
                            {
                              label: "Heading style 2",
                              value: "frhd__heading-style-2",
                            },
                            {
                              label: "Heading style 3",
                              value: "frhd__heading-style-3",
                            },
                            {
                              label: "Heading style 4",
                              value: "frhd__heading-style-4",
                            },
                            {
                              label: "Heading style 5",
                              value: "frhd__heading-style-5",
                            },
                            {
                              label: "Heading style 6",
                              value: "frhd__heading-style-6",
                            },
                            {
                              label: "Heading style 7",
                              value: "frhd__heading-style-7",
                            },
                            {
                              label: "Heading style 8",
                              value: "frhd__heading-style-8",
                            },
                            {
                              label: "Heading style 9",
                              value: "frhd__heading-style-9",
                            },
                          ],
                          onChange: (e) => o({ blockHeadingStyle: e }),
                          className: "frhd-pro-compo",
                        }),
                        g
                          ? (0, a.createElement)(va, {
                              title: "Heading Prefix",
                              inputType: "blockHeadingPrefixTypo",
                              attributes: n,
                              setAttributes: o,
                            })
                          : null,
                        (0, a.createElement)(va, {
                          title: "Heading Typography",
                          inputType: "blockHeadingTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        f
                          ? (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(va, {
                                title: "Subheading Typography",
                                inputType: "blockSubheadingTypo",
                                attributes: n,
                                setAttributes: o,
                              }),
                            )
                          : (0, a.createElement)(a.Fragment, null),
                      ),
                    ),
                  "tab2" === Z &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Colors"),
                          icon: i.paintBoard,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-colors",
                        },
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Heading Prefix Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: y,
                          onChange: (e) => o({ blockHeadingPrefixColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Prefix Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: L,
                          onChange: (e) =>
                            o({ blockHeadingPrefixBackgroundColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Heading Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: $,
                          onChange: (e) => o({ blockHeadingColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Heading Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: C,
                          onChange: (e) => o({ blockHeadingBGColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Heading Border Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: E,
                          onChange: (e) => o({ blockHeadingBorderColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Subheading Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: S,
                          onChange: (e) => o({ blockSubheadingColor: e }),
                          clearable: !1,
                        }),
                        "frhd__heading-style-4" === u
                          ? (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(
                                s.__experimentalHeading,
                                { className: "frhd__pb-heading" },
                                "Heading 4 Separator Color :",
                              ),
                              (0, a.createElement)(l.ColorPalette, {
                                value: F,
                                onChange: (e) =>
                                  o({ blockHeading4separatorColor: e }),
                                clearable: !1,
                              }),
                            )
                          : (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(
                                s.__experimentalHeading,
                                { className: "frhd__pb-heading" },
                                "Separator Color :",
                              ),
                              (0, a.createElement)(l.ColorPalette, {
                                value: P,
                                onChange: (e) =>
                                  o({ blockHeadingseparatorColor: e }),
                                clearable: !1,
                              }),
                            ),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Separator Middle Color:",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: I,
                          onChange: (e) =>
                            o({ blockHeadingseparatorMiddleColor: e }),
                          clearable: !1,
                        }),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Animation On Hover"),
                          icon: i.acceleration,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-pagination",
                        },
                        (0, a.createElement)(s.SelectControl, {
                          label: "Text Hover Animation",
                          value: M,
                          options: [
                            {
                              label: "Hover Animation 1",
                              value: "frhd__animation-style-1",
                            },
                            {
                              label: "Hover Animation 2",
                              value: "frhd__animation-style-2",
                            },
                            {
                              label: "Hover Animation 3",
                              value: "frhd__animation-style-3",
                            },
                            {
                              label: "Hover Animation 4",
                              value: "frhd__animation-style-4",
                            },
                          ],
                          onChange: (e) => o({ textHoverAnimationStyle: e }),
                          className: "frhd-pro-compo",
                        }),
                      ),
                    ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { id: r, ...j, className: "frhd__heading-container" },
                (0, a.createElement)(c.RawHTML, null, `<style>${U}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "frhd__block-heading-wrapper" },
                  g
                    ? (0, a.createElement)(
                        "div",
                        { className: "frhd__heading-prefix-content" },
                        (0, a.createElement)(l.RichText, {
                          ...j,
                          tagName: "p",
                          value: h,
                          onChange: (e) => o({ blockheadingPrefix: e }),
                          placeholder: (0, t.__)("Heading Prefix...."),
                          className: "frhd__prefix",
                        }),
                      )
                    : (0, a.createElement)(a.Fragment, null),
                  (0, a.createElement)(
                    "div",
                    { className: `${u} ${M} frhd__block-hading-tag` },
                    (0, a.createElement)(l.RichText, {
                      ...j,
                      tagName: b,
                      value: m,
                      onChange: (e) => o({ blockHeading: e }),
                      placeholder: (0, t.__)("Blog Heading..."),
                      className: "wp-block-fancypost-post-heading",
                    }),
                    "frhd__heading-style-5" === u
                      ? (0, a.createElement)("span", {
                          className: "heading-5-border",
                        })
                      : "",
                  ),
                  (0, a.createElement)(l.RichText, {
                    ...j,
                    tagName: "p",
                    value: _,
                    onChange: (e) => o({ blockSubheading: e }),
                    placeholder: (0, t.__)("Blog Subheading..."),
                    className: "frhd__subheading",
                  }),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
              id: n,
              blockHeading: o,
              isBlockheadingPrefix: r,
              isBlockSubheading: i,
              blockSubheading: s,
              blockHeadingStyle: d,
              blockHeadingTag: p,
              headingAlign: m,
              blockHeadingTypo: h,
              blockHeadingPrefixTypo: g,
              blockSubheadingTypo: f,
              blockHeadingColor: _,
              blockSubheadingColor: u,
              blockHeadingPrefixColor: b,
              blockHeadingBGColor: x,
              blockHeadingBorderColor: v,
              blockHeadingseparatorColor: w,
              blockHeadingIconHeight: y,
              blockHeadingIconWidth: C,
              headingmaxWidth: E,
              subheadingmaxWidth: k,
              blockHeadingBorderWidth: $,
              blockheadingPrefix: S,
              textHoverAnimationStyle: P,
              headingWithSeparatorSpace: M,
              blockHeadingPrefixBackgroundColor: N,
              mainHeadingSpace: H,
              headingSpace: T,
              blockHeadingseparatorMiddleColor: B,
              blockHeading4separatorColor: L,
            } = e;
            let z = [
              g?.PostFontFamilyCommon,
              h?.PostFontFamilyCommon,
              f?.PostFontFamilyCommon,
            ];
            const A = ` \n    @import url("https://fonts.googleapis.com/css?family=${JSON.stringify(z).replace(/null/g, "").replace(/,/g, "").replace(/\[/g, "").replace(/\]/g, "").replace(/""/g, "&family=").replace(/"/g, "").replace(/ /g, "+") || "Josefin+Sans"}&display=swap");\n    .frhd__heading-container {\n        max-width: 1200px !important;\n        margin: 0 auto;\n        overflow: hidden;\n    }\n    ${p}.wp-block-fancypost-post-heading{\n        margin: 0;     \n    }\n    #${n} .frhd__heading-container p{\n        text-align: ${m} !important;\n    }\n    #${n}.frhd__block-heading-wrapper{\n    margin-bottom: ${H}px !important;\n    }\n    #${n} p.frhd__prefix {\n        text-align:${m};\n        margin: 0;\n        text-align: ${m};\n        color: ${b};\n        font-size: ${g?.PostFontSize ? g.PostFontSize : "20px"};\n        font-weight:${g?.PostFontWeight ? g.PostFontWeight : "500"};\n        line-height: ${g?.PostFontHeight ? g.PostFontHeight : "28px"};\n        font-style: ${g?.PostTextStyle ? g.PostTextStyle : "normal"};\n        text-transform: ${g?.PostTextTransform ? g.PostTextTransform : "none"};\n        letter-spacing: ${g?.PostLetterSpacing ? g.PostLetterSpacing : "0px"};\n        text-decoration: ${g?.PostTextDecorationStyle ? g.PostTextDecorationStyle : "none"};\n        font-family: ${g?.PostFontFamilyCommon && g?.PostFontFamilyCommon.length > 0 ? g.PostFontFamilyCommon : "Josefin Sans"} !important;\n    }\n    #${n} .frhd__block-hading-tag,\n    #${n} .frhd__heading-prefix-content{\n        display: flex;\n        align-items: center;\n        justify-content: ${m};\n    }\n    #${n} ${p}.wp-block-fancypost-post-heading{\n        max-width: ${E};\n        text-align: ${m};\n        color: ${_};\n        font-size: ${h?.PostFontSize ? h.PostFontSize : "34px"};\n        font-weight:${h?.PostFontWeight ? h.PostFontWeight : "700"};\n        line-height: ${h?.PostFontHeight ? h.PostFontHeight : "54px"};\n        font-style: ${h?.PostTextStyle ? h.PostTextStyle : "normal"};\n        text-transform: ${h?.PostTextTransform ? h.PostTextTransform : "none"};\n        letter-spacing: ${h?.PostLetterSpacing ? h.PostLetterSpacing : "0px"};\n        text-decoration: ${h?.PostTextDecorationStyle ? h.PostTextDecorationStyle : "none"};\n        font-family: ${h?.PostFontFamilyCommon && h?.PostFontFamilyCommon.length > 0 ? h.PostFontFamilyCommon : "Josefin Sans"} !important;\n        position: relative;\n        display: inline-block;\n        margin: ${T}px 0;\n        white-space: pre-wrap;\n    }\n    #${n} p.frhd__subheading{\n        max-width:${k};\n        text-align: ${m};\n        ${"left" === m ? "margin: 0;" : "center" === m ? "margin: 0 auto;" : "right" === m ? "margin-\n        top:0;margin-bottom: 0;margin-left: auto;\n        margin-right: 0;" : ""}\n        color: ${u};\n        font-size: ${f?.PostFontSize ? f.PostFontSize : "16.8px"};\n        font-weight:${f?.PostFontWeight ? f.PostFontWeight : "600"};\n        line-height: ${f?.PostFontHeight ? f.PostFontHeight : "24px"};\n        font-style: ${f?.PostTextStyle ? f.PostTextStyle : "normal"};\n        text-transform: ${f?.PostTextTransform ? f.PostTextTransform : "none"};\n        letter-spacing: ${f?.PostLetterSpacing ? f.PostLetterSpacing : "0px"};\n        text-decoration: ${f?.PostTextDecorationStyle ? f.PostTextDecorationStyle : "none"};\n        font-family: ${f?.PostFontFamilyCommon && f?.PostFontFamilyCommon.length > 0 ? f.PostFontFamilyCommon : "Josefin Sans"} !important;\n        margin-top: 0;\n    }\n    ${"frhd__heading-style-1" === d ? `\n    #${n} .frhd__heading-style-1{\n        position: relative;\n        margin-bottom: 0;\n    }\n    ${"center" === m ? `\n    #${n} .frhd__heading-style-1 ${p}:before {\n        content: " ";\n        display: inline-block;\n        background-color: #2B6CB0;\n        height: 2px;\n        width: 150px;\n        background-color:#c4c1c1;\n        margin-right: ${M}px;\n        background-color: ${w};\n        ${$ ? `width: ${$}px;` : ""}\n        line-height: 0;\n    }\n    #${n} .frhd__heading-style-1 ${p}:after {\n        content: " ";\n        display: inline-block;\n        background-color: #2B6CB0;\n        height: 2px;\n        width: 150px;\n        background-color:#c4c1c1;\n        margin-left: ${M}px;\n        background-color: ${w};\n        ${$ ? `width: ${$}px;` : ""}\n        line-height: 0;\n    }` : ""}\n    ${"left" === m ? `\n    .frhd__heading-style-1{\n        text-align: ${m};\n        position: relative;\n    }\n    #${n} .frhd__heading-style-1 ${p}:after {\n        content: " ";\n        display: inline-block;\n        background-color: #2B6CB0;\n        height: 2px;\n        width: 150px;\n        margin-right: ${M}px;\n        margin-left: ${M}px;\n        background-color:#c4c1c1;\n        background-color: ${w};\n        ${$ ? `width: ${$}px;` : ""}\n        line-height: 0;\n    }` : ""}\n    ${"right" === m ? `\n    #${n} .frhd__heading-style-1{\n          text-align: ${m};\n          position: relative;\n    }\n    #${n} .frhd__heading-style-1 ${p}:before {\n        content: " ";\n        display: inline-block;\n        background-color:#c4c1c1;\n        height: 2px;\n        width: 150px;\n        background-color: ${w};\n        ${$ ? `width: ${$}px;` : ""}\n        line-height: 0;\n    }` : ""}` : ""}\n    ${"frhd__heading-style-2" === d ? `\n    #${n} p.frhd__prefix {\n        display: inline-block;\n        padding: 4px 16px;\n        position: relative;\n    }\n    #${n} .frhd__heading-prefix-content:before {\n        content: '';\n        display: block;\n        width: ${$}px;\n        height: 2px;\n        background: black;\n        margin-right: -4px;\n        margin-right: ${M}px;\n    }\n    #${n} .frhd__heading-prefix-content:after {\n        content: '';\n        display: block;\n        width: ${$}px;\n        height: 2px;\n        background: black;\n        margin-left: -4px;\n        margin-left: ${M}px;\n    }\n    #${n}  p.frhd__prefix:before {\n        content: '';\n        display: inline-block;\n        background-color: #FFE6D9;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        z-index: -1;\n        transform: skewX(-15deg);\n    }` : ""}\n    ${"frhd__heading-style-3" === d ? `\n    #${n} .frhd__heading-style-3{\n        position: relative;\n    }\n    #${n} .frhd__heading-style-3 ${p}{\n        padding-bottom: 5px;\n        position: relative;\n    }\n    ${"left" === m ? `\n    #${n} .frhd__heading-style-3  ${p}:before{\n         width: 28px;\n         height: 5px;\n         display: block;\n         content: "";\n         position: absolute;\n         bottom: 3px;\n         left: 0;\n         background-color: ${B};\n    }\n    #${n} .frhd__heading-style-3 ${p}.wp-block-fancypost-post-heading:after {\n         width: 100px;\n         height: 1px;\n         display: block;\n         content: "";\n         position: relative;\n         left: 0;\n         background-color: ${w};\n         z-index: -1;\n         ${$ ? `width: ${$}px;` : ""}\n    }` : ""}\n    ${"center" === m ? `\n    #${n} .frhd__heading-style-3 h2:before {\n        width: 28px;\n        height: 5px;\n        display: block;\n        content: "";\n        position: absolute;\n        bottom: 1px;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: ${B};\n        z-index: 1;\n    }\n    #${n} .frhd__heading-style-3 h2.wp-block-fancypost-post-heading:after {\n        width: 100px;\n        height: 1px;\n        display: block;\n        content: "";\n        position: relative;\n        margin: 0 auto;\n        background-color: #1E293B;\n        ${$ ? `width: ${$}px;` : ""}\n        z-index: 0;\n     }` : ""}\n    ${"right" === m ? `\n    #${n} ${p}.wp-block-fancypost-post-heading{\n       width: 1200px;\n    }\n     #${n} .frhd__heading-style-3  ${p}:before{\n       width: 28px;\n       height: 5px;\n       display: block;\n       content: "";\n       position: absolute;\n       bottom: 0;\n       left: auto;\n       right: 0;\n       background-color: ${B};\n    }\n   #${n} .frhd__heading-style-3 ${p}.wp-block-fancypost-post-heading:after {\n      width: 100px;\n      height: 1px;\n      display: block;\n      content: "";\n      position: absolute;\n      bottom: 2px;\n      left: auto;\n      right: 0;\n      background-color: ${w};\n      z-index: -1;\n      ${$ ? `width: ${$}px;` : ""}\n     }` : ""}\n     ` : ""}\n     ${"frhd__heading-style-4" === d ? `\n     #${n} .frhd__heading-style-4 {display: block;text-align: ${m}; margin: ${T}px 0;}\n     #${n} .frhd__heading-style-4 ${p}{display: inline;background: linear-gradient(transparent 65%, ${L}17 0%);}` : ""}\n\n    ${"frhd__heading-style-5" === d ? `#${n} .frhd__heading-style-5 {\n        text-align: ${m};\n        position: relative;\n        display: block;\n        margin: ${T}px 0;\n    }\n    #${n} ${p}.wp-block-fancypost-post-heading{\n        width: 1200px;\n    }\n    #${n} .frhd__heading-style-5 span.heading-5-border {\n        width: ${$}px;\n        height: 6px;\n        background: ${w};\n        display: inline-block;\n        position: relative;\n        top:-10px;\n        border-radius:50px;\n    }\n    #${n} .frhd__heading-style-5 span.heading-5-border::before {\n        content: '';\n        display: block;\n        border-radius: 50px;\n        width: 25%;\n        height: 6px;\n        background-color: ${B};\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%,-50%);\n        z-index: 2;\n        max-width: 200px;\n    }\n    #${n} .frhd__heading-style-5 ${p} {\n        margin: 0;\n    }` : ""}\n    ${"frhd__heading-style-7" === d ? `\n    #${n} .frhd__heading-style-7 {display: inline;text-align: ${m}; margin: ${T}px 0;}\n    #${n} .frhd__heading-style-7 ${p}{display: block;text-align: ${m}; padding: ${T}px 0; background-color: ${x}; border-left: 4px solid ${v}; line-height: 30px;` : ""}\n    ${"frhd__heading-style-8" === d ? `.frhd__heading-style-8 ${p}:before {\n        height: 3px;\n        background: #0a9e01;\n        width: 100%;\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translate(-50%,-50%);\n    }` : ""}\n    ${"frhd__heading-style-9" === d ? `\n    #${n} .frhd__heading-style-9 {display: block;text-align:${m};margin:${T}px 0;border-bottom: 2px solid ${v};}\n    #${n} .frhd__heading-style-9 ${p}{display:inline-block; margin:0; text-align:${m};padding: ${T}px;background-color:${x};line-height:30px;` : ""} \n    ${"frhd__animation-style-1" === P ? `\n    #${n} .frhd__animation-style-1 ${p} {\n         \n    }` : ""}\n    ${"frhd__animation-style-2" === P ? `\n    #${n} .frhd__animation-style-2 ${p} {\n         \n    }` : ""}\n    ${"frhd__animation-style-3" === P ? `\n    #${n} .frhd__animation-style-3 ${p} {\n         \n    }` : ""}\n    ${"frhd__animation-style-4" === P ? `\n    #${n} .frhd__animation-style-4 ${p} {\n         \n    }` : ""}\n    ${i ? "" : `#${n} p.frhd__subheading{\n            display: none;\n    }`}\n    ${"frhd__heading-style-6" === d ? `\n  \n    #${n} p.frhd__prefix {\n        position: relative;\n        padding-bottom: 10px;\n    }\n    #${n} p.frhd__prefix::before {\n       width: 15px;\n       height: 15px;\n       display: block;\n       border-radius: 50%;\n       background: ${B};\n       position: absolute;\n       left: -15px;\n       top: auto;\n       bottom: 0;\n       content: '';\n       z-index: 1;\n    }\n    #${n} p.frhd__prefix::after {\n        width: ${$}px;\n        height: 2px;\n        display: block;\n        background: ${w};\n        position: absolute;\n        left: 0;\n        bottom: 5px;\n        content: '';\n        z-index: 0;\n    }\n    ` : ""}\n    `;
            return (0, a.createElement)(
              "div",
              { id: n, className: "frhd__heading-container" },
              (0, a.createElement)(c.RawHTML, null, `<style>${A}</style>`),
              (0, a.createElement)(
                "div",
                { id: n, className: "frhd__block-heading-wrapper" },
                r
                  ? (0, a.createElement)(
                      "div",
                      { className: "frhd__heading-prefix-content" },
                      (0, a.createElement)(l.RichText.Content, {
                        tagName: "p",
                        value: S,
                        className: "frhd__prefix",
                      }),
                    )
                  : (0, a.createElement)(a.Fragment, null),
                (0, a.createElement)(
                  "div",
                  { className: `${d} frhd__block-hading-tag` },
                  (0, a.createElement)(l.RichText.Content, {
                    tagName: p,
                    value: o,
                    placeholder: (0, t.__)("Blog Heading..."),
                    className: "wp-block-fancypost-post-heading",
                  }),
                  "frhd__heading-style-5" === d
                    ? (0, a.createElement)("span", {
                        className: "heading-5-border",
                      })
                    : "",
                ),
                (0, a.createElement)(l.RichText.Content, {
                  tagName: "p",
                  value: s,
                  placeholder: (0, t.__)("Blog Subheading..."),
                  className: "frhd__subheading",
                }),
              ),
            );
          },
        },
        {
          name: "fancypost/heading-effect",
          title: (0, t.__)("Heading Effect"),
          description: (0, t.__)("Block showing heading effect."),
          icon: {
            src: i.postHeadingEffect,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("heading"),
            (0, t.__)("effect"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: () => {
            const e = (0, l.useBlockProps)();
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Heading Effect Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(
                      "p",
                      null,
                      "This block is part of our advanced features set and is available exclusively to upgraded users. Please upgrade to access and use this feature. ",
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://pluginic.com/plugins/gutenberg-post-blocks/?ref=100",
                        },
                        "Read more →",
                      ),
                    ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...e },
                (0, a.createElement)(
                  "div",
                  { className: "frhd-pro-block" },
                  (0, a.createElement)(
                    c.RawHTML,
                    null,
                    "<style>.frhd-pro-block {\n        background-color: #8ab04f;\n        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n        color: #fff;\n        text-align: center;\n        padding: 20px;\n    }\n    .frhd-pro-block a {\n        display: block;\n        background: #000;\n        width: fit-content;\n        color: #fff;\n        margin: 15px auto 0;\n        padding: 5px 15px;\n        border-radius: 4px;\n        text-decoration: none;\n        transition: .3s;\n        border: 2px solid transparent;\n    }\n    .frhd-pro-block a:hover {\n        border-color: #000;\n        background: #FFC107;\n        color: #000;\n    }</style>",
                  ),
                  (0, a.createElement)(
                    "p",
                    null,
                    "This block is part of our advanced features set and is available exclusively to upgraded users. Please upgrade to access and use this feature. ",
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/?ref=100",
                      },
                      "Read more →",
                    ),
                  ),
                ),
              ),
            ];
          },
          save: () => null,
        },
        {
          name: "fancypost/post-grid",
          title: (0, t.__)("Post Grid"),
          description: (0, t.__)("Block showing post grid."),
          icon: {
            src: i.postBlock,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("posts"),
            (0, t.__)("grid"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
                id: r,
                thePostType: d,
                theCategories: p,
                selectedCats: m,
                postsPerPage: h,
                grid7postsPerCol: g,
                grid6postsPerCol: f,
                postsPerCol: _,
                totalPost: u,
                hasCurrentPost: b,
                postOrderBy: x,
                postOrder: v,
                postThumbSize: w,
                hasCompLinked: y,
                postTitleTag: C,
                readMoreBtnText: E,
                postLayout: k,
                maxWidth: $,
                contentAlign: S,
                columnGap: P,
                rowGap: M,
                hasEqualHeight: N,
                equalHeight: H,
                roundedCornerSize: T,
                excerptWordCount: B,
                paginationType: L,
                paginAlign: z,
                paginationLimit: A,
                hasPagination: F,
                hasPagPrevNextBtn: I,
                pagPrevBtnText: Z,
                pagNextBtnText: O,
                onLoadPagin: D,
                showPostImg: R,
                showPostTitle: V,
                showPostAuth: j,
                showPostDate: U,
                showPostComment: W,
                showPostViewCount: G,
                showPostTaxonomy: q,
                showPostExcerpt: K,
                showPostButton: Y,
                showPostReadTime: J,
                showPostLoveReact: Q,
                postBodyColor: X,
                postBodyBorderColor: ee,
                taxonomyColor: te,
                taxonomyBGcolor: ne,
                taxonomyPrecolor: ae,
                postTitleColor: oe,
                postMetaColor: re,
                postDateBGColor: ie,
                postMetaIconColor: le,
                postDescColor: se,
                postAuthorColor: ce,
                postBtnTextColor: de,
                postBtnColor: pe,
                hoverBtnTextColor: me,
                hoverBtnColor: he,
                readingTimeColor: ge,
                readingTimeIconColor: fe,
                paginationNumColor: _e,
                paginationBGColor: ue,
                pagiActiveNumColor: be,
                pagiActiveBGColor: xe,
                PostTitleTypo: ve,
                PostDescriptionTypo: we,
                PostMetaTypo: ye,
                PostCategoryTypo: Ce,
                PostButtonTypo: Ee,
                PostAuthorTypo: ke,
                PostPaginationTypo: $e,
                SectionHeading: Se,
                SectionSubHeading: Pe,
                postItemAnimation: Me,
                postImageAnimation: Ne,
                postButtonAnimation: He,
                hasLinkNewTab: Te,
                hasLinkInimage: Be,
                hasNofollowLink: Le,
              } = n,
              ze =
                "grid1" === k ||
                "grid3" === k ||
                "grid6" === k ||
                "grid7" === k ||
                "grid8" === k,
              Ae = "grid3" === k || "grid4" === k || "grid6" === k;
            let Fe = e.slice(e.lastIndexOf("-") + 1);
            o({ id: Fe });
            let Ie = [
                Se?.PostFontFamilyCommon,
                Pe?.PostFontFamilyCommon,
                ve?.PostFontFamilyCommon,
                we?.PostFontFamilyCommon,
                ye?.PostFontFamilyCommon,
                Ce?.PostFontFamilyCommon,
                Ee?.PostFontFamilyCommon,
                ke?.PostFontFamilyCommon,
                $e?.PostFontFamilyCommon,
              ],
              Ze = `@import url("https://fonts.googleapis.com/css?family=${JSON.stringify(Ie).replace(/null/g, "").replace(/,/g, "").replace(/\[/g, "").replace(/\]/g, "").replace(/""/g, "&family=").replace(/"/g, "").replace(/ /g, "+") || "Josefin+Sans"}&display=swap");`;
            const Oe = (0, l.useBlockProps)();
            let De = {
                status: "publish",
                post_type: d,
                per_page: h,
                orderby: x,
                order: v,
              },
              Re = "";
            m &&
              m.length > 0 &&
              ((De.categories = m),
              (Re = `&categories=${De.categories.join(",")}`));
            const [Ve, je] = (0, c.useState)("tab1"),
              [Ue, We] = (0, c.useState)([]),
              [Ge, qe] = (0, c.useState)(!0),
              [Ke, Ye] = (0, c.useState)(""),
              Je = `${window.location.origin}/wp-json/wp/v2/${De.post_type}?status=${De.status}&per_page=${De.per_page}${Re}&orderby=${De.orderby}&order=${De.order}&_embed`;
            if (
              ((0, c.useEffect)(() => {
                !(async function () {
                  try {
                    const e = await fetch(Je),
                      t = await e.json();
                    (We((t || []).sort((a, b) => (b.sticky ? 1 : 0) - (a.sticky ? 1 : 0))), qe(!1));
                  } catch (e) {
                    (console.error("API Error:", e), Ye(e.message), qe(!1));
                  }
                })();
              }, [d, m, h, x, v]),
              Ge)
            )
              return (0, a.createElement)(
                "div",
                {
                  style: {
                    display: "flex",
                    justifyContent: "center",
                    alignItems: "center",
                  },
                },
                (0, a.createElement)(s.Spinner, null),
              );
            if (Ke) return (0, a.createElement)("div", null, "Error: ", Ke);
            const Qe = (e) => {
                const t = wp.data
                  .select("core")
                  .getEntityRecords("taxonomy", "category", { include: [e] });
                return t && t.length > 0 ? t[0] : null;
              },
              Xe = (e) => {
                const t = e.split(/\s+/).length;
                return Math.ceil(t / 200);
              },
              et = (e) => {
                je(e);
              },
              tt = `${Ze}\n  .frhd__pro-tag h4{\n    margin: 0 !important;\n  }\n  #frhd__block-id-${r} .frhd__post-block-container a {\n    text-decoration: none;\n  }\n  .editor-styles-wrapper .wp-block-fancypost-post-grid,\n  #frhd__block-id-${r} .wp-block-fancypost-post-grid {\n    max-width: ${$ || "1200px"} !important;\n  }\n  #frhd__block-id-${r} .frhd__post-block-container {\n    column-gap: ${P}px !important;\n    row-gap: ${M}px !important;\n    grid-template-columns: repeat(${_}, 1fr);\n  }\n  #frhd__block-id-${r} .frhd__post-grid-6.frhd__post-block-container {\n    grid-template-columns: repeat(${f}, 1fr);\n  }\n  #frhd__block-id-${r} .frhd__post-grid-7.frhd__post-block-container {\n    grid-template-columns: repeat(${g}, 1fr);\n  }\n  #frhd__block-id-${r} .frhd__post-block-article .frhd__post-title h2 a{\n    ${ve?.PostFontSize ? `font-size: ${ve.PostFontSize};` : ""}${ve?.PostFontWeight ? `font-weight:${ve.PostFontWeight};` : ""}${ve?.PostFontHeight ? `line-height: ${ve.PostFontHeight};` : ""}${ve?.PostTextStyle ? `font-style: ${ve.PostTextStyle};` : ""}${ve?.PostTextTransform ? `text-transform: ${ve.PostTextTransform};` : ""}${ve?.PostLetterSpacing ? `letter-spacing: ${ve.PostLetterSpacing};` : ""}${ve?.PostTextDecorationStyle ? `text-decoration: ${ve.PostTextDecorationStyle} !important;` : ""}${ve?.PostFontFamilyCommon && ve?.PostFontFamilyCommon.length > 0 ? ` font-family: ${ve.PostFontFamilyCommon} !important;` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-8 .frhd__article-body h2{\n    ${ve?.PostFontSize ? `font-size: ${ve.PostFontSize};` : ""}${ve?.PostFontWeight ? `font-weight:${ve.PostFontWeight};` : ""}${ve?.PostFontHeight ? `line-height: ${ve.PostFontHeight};` : ""}${ve?.PostTextStyle ? `font-style: ${ve.PostTextStyle};` : ""}${ve?.PostTextTransform ? `text-transform: ${ve.PostTextTransform};` : ""}${ve?.PostLetterSpacing ? `letter-spacing: ${ve.PostLetterSpacing};` : ""}${ve?.PostTextDecorationStyle ? `text-decoration: ${ve.PostTextDecorationStyle} !important;` : ""}${ve?.PostFontFamilyCommon && ve?.PostFontFamilyCommon.length > 0 ? ` font-family: ${ve.PostFontFamilyCommon} !important;` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__post-title h2 a {\n    ${ve?.PostFontSize ? `font-size: calc(1.4 * ${ve?.PostFontSize});` : ""}${ve?.PostFontHeight ? `line-height: calc(1.4 * ${ve?.PostFontHeight});` : ""}\n    margin: 0;\n  }\n  .frhd__post-grid-9 .frhd__post-excerpt p {\n    text-align: ${S};\n  }\n  #frhd__block-id-${r} article.frhd__post-block-article{\n    border-radius: ${T || ("grid4" == k ? "20px" : "5px")};\n    ${X ? `background-color: ${X};` : ""}\n    transition: 0.3s;\n    position: relative;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-10 article.frhd__post-block-article::after {\n    ${X ? `background-color: ${X};` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-10 .frhd__article-body::after {\n    background: ${ee};\n  }\n  #frhd__block-id-${r} .frhd__post-meta,\n  #frhd__block-id-${r} .frhd__article-body,\n  #frhd__block-id-${r} .frhd__btn-wrap,\n  #frhd__block-id-${r} .frhd__post-grid-4 time.frhd__post-meta-single.frhd__post-date {\n    justify-content: ${S} !important;\n    text-align: ${S} !important;\n  }\n  ${le ? `#frhd__block-id-${r} span.frhd__post-meta-single.frhd__reading-time svg,\n  #frhd__block-id-${r} .frhd__post-meta svg, #frhd__block-id-${r} time svg {\n    fill: ${le} !important;\n  }` : ""}\n  #frhd__block-id-${r} .frhd__featured-image,\n  #frhd__block-id-${r} .frhd__featured-image img,\n  #frhd__block-id-${r} .frhd__featured-image-missing {${N && H ? `max-height: ${H} !important; min-height: ${H} !important;` : ""}${N && "grid6" === k && H ? `max-height: 100% !important; min-height: ${H} !important;` : ""}\n    border-radius: ${"grid6" == k ? `${T} 0 0 ${T} !important` : "grid7" === k ? T : `${T} ${T} 0 0`};    \n  }\n  #frhd__block-id-${r} .frhd__featured-image,\n  #frhd__block-id-${r} .frhd__article-head{\n    border-radius: ${"grid6" == k ? `${T} 0 0 ${T} !important` : "grid7" === k ? T : `${T} ${T} 0 0`};    ${"grid8" === k ? `border-radius: ${T}` : ""}\n  }\n  #frhd__block-id-${r} .frhd__featured-image{\n    overflow: hidden;\n  }\n  ${N ? `#frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__featured-image,\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__featured-image-missing,\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-block-article:first-child .frhd__featured-image img {\n   min-height: calc(1.4 * ${H}) !important;\n   max-height: calc(1.4 * ${H}) !important;\n   }` : ""}\n ${T ? `#frhd__block-id-${r} .frhd__image-background {\n  border-radius: ${T} ${T} 0 0 !important;}` : ""}\n  ${R ? "" : `#frhd__block-id-${r} .frhd__featured-image {\n    display: none !important;\n  }`}${R ? "" : `#frhd__block-id-${r} .frhd__featured-image img,\n  #frhd__block-id-${r} .frhd__featured-image,\n  #frhd__block-id-${r} .frhd__article-head {\n    transition: 0.3s;\n    max-height: 0 !important;\n    min-height: 0 !important;\n  }`}\n  #frhd__block-id-${r} .frhd__post-title {\n    text-align: ${S};\n    justify-content: ${S};${V ? "" : "display: none !important;"}\n  }\n  #frhd__block-id-${r} .frhd__post-title \n  #frhd__block-id-${r} .frhd__featured-image{\n    overflow: hidden !important;\n    position: relative;\n  }\n  #frhd__block-id-${r} .frhd__post-title a {\n    color: ${oe}!important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-8 .frhd__post-title:after {\n  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H7M17 7V17' stroke='%23${oe ? oe.substring(1) : "000"}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");\n  background-repeat: no-repeat;}\n  #frhd__block-id-${r} .frhd__post-meta,\n  #frhd__block-id-${r} .frhd__post-meta a,\n  #frhd__block-id-${r} .frhd__post-meta time,\n  #frhd__block-id-${r} .frhd__post-view,\n  #frhd__block-id-${r} .frhd__date-wrap,\n  #frhd__block-id-${r} .frhd__post-grid-5 .frhd__date time,\n  #frhd__block-id-${r}  time.frhd__post-meta-single.frhd__post-date {${ye?.PostFontSize ? `font-size: ${ye.PostFontSize};` : ""}${ye?.PostFontWeight ? `font-weight:${ye.PostFontWeight};` : ""}${ye?.PostFontHeight ? `line-height: ${ye.PostFontHeight};` : ""}${ye?.PostTextStyle ? `font-style: ${ye?.PostTextStyle ? ye.PostTextStyle : "grid6" === k || "grid3" === k ? "italic" : "normal"};` : ""}${ye?.PostTextTransform ? `text-transform: ${ye.PostTextTransform};` : ""}${ye?.PostLetterSpacing ? `letter-spacing: ${ye.PostLetterSpacing};` : ""}${ye?.PostTextDecorationStyle ? `text-decoration: ${ye?.PostTextDecorationStyle};` : ""}${ye?.PostFontFamilyCommon && ye?.PostFontFamilyCommon.length > 0 ? `font-family: ${ye.PostFontFamilyCommon} !important;` : ""}${re ? `color: ${re} !important;` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-2 .frhd__date-wrap > time{\n    font-weight: 700;\n    color: #fff !important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-5 .frhd__date time{\n    color: #fff !important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-3 .frhd__post-meta a {\n    font-weight: 700 !important;\n    font-style: italic !important;;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-8 .frhd__post-meta span a,\n  #frhd__block-id-${r} .frhd__post-grid-8 .frhd__post-meta time.frhd__post-meta-single.frhd__post-date{\n    font-weight: 700 !important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-3 .frhd__post-meta  a:hover,\n  #frhd__block-id-${r} .frhd__post-grid-3 .frhd__post-meta .frhd__cat-wrap a:hover {font-weight: 700; color: #5a64d0 !important;}\n  #frhd__block-id-${r} .frhd__post-grid-3 .frhd__post-meta a {pointer-events: painted;}\n  #frhd__block-id-${r} .frhd__post-grid-2 .frhd__cat-wrap a{color: ${le};}\n  #frhd__block-id-${r} span.frhd__post-meta-single.frhd__post-author,\n  #frhd__block-id-${r} .frhd__post-author {\n    justify-content: ${S} !important;${j ? "" : "display: none !important;"}\n  }\n  #frhd__block-id-${r} .frhd__post-date,\n  #frhd__block-id-${r} time.frhd__post-meta-single.frhd__post-date,\n  #frhd__block-id-${r} .frhd__date-wrap{\n    color: ${re};${U ? "" : "display: none;"}\n  }\n  ${ie ? `\n  #frhd__block-id-${r} .frhd__date-wrap,\n  #frhd__block-id-${r} .frhd__post-grid-5 .frhd__date,\n  #frhd__block-id-${r} .frhd__post-grid-5 .frhd__date::before,\n  #frhd__block-id-${r} .frhd__post-grid-5 .frhd__date::after{\n    background:${ie};\n  }\n  ` : ""}\n ${U ? "" : `  #frhd__block-id-${r} .frhd__post-grid-5 .frhd__date {\n  display: none;\n }`}\n  #frhd__block-id-${r} .frhd__date-wrap:before{\n    border-left: 10px solid ${ie};\n  }\n  #frhd__block-id-${r} span.frhd__post-meta-single.frhd__post-author a,\n  #frhd__block-id-${r} .frhd__post-author a {${ce ? ("grid2" === k || "grid4" === k ? `color: ${ce}` : "") + ";" : ""}${ze ? `${ye?.PostFontSize ? `font-size: ${ye.PostFontSize};` : ""}${ye?.PostFontWeight ? `font-weight:${ye.PostFontWeight};` : ""}${ye?.PostFontHeight ? `line-height: ${ye.PostFontHeight};` : ""}${ye?.PostTextStyle ? `font-style: ${ye?.PostTextStyle ? ye.PostTextStyle : "grid6" === k || "grid3" === k ? "italic" : "normal"};` : ""}${ye?.PostTextTransform ? `text-transform: ${ye.PostTextTransform};` : ""}${ye?.PostLetterSpacing ? `letter-spacing: ${ye.PostLetterSpacing};` : ""}${ye?.PostTextDecorationStyle ? `text-decoration: ${ye?.PostTextDecorationStyle};` : ""}${ye?.PostFontFamilyCommon && ye?.PostFontFamilyCommon.length > 0 ? `font-family: ${ye.PostFontFamilyCommon} !important;` : ""}` : `${ke?.PostFontSize ? ` font-size: ${ke?.PostFontSize};` : ""}${ke?.PostFontWeight ? `font-weight:${ke.PostFontWeight};` : ""}${ke?.PostFontHeight ? `line-height: ${ke.PostFontHeight};` : ""}${ke?.PostTextStyle ? `font-style: ${ke.PostTextStyle};` : ""}${ke?.PostTextTransform ? `text-transform: ${ke.PostTextTransform};` : ""}${ke?.PostLetterSpacing ? `letter-spacing: ${ke.PostLetterSpacing};` : ""}${ke?.PostTextDecorationStyle ? `text-decoration: ${ke?.PostTextDecorationStyle} !important;` : ""}${ke?.PostFontFamilyCommon && ke?.PostFontFamilyCommon.length > 0 ? `font-family: ${ke.PostFontFamilyCommon} !important;` : ""}`}}\n  #frhd__block-id-${r} .frhd__cat-wrap {${q ? "" : "display: none !important;"}}${"grid4" === k ? `#frhd__block-id-${r} .frhd__post-block-article:hover .frhd__cat-wrap a {color: #f7a000 !important;}` : ""}\n  #frhd__block-id-${r} .frhd__cat-wrap span a,\n  #frhd__block-id-${r} .frhd__cat-wrap a {${Ae ? `${ye?.PostFontSize ? `font-size: ${ye.PostFontSize};` : ""}${ye?.PostFontWeight ? `font-weight:${ye.PostFontWeight};` : ""}${ye?.PostFontHeight ? `line-height: ${ye.PostFontHeight};` : ""}${ye?.PostTextStyle ? `font-style: ${ye?.PostTextStyle ? ye.PostTextStyle : "grid6" === k || "grid3" === k ? "italic" : "normal"};` : ""}${ye?.PostTextTransform ? `text-transform: ${ye.PostTextTransform};` : ""}${ye?.PostLetterSpacing ? `letter-spacing: ${ye.PostLetterSpacing};` : ""}${ye?.PostTextDecorationStyle ? `text-decoration: ${ye?.PostTextDecorationStyle};` : ""}${ye?.PostFontFamilyCommon && ye?.PostFontFamilyCommon.length > 0 ? `font-family: ${ye.PostFontFamilyCommon} !important;` : ""}` : `${Ce?.PostFontSize ? `font-size: ${Ce?.PostFontSize ? Ce.PostFontSize : "grid2" === k ? "20px" : "14px"};` : ""}${Ce?.PostFontWeight ? `font-weight:${Ce.PostFontWeight} !important;` : ""}${Ce?.PostFontHeight ? `line-height: ${Ce.PostFontHeight};` : ""}${Ce?.PostTextStyle ? `font-style: ${Ce.PostTextStyle};` : ""}${Ce?.PostTextTransform ? `text-transform: ${Ce.PostTextTransform};` : ""}${Ce?.PostLetterSpacing ? `letter-spacing: ${Ce.PostLetterSpacing};` : ""}${Ce?.PostTextDecorationStyle ? `text-decoration: ${Ce?.PostTextDecorationStyle} !important;` : ""}${Ce?.PostFontFamilyCommon && Ce?.PostFontFamilyCommon.length > 0 ? `font-family: ${Ce.PostFontFamilyCommon} !important;` : ""}`}\n    color: ${te};\n    background: ${"grid1" === k ? ne : "transparent"};\n  }\n  #frhd__block-id-${r} .frhd__post-grid-2 .frhd__cat-wrap,\n  #frhd__block-id-${r} .frhd__post-grid-3 .frhd__cat-wrap,\n  #frhd__block-id-${r} .frhd__post-grid-6 .frhd__cat-wrap {\n    ${ae ? `color: ${ae};` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-excerpt {${K ? "" : "display: none !important;"}}\n  #frhd__block-id-${r} .frhd__post-excerpt p {\n    color: ${se};${we?.PostFontSize ? `font-size: ${we.PostFontSize};` : ""}${we?.PostFontWeight ? `font-weight:${we.PostFontWeight};` : ""}${we?.PostFontHeight ? `line-height: ${we.PostFontHeight};` : ""}${we?.PostTextStyle ? `font-style: ${we.PostTextStyle};` : ""}${we?.PostTextTransform ? `text-transform: ${we.PostTextTransform};` : ""}${we?.PostLetterSpacing ? `letter-spacing: ${we.PostLetterSpacing};` : ""}${we?.PostTextDecorationStyle ? `text-decoration: ${we?.PostTextDecorationStyle};` : ""}${we?.PostFontFamilyCommon && we?.PostFontFamilyCommon.length > 0 ? `font-family: ${we.PostFontFamilyCommon} !important;` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-btn a {\n    ${pe ? `color: ${de};` : ""}\n    ${pe ? `background: ${pe};` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-btn a {${Y ? "" : "display: none !important;"}}\n  ${"grid1" === k ? "" : ` #frhd__block-id-${r} .frhd__btn-wrap,\n  #frhd__block-id-${r} .frhd__post-btn ,\n  #frhd__block-id-${r} .frhd__post-btn a {${Y ? "" : "display: none !important;"}}`}\n  #frhd__block-id-${r} .frhd__btn-wrap,\n  #frhd__block-id-${r} .frhd__post-btn a,\n  #frhd__block-id-${r} .frhd__post-btn span{${Ee?.PostFontSize ? `font-size: ${Ee.PostFontSize};` : ""}${Ee?.PostFontWeight ? `font-weight:${Ee.PostFontWeight};` : ""}${Ee?.PostFontHeight ? `line-height: ${Ee?.PostFontHeight ? Ee.PostFontHeight : "grid3" === k ? "30px" : "16px"};` : ""}${Ee?.PostTextStyle ? `font-style: ${Ee.PostTextStyle};` : ""}${Ee?.PostTextTransform ? `text-transform: ${Ee.PostTextTransform};` : ""}${Ee?.PostLetterSpacing ? `letter-spacing: ${Ee.PostLetterSpacing};` : ""}${Ee?.PostTextDecorationStyle ? `text-decoration: ${Ee?.PostTextDecorationStyle} !important;` : ""}${Ee?.PostFontFamilyCommon && Ee?.PostFontFamilyCommon.length > 0 ? `font-family: ${Ee.PostFontFamilyCommon} !important;` : ""}}\n  #frhd__block-id-${r} .frhd__post-btn a:hover,\n  #frhd__block-id-${r} .frhd__btn:hover svg {${me ? `color: ${me} !important;` : ""}${me ? `fill: ${me} !important;` : ""}${he ? `background-color: ${he} !important;` : ""}}\n  #frhd__block-id-${r} .frhd__post-btn{\n    justify-content: ${Y && J && "grid1" === k ? "space-between" : S} !important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-btn a{\n    ${de ? `color: ${de};` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-btn a svg  {\n    ${de ? `fill: ${de};` : "color:#333;"}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-btn a:hover,\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-btn a:hover svg  {\n    ${me ? `color: ${me};` : ""}\n    ${me ? `fill: ${me};` : ""}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-7 .frhd__post-btn a:hover a{\n    ${pe ? `color: ${pe};` : "color:#333;"}\n  }\n  #frhd__block-id-${r} .frhd__post-grid-10 .frhd__post-btn a {\n    ${pe ? `color: ${pe};` : "color:#333;"}\n    background: transparent !important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-10 .frhd__post-btn a:hover {\n    ${he ? `color: ${he} !important;` : ""}\n    background: transparent !important;\n  }\n  #frhd__block-id-${r} .frhd__btn-wrap svg{\n    fill: ${de || "#5a64d0"};\n    background-color: ${pe || "#fff"};\n    box-shadow: 0 0 10px 0px rgb(255 255 255 / 50%) !important;\n  }\n  #frhd__block-id-${r} .frhd__post-grid-9 article.frhd__post-block-article:hover .frhd__card-content {\n    ${pe ? `box-shadow: inset 0 4px 0 0 ${pe};` : ""}\n  }\n  #frhd__block-id-${r} span.frhd__post-meta-single.frhd__reading-time{\n    color: ${"grid1" === k || "grid2" === k || "grid5" === k ? re : ge} !important;\n    ${J ? "" : "display: none !important;"}${"grid1" === k || "grid2" === k ? `${ye?.PostFontSize ? `font-size: ${ye.PostFontSize};` : ""}${ye?.PostFontWeight ? `font-weight:${ye.PostFontWeight};` : ""}${ye?.PostFontHeight ? `line-height: ${ye.PostFontHeight};` : ""}${ye?.PostTextStyle ? `font-style: ${ye?.PostTextStyle ? ye.PostTextStyle : "grid6" === k || "grid3" === k ? "italic" : "normal"};` : ""}${ye?.PostTextTransform ? `text-transform: ${ye.PostTextTransform};` : ""}${ye?.PostLetterSpacing ? `letter-spacing: ${ye.PostLetterSpacing};` : ""}${ye?.PostTextDecorationStyle ? `text-decoration: ${ye?.PostTextDecorationStyle};` : ""}${ye?.PostFontFamilyCommon && ye?.PostFontFamilyCommon.length > 0 ? `font-family: ${ye.PostFontFamilyCommon} !important;` : ""}\n    color: ${re} !important;` : ""}\n  }\n  ${z ? `.frhd__paginate {\n      justify-content: ${z};\n    }` : ""}\n  .frhd__paginate .page-numbers.current {\n    background: ${xe};\n    color: ${be};\n  }\n  .frhd__paginate .page-numbers{\n    align-items: center;\n    display: flex;\n    color: ${_e};\n    background-color: ${ue};${$e?.PostFontSize ? `font-size: ${$e.PostFontSize};` : ""}${$e?.PostFontWeight ? `font-weight:${$e.PostFontWeight};` : ""}${$e?.PostFontHeight ? `line-height: ${$e.PostFontHeight};` : ""}${$e?.PostTextStyle ? `font-style: ${$e.PostTextStyle};` : ""}${$e?.PostTextTransform ? `text-transform: ${$e.PostTextTransform};` : ""}${$e?.PostLetterSpacing ? `letter-spacing: ${$e.PostLetterSpacing};` : ""}${$e?.PostTextDecorationStyle ? `text-decoration: ${$e?.PostTextDecorationStyle} !important;` : ""}${$e?.PostFontFamilyCommon && $e?.PostFontFamilyCommon.length > 0 ? `font-family: ${$e.PostFontFamilyCommon} !important;` : ""}\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-shine::before{\n    position: absolute;\n    top: 0;\n    left: -75%;\n    z-index: 2;\n    display: block;\n    content: '';\n    width: 50%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);\n    transform: skewX(-25deg);\n    transition: left 0.75s;\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-shine:hover::before {\n      animation: shine .75s;\n  }\n  #frhd__block-id-${r} .frhd__featured-image img {${"frhd-post-img-zoomout" === Ne ? "transform: scale(1.2)" : ""}}\n  #frhd__block-id-${r} .frhd-post-img-zoomin:hover img {\n      transform: scale(1.2);\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-zoomout:hover img {\n      transform: scale(1);\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-opacity:hover img {\n      opacity: 0.5;\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-rotate:hover img {\n      transform: rotate(5deg) scale(1.2);\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-gray:hover img {\n      filter: grayscale(100%);\n  }\n  #frhd__block-id-${r} .frhd__featured-image.frhd-post-img-sepia:hover img {\n      filter: sepia(100%);\n  }\n  #frhd__block-id-${r} .frhd-post-item-zoomin:hover {\n    transform: scale(1.02) !important;\n  }\n  #frhd__block-id-${r} .frhd-post-item-zoomout:hover  {\n    transform: scale(0.96) !important;\n  }\n  #frhd__block-id-${r} .frhd-post-item-opacity:hover {\n    opacity: 0.5;\n  }\n  #frhd__block-id-${r} .frhd-post-item-rotate:hover {\n    transform: rotate(1.3deg) scale(0.9999) !important;\n  }\n  #frhd__block-id-${r} .frhd__post-btn.frhd-post-btn-rotate a:hover {\n    transform: rotate(2deg) scale(1.008);\n  }\n  #frhd__block-id-${r} .frhd__post-btn.frhd-post-btn-transform a:hover {\n    transform: translate(0,-4px);\n  }\n  #frhd__block-id-${r} .frhd-post-btn-fillup a {\n    overflow: hidden;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transform: translate3d(0, 0, 0);\n  }\n  #frhd__block-id-${r} .frhd-post-btn-fillup a:after {\n    content: "";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    height: 150%;\n    background: #333;\n    pointer-events: none;\n    transform: translate3d(0, 45px, 0);\n    transition: all 0.3s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955);\n  }\n  #frhd__block-id-${r} .frhd-post-btn-fillup a > span{\n    height: 100%;\n    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);\n  }\n  #frhd__block-id-${r} .frhd-post-btn-fillup a:hover {\n    color: #fff !important;\n    fill: #fff !important;\n    border: 1px solid transparent !important;\n    background: none !important;\n  }\n  #frhd__block-id-${r} .frhd-post-btn-fillup a:hover:after {\n    transform: translate3d(0, 0, 0);\n  }\n  #frhd__block-id-${r} .frhd-post-btn-shake a:hover{\n    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;\n    transform: translate3d(0, 0, 0);\n    perspective: 1000px;\n  }\n   @keyframes shine {\n    0% {\n        left: -90%;\n    }\n    100% {\n        left: 125%;\n    }\n   }\n   @keyframes shake {\n    10%, 90% {\n      transform: translate3d(-1px, 0, 0);\n    }\n    20%, 80% {\n      transform: translate3d(2px, 0, 0);\n    }\n    30%, 50%, 70% {\n      transform: translate3d(-4px, 0, 0);\n    }\n    40%, 60% {\n      transform: translate3d(4px, 0, 0);\n    }\n  }`;
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  "div",
                  { className: "frhd-tab-header" },
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => et("tab1"),
                      className: "tab1" === Ve ? "active" : "",
                    },
                    "Settings",
                  ),
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => et("tab2"),
                      className: "tab2" === Ve ? "active" : "",
                    },
                    "Styles",
                  ),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "tab-content" },
                  "tab1" === Ve &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Query"),
                          icon: i.databaseSettings,
                          initialOpen: !0,
                          className: "frhd__control frhd__control-query",
                        },
                        (0, a.createElement)(function () {
                          const { useSelect: e } = wp.data,
                            t = e((e) => {
                              const t = e("core").getPostTypes({
                                per_page: -1,
                              });
                              return t
                                ? t.filter(
                                    (e) =>
                                      ![
                                        "attachment",
                                        "nav_menu_item",
                                        "wp_block",
                                        "wp_template",
                                        "wp_template_part",
                                        "wp_navigation",
                                      ].includes(e.slug),
                                  )
                                : [];
                            }, []);
                          return (0, a.createElement)(s.SelectControl, {
                            label: "Post Type List:",
                            value: d,
                            options: t.map((e) =>
                              e && e.name && e.rest_base
                                ? { label: e.name, value: e.rest_base }
                                : null,
                            ),
                            onChange: (e) => o({ thePostType: e }),
                          });
                        }, null),
                        (0, a.createElement)(() => {
                          const { useSelect: e } = wp.data,
                            n = e(
                              (e) =>
                                e("core").getEntityRecords(
                                  "taxonomy",
                                  "category",
                                  { per_page: -1 },
                                ),
                              [],
                            );
                          if (!n) return null;
                          const r = n.map((e) => ({
                            label: e.name,
                            value: e.id.toString(),
                          }));
                          return (0, a.createElement)(s.FormTokenField, {
                            multiple: !0,
                            label: "Category List:",
                            value: p,
                            suggestions: r.map((e) => e.label),
                            maxSuggestions: 10,
                            onChange: (e) => {
                              o({ theCategories: e });
                              const t = e.map((e) => {
                                const t = r.find((t) => t.label === e);
                                return t ? t.value : e;
                              });
                              o({ selectedCats: t });
                            },
                            className: "frhd__category-select-multiple",
                            placeholder: (0, t.__)("Type a category name"),
                          });
                        }, null),
                        "grid6" === k
                          ? (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(
                                s.__experimentalNumberControl,
                                {
                                  label: (0, t.__)("Posts Per Column:"),
                                  value: f,
                                  onChange: (e) => o({ grid6postsPerCol: e }),
                                  min: "1",
                                  className:
                                    "frhd__component frhd__component-width-90",
                                },
                              ),
                            )
                          : "grid7" === k
                            ? (0, a.createElement)(
                                a.Fragment,
                                null,
                                (0, a.createElement)(
                                  s.__experimentalNumberControl,
                                  {
                                    label: (0, t.__)("Posts Per Column:"),
                                    value: g,
                                    onChange: (e) => o({ grid7postsPerCol: e }),
                                    min: "1",
                                    className:
                                      "frhd__component frhd__component-width-90",
                                  },
                                ),
                              )
                            : (0, a.createElement)(
                                s.__experimentalNumberControl,
                                {
                                  label: (0, t.__)("Posts Per Column:"),
                                  value: _,
                                  onChange: (e) => o({ postsPerCol: e }),
                                  min: "1",
                                  className:
                                    "frhd__component frhd__component-width-90",
                                },
                              ),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Posts Per Page:"),
                          value: h,
                          onChange: (e) => o({ postsPerPage: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Total Post:"),
                          value: u,
                          onChange: (e) => o({ totalPost: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__component-wrap" },
                          (0, a.createElement)(s.ToggleControl, {
                            label: b
                              ? "Show Current Post :"
                              : "Hide Current Post :",
                            checked: b,
                            onChange: (e) => o({ hasCurrentPost: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(
                            s.Tooltip,
                            {
                              text: "This editor page may need to reload if you change the SLIDER LOOP.",
                              delay: 100,
                              className: "frhd__com-tt-help",
                            },
                            (0, a.createElement)(s.Icon, {
                              icon: "editor-help",
                            }),
                          ),
                        ),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post By:"),
                          value: x,
                          options: [
                            {
                              value: null,
                              label: "Select a parameter:",
                              disabled: !0,
                            },
                            { label: "None", value: "none" },
                            { label: "ID", value: "ID" },
                            { label: "Author", value: "author" },
                            { label: "Title", value: "title" },
                            { label: "Type", value: "type" },
                            { label: "Date", value: "date" },
                            { label: "Modified", value: "modified" },
                            { label: "Parent", value: "parent" },
                            { label: "Random", value: "rand" },
                            { label: "Comment Count", value: "comment_count" },
                            { label: "Relevance", value: "relevance" },
                            { label: "Menu Order", value: "menu_order" },
                          ],
                          onChange: (e) => o({ postOrderBy: e }),
                          className: "frhd__component",
                          __nextHasNoMarginBottom: !1,
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post Order:"),
                          help: "Designates the ascending or descending order of the post query.",
                          value: v,
                          options: [
                            {
                              value: null,
                              label: "Select a post order:",
                              disabled: !0,
                            },
                            { label: "Ascending", value: "asc" },
                            { label: "Descending", value: "desc" },
                          ],
                          onChange: (e) => o({ postOrder: e }),
                          className: "frhd__component",
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Thumbnail Size:"),
                          value: w,
                          options: [
                            {
                              value: null,
                              label: "Select a thumbnail size:",
                              disabled: !0,
                            },
                            { label: "Thumbnail", value: "thumbnail" },
                            { label: "Medium", value: "medium" },
                            { label: "Medium Large", value: "medium_large" },
                            { label: "Large", value: "large" },
                            { label: "Full", value: "full" },
                          ],
                          onChange: (e) => o({ postThumbSize: e }),
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post Title HTML Tag:"),
                          value: C,
                          options: [
                            {
                              value: null,
                              label: "Select a tag:",
                              disabled: !0,
                            },
                            { label: "H1", value: "h1" },
                            { label: "H2", value: "h2" },
                            { label: "H3", value: "h3" },
                            { label: "H4", value: "h4" },
                            { label: "H5", value: "h5" },
                            { label: "H6", value: "h6" },
                          ],
                          onChange: (e) => o({ postTitleTag: e }),
                          className: "frhd__component",
                        }),
                        (0, a.createElement)(s.TextControl, {
                          label: (0, t.__)("Read More Button Text"),
                          value: E,
                          onChange: (e) => o({ readMoreBtnText: e }),
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: "Post Image Linked:",
                          checked: Be,
                          onChange: (e) => o({ hasLinkInimage: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__component-wrap" },
                          (0, a.createElement)(s.ToggleControl, {
                            label: "Linked Complete Box :",
                            checked: y,
                            onChange: (e) => o({ hasCompLinked: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(
                            s.Tooltip,
                            {
                              text: "Linked full column when you turn on this.",
                              delay: 100,
                            },
                            (0, a.createElement)(s.Icon, {
                              icon: "editor-help",
                            }),
                          ),
                        ),
                        (0, a.createElement)(s.ToggleControl, {
                          label: "Post Link Open New Tab:",
                          checked: Te,
                          onChange: (e) => o({ hasLinkNewTab: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: Le ? "No follow link:" : "Follow link:",
                          checked: Le,
                          onChange: (e) => o({ hasNofollowLink: e }),
                          className: "frhd__component-diff",
                        }),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Appearance"),
                          icon: i.layerMask,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-global",
                        },
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post Layout :"),
                          value: k,
                          options: [
                            {
                              value: null,
                              label: "Select a post layout",
                              disabled: !0,
                            },
                            { label: "Grid 1", value: "grid1" },
                            { label: "Grid 2", value: "grid2" },
                            { label: "Grid 3", value: "grid3" },
                            { label: "Grid 4", value: "grid4" },
                            { label: "Grid 5", value: "grid5" },
                            { label: "Grid 6", value: "grid6" },
                            { label: "Grid 7", value: "grid7" },
                            { label: "Grid 8", value: "grid8" },
                            { label: "Grid 9", value: "grid9" },
                            { label: "Grid 10", value: "grid10" },
                          ],
                          onChange: (e) => o({ postLayout: e }),
                          className: "frhd__component-width-90 frhd-pro-compo",
                        }),
                        (0, a.createElement)(s.__experimentalUnitControl, {
                          label: (0, t.__)("Set maximum width of this block:"),
                          onChange: (e) => o({ maxWidth: e }),
                          isUnitSelectTabbable: !0,
                          value: $,
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(
                          "label",
                          {
                            for: "radiogroup-component",
                            className: "frhd__label-for-radiogroup",
                          },
                          "Content Alignment :",
                        ),
                        (0, a.createElement)(
                          s.__experimentalRadioGroup,
                          {
                            onChange: (e) => o({ contentAlign: e }),
                            defaultChecked: S,
                            label: "align",
                            className: "frhd__component",
                          },
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "left" },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                height: "1em",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M288 64c0 17.7-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32H256c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",
                              }),
                            ),
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "center" },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                height: "1em",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z",
                              }),
                            ),
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "right" },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                height: "1em",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M448 64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",
                              }),
                            ),
                          ),
                        ),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Column Gap :"),
                          value: P,
                          onChange: (e) => o({ columnGap: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Row Gap :"),
                          value: M,
                          onChange: (e) => o({ rowGap: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__component-wrap" },
                          (0, a.createElement)(s.ToggleControl, {
                            label: N
                              ? "Equal height on :"
                              : "Equal height off :",
                            checked: N,
                            onChange: (e) => o({ hasEqualHeight: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(
                            s.Tooltip,
                            {
                              text: "This editor page may need to reload if you change the SLIDER LOOP.",
                              delay: 100,
                            },
                            (0, a.createElement)(s.Icon, {
                              icon: "editor-help",
                            }),
                          ),
                        ),
                        (0, a.createElement)(s.__experimentalUnitControl, {
                          label: (0, t.__)("Image Height:"),
                          onChange: (e) => o({ equalHeight: e }),
                          isUnitSelectTabbable: !0,
                          value: H,
                          className: N
                            ? "frhd__component frhd__component-width-90"
                            : "frhd__menu-hide",
                        }),
                        (0, a.createElement)(s.__experimentalUnitControl, {
                          label: (0, t.__)("Round Corner Size :"),
                          onChange: (e) => o({ roundedCornerSize: e }),
                          isUnitSelectTabbable: !0,
                          value: T,
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Excerpt Word Count :"),
                          value: B,
                          onChange: (e) => o({ excerptWordCount: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Pagination"),
                          icon: i.segmentedNav,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-pagination",
                        },
                        (0, a.createElement)(s.ToggleControl, {
                          label: F ? "Show Pagination :" : "Hide Pagination :",
                          checked: F,
                          onChange: (e) => o({ hasPagination: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__component-wrap" },
                          (0, a.createElement)(s.ToggleControl, {
                            label: I
                              ? "Show Prev/Next Button :"
                              : "Hide Prev/Next Button :",
                            checked: I,
                            onChange: (e) => o({ hasPagPrevNextBtn: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(
                            s.Tooltip,
                            {
                              text: "This editor page may need to reload if you change the SLIDER LOOP.",
                              delay: 100,
                            },
                            (0, a.createElement)(s.Icon, {
                              icon: "editor-help",
                            }),
                          ),
                        ),
                        I
                          ? (0, a.createElement)(
                              a.Fragment,
                              null,
                              "  ",
                              (0, a.createElement)(s.TextControl, {
                                label: (0, t.__)("Previous Button Text"),
                                value: Z,
                                onChange: (e) => o({ pagPrevBtnText: e }),
                              }),
                              (0, a.createElement)(s.TextControl, {
                                label: (0, t.__)("Next Button Text"),
                                value: O,
                                onChange: (e) => o({ pagNextBtnText: e }),
                              }),
                            )
                          : (0, a.createElement)(a.Fragment, null),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__component-wrap" },
                          (0, a.createElement)(s.ToggleControl, {
                            label: D
                              ? "On Page Loading On :"
                              : "On Page Loading Off :",
                            checked: D,
                            onChange: (e) => o({ onLoadPagin: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(
                            s.Tooltip,
                            {
                              text: "This editor page may need to reload if you change the SLIDER LOOP.",
                              delay: 100,
                            },
                            (0, a.createElement)(s.Icon, {
                              icon: "editor-help",
                            }),
                          ),
                        ),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Content Visibility"),
                          icon: i.viewContent,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-visibility",
                        },
                        (0, a.createElement)(s.ToggleControl, {
                          label: R ? "Show Post Image :" : "Hide Post Image :",
                          checked: R,
                          onChange: (e) => o({ showPostImg: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: V ? "Show Post Title :" : "Hide Post Title :",
                          checked: V,
                          onChange: (e) => o({ showPostTitle: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: j
                            ? "Show Post Author :"
                            : "Hide Post Author :",
                          checked: j,
                          onChange: (e) => o({ showPostAuth: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: U ? "Show Post Date :" : "Hide Post Date :",
                          checked: U,
                          onChange: (e) => o({ showPostDate: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: W
                            ? "Show Post Comment :"
                            : "Hide Post Comment :",
                          checked: W,
                          onChange: (e) => o({ showPostComment: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: G
                            ? "Show Post View Count :"
                            : "Hide Post View Count :",
                          checked: G,
                          onChange: (e) => o({ showPostViewCount: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: q
                            ? "Show Post Taxonomy :"
                            : "Hide Post Taxonomy :",
                          checked: q,
                          onChange: (e) => o({ showPostTaxonomy: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: K
                            ? "Show Post Excerpt :"
                            : "Hide Post Excerpt :",
                          checked: K,
                          onChange: (e) => o({ showPostExcerpt: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: Y
                            ? "Show Post Button :"
                            : "Hide Post Button :",
                          checked: Y,
                          onChange: (e) => o({ showPostButton: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: J
                            ? "Show Post Reading Time :"
                            : "Hide Post Reading Time :",
                          checked: J,
                          onChange: (e) => o({ showPostReadTime: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: Q
                            ? "Show Post Love React :"
                            : "Hide Post Love React :",
                          checked: Q,
                          onChange: (e) => o({ showPostLoveReact: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: n.showSocialShare
                            ? "Show Social Share :"
                            : "Hide Social Share :",
                          checked: n.showSocialShare,
                          onChange: (e) => o({ showSocialShare: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: n.showCommentBadge
                            ? "Show Comment Badge :"
                            : "Hide Comment Badge :",
                          checked: n.showCommentBadge,
                          onChange: (e) => o({ showCommentBadge: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: n.showCopyLink
                            ? "Show Copy Link :"
                            : "Hide Copy Link :",
                          checked: n.showCopyLink,
                          onChange: (e) => o({ showCopyLink: e }),
                          className: "frhd__component-diff",
                        }),
                      ),
                    ),
                  "tab2" === Ve &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Colors"),
                          icon: i.paintBoard,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-colors",
                        },
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Body Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: X,
                          onChange: (e) => o({ postBodyColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Border Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: ee,
                          onChange: (e) => o({ postBodyBorderColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Taxonomy Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: te,
                          onChange: (e) => o({ taxonomyColor: e }),
                          clearable: !1,
                        }),
                        "grid1" === k
                          ? (0, a.createElement)(
                              a.Fragment,
                              null,
                              " ",
                              (0, a.createElement)(
                                s.__experimentalHeading,
                                { className: "frhd__pb-heading" },
                                "Taxonomy Background Color :",
                              ),
                              (0, a.createElement)(l.ColorPalette, {
                                value: ne,
                                onChange: (e) => o({ taxonomyBGcolor: e }),
                                clearable: !1,
                              }),
                            )
                          : (0, a.createElement)(a.Fragment, null),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Taxonomy Prefix Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: ae,
                          onChange: (e) => o({ taxonomyPrecolor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Title Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: oe,
                          onChange: (e) => o({ postTitleColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Meta Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: re,
                          onChange: (e) => o({ postMetaColor: e }),
                          clearable: !1,
                        }),
                        "grid2" === k || "grid5" === k
                          ? (0, a.createElement)(
                              a.Fragment,
                              null,
                              " ",
                              (0, a.createElement)(
                                s.__experimentalHeading,
                                { className: "frhd__pb-heading" },
                                "Post Date Background Color :",
                              ),
                              (0, a.createElement)(l.ColorPalette, {
                                value: ie,
                                onChange: (e) => o({ postDateBGColor: e }),
                                clearable: !1,
                              }),
                            )
                          : (0, a.createElement)(a.Fragment, null),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Meta Icon Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: le,
                          onChange: (e) => o({ postMetaIconColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Description Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: se,
                          onChange: (e) => o({ postDescColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Author Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: ce,
                          onChange: (e) => o({ postAuthorColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Button Text Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: de,
                          onChange: (e) => o({ postBtnTextColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Button Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: pe,
                          onChange: (e) => o({ postBtnColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Button Text - Hover Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: me,
                          onChange: (e) => o({ hoverBtnTextColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Button - Hover Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: he,
                          onChange: (e) => o({ hoverBtnColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Reading Time Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: ge,
                          onChange: (e) => o({ readingTimeColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Reading Time Icon Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: fe,
                          onChange: (e) => o({ readingTimeIconColor: e }),
                          clearable: !1,
                        }),
                        n.showCommentBadge ? (0, a.createElement)(
                            a.Fragment,
                            null,
                            (0, a.createElement)(s.__experimentalHeading, { className: "frhd__pb-heading" }, "Comment Badge BG Color :"),
                            (0, a.createElement)(l.ColorPalette, {
                              value: n.commentBadgeColor,
                              onChange: (e) => o({ commentBadgeColor: e }),
                              clearable: false,
                            }),
                            (0, a.createElement)(s.__experimentalHeading, { className: "frhd__pb-heading" }, "Comment Badge Text Color :"),
                            (0, a.createElement)(l.ColorPalette, {
                              value: n.commentBadgeTextColor,
                              onChange: (e) => o({ commentBadgeTextColor: e }),
                              clearable: false,
                            }),
                            (0, a.createElement)(s.__experimentalHeading, { className: "frhd__pb-heading" }, "Comment Badge Hover Color :"),
                            (0, a.createElement)(l.ColorPalette, {
                              value: n.commentBadgeHoverColor,
                              onChange: (e) => o({ commentBadgeHoverColor: e }),
                              clearable: false,
                            })
                          ) : null,
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Pagination Number Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: _e,
                          onChange: (e) => o({ paginationNumColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Pagination Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: ue,
                          onChange: (e) => o({ paginationBGColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Pagination Active Number Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: be,
                          onChange: (e) => o({ pagiActiveNumColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Pagination Active Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: xe,
                          onChange: (e) => o({ pagiActiveBGColor: e }),
                          clearable: !1,
                        }),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Typography"),
                          icon: i.textSmallcaps,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-typography",
                        },
                        (0, a.createElement)(va, {
                          title: "Post Title",
                          inputType: "PostTitleTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        (0, a.createElement)(va, {
                          title: "Post Excerpt",
                          inputType: "PostDescriptionTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        (0, a.createElement)(va, {
                          title: "Post Meta",
                          inputType: "PostMetaTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        (0, a.createElement)(va, {
                          title: "Post Category",
                          inputType: "PostCategoryTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        (0, a.createElement)(va, {
                          title: "Post Button",
                          inputType: "PostButtonTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        (0, a.createElement)(va, {
                          title: "Post Author",
                          inputType: "PostAuthorTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                        (0, a.createElement)(va, {
                          title: "Post Pagination",
                          inputType: "PostPaginationTypo",
                          attributes: n,
                          setAttributes: o,
                        }),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Animation On Hover"),
                          icon: i.acceleration,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-pagination",
                        },
                        (0, a.createElement)(s.SelectControl, {
                          label: "Post Column",
                          value: Me,
                          options: [
                            { label: "No Animation", value: "" },
                            {
                              label: "Zoom In",
                              value: "frhd-post-item-zoomin",
                            },
                            {
                              label: "Zoom Out",
                              value: "frhd-post-item-zoomout",
                            },
                            {
                              label: "Opacity",
                              value: "frhd-post-item-opacity",
                            },
                            { label: "Rotate", value: "frhd-post-item-rotate" },
                          ],
                          onChange: (e) => o({ postItemAnimation: e }),
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: "Feature Image",
                          value: Ne,
                          options: [
                            { label: "No Animation", value: "" },
                            { label: "Zoom In", value: "frhd-post-img-zoomin" },
                            {
                              label: "Zoom Out",
                              value: "frhd-post-img-zoomout",
                            },
                            {
                              label: "Opacity",
                              value: "frhd-post-img-opacity",
                            },
                            { label: "Rotate", value: "frhd-post-img-rotate" },
                            {
                              label: "Gray Scale",
                              value: "frhd-post-img-gray",
                            },
                            { label: "Sepia", value: "frhd-post-img-sepia" },
                            { label: "Shine", value: "frhd-post-img-shine" },
                          ],
                          onChange: (e) => o({ postImageAnimation: e }),
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: "Post Button",
                          value: He,
                          options: [
                            { label: "No Animation", value: "" },
                            { label: "Rotate", value: "frhd-post-btn-rotate" },
                            {
                              label: "Tranform Up",
                              value: "frhd-post-btn-transform",
                            },
                            { label: "Fill Up", value: "frhd-post-btn-fillup" },
                            { label: "Shake", value: "frhd-post-btn-shake" },
                          ],
                          onChange: (e) => o({ postButtonAnimation: e }),
                        }),
                      ),
                    ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...Oe },
                (0, a.createElement)(c.RawHTML, null, `<style>${tt}</style>`),
                Array.isArray(Ue) && 0 !== Ue.length
                  ? (0, a.createElement)(
                      "div",
                      {
                        id: `frhd__block-id-${r}`,
                        class: "frhd__post-block-wrapper",
                      },
                      (() => {
                        switch (k) {
                          case "grid1":
                            return (0, a.createElement)(sa, {
                              showPostViewCount: G,
                              postButtonAnimation: He,
                              postItemAnimation: Me,
                              postImageAnimation: Ne,
                              getCategoryById: Qe,
                              readMoreBtnText: E,
                              icons: i,
                              posts: Ue,
                              excerptWordCount: B,
                              showPostImg: R,
                              calculateReadingTime: Xe,
                              showSocialShare: n.showSocialShare,
                              showCommentBadge: n.showCommentBadge,
                              commentBadgeColor: n.commentBadgeColor,
                              commentBadgeTextColor: n.commentBadgeTextColor,
                              commentBadgeHoverColor: n.commentBadgeHoverColor,
                              showCopyLink: n.showCopyLink,

                            });
                          case "grid2":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(ca, {
                                showPostViewCount: G,
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid3":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(da, {
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid4":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(ma, {
                                showPostViewCount: G,
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid5":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(ha, {
                                showPostViewCount: G,
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid6":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(ga, {
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid7":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(fa, {
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid8":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(_a, {
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid9":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(ua, {
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                postBtnColor: pe,
                                calculateReadingTime: Xe,
                              }),
                            );
                          case "grid10":
                            return (0, a.createElement)(
                              a.Fragment,
                              null,
                              (0, a.createElement)(ba, {
                                postButtonAnimation: He,
                                postItemAnimation: Me,
                                postImageAnimation: Ne,
                                getCategoryById: Qe,
                                readMoreBtnText: E,
                                icons: i,
                                posts: Ue,
                                excerptWordCount: B,
                                showPostImg: R,
                                postBtnColor: pe,
                                calculateReadingTime: Xe,
                              }),
                            );
                          default:
                            return null;
                        }
                      })(),
                      F
                        ? (0, a.createElement)(
                            "div",
                            { class: "frhd__paginate" },
                            I
                              ? (0, a.createElement)(
                                  "span",
                                  { class: "page-numbers" },
                                  Z,
                                )
                              : (0, a.createElement)(a.Fragment, null),
                            (0, a.createElement)(
                              "span",
                              { class: "page-numbers current" },
                              "1",
                            ),
                            (0, a.createElement)(
                              "span",
                              { class: "page-numbers", href: "#" },
                              "2",
                            ),
                            (0, a.createElement)(
                              "span",
                              { class: "page-numbers", href: "#" },
                              "3",
                            ),
                            I
                              ? (0, a.createElement)(
                                  "span",
                                  { class: "next page-numbers", href: "#" },
                                  O,
                                )
                              : (0, a.createElement)(a.Fragment, null),
                          )
                        : (0, a.createElement)(a.Fragment, null),
                    )
                  : (0, a.createElement)("div", { ...Oe }, "No posts found"),
              ),
            ];
          },
          save: () => null,
        },
        {
          name: "fancypost/post-grid-interactive",
          title: (0, t.__)("Post Grid Interactive"),
          description: (0, t.__)("Block showing post grid interactive."),
          icon: {
            src: i.postInteractive,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("posts"),
            (0, t.__)("grid"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: () => {
            const e = (0, l.useBlockProps)();
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Heading Effect Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(
                      "p",
                      null,
                      "This block is part of our advanced features set and is available exclusively to upgraded users. Please upgrade to access and use this feature. ",
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://pluginic.com/plugins/gutenberg-post-blocks/?ref=100",
                        },
                        "Read more →",
                      ),
                    ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...e },
                (0, a.createElement)(
                  "div",
                  { className: "frhd-pro-block" },
                  (0, a.createElement)(
                    c.RawHTML,
                    null,
                    "<style>.frhd-pro-block {\n        background-color: #8ab04f;\n        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n        color: #fff;\n        text-align: center;\n        padding: 20px;\n    }\n    .frhd-pro-block a {\n        display: block;\n        background: #000;\n        width: fit-content;\n        color: #fff;\n        margin: 15px auto 0;\n        padding: 5px 15px;\n        border-radius: 4px;\n        text-decoration: none;\n        transition: .3s;\n        border: 2px solid transparent;\n    }\n    .frhd-pro-block a:hover {\n        border-color: #000;\n        background: #FFC107;\n        color: #000;\n    }</style>",
                  ),
                  (0, a.createElement)(
                    "p",
                    null,
                    "This block is part of our advanced features set and is available exclusively to upgraded users. Please upgrade to access and use this feature. ",
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/?ref=100",
                      },
                      "Read more →",
                    ),
                  ),
                ),
              ),
            ];
          },
          save: () => null,
        },
        {
          name: "fancypost/post-list",
          title: "Post List",
          description: (0, t.__)("Block showing a list of posts."),
          icon: {
            src: i.postList,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("posts"),
            (0, t.__)("list"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              thePostType: d,
              theCategories: p,
              selectedCats: m,
              postsPerPage: h,
              postsPerCol: g,
              totalPost: f,
              hasCurrentPost: _,
              postOrderBy: u,
              postOrder: b,
              postThumbSize: x,
              hasCompLinked: v,
              postTitleTag: w,
              readMoreBtnText: y,
              postLayout: C,
              maxWidth: E,
              contentAlign: k,
              columnGap: $,
              rowGap: S,
              hasEqualHeight: P,
              equalHeight: M,
              roundedCornerSize: N,
              excerptWordCount: H,
              paginationType: T,
              paginAlign: B,
              paginationLimit: L,
              hasPagination: z,
              hasPagPrevNextBtn: A,
              pagPrevBtnText: F,
              pagNextBtnText: I,
              onLoadPagin: Z,
              showPostImg: O,
              showPostTitle: D,
              showPostAuth: R,
              showPostDate: V,
              showPostComment: j,
              showPostViewCount: U,
              showPostTaxonomy: W,
              showPostExcerpt: G,
              showPostButton: q,
              showPostReadTime: K,
              showPostLoveReact: Y,
              postBodyColor: J,
              taxonomyColor: Q,
              taxonomyBGcolor: X,
              taxonomyPrecolor: ee,
              postTitleColor: te,
              postMetaColor: ne,
              postDateBGColor: ae,
              postMetaIconColor: oe,
              postDescColor: re,
              postAuthorColor: ie,
              postBtnTextColor: le,
              postBtnColor: se,
              hoverBtnTextColor: ce,
              hoverBtnColor: de,
              readingTimeColor: pe,
              readingTimeIconColor: me,
              paginationNumColor: he,
              paginationBGColor: ge,
              pagiActiveNumColor: fe,
              pagiActiveBGColor: _e,
              OverlayColor: ue,
              OverlayOpacity: be,
              PostTitleTypo: xe,
              PostDescriptionTypo: ve,
              PostMetaTypo: we,
              PostCategoryTypo: ye,
              PostButtonTypo: Ce,
              PostAuthorTypo: Ee,
              PostPaginationTypo: ke,
              SectionHeading: $e,
              SectionSubHeading: Se,
              postItemAnimation: Pe,
              postImageAnimation: Me,
              postButtonAnimation: Ne,
              hasLinkNewTab: He,
              hasLinkInimage: Te,
              hasNofollowLink: Be,
            } = n;
            let Le = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhd_pb-" + Le });
            const ze = c.Platform.select({
                web: (0, a.createElement)(
                  "a",
                  {
                    href: "https://demo.pluginic.com/post-block/",
                    target: "_blank",
                  },
                  "See all demo",
                ),
              }),
              Ae =
                (c.Platform.select({
                  web: (0, a.createElement)(
                    "div",
                    { class: "frhd__pro-tag" },
                    (0, a.createElement)("h4", null, "Post Query:"),
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/",
                        target: "_blank",
                      },
                      "Pro.",
                    ),
                  ),
                }),
                c.Platform.select({
                  web: (0, a.createElement)(
                    "div",
                    { class: "frhd__pro-tag" },
                    (0, a.createElement)("h4", null, "Love React"),
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/",
                        target: "_blank",
                      },
                      "Pro.",
                    ),
                  ),
                }),
                c.Platform.select({
                  web: (0, a.createElement)(
                    "div",
                    { class: "frhd__pro-tag" },
                    (0, a.createElement)("h4", null, "On Page Loading"),
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/",
                        target: "_blank",
                      },
                      "Pro.",
                    ),
                  ),
                }),
                c.Platform.select({
                  web: (0, a.createElement)(
                    "div",
                    { class: "frhd__pro-tag" },
                    (0, a.createElement)("h4", null, "Select Font Family:"),
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/",
                        target: "_blank",
                      },
                      "Pro.",
                    ),
                  ),
                }),
                (0, l.useBlockProps)());
            let Fe = {
                status: "publish",
                post_type: d,
                per_page: h,
                orderby: u,
                order: b,
              },
              Ie = "";
            m &&
              m.length > 0 &&
              ((Fe.categories = m),
              (Ie = `&categories=${Fe.categories.join(",")}`));
            const [Ze, Oe] = (0, c.useState)("tab1"),
              [De, Re] = (0, c.useState)([]),
              [Ve, je] = (0, c.useState)(!0),
              [Ue, We] = (0, c.useState)(""),
              Ge = `${window.location.origin}/wp-json/wp/v2/${Fe.post_type}?status=${Fe.status}&per_page=${Fe.per_page}${Ie}&orderby=${Fe.orderby}&order=${Fe.order}&_embed`;
            if (
              ((0, c.useEffect)(() => {
                !(async function () {
                  try {
                    const e = await fetch(Ge),
                      t = await e.json();
                    (Re(t || []), je(!1));
                  } catch (e) {
                    (console.error("API Error:", e), We(e.message), je(!1));
                  }
                })();
              }, [d, m, h, u, b]),
              Ve)
            )
              return (0, a.createElement)(
                "div",
                {
                  style: {
                    display: "flex",
                    justifyContent: "center",
                    alignItems: "center",
                  },
                },
                (0, a.createElement)(s.Spinner, null),
              );
            if (Ue) return (0, a.createElement)("div", null, "Error: ", Ue);
            const qe = (e) => {
              Oe(e);
            };
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  "div",
                  { className: "frhd-tab-header" },
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => qe("tab1"),
                      className: "tab1" === Ze ? "active" : "",
                    },
                    "Settings",
                  ),
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => qe("tab2"),
                      className: "tab2" === Ze ? "active" : "",
                    },
                    "Styles",
                  ),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "tab-content" },
                  "tab1" === Ze &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Query"),
                          icon: i.databaseSettings,
                          initialOpen: !0,
                          className: "frhd__control frhd__control-query",
                        },
                        (0, a.createElement)(function () {
                          const { useSelect: e } = wp.data,
                            t = e((e) => {
                              const t = e("core").getPostTypes({
                                per_page: -1,
                              });
                              return t
                                ? t.filter(
                                    (e) =>
                                      ![
                                        "attachment",
                                        "nav_menu_item",
                                        "wp_block",
                                        "wp_template",
                                        "wp_template_part",
                                        "wp_navigation",
                                      ].includes(e.slug),
                                  )
                                : [];
                            }, []);
                          return (0, a.createElement)(s.SelectControl, {
                            label: "Post Type List:",
                            value: d,
                            options: t.map((e) =>
                              e && e.name && e.rest_base
                                ? { label: e.name, value: e.rest_base }
                                : null,
                            ),
                            onChange: (e) => o({ thePostType: e }),
                          });
                        }, null),
                        (0, a.createElement)(() => {
                          const { useSelect: e } = wp.data,
                            n = e(
                              (e) =>
                                e("core").getEntityRecords(
                                  "taxonomy",
                                  "category",
                                  { per_page: -1 },
                                ),
                              [],
                            );
                          if (!n) return null;
                          const r = n.map((e) => ({
                            label: e.name,
                            value: e.id.toString(),
                          }));
                          return (0, a.createElement)(s.FormTokenField, {
                            multiple: !0,
                            label: "Category List:",
                            value: p,
                            suggestions: r.map((e) => e.label),
                            maxSuggestions: 10,
                            onChange: (e) => {
                              o({ theCategories: e });
                              const t = e.map((e) => {
                                const t = r.find((t) => t.label === e);
                                return t ? t.value : e;
                              });
                              o({ selectedCats: t });
                            },
                            className: "frhd__category-select-multiple",
                            placeholder: (0, t.__)("Type a category name"),
                          });
                        }, null),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Posts Per Page:"),
                          value: h,
                          onChange: (e) => o({ postsPerPage: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Total Post:"),
                          value: f,
                          onChange: (e) => o({ totalPost: e }),
                          min: "1",
                          className: "frhd__component frhd__component-width-90",
                        }),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__component-wrap" },
                          (0, a.createElement)(s.ToggleControl, {
                            label: _
                              ? "Show Current Post :"
                              : "Hide Current Post :",
                            checked: _,
                            onChange: (e) => o({ hasCurrentPost: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(
                            s.Tooltip,
                            {
                              text: "This editor page may need to reload if you change the SLIDER LOOP.",
                              delay: 100,
                              className: "frhd__com-tt-help",
                            },
                            (0, a.createElement)(s.Icon, {
                              icon: "editor-help",
                            }),
                          ),
                        ),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post By:"),
                          value: u,
                          options: [
                            {
                              value: null,
                              label: "Select a parameter:",
                              disabled: !0,
                            },
                            { label: "None", value: "none" },
                            { label: "ID", value: "ID" },
                            { label: "Author", value: "author" },
                            { label: "Title", value: "title" },
                            { label: "Type", value: "type" },
                            { label: "Date", value: "date" },
                            { label: "Modified", value: "modified" },
                            { label: "Parent", value: "parent" },
                            { label: "Random", value: "rand" },
                            { label: "Comment Count", value: "comment_count" },
                            { label: "Relevance", value: "relevance" },
                            { label: "Menu Order", value: "menu_order" },
                          ],
                          onChange: (e) => o({ postOrderBy: e }),
                          className: "frhd__component",
                          __nextHasNoMarginBottom: !1,
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post Order:"),
                          help: "Designates the ascending or descending order of the post query.",
                          value: b,
                          options: [
                            {
                              value: null,
                              label: "Select a post order:",
                              disabled: !0,
                            },
                            { label: "Ascending", value: "asc" },
                            { label: "Descending", value: "desc" },
                          ],
                          onChange: (e) => o({ postOrder: e }),
                          className: "frhd__component",
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Thumbnail Size:"),
                          value: x,
                          options: [
                            {
                              value: null,
                              label: "Select a thumbnail size:",
                              disabled: !0,
                            },
                            { label: "Thumbnail", value: "thumbnail" },
                            { label: "Medium", value: "medium" },
                            { label: "Medium Large", value: "medium_large" },
                            { label: "Large", value: "large" },
                            { label: "Full", value: "full" },
                          ],
                          onChange: (e) => o({ postThumbSize: e }),
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post Title HTML Tag:"),
                          value: w,
                          options: [
                            {
                              value: null,
                              label: "Select a tag:",
                              disabled: !0,
                            },
                            { label: "H1", value: "h1" },
                            { label: "H2", value: "h2" },
                            { label: "H3", value: "h3" },
                            { label: "H4", value: "h4" },
                            { label: "H5", value: "h5" },
                            { label: "H6", value: "h6" },
                          ],
                          onChange: (e) => o({ postTitleTag: e }),
                          className: "frhd__component",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: "Post Image Linked:",
                          checked: Te,
                          onChange: (e) => o({ hasLinkInimage: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: "Post Link Open New Tab:",
                          checked: He,
                          onChange: (e) => o({ hasLinkNewTab: e }),
                          className: "frhd__component-diff",
                        }),
                        (0, a.createElement)(s.ToggleControl, {
                          label: Be ? "No follow link:" : "Follow link:",
                          checked: Be,
                          onChange: (e) => o({ hasNofollowLink: e }),
                          className: "frhd__component-diff",
                        }),
                      ),
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Appearance"),
                          icon: i.paintBoard,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-global",
                        },
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Post Layout:"),
                          help: ze,
                          value: C,
                          options: [
                            {
                              value: null,
                              label: "Select a post layout",
                              disabled: !0,
                            },
                            { label: "Grid 1", value: "grid1" },
                            { label: "Grid 2", value: "grid2" },
                            { label: "Grid 3", value: "grid3" },
                            { label: "Grid 4", value: "grid4" },
                            { label: "Grid 5", value: "grid5" },
                            { label: "Grid 6", value: "grid6" },
                          ],
                          onChange: (e) => o({ postLayout: e }),
                          className: "frhd__component-width-90",
                        }),
                        (0, a.createElement)(s.__experimentalUnitControl, {
                          label: (0, t.__)("Set maximum width of this block:"),
                          onChange: (e) => o({ maxWidth: e }),
                          isUnitSelectTabbable: !0,
                          value: E,
                          className: "frhd__component frhd__component-width-90",
                        }),
                      ),
                    ),
                  "tab2" === Ze &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(s.PanelBody, {
                        title: (0, t.__)("Colors"),
                        icon: i.databaseSettings,
                        initialOpen: !0,
                        className: "frhd__control frhd__control-colors",
                      }),
                    ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...Ae },
                Array.isArray(De) && 0 !== De.length
                  ? (0, a.createElement)(
                      "div",
                      { className: "frhd__post-block-wrapper postList" },
                      (0, a.createElement)(wa, { posts: De, icons: i }),
                    )
                  : (0, a.createElement)("div", { ...Ae }, "No posts found"),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const { text: t } = e;
            return (0, a.createElement)(
              "div",
              { className: "class-example" },
              t,
            );
          },
        },
        {
          name: "fancypost/post-group",
          title: "Post Group",
          description: (0, t.__)("Block showing a group of posts."),
          icon: {
            src: i.postGroup,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("posts"),
            (0, t.__)("grid"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: o, setAttributes: r }) => {
            const {
              id: i,
              groupImage: d,
              groupImageObj: p,
              groupImageSize: m,
              isEqualHeight: h,
              groupImageHeight: g,
              theCategories: f,
              selectedCats: _,
              groupTitle: u,
              postsPerPage: b,
              titleWordCount: x,
            } = o;
            let v = e.slice(e.lastIndexOf("-") + 1);
            r({ id: "frhdpg-" + v });
            const w = (0, l.useBlockProps)(),
              y = [
                [
                  "core/group",
                  { tagName: "section" },
                  [
                    [
                      "core/columns",
                      {
                        verticalAlignment: "center",
                        className: "frhd__pg-cols",
                      },
                      [
                        [
                          "core/column",
                          { width: "33.333%", className: "frhd__pg-col" },
                          [
                            ["core/image", { url: n(237), align: "center" }],
                            [
                              "core/heading",
                              {
                                content: "Group Name",
                                level: 4,
                                placeholder: "Write a group heading..",
                                textAlign: "center",
                              },
                            ],
                            ["core/latest-posts", {}],
                            [
                              "core/buttons",
                              {},
                              [
                                [
                                  "core/button",
                                  {
                                    text: "View All Posts",
                                    url: "#",
                                    rel: "nofollow",
                                  },
                                ],
                              ],
                            ],
                          ],
                        ],
                        [
                          "core/column",
                          { width: "33.333%", className: "frhd__pg-col" },
                          [
                            ["core/image", { url: n(237), align: "center" }],
                            [
                              "core/heading",
                              {
                                content: "Group Name",
                                level: 4,
                                placeholder: "Write a group heading..",
                                textAlign: "center",
                              },
                            ],
                            ["core/latest-posts", {}],
                            [
                              "core/buttons",
                              {},
                              [
                                [
                                  "core/button",
                                  {
                                    text: "View All Posts",
                                    url: "#",
                                    rel: "nofollow",
                                  },
                                ],
                              ],
                            ],
                          ],
                        ],
                        [
                          "core/column",
                          { width: "33.333%", className: "frhd__pg-col" },
                          [
                            ["core/image", { url: n(237), align: "center" }],
                            [
                              "core/heading",
                              {
                                content: "Group Name",
                                level: 4,
                                placeholder: "Write a group heading..",
                                textAlign: "center",
                              },
                            ],
                            ["core/latest-posts", {}],
                            [
                              "core/buttons",
                              {},
                              [
                                [
                                  "core/button",
                                  {
                                    text: "View All Posts",
                                    url: "#",
                                    rel: "nofollow",
                                  },
                                ],
                              ],
                            ],
                          ],
                        ],
                      ],
                    ],
                  ],
                ],
              ];
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Global Control"),
                    icon: "admin-site-alt3",
                    initialOpen: !0,
                    className: "frhd__control",
                  },
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    null,
                    "Set one or multiple categories:",
                  ),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    null,
                    "Set a Group Title:",
                  ),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    value: u,
                    onChange: (e) => r({ groupTitle: e }),
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Total Post Show:"),
                    onChange: (e) => r({ postsPerPage: e }),
                    value: b,
                    className: "frhd__gr-width-70",
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Post Title Word Count:"),
                    onChange: (e) => r({ titleWordCount: e }),
                    value: x,
                    className: "frhd__gr-width-70",
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    null,
                    "Select a Group Image:",
                  ),
                  (0, a.createElement)(
                    l.MediaUploadCheck,
                    null,
                    (0, a.createElement)(l.MediaUpload, {
                      onSelect: (e) =>
                        r({
                          groupImageObj: e.sizes,
                          groupImage: e.sizes.full.url,
                        }),
                      allowedTypes: ["image"],
                      value: d,
                      render: ({ open: e }) =>
                        (0, a.createElement)(
                          s.Button,
                          {
                            onClick: e,
                            icon: "admin-media",
                            className: "frhd__gr-media-btn",
                          },
                          "Open Media Library",
                        ),
                    }),
                  ),
                  (0, a.createElement)(s.SelectControl, {
                    label: (0, t.__)("Group Image Size:"),
                    value: m,
                    options: [
                      {
                        value: null,
                        label: "Select a thumbnail size:",
                        disabled: !0,
                      },
                      { label: "Thumbnail", value: "thumbnail" },
                      { label: "Medium", value: "medium" },
                      { label: "Large", value: "large" },
                      { label: "Full", value: "full" },
                    ],
                    onChange: (e) => r({ groupImageSize: e }),
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: h
                      ? "Enable Custom Height."
                      : "Disable Custom Height.",
                    checked: h,
                    onChange: (e) => r({ isEqualHeight: e }),
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    isUnitSelectTabbable: !0,
                    label: (0, t.__)("Set Height:"),
                    value: g,
                    onChange: (e) => r({ groupImageHeight: e }),
                    className: h
                      ? "frhd__gr-menu-show frhd__gr-width-70"
                      : "frhd__gr-menu-hide",
                  }),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...w },
                (0, a.createElement)(
                  c.RawHTML,
                  null,
                  "<style>.frhd__pg-col {\n        position: relative;\n        background: #f5f5f5;\n        text-align: center;\n        padding: 20px 0 30px;\n        padding-top: 0;\n        box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;\n        border-radius: 10px;\n        overflow: hidden;\n    }\n    .frhd__pg-col .wp-block-image img {\n        display: block;\n        width: 100%;\n        min-height: 220px;\n        object-fit: cover;\n    }\n    .frhd__pg-col .wp-block-heading {\n        display: block;\n        margin: 20px 10px;\n        font-weight: bold;\n        color: #00334e;\n    }\n    .frhd__pg-col ul.wp-block-latest-posts__list.wp-block-latest-posts {\n        padding: 10px 20px;\n    }\n    .frhd__pg-col ul.wp-block-latest-posts__list.wp-block-latest-posts li {\n        position: relative;\n    }\n    .frhd__pg-col ul.wp-block-latest-posts__list.wp-block-latest-posts li a.wp-block-latest-posts__post-title {\n        border-bottom: 1px dashed rgb(0 51 78 / 50%);\n    }\n    .frhd__pg-col .wp-block-buttons {\n        justify-content: center;\n        margin: 0;\n    }\n    .frhd__pg-col .wp-block-buttons a.wp-block-button__link {\n        background: #5a64d0;\n        padding: 12px 28px;\n        display: inline-block;\n    }\n    .frhd__pg-col .wp-block-buttons a.wp-block-button__link:hover {\n        background: #ff798e;\n    }</style>",
                ),
                (0, a.createElement)(
                  "div",
                  { id: i, className: "frhd__post-group-wrapper" },
                  (0, a.createElement)(l.InnerBlocks, {
                    allowedBlocks: [
                      "core/group",
                      "core/columns",
                      "core/image",
                      "core/list",
                      "core/list-item",
                      "core/paragraph",
                      "core/buttons",
                      "core/button",
                    ],
                    template: y,
                  }),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
              id: t,
              groupImage: n,
              groupImageObj: o,
              groupImageSize: r,
              isEqualHeight: i,
              groupImageHeight: s,
              theCategories: d,
              selectedCats: p,
              groupTitle: m,
              postsPerPage: h,
              titleWordCount: g,
            } = e;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(
                c.RawHTML,
                null,
                "<style>.frhd__pg-col {\n        position: relative;\n        background: #f5f5f5;\n        text-align: center;\n        padding: 20px 0 30px;\n        padding-top: 0;\n        box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;\n        border-radius: 10px;\n        overflow: hidden;\n    }\n    .frhd__pg-col .wp-block-image img {\n        display: block;\n        width: 100%;\n        min-height: 220px;\n        object-fit: cover;\n    }\n    .frhd__pg-col .wp-block-heading {\n        display: block;\n        margin: 20px 10px;\n        font-weight: bold;\n        color: #00334e;\n    }\n    .frhd__pg-col ul.wp-block-latest-posts__list.wp-block-latest-posts {\n        padding: 10px 20px;\n    }\n    .frhd__pg-col ul.wp-block-latest-posts__list.wp-block-latest-posts li {\n        position: relative;\n    }\n    .frhd__pg-col ul.wp-block-latest-posts__list.wp-block-latest-posts li a.wp-block-latest-posts__post-title {\n        border-bottom: 1px dashed rgb(0 51 78 / 50%);\n    }\n    .frhd__pg-col .wp-block-buttons {\n        justify-content: center;\n        margin: 0;\n    }\n    .frhd__pg-col .wp-block-buttons a.wp-block-button__link {\n        background: #5a64d0;\n        padding: 12px 28px;\n        display: inline-block;\n    }\n    .frhd__pg-col .wp-block-buttons a.wp-block-button__link:hover {\n        background: #ff798e;\n    }</style>",
              ),
              (0, a.createElement)(
                "div",
                {
                  ...l.useBlockProps.save(),
                  id: t,
                  className: "frhd__post-group-wrapper",
                },
                (0, a.createElement)(
                  "div",
                  null,
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/post-trisec",
          title: (0, t.__)("Post Trisect"),
          icon: {
            src: i.postTrisect,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("trisect"),
            (0, t.__)("posts"),
            (0, t.__)("grid"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
                id: r,
                triPostSet: d,
                theCategories: p,
                selectedCats: m,
                postsPerPage: h,
                isReversePostSetCol: g,
                triIsFeaturedCenter: f,
                isTriCustomHeight: _,
                triCustomHeight: u,
                triColGap: b,
                triRowGap: x,
                triRoundedCorner: v,
                triExcerptSize: w,
                triFeatThumbSize: y,
                triAsdThumbSize: C,
                featureColumnbgColor: E,
                besideColumnbgColor: k,
                postoverlayBgColor: $,
                featuredCategoryColor: S,
                featuredCategorybgColor: P,
                besidetopCategorybgColor: M,
                besidetopCategoryColor: N,
                besidebottomCategorybgColor: H,
                besidebottomCategoryColor: T,
                titleColor: B,
                exerptColor: L,
                metaColor: z,
                metaIconColor: A,
                featuredTextDecorationColor: F,
                besidetopTextDecorationColor: I,
                besidebottomTextDecorationColor: Z,
                postoverlayTop: O,
                postoverlayBottom: D,
                postOverlayColor: R,
              } = n,
              [V, j] = (0, c.useState)("tab1");
            let U = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhdpt-" + U });
            const W = (0, l.useBlockProps)();
            let G = "posts",
              q = "date",
              K = "desc",
              Y = {
                status: "publish",
                post_type: G,
                per_page: d,
                orderby: q,
                order: K,
              },
              J = "";
            m &&
              m.length > 0 &&
              ((Y.categories = m),
              (J = `&categories=${Y.categories.join(",")}`));
            const [Q, X] = (0, c.useState)([]),
              [ee, te] = (0, c.useState)(!0),
              [ne, ae] = (0, c.useState)(""),
              oe = `${window.location.origin}/wp-json/wp/v2/${Y.post_type}?status=${Y.status}&per_page=${Y.per_page}${J}&orderby=${Y.orderby}&order=${Y.order}&_embed`;
            if (
              ((0, c.useEffect)(() => {
                !(async function () {
                  try {
                    const e = await fetch(oe),
                      t = await e.json();
                    (X(t || []), te(!1));
                  } catch (e) {
                    (console.error("API Error:", e), ae(e.message), te(!1));
                  }
                })();
              }, [G, m, d, q, K]),
              ee)
            )
              return (0, a.createElement)(
                "div",
                {
                  style: {
                    display: "flex",
                    justifyContent: "center",
                    alignItems: "center",
                  },
                },
                (0, a.createElement)(s.Spinner, null),
              );
            if (ne) return (0, a.createElement)("div", null, "Error: ", ne);
            const re = `\n   .wp-block-fancypost-post-trisec {\n        max-width: 1200px !important;\n    }\n   #${r} .frhd__post-block-wrapper.frhd__trisec-wrapper {\n        max-height: 570px;\n        column-gap: ${b}px;\n        flex-direction: ${g ? "row-reverse" : "row"};\n        display: flex;\n    }\n   #${r} .frhd__trisec-featured, .frhd__trisec-aside-top, .frhd__trisec-aside-bottom {\n        background: #f5f5f5;\n        border-radius: ${v}px;\n        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;\n    }\n   #${r} .frhd__trisec-featured, .frhd__trisec-aside {\n        flex-grow: 1;\n        position: relative;\n    }\n   #${r} .frhd__trisec-featured {\n        flex-basis: 60%;\n        background-color: ${E};\n        min-height: ${u};\n        overflow: hidden;\n    }\n    ${f ? `\n   #${r} .frhd__trisec-featured{\n        order: 2;\n    }\n   #${r} .frhd__trisec-col.frhd__trisec-aside:nth-child(2) {\n        order: 3;\n    }\n    }` : ""}\n   #${r} .frhd__trisec-aside {\n        display: flex;\n        flex-basis: 40%;\n        flex-direction: column;\n        row-gap: ${x}px !important;\n        min-height: ${u};\n    }\n   #${r} .frhd__trisec-aside-top, .frhd__trisec-aside-bottom {\n        flex-basis: 50%;\n        overflow: hidden;\n        position: relative;\n        min-height: 200px;\n        background-color: ${k};\n    }\n   #${r} .frhd__trisec-col.frhd__trisec-aside {\n        min-height: ${u};\n    }\n   #${r}.frhd__trisec-wrapper img.frhd__tri-thumb {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: top center;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__overlay-wrap {\n        position: absolute;\n        left: 0;\n        right: 0;\n        bottom: 0;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__categories {\n        padding-left: 7px;\n        padding-bottom: 7px;\n    }\n   #${r} .frhd__trisec-featured .frhd__categories {\n        margin-bottom: 7px;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__categories a {\n        position: relative;\n        color: #fff;\n        text-transform: uppercase;\n        font-size: 16px;\n        font-weight: 600;\n        padding: 6px 19px;\n        z-index: 1;\n        margin-right: 10px;\n        display: inline-block;\n        margin-bottom: 5px;\n        text-decoration: none !important;\n        transition: all 0.2s;\n    }\n   #${r} .frhd__trisec-featured .frhd__categories a {\n        color: ${S};\n    }\n   #${r}.frhd__trisec-wrapper .frhd__trisec-aside-top .frhd__categories a {\n        color: ${N};\n    }\n   #${r}.frhd__trisec-wrapper .frhd__trisec-aside-bottom .frhd__categories a {\n        color: ${T} !important;\n    }\n   #${r} .frhd__trisec-aside .frhd__categories a {\n        font-size: 14px;\n        padding: 3px 12px;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__categories a:before {\n        position: absolute;\n        z-index: -1;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        display: block;\n        content: '';\n        transition: box-shadow .25s 0s;\n        border-radius: 3px;\n        background-color: #00B552;\n        transform: skewX(-25deg);\n    }\n   #${r} .frhd__trisec-featured .frhd__categories a:before {\n        background-color: ${P};\n    }\n   #${r} .frhd__trisec-aside-top .frhd__categories a:before {\n        background-color: ${M};\n    }\n   #${r} .frhd__trisec-aside-bottom .frhd__categories a:before {\n        background-color: ${H};\n    }\n   #${r}.frhd__trisec-wrapper .frhd__entry-title{\n        margin: 0 0 20px !important;\n    }\n   #${r} .frhd__trisec-aside h2.frhd__entry-title {\n        line-height: 24px;\n        margin: 0 0 10px !important;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__entry-title h2 {\n        line-height: 1;\n        font-family: 'Josefin Sans',sans-serif;\n        font-weight: 700;\n        margin: 0;\n    }\n   #${r} .frhd__trisec-wrapper .frhd__entry-title a:hover {\n        color: #fff;\n        text-decoration-color: #56ca71;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__entry-title:hover a {\n        text-decoration: underline;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 3px;\n    }\n   #${r} .frhd__trisec-featured .frhd__entry-title a:hover {\n        text-decoration-color: ${F} !important;\n    }\n   #${r} .frhd__trisec-aside-top .frhd__entry-title a:hover {\n        text-decoration-color: ${I} !important;\n    }\n   #${r} .frhd__trisec-aside-bottom .frhd__entry-title a:hover {\n        text-decoration-color: ${Z} !important;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__entry-title a {\n        color: ${B} !important;\n        font-size: 35px;\n        text-decoration: none;\n        font-weight: bold;\n        text-decoration-color: transparent;\n        transition: .3s;\n    }\n   #${r} .frhd__trisec-aside .frhd__entry-title a {\n        font-size: 21px;\n    }\n   #${r}.frhd__trisec-wrapper .frhd__overlay-inner p {\n        margin: 0 0 25.6px;\n        font-size: 16px;\n        line-height: 26px;\n        color: ${L};\n    }\n   #${r}.frhd__trisec-wrapper time.frhd__post-date {\n        display: flex;\n        align-items: center;\n        font-size: 16px;\n        line-height: 26px;\n        color: ${z};\n    }\n   #${r}.frhd__trisec-wrapper .frhd__overlay-inner {\n        padding: 100px 25px 25px;\n        border-radius: 5px;\n        background: linear-gradient(to top, ${R} 0, rgb(25 28 32 / 95%) calc(100% - 150px), rgb(25 28 32 / 0%) 100%);\n        color: #fff;\n    }\n   #${r}.frhd__trisec-wrapper time.frhd__post-date svg {\n        width: 18px;\n        height: 18px;\n        fill: ${z};\n        margin-right: 8px;\n    }\n   #${r}.frhd__trisec-wrapper span.frhd__featured-image-missing {\n        display: block;\n        min-height: 100%;\n        max-height: 100%;\n      }\n   #${r}.frhd__trisec-wrapper span.frhd__featured-image-missing:before {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%,-50%);\n        width: 25px;\n        height: 25px;\n        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21C14.6917 19.8005 14.1618 18.6686 13.4412 17.6532M3 13.0351C3.31177 13.0127 3.62454 13.0019 3.93756 13.0027C6.57381 12.9466 9.14549 13.7729 11.1937 15.3342C12.0694 16.0016 12.825 16.7848 13.4412 17.6532M16.2449 16.2449C15.2871 16.5074 14.3464 16.9792 13.4412 17.6532' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='16.5' cy='7.5' r='1.5' stroke='%23141B34' stroke-width='1.5'/%3E%3Cpath d='M2 2L22 22' stroke='%23141B34' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M21 3H21.75C21.75 2.58579 21.4142 2.25 21 2.25V3ZM3 21H2.25C2.25 21.4142 2.58579 21.75 3 21.75V21ZM2.25 3V21H3.75V3H2.25ZM21 20.25H3V21.75H21V20.25ZM6.18198 3.75H21V2.25H6.18198V3.75ZM20.25 3V17.818H21.75V3H20.25Z' fill='%23141B34'/%3E%3C/svg%3E%0A");\n        background-repeat: no-repeat;\n        content: "";\n        opacity: 0.5;\n    }\n    `,
              ie = (e) => {
                j(e);
              };
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  "div",
                  { className: "frhd-tab-header" },
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => ie("tab1"),
                      className: "tab1" === V ? "active" : "",
                    },
                    "Settings",
                  ),
                  (0, a.createElement)(
                    "button",
                    {
                      onClick: () => ie("tab2"),
                      className: "tab2" === V ? "active" : "",
                    },
                    "Styles",
                  ),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "tab-content" },
                  "tab1" === V &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Global Control"),
                          icon: "admin-site-alt3",
                          initialOpen: !0,
                          className: "frhd__control",
                        },
                        (0, a.createElement)(s.RadioControl, {
                          selected: d,
                          options: [
                            { label: "1x2", value: "3" },
                            { label: "1x4", value: "5" },
                          ],
                          onChange: (e) => o({ triPostSet: e }),
                          className: "frhd__trisec-post-set",
                        }),
                        "3" === d
                          ? (0, a.createElement)(s.ToggleControl, {
                              label: g
                                ? "Enable Reverse Column."
                                : "Disable Reverse Column.",
                              checked: g,
                              onChange: (e) => o({ isReversePostSetCol: e }),
                            })
                          : (0, a.createElement)(s.ToggleControl, {
                              label: f
                                ? "Enable Featured Center."
                                : "Disable Featured Center.",
                              checked: f,
                              onChange: (e) => o({ triIsFeaturedCenter: e }),
                              className:
                                "5" == d
                                  ? "frhd__gr-menu-show"
                                  : "frhd__gr-menu-hide",
                            }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          null,
                          "Set one or multiple categories:",
                        ),
                        (0, a.createElement)(() => {
                          const { useSelect: e } = wp.data,
                            n = e(
                              (e) =>
                                e("core").getEntityRecords(
                                  "taxonomy",
                                  "category",
                                  { per_page: -1 },
                                ),
                              [],
                            );
                          if (!n) return null;
                          const r = n.map((e) => ({
                            label: e.name,
                            value: e.id.toString(),
                          }));
                          return (0, a.createElement)(s.FormTokenField, {
                            multiple: !0,
                            label: "Category List:",
                            value: p,
                            suggestions: r.map((e) => e.label),
                            maxSuggestions: 10,
                            onChange: (e) => {
                              o({ theCategories: e });
                              const t = e.map((e) => {
                                const t = r.find((t) => t.label === e);
                                return t ? t.value : e;
                              });
                              o({ selectedCats: t });
                            },
                            className: "frhd__category-select-multiple",
                            placeholder: (0, t.__)("Type a category name"),
                          });
                        }, null),
                        (0, a.createElement)(s.ToggleControl, {
                          label: _
                            ? "Enable Custom Height."
                            : "Disable Custom Height.",
                          checked: _,
                          onChange: (e) => o({ isTriCustomHeight: e }),
                        }),
                        _
                          ? (0, a.createElement)(s.__experimentalUnitControl, {
                              isUnitSelectTabbable: !0,
                              label: (0, t.__)("Set Height:"),
                              value: u,
                              onChange: (e) => o({ triCustomHeight: e }),
                              className: _
                                ? "frhd__gr-menu-show frhd__gr-width-70"
                                : "frhd__gr-menu-hide",
                            })
                          : "",
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Column Gap:"),
                          value: b,
                          onChange: (e) => o({ triColGap: e }),
                          className: "frhd__gr-width-70",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Row Gap:"),
                          value: x,
                          onChange: (e) => o({ triRowGap: e }),
                          className: "frhd__gr-width-70",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Rounded Corner Size:"),
                          value: v,
                          onChange: (e) => o({ triRoundedCorner: e }),
                          className: "frhd__gr-width-70",
                        }),
                        (0, a.createElement)(s.__experimentalNumberControl, {
                          label: (0, t.__)("Excerpt Word Count:"),
                          value: w,
                          onChange: (e) => o({ triExcerptSize: e }),
                          className: "frhd__gr-width-70",
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Featured Thumbnail Size:"),
                          value: y,
                          options: [
                            {
                              value: null,
                              label: "Select a thumbnail size:",
                              disabled: !0,
                            },
                            { label: "Thumbnail", value: "thumbnail" },
                            { label: "Medium", value: "medium" },
                            { label: "Medium Large", value: "medium_large" },
                            { label: "Large", value: "large" },
                            { label: "Full", value: "full" },
                          ],
                          onChange: (e) => o({ triFeatThumbSize: e }),
                        }),
                        (0, a.createElement)(s.SelectControl, {
                          label: (0, t.__)("Aside Thumbnail Size:"),
                          value: C,
                          options: [
                            {
                              value: null,
                              label: "Select a thumbnail size:",
                              disabled: !0,
                            },
                            { label: "Thumbnail", value: "thumbnail" },
                            { label: "Medium", value: "medium" },
                            { label: "Medium Large", value: "medium_large" },
                            { label: "Large", value: "large" },
                            { label: "Full", value: "full" },
                          ],
                          onChange: (e) => o({ triAsdThumbSize: e }),
                        }),
                      ),
                    ),
                  "tab2" === V &&
                    (0, a.createElement)(
                      a.Fragment,
                      null,
                      (0, a.createElement)(
                        s.PanelBody,
                        {
                          title: (0, t.__)("Colors"),
                          icon: i.paintBoard,
                          initialOpen: !1,
                          className: "frhd__control frhd__control-colors",
                        },
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Feature Body Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: E,
                          onChange: (e) => o({ featureColumnbgColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside Body Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: k,
                          onChange: (e) => o({ besideColumnbgColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Post Overlay Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: R,
                          onChange: (e) => o({ postOverlayColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Title Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: B,
                          onChange: (e) => o({ titleColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Description Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: L,
                          onChange: (e) => o({ exerptColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Meta Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: z,
                          onChange: (e) => o({ metaColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Feature Category Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: S,
                          onChange: (e) => o({ featuredCategoryColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Feature Category Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: P,
                          onChange: (e) => o({ featuredCategorybgColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside top Category Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: N,
                          onChange: (e) => o({ besidetopCategoryColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside top Category Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: M,
                          onChange: (e) => o({ besidetopCategorybgColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside bottom Category Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: T,
                          onChange: (e) => o({ besidebottomCategoryColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside bottom Category Background Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: H,
                          onChange: (e) =>
                            o({ besidebottomCategorybgColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Feature Title Hover Border color",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: F,
                          onChange: (e) =>
                            o({ featuredTextDecorationColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside Top Title Hover Border color",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: I,
                          onChange: (e) =>
                            o({ besidetopTextDecorationColor: e }),
                          clearable: !1,
                        }),
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Beside Bottom Title Hover Border color",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: Z,
                          onChange: (e) =>
                            o({ besidebottomTextDecorationColor: e }),
                          clearable: !1,
                        }),
                      ),
                    ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...W },
                (0, a.createElement)(c.RawHTML, null, `<style>${re}</style>`),
                (0, a.createElement)(
                  "div",
                  {
                    id: r,
                    className: "frhd__post-block-wrapper frhd__trisec-wrapper ",
                  },
                  Q.slice(0, 1).map((e, t) =>
                    (0, a.createElement)(
                      "div",
                      {
                        className: "frhd__trisec-col frhd__trisec-featured",
                        key: t,
                      },
                      e._embedded &&
                        e._embedded["wp:featuredmedia"] &&
                        Array.isArray(e._embedded["wp:featuredmedia"]) &&
                        e._embedded?.["wp:featuredmedia"]?.[0]
                        ? (0, a.createElement)("img", {
                            className: "frhd__tri-thumb",
                            decoding: "async",
                            width:
                              e._embedded["wp:featuredmedia"][0].media_details
                                .sizes[y]?.width,
                            height:
                              e._embedded["wp:featuredmedia"][0].media_details
                                .sizes[y]?.height,
                            src: e._embedded["wp:featuredmedia"][0]
                              .media_details.sizes[y]?.source_url,
                            alt: e._embedded["wp:featuredmedia"][0].alt_text,
                            loading: "lazy",
                          })
                        : (0, a.createElement)("span", {
                            className: "frhd__featured-image-missing",
                          }),
                      (0, a.createElement)(
                        "div",
                        { className: "frhd__overlay-wrap" },
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__overlay-inner" },
                          (0, a.createElement)(
                            "div",
                            { className: "frhd__categories" },
                            e._embedded &&
                              e._embedded["wp:term"] &&
                              Array.isArray(e._embedded["wp:term"]) &&
                              e._embedded["wp:term"].map((t) => {
                                const n = t.filter(
                                  (e) => "category" === e.taxonomy,
                                );
                                return (0, a.createElement)(
                                  React.Fragment,
                                  { key: e.id },
                                  Array.isArray(n) &&
                                    n
                                      .filter((e) => "Uncategorized" !== e.name)
                                      .map((e) =>
                                        (0, a.createElement)(
                                          "span",
                                          {
                                            key: e.id,
                                            className: "frhd__cat-name",
                                          },
                                          (0, a.createElement)(
                                            "a",
                                            { href: e.link },
                                            e.name,
                                          ),
                                        ),
                                      ),
                                );
                              }),
                          ),
                          (0, a.createElement)(
                            "h2",
                            { className: "frhd__entry-title" },
                            (0, a.createElement)(
                              "a",
                              { href: e.link },
                              e.title.rendered,
                            ),
                          ),
                          (0, a.createElement)("div", {
                            dangerouslySetInnerHTML: {
                              __html: `${e.excerpt?.rendered.split(" ").slice(0, w).join(" ")}${e.excerpt?.rendered.split(" ").length > w ? "..." : ""}`,
                            },
                          }),
                          (0, a.createElement)(
                            "time",
                            { className: "frhd__post-date", dateTime: e.date },
                            (0, a.createElement)(
                              "svg",
                              {
                                xmlns: "http://www.w3.org/2000/svg",
                                viewBox: "0 0 448 512",
                              },
                              (0, a.createElement)("path", {
                                d: "M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z",
                              }),
                            ),
                            new Date(e.date).toLocaleDateString("en-US", {
                              year: "numeric",
                              month: "short",
                              day: "numeric",
                            }),
                            " ",
                            "",
                          ),
                        ),
                      ),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__trisec-col frhd__trisec-aside" },
                    Q.slice(1, 3).map((e, t) =>
                      (0, a.createElement)(
                        "div",
                        {
                          className:
                            0 === t
                              ? "frhd__trisec-aside-top"
                              : "frhd__trisec-aside-bottom",
                          key: t,
                        },
                        e._embedded &&
                          e._embedded["wp:featuredmedia"] &&
                          Array.isArray(e._embedded["wp:featuredmedia"]) &&
                          e._embedded["wp:featuredmedia"][0]
                          ? (0, a.createElement)("img", {
                              className: "frhd__tri-thumb",
                              decoding: "async",
                              width:
                                e._embedded["wp:featuredmedia"][0].media_details
                                  .sizes[C]?.width,
                              height:
                                e._embedded["wp:featuredmedia"][0].media_details
                                  .sizes[C]?.height,
                              src: e._embedded["wp:featuredmedia"][0]
                                .media_details.sizes[C]?.source_url,
                              alt: e._embedded["wp:featuredmedia"][0].alt_text,
                              loading: "lazy",
                            })
                          : (0, a.createElement)("span", {
                              className: "frhd__featured-image-missing",
                            }),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd__overlay-wrap" },
                          (0, a.createElement)(
                            "div",
                            { className: "frhd__overlay-inner" },
                            (0, a.createElement)(
                              "div",
                              { className: "frhd__categories" },
                              e._embedded &&
                                e._embedded["wp:term"] &&
                                Array.isArray(e._embedded["wp:term"]) &&
                                e._embedded["wp:term"].map((t) => {
                                  const n = t.filter(
                                    (e) => "category" === e.taxonomy,
                                  );
                                  return (0, a.createElement)(
                                    React.Fragment,
                                    { key: e.id },
                                    Array.isArray(n) &&
                                      n
                                        .filter(
                                          (e) => "Uncategorized" !== e.name,
                                        )
                                        .map((e) =>
                                          (0, a.createElement)(
                                            "span",
                                            {
                                              key: e.id,
                                              className: "frhd__cat-name",
                                            },
                                            (0, a.createElement)(
                                              "a",
                                              { href: e.link },
                                              e.name,
                                            ),
                                          ),
                                        ),
                                  );
                                }),
                            ),
                            (0, a.createElement)(
                              "h2",
                              { className: "frhd__entry-title" },
                              (0, a.createElement)(
                                "a",
                                { href: e.link },
                                e.title.rendered,
                              ),
                            ),
                            (0, a.createElement)(
                              "time",
                              {
                                className: "frhd__post-date",
                                datetime: "2022-06-26T05:56:59+00:00",
                              },
                              (0, a.createElement)(
                                "svg",
                                {
                                  xmlns: "http://www.w3.org/2000/svg",
                                  viewBox: "0 0 448 512",
                                },
                                (0, a.createElement)("path", {
                                  d: "M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z",
                                }),
                              ),
                              new Date(e.date).toLocaleDateString("en-US", {
                                year: "numeric",
                                month: "short",
                                day: "numeric",
                              }),
                              " ",
                              "",
                            ),
                          ),
                        ),
                      ),
                    ),
                  ),
                  Q.length > 3
                    ? (0, a.createElement)(
                        "div",
                        { className: "frhd__trisec-col frhd__trisec-aside" },
                        Q.slice(3, 5).map((e, t) =>
                          (0, a.createElement)(
                            "div",
                            {
                              className:
                                0 === t
                                  ? "frhd__trisec-aside-top"
                                  : "frhd__trisec-aside-bottom",
                              key: t,
                            },
                            e._embedded &&
                              e._embedded["wp:featuredmedia"] &&
                              Array.isArray(e._embedded["wp:featuredmedia"]) &&
                              e._embedded["wp:featuredmedia"][0]
                              ? (0, a.createElement)("img", {
                                  className: "frhd__tri-thumb",
                                  decoding: "async",
                                  width: e._embedded["wp:featuredmedia"].map(
                                    (e) => e.media_details?.sizes.full.width,
                                  ),
                                  height: e._embedded["wp:featuredmedia"].map(
                                    (e) => e.media_details?.sizes.full.height,
                                  ),
                                  src: e._embedded["wp:featuredmedia"].map(
                                    (e) =>
                                      e.media_details.sizes.full.source_url,
                                  ),
                                  alt: e._embedded["wp:featuredmedia"][0]
                                    .alt_text,
                                  loading: "lazy",
                                })
                              : (0, a.createElement)("span", {
                                  className: "frhd__featured-image-missing",
                                }),
                            (0, a.createElement)(
                              "div",
                              { className: "frhd__overlay-wrap" },
                              (0, a.createElement)(
                                "div",
                                { className: "frhd__overlay-inner" },
                                (0, a.createElement)(
                                  "div",
                                  { className: "frhd__categories" },
                                  (0, a.createElement)(
                                    "a",
                                    { href: "", rel: "category" },
                                    "Photography",
                                  ),
                                ),
                                (0, a.createElement)(
                                  "h2",
                                  { className: "frhd__entry-title" },
                                  (0, a.createElement)(
                                    "a",
                                    { href: e.link },
                                    e.title.rendered,
                                  ),
                                ),
                                (0, a.createElement)(
                                  "time",
                                  {
                                    className: "frhd__post-date",
                                    datetime: "2022-06-26T05:56:59+00:00",
                                  },
                                  (0, a.createElement)(
                                    "svg",
                                    {
                                      xmlns: "http://www.w3.org/2000/svg",
                                      viewBox: "0 0 448 512",
                                    },
                                    (0, a.createElement)("path", {
                                      d: "M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z",
                                    }),
                                  ),
                                  new Date(e.date).toLocaleDateString("en-US", {
                                    year: "numeric",
                                    month: "short",
                                    day: "numeric",
                                  }),
                                  " ",
                                  "",
                                ),
                              ),
                            ),
                          ),
                        ),
                      )
                    : (0, a.createElement)(a.Fragment, null),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const { text: t } = e;
            return (0, a.createElement)(
              "div",
              { className: "class-example" },
              t,
            );
          },
        },
        {
          name: "fancypost/post-slider",
          title: (0, t.__)("Post Slider"),
          description: (0, t.__)("Block showing slider of posts."),
          icon: {
            src: i.postSlider,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("posts"),
            (0, t.__)("carousel"),
            (0, t.__)("slider"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              thePostType: d,
              theCategories: p,
              selectedCats: m,
              totalPost: h,
              hasCurrentPost: g,
              postOrderBy: f,
              postOrder: _,
              postThumbSize: u,
              postTitleTag: b,
              readMoreBtnText: x,
              slWidth: v,
              slInitIndex: w,
              slPerPage: y,
              colGap: C,
              slPerMove: E,
              slAutoplay: k,
              slSpeed: $,
              slInterval: S,
              slRewind: P,
              slShowArrows: M,
              slShowPagination: N,
              slDraggable: H,
              slPauseOnHover: T,
              slAriaLabel: B,
              slLazyLoad: L,
              slPreloadPages: z,
              slWheel: A,
              slKeyboard: F,
              slDirection: I,
            } = n;
            let Z = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhdps-" + Z });
            const O = (0, l.useBlockProps)();
            let D = {
                status: "publish",
                post_type: d,
                per_page: 6,
                orderby: f,
                order: _,
              },
              R = "";
            m &&
              m.length > 0 &&
              ((D.categories = m),
              (R = `&categories=${D.categories.join(",")}`));
            const [V, j] = (0, c.useState)([]),
              [U, W] = (0, c.useState)(!0),
              [G, q] = (0, c.useState)(""),
              K = `${window.location.origin}/wp-json/wp/v2/${D.post_type}?status=${D.status}&per_page=${D.per_page}${R}&orderby=${D.orderby}&order=${D.order}&_embed`;
            if (
              ((0, c.useEffect)(() => {
                !(async function () {
                  try {
                    const e = await fetch(K),
                      t = await e.json();
                    (j(t || []), W(!1));
                  } catch (e) {
                    (console.error("API Error:", e), q(e.message), W(!1));
                  }
                })();
              }, [d, m, 6, f, _]),
              U)
            )
              return (0, a.createElement)(
                "div",
                {
                  style: {
                    display: "flex",
                    justifyContent: "center",
                    alignItems: "center",
                  },
                },
                (0, a.createElement)(s.Spinner, null),
              );
            if (G) return (0, a.createElement)("div", null, "Error: ", G);
            const Y = `.editor-styles-wrapper .wp-block-fancypost-post-slider,\n    .wp-block-fancypost-post-slider {\n        max-width: ${v} !important;\n    }\n    #${r} .asdf {\n        margin: 0 !important;\n    }`;
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Query"),
                    icon: i.databaseSettings,
                    initialOpen: !0,
                    className: "frhd__control frhd__control-query",
                  },
                  (0, a.createElement)(function () {
                    const { useSelect: e } = wp.data,
                      t = e((e) => {
                        const t = e("core").getPostTypes({ per_page: -1 });
                        return t
                          ? t.filter(
                              (e) =>
                                ![
                                  "attachment",
                                  "nav_menu_item",
                                  "wp_block",
                                  "wp_template",
                                  "wp_template_part",
                                  "wp_navigation",
                                ].includes(e.slug),
                            )
                          : [];
                      }, []);
                    return (0, a.createElement)(s.SelectControl, {
                      label: "Post Type List:",
                      value: d,
                      options: t.map((e) =>
                        e && e.name && e.rest_base
                          ? { label: e.name, value: e.rest_base }
                          : null,
                      ),
                      onChange: (e) => o({ thePostType: e }),
                    });
                  }, null),
                  (0, a.createElement)(() => {
                    const { useSelect: e } = wp.data,
                      n = e(
                        (e) =>
                          e("core").getEntityRecords("taxonomy", "category", {
                            per_page: -1,
                          }),
                        [],
                      );
                    if (!n) return null;
                    const r = n.map((e) => ({
                      label: e.name,
                      value: e.id.toString(),
                    }));
                    return (0, a.createElement)(s.FormTokenField, {
                      multiple: !0,
                      label: "Category List:",
                      value: p,
                      suggestions: r.map((e) => e.label),
                      maxSuggestions: 10,
                      onChange: (e) => {
                        o({ theCategories: e });
                        const t = e.map((e) => {
                          const t = r.find((t) => t.label === e);
                          return t ? t.value : e;
                        });
                        o({ selectedCats: t });
                      },
                      className: "frhd__category-select-multiple",
                      placeholder: (0, t.__)("Type a category name"),
                    });
                  }, null),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Total Post:"),
                    value: h,
                    onChange: (e) => o({ totalPost: e }),
                    min: "1",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.ToggleControl, {
                      label: g ? "Show Current Post :" : "Hide Current Post :",
                      checked: g,
                      onChange: (e) => o({ hasCurrentPost: e }),
                      className: "frhd__component-diff",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This editor page may need to reload if you change the SLIDER LOOP.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(s.SelectControl, {
                    label: (0, t.__)("Post By:"),
                    value: f,
                    options: [
                      {
                        value: null,
                        label: "Select a parameter:",
                        disabled: !0,
                      },
                      { label: "None", value: "none" },
                      { label: "ID", value: "ID" },
                      { label: "Author", value: "author" },
                      { label: "Title", value: "title" },
                      { label: "Type", value: "type" },
                      { label: "Date", value: "date" },
                      { label: "Modified", value: "modified" },
                      { label: "Parent", value: "parent" },
                      { label: "Random", value: "rand" },
                      { label: "Comment Count", value: "comment_count" },
                      { label: "Relevance", value: "relevance" },
                      { label: "Menu Order", value: "menu_order" },
                    ],
                    onChange: (e) => o({ postOrderBy: e }),
                    className: "frhd__component",
                    __nextHasNoMarginBottom: !1,
                  }),
                  (0, a.createElement)(s.SelectControl, {
                    label: (0, t.__)("Post Order:"),
                    help: "Designates the ascending or descending order of the post query.",
                    value: _,
                    options: [
                      {
                        value: null,
                        label: "Select a post order:",
                        disabled: !0,
                      },
                      { label: "Ascending", value: "asc" },
                      { label: "Descending", value: "desc" },
                    ],
                    onChange: (e) => o({ postOrder: e }),
                    className: "frhd__component",
                  }),
                  (0, a.createElement)(s.SelectControl, {
                    label: (0, t.__)("Thumbnail Size:"),
                    value: u,
                    options: [
                      {
                        value: null,
                        label: "Select a thumbnail size:",
                        disabled: !0,
                      },
                      { label: "Thumbnail", value: "thumbnail" },
                      { label: "Medium", value: "medium" },
                      { label: "Medium Large", value: "medium_large" },
                      { label: "Large", value: "large" },
                      { label: "Full", value: "full" },
                    ],
                    onChange: (e) => o({ postThumbSize: e }),
                  }),
                  (0, a.createElement)(s.SelectControl, {
                    label: (0, t.__)("Post Title HTML Tag:"),
                    value: b,
                    options: [
                      { value: null, label: "Select a tag:", disabled: !0 },
                      { label: "H1", value: "h1" },
                      { label: "H2", value: "h2" },
                      { label: "H3", value: "h3" },
                      { label: "H4", value: "h4" },
                      { label: "H5", value: "h5" },
                      { label: "H6", value: "h6" },
                    ],
                    onChange: (e) => o({ postTitleTag: e }),
                    className: "frhd__component",
                  }),
                  (0, a.createElement)(s.TextControl, {
                    label: (0, t.__)("Read More Button Text"),
                    value: x,
                    onChange: (e) => o({ readMoreBtnText: e }),
                  }),
                ),
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Slider Control"),
                    icon: i.icoControl,
                    initialOpen: !0,
                    className: "frhd__control frhd__control-query",
                  },
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    onChange: (e) => o({ slWidth: e }),
                    label: (0, t.__)("Slider Width(max) :"),
                    isUnitSelectTabbable: !0,
                    value: v,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.__experimentalNumberControl, {
                      label: (0, t.__)("Initial Slide Index :"),
                      onChange: (e) => o({ slInitIndex: e }),
                      value: w,
                      min: "1",
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "Set the initial slide number. The count must start at '0'.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Slide Per Page :"),
                    onChange: (e) => o({ slPerPage: e }),
                    value: y,
                    min: "1",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Column Gap :"),
                    onChange: (e) => o({ colGap: e }),
                    value: C,
                    min: "1",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Slide Per Move :"),
                    onChange: (e) => o({ slPerMove: e }),
                    value: E,
                    min: "1",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.ToggleControl, {
                      label: k ? "Autoplay On :" : "Autoplay Off :",
                      checked: k,
                      onChange: (e) => o({ slAutoplay: e }),
                      className: "frhd__component-diff",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This editor page may need to reload if you switch the AUTOPLAY.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Slide Speed :"),
                    onChange: (e) => o({ slSpeed: e }),
                    value: $,
                    min: "100",
                    step: "100",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Autoplay Interval :"),
                    onChange: (e) => o({ slInterval: e }),
                    value: S,
                    min: "1000",
                    step: "500",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.ToggleControl, {
                      label: P ? "Slides Loop On :" : "Slides Loop Off :",
                      checked: P,
                      onChange: (e) => o({ slRewind: e }),
                      className: "frhd__component-diff",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This editor page may need to reload if you change the SLIDER LOOP.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(s.ToggleControl, {
                    label: M ? "Slides Arrows On :" : "Slides Arrows Off :",
                    checked: M,
                    onChange: (e) => o({ slShowArrows: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: N
                      ? "Slides Pagination On :"
                      : "Slides Pagination Off :",
                    checked: N,
                    onChange: (e) => o({ slShowPagination: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: H ? "Draggable On :" : "Draggable Off :",
                    checked: H,
                    onChange: (e) => o({ slDraggable: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: "Pause On Hover :",
                    checked: T,
                    onChange: (e) => o({ slPauseOnHover: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    label: "Area Label :",
                    placeholder: "Your slider name",
                    value: B,
                    onChange: (e) => o({ slAriaLabel: e }),
                    type: "text",
                  }),
                  (0, a.createElement)(s.SelectControl, {
                    label: "Direction :",
                    value: I,
                    options: [
                      { label: "Left to right", value: "ltr" },
                      { label: "Right to left", value: "rtl" },
                      { label: "Top to bottom", value: "ttb" },
                    ],
                    onChange: (e) => o({ slDirection: e }),
                    className: "frhd__component",
                    __nextHasNoMarginBottom: !1,
                  }),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...O },
                (0, a.createElement)(c.RawHTML, null, `<style>${Y}</style>`),
                (0, a.createElement)(
                  "section",
                  { id: `frhd-sl-block-${r}`, className: "frhd-sl-block-main" },
                  (0, a.createElement)(
                    Cn,
                    {
                      "aria-label": B,
                      options: {
                        classes: {
                          arrows: "splide__arrows frhd-class-arrows",
                          arrow: "splide__arrow frhd-class-arrow",
                          prev: "splide__arrow--prev frhd-class-prev",
                          next: "splide__arrow--next frhd-class-next",
                          pagination:
                            "splide__pagination frhd-class-pagination",
                          page: "splide__pagination__page frhd-class-page",
                        },
                        start: w,
                        perPage: y,
                        gap: Number(C),
                        perMove: E,
                        autoplay: k,
                        speed: $,
                        interval: S,
                        rewind: P,
                        arrows: M,
                        pagination: N,
                        drag: H,
                        pauseOnHover: T,
                        lazyLoad: L,
                        direction: I,
                        breakpoints: { 640: { perPage: 1, padding: 0 } },
                      },
                    },
                    Array.isArray(V) && 0 !== V.length
                      ? (0, a.createElement)(
                          a.Fragment,
                          null,
                          V.map((e) =>
                            (0, a.createElement)(
                              En,
                              { key: e.id },
                              (0, a.createElement)(
                                "article",
                                { class: "frhd__slider-inner-wrap" },
                                e._embedded &&
                                  e._embedded["wp:featuredmedia"] &&
                                  Array.isArray(
                                    e._embedded["wp:featuredmedia"],
                                  ) &&
                                  e._embedded["wp:featuredmedia"][0]
                                  ? (0, a.createElement)(
                                      "div",
                                      { class: "frhd__post-slider-image" },
                                      (0, a.createElement)("img", {
                                        decoding: "async",
                                        width:
                                          e._embedded["wp:featuredmedia"][0]
                                            .media_details?.width,
                                        height:
                                          e._embedded["wp:featuredmedia"][0]
                                            .media_details?.height,
                                        src: e._embedded["wp:featuredmedia"][0]
                                          .source_url,
                                        alt: e._embedded["wp:featuredmedia"][0]
                                          .alt_text,
                                        loading: "lazy",
                                      }),
                                    )
                                  : (0, a.createElement)("span", {
                                      className:
                                        "frhd__ps-featured-img-missing",
                                    }),
                                (0, a.createElement)(
                                  "div",
                                  { class: "frhd__slider-content" },
                                  (0, a.createElement)(
                                    "div",
                                    { className: "frhd__cat-wrap" },
                                    e._embedded &&
                                      e._embedded["wp:term"] &&
                                      Array.isArray(e._embedded["wp:term"]) &&
                                      e._embedded["wp:term"].map((t) => {
                                        const n = t.filter(
                                          (e) => "category" === e.taxonomy,
                                        );
                                        return (0, a.createElement)(
                                          React.Fragment,
                                          { key: e.id },
                                          Array.isArray(n) &&
                                            n
                                              .filter(
                                                (e) =>
                                                  "Uncategorized" !== e.name,
                                              )
                                              .map((e) =>
                                                (0, a.createElement)(
                                                  "span",
                                                  {
                                                    key: e.id,
                                                    className:
                                                      "frhd__slider-cat-name",
                                                  },
                                                  (0, a.createElement)(
                                                    "a",
                                                    null,
                                                    e.name,
                                                  ),
                                                ),
                                              ),
                                        );
                                      }),
                                  ),
                                  (0, a.createElement)(
                                    "h2",
                                    { className: "frhd__sl-post-title" },
                                    (0, a.createElement)(
                                      "a",
                                      null,
                                      e.title.rendered,
                                    ),
                                  ),
                                  (0, a.createElement)("div", {
                                    className: "frhd__post-slider-excerpt",
                                    dangerouslySetInnerHTML: {
                                      __html: `${e.excerpt?.rendered.split(" ").slice(0, 23).join(" ")}${e.excerpt?.rendered.split(" ").length > 23 ? "..." : ""}`,
                                    },
                                  }),
                                  (0, a.createElement)(
                                    "a",
                                    { className: "frhd__post-slider-rmbtn" },
                                    x,
                                  ),
                                ),
                              ),
                            ),
                          ),
                        )
                      : (0, a.createElement)("div", { ...O }, "No posts found"),
                  ),
                ),
              ),
            ];
          },
          save: () => null,
        },
        {
          name: "fancypost/ajax-filter",
          title: (0, t.__)("Ajax & Filter"),
          description: (0, t.__)("Block showing Ajax & Filter."),
          icon: {
            src: i.ajaxFilter,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [
            (0, t.__)("latest"),
            (0, t.__)("posts"),
            (0, t.__)("ajax"),
            (0, t.__)("filter"),
          ],
          example: { attributes: { author: "Forhad" } },
          edit: () => {
            const e = (0, l.useBlockProps)();
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Heading Effect Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(
                      "p",
                      null,
                      "This block is part of our advanced features set and is available exclusively to upgraded users. Please upgrade to access and use this feature. ",
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://pluginic.com/plugins/gutenberg-post-blocks/?ref=100",
                        },
                        "Read more →",
                      ),
                    ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...e },
                (0, a.createElement)(
                  "div",
                  { className: "frhd-pro-block" },
                  (0, a.createElement)(
                    c.RawHTML,
                    null,
                    "<style>.frhd-pro-block {\n        background-color: #8ab04f;\n        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n        color: #fff;\n        text-align: center;\n        padding: 20px;\n    }\n    .frhd-pro-block a {\n        display: block;\n        background: #000;\n        width: fit-content;\n        color: #fff;\n        margin: 15px auto 0;\n        padding: 5px 15px;\n        border-radius: 4px;\n        text-decoration: none;\n        transition: .3s;\n        border: 2px solid transparent;\n    }\n    .frhd-pro-block a:hover {\n        border-color: #000;\n        background: #FFC107;\n        color: #000;\n    }</style>",
                  ),
                  (0, a.createElement)(
                    "p",
                    null,
                    "This block is part of our advanced features set and is available exclusively to upgraded users. Please upgrade to access and use this feature. ",
                    (0, a.createElement)(
                      "a",
                      {
                        href: "https://pluginic.com/plugins/gutenberg-post-blocks/?ref=100",
                      },
                      "Read more →",
                    ),
                  ),
                ),
              ),
            ];
          },
          save: () => null,
        },
        {
          name: "fancypost/info-box",
          title: (0, t.__)("Info Box"),
          description: (0, t.__)("Block showing Info Box."),
          icon: {
            src: i.infoBox,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("info"), (0, t.__)("box")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
                id: r,
                brandColor: d,
                containerMaxWidth: p,
                boxMinHeight: m,
                animation: h,
                perRowColumns: g,
                counterBackgroundColor: f,
                infoBoxBackgroundColor: _,
                headingColor: u,
                descriptionColor: b,
                iconWidth: x,
                iconHeight: v,
                headingSize: w,
                descriptionSize: y,
                boxPadding: C,
                infoBoxHoverColor: E,
                boxUrl: k,
                isBrandColor: $,
                mobileBreakPoint: S,
                tabletBreakPoint: P,
              } = n,
              [M, N] = (0, c.useState)("tab1"),
              H = (e) => {
                N(e);
              };
            let T = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhdib-" + T });
            const B = (0, l.useBlockProps)(),
              L = `.editor-styles-wrapper  .fp-info-box-container {\n  max-width: ${p} !important;\n}\n.wp-block-fancypost-info-box {\n  max-width: ${p}  !important;\n}\n.fp-info-box-container {\n  counter-reset: box-counter;\n}\n.fp-info-box-container .fp-info-box-counter::before {\n  counter-increment: box-counter;\n  content:counter(box-counter);\n}\n.fp-info-box-wrapper > .block-editor-inner-blocks >.block-editor-block-list__layout {\n  display:grid !important;\n  grid-template-columns: repeat(${g} , 1fr) ;\n  gap: 10px !important;\n  justify-content: center !important;\n  background-color: #FAF9F6;\n}\n.editor-styles-container .wp-block-group__inner-container {\n  padding: 0px !important;\n  margin-top:0 !important;\n  margin-bottom:0 !important;\n}\n.fp-info-box-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block { \n  margin: 0 !important;\n\n}\n.fp-info-box-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {\n  background-color: ${_};\n  display: flex ;\n  min-width:  calc(100% / ${g} - 20px);\n  gap:10px;\n  padding:  ${C} ${C} calc(${C} - 28px) ${C} !important;\n  margin: 0px !important;\n  box-sizing: border-box;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n  border-bottom: 8px solid ${$ ? d : "#32a1ce"} ;\n  animation: fp-info-box-${h} 3s ease-in-out infinite alternate;\n  min-height: ${m} !important;   \n  position: relative;\n  transition: background 0.3s ease, box-shadow 0.3s ease;  \n}\n.fp-info-box-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block:hover{\n  background: ${E};\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  animation: ;\n}\n.fp-info-box-col > .wp-block-group__inner-container {\n  padding : 0px !important;\n}\n.fp-info-box-col > .wp-block-group__inner-container > .wp-block {\n  margin-top:0 ;\n  margin-bottom:0;\n}\n.fp-info-box-col h5.has-background {\n  padding:0px;\n}\n.fp-info-box-counter {\n  margin-left : 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px !important;\n  height: 40px !important;\n  background-color: ${$ ? d : f};\n  border-radius: 5px;\n  color: white !important;\n  position: absolute !important;\n  top: -25px !important;\n  left: -25px!important;\n}\n.fp-info-box-heading{\n  color: ${u} !important;\n  font-size: ${w} !important;\n  font-weight: bold !important;\n  margin-top:10px!important;\n  margin-bottom:20px !important;\n}\n.fp-info-box-details {\n  text-align: center;\n  color: ${b} !important;\n  font-size: ${y} !important;\n  margin-bottom: 30px !important;\n}\n.fp-info-box-col img{\n  display: block;\n  height: ${v} !important;\n  width: ${x} !important;\n  border-radius: 50% !important;\n}\n.fp-info-box-action {\n  margin-bottom:25px !important;\n}\n.fp-info-box-action a {\n  color : #2271b1 !important;\n  font-size: 15px !important;\n}\n.fp-info-box-action a:hover {\n  text-decoration : underline !important;\n  cursor : pointer;\n}\n@keyframes fp-info-box-scaleAnimation {\n  0% {\n    transform: scale(1);\n    }\n  50% {\n    transform: scale(1.03);\n    }\n  100% {\n    transform: scale(1);\n  }\n}\n  @media (max-width: ${S}) {\n    .fp-info-box-wrapper > .block-editor-inner-blocks >.block-editor-block-list__layout {\n      grid-template-columns: repeat(1, 1fr);\n    }\n  }\n  @media (min-width:  600px) and (max-width:${P}) {\n    .fp-info-box-wrapper > .block-editor-inner-blocks >.block-editor-block-list__layout {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-tab-header" },
                    (0, a.createElement)(
                      "button",
                      {
                        onClick: () => H("tab1"),
                        className: "tab1" === M ? "active" : "",
                      },
                      "Settings",
                    ),
                    (0, a.createElement)(
                      "button",
                      {
                        onClick: () => H("tab2"),
                        className: "tab2" === M ? "active" : "",
                      },
                      "Styles",
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "tab-content" },
                    "tab1" === M &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.PanelBody,
                          {
                            title: (0, t.__)("Appearance"),
                            icon: i.layerMask,
                            initialOpen: !0,
                            className: "frhd__control frhd__control-global",
                          },
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Section Max Width:"),
                            onChange: (e) => o({ containerMaxWidth: e }),
                            isUnitSelectTabbable: !0,
                            value: p,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Box Min Height:"),
                            onChange: (e) => o({ boxMinHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: m,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Box Padding:"),
                            onChange: (e) => o({ boxPadding: e }),
                            isUnitSelectTabbable: !0,
                            value: C,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.RangeControl, {
                            label: "Colums Per Row",
                            value: g,
                            step: 1,
                            onChange: (e) => o({ perRowColumns: e }),
                            min: 1,
                            max: 10,
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Tablet BreakPoint :"),
                            onChange: (e) => o({ tabletBreakPoint: e }),
                            isUnitSelectTabbable: !0,
                            value: P,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Mobile BreakPoint :"),
                            onChange: (e) => o({ mobileBreakPoint: e }),
                            isUnitSelectTabbable: !0,
                            value: S,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Icon Width:"),
                            onChange: (e) => o({ iconWidth: e }),
                            isUnitSelectTabbable: !0,
                            value: x,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Icon Height:"),
                            onChange: (e) => o({ iconHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: v,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Heading Size:"),
                            onChange: (e) => o({ headingSize: e }),
                            isUnitSelectTabbable: !0,
                            value: w,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Description Size:"),
                            onChange: (e) => o({ descriptionSize: e }),
                            isUnitSelectTabbable: !0,
                            value: y,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.TextControl, {
                            label: "Link",
                            value: k,
                            onChange: (e) => o({ boxUrl: e }),
                          }),
                          (0, a.createElement)(s.SelectControl, {
                            label: "Select Animation",
                            value: h,
                            options: [
                              { label: "None", value: "none" },
                              { label: "Zooming", value: "scaleAnimation" },
                            ],
                            onChange: (e) => o({ animation: e }),
                            __nextHasNoMarginBottom: !0,
                          }),
                        ),
                      ),
                    "tab2" === M &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.PanelBody,
                          {
                            title: (0, t.__)("Colors"),
                            icon: i.paintBoard,
                            initialOpen: !0,
                            className: "frhd__control frhd__control-colors",
                          },
                          (0, a.createElement)(s.ToggleControl, {
                            label: "Add Brand Color:",
                            checked: $,
                            onChange: (e) => o({ isBrandColor: e }),
                            className: "awgt-icon-toggle",
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Brand Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: d,
                            onChange: (e) => o({ brandColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Body Hover Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: E,
                            onChange: (e) => o({ infoBoxHoverColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Counter Background Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: f,
                            onChange: (e) => o({ counterBackgroundColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Background Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: _,
                            onChange: (e) => o({ infoBoxBackgroundColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Heading Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            label: (0, t.__)("Heading Color:"),
                            value: u,
                            onChange: (e) => o({ headingColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Description Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            label: (0, t.__)("Description Color:"),
                            value: b,
                            onChange: (e) => o({ descriptionColor: e }),
                            clearable: !1,
                          }),
                        ),
                      ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...B },
                (0, a.createElement)(c.RawHTML, null, `<style>${L}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "fp-info-box-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-info-box-wrapper" },
                    (0, a.createElement)(l.InnerBlocks, {
                      allowedBlocks: ["fancypost/infobox-item"],
                      template: [
                        ["fancypost/infobox-item"],
                        ["fancypost/infobox-item"],
                        ["fancypost/infobox-item"],
                      ],
                    }),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                containerMaxWidth: n,
                brandColor: o,
                boxMinHeight: r,
                animation: i,
                perRowColumns: s,
                counterBackgroundColor: d,
                infoBoxBackgroundColor: p,
                headingColor: m,
                descriptionColor: h,
                iconWidth: g,
                iconHeight: f,
                headingSize: _,
                descriptionSize: u,
                boxPadding: b,
                infoBoxHoverColor: x,
                mobileBreakPoint: v,
                tabletBreakPoint: w,
                isBrandColor: y,
              } = e,
              C = `.fp-info-box-container {\n    max-width: ${n} !important;\n  }\n  .fp-info-box-container {\n    counter-reset: box-counter;\n  }\n  .fp-info-box-container .fp-info-box-counter::before {\n    counter-increment: box-counter;\n    content:counter(box-counter);\n  }\n  .fp-info-box-wrapper {\n    display: grid !important;\n    grid-template-columns: repeat(${s}, 1fr);\n    gap: 10px !important;\n    justify-content: center !important;\n    background-color: #FAF9F6;\n  }\n  .wp-block-fancypost-infobox-item {\n    min-width: calc(100% / ${s} - 10px);\n    background-color: ${p};\n    box-sizing: border-box;\n    padding: ${b};\n    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n   border-bottom: 8px solid ${y ? o : "#32a1ce"} ;\n    min-height: ${r};\n    position: relative !important;\n    animation: fp-info-box-${i} 3s ease-in-out infinite alternate;\n    transition: background 0.3s ease, box-shadow 0.3s ease;\n  }\n  .wp-block-fancypost-infobox-item:hover {\n    background: ${x};\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n    animation: none;\n  }\n  .fp-info-box-col > .wp-block-group__inner-container > .fp-info-box-action {\n    margin-bottom: 0px !important;\n  }\n  .fp-info-box-col  figure{\n    margin-bottom: 0px !important;\n  }\n  .fp-info-box-col > .wp-block-group__inner-container {\n    padding : 0px !important;\n  }\n  .fp-info-box-col h5.has-background {\n    padding: 0px;\n  }\n  .fp-info-box-counter {\n    margin-left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px !important;\n    height: 40px !important;\n    background-color: ${y ? o : d};\n    border-radius: 5px;\n    color: white !important;\n    position: absolute !important;\n    top: 15px !important;\n    left: 15px !important;\n  }\n  .fp-info-box-heading {\n    color: ${m} !important;\n    font-size: ${_} !important;\n    margin-top: 10px !important;\n    margin-bottom: 20px !important;\n    font-weight: bold !important;\n  }\n  .fp-info-box-details {\n    text-align: center;\n    color: ${h} !important;\n    font-size: ${u} !important;\n  }\n  .fp-info-box-icon {\n    padding: 30px 30px 0px 30px !important;\n    margin-bottom: 0 !important;\n  }\n  .fp-info-box-col img {\n    display: block;\n    height: ${f} !important;\n    width: ${g} !important;\n    border-radius: 50% !important;\n  }\n  .fp-info-box-action a {\n    color : #2271b1 !important;\n    font-size: 15px !important;\n  }\n  .fp-info-box-action a:hover {\n    text-decoration : underline !important;\n    cursor : pointer;\n  }\n  @keyframes fp-info-box-scaleAnimation {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.03);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @media (max-width: ${v}) {\n    .fp-info-box-wrapper {\n      grid-template-columns: repeat(1, 1fr);\n    }\n  }\n  @media (min-width: 600px) and (max-width: ${w}) {\n    .fp-info-box-wrapper {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${C}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "fp-info-box-container" },
                (0, a.createElement)(
                  "div",
                  { className: "fp-info-box-wrapper" },
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/notice-box",
          title: (0, t.__)("Notice Box"),
          description: (0, t.__)("Block showing Notice Box."),
          icon: {
            src: i.noticeBox,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("notice"), (0, t.__)("box")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              maxWidth: d,
              noticContentAlign: p,
              contentColor: m,
              titleColor: h,
              noticeTopBgColor: g,
              titleTag: f,
              noticeTitle: _,
              noticeContent: u,
              iconColor: b,
              roundedCornerSize: x,
              borderColor: v,
              contentBgColor: w,
              contIcon: y,
              iconShow: C,
              iconSize: E,
            } = n;
            let k = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhdnb-" + k });
            const $ = (0, l.useBlockProps)(),
              S = `.wp-block-fancypost-notice-box {\n    max-width: 100% !important;\n    display: flex;\n    justify-content: ${p} !important;\n }\n .notice-box-message-content,\n .notice-box-title {\n    margin: 0 !important;\n }\n .frhd_notice_box{\n    border: 2px solid ${v};\n    border-radius: ${x};\n    overflow: hidden;\n    max-width: ${d} !important;\n }\n .frhd_notice_box .notice-box-title ${f}{\n    color: ${h};\n    margin: 0;\n    font-size: 20px;\n }\n .frhd_notice_box .notice-box-title{\n    display: flex;\n    gap: 7px;\n    align-items: center;\n    padding: 10px;\n    background: ${g};\n }\n .frhd_notice_box .notice-box-title svg {\n    fill: ${b};\n }\n .frhd__component-width-notice-box-select .components-input-control__container {\n    max-width: 140px;\n }\n .frhd_notice_box .notice-box-message{\n    padding: 14px;\n    background-color: ${w};\n }\n .frhd_notice_box .notice-box-message p{\n    font-size: 16px;\n    color: ${m};\n }\n legend.awgt-alert-icon {\n    margin: 0;\n    padding: 0;\n    margin-bottom: 0 !important;\n    display: flex;\n }\n legend.awgt-alert-icon svg {\n    width:${E}px;\n    height:${E}px;\n }\n .block-editor-block-inspector .components-panel__body > div {\n    padding-top: 15px;\n }\n .block-editor-block-inspector .components-base-control {\n    margin-bottom: 24px;\n }\n .awgt-icon-toggle .components-flex {\n    justify-content: center;\n    flex-direction: column-reverse;\n    font-weight: bold;\n }\n .e-d-e-bdf-eace-1aagzef {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    gap: calc(12px);\n    justify-content: flex-start;\n    width: 100%;\n }\n .awgt-compo-icon-selector {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n }\n .block-editor-block-inspector .components-panel__body > div {\n    padding-top: 15px;\n }\n .frhd__control.components-panel__body.frhd__control.is-opened > div:not(:last-child) {\n    border-bottom: 0;\n }\n .awgt-compo-icon-selector button svg {\n    width: 20px;\n    height: 20px;\n }\n .awgt-compo-transparency {\n    opacity: .5 !important;\n }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Icon Box Setting"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Notice Box Section Max Width:"),
                      onChange: (e) => o({ maxWidth: e }),
                      isUnitSelectTabbable: !0,
                      value: d,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Border Radius:"),
                      onChange: (e) => o({ roundedCornerSize: e }),
                      isUnitSelectTabbable: !0,
                      value: x,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      "label",
                      {
                        for: "radiogroup-component",
                        className: "frhd__label-for-radiogroup",
                      },
                      "Heading Effects Tag : ",
                    ),
                    (0, a.createElement)(
                      s.__experimentalRadioGroup,
                      {
                        onChange: (e) => o({ titleTag: e }),
                        defaultChecked: f,
                        label: "Title Tag",
                        className: "frhd__component",
                      },
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "h1" },
                        "H1",
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "h2" },
                        "H2",
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "h3" },
                        "H3",
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "h4" },
                        "H4",
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "h5" },
                        "H5",
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "h6" },
                        "H6",
                      ),
                    ),
                    (0, a.createElement)(
                      "label",
                      {
                        for: "radiogroup-component",
                        className: "frhd__label-for-radiogroup",
                      },
                      "Content Align :",
                    ),
                    (0, a.createElement)(
                      s.__experimentalRadioGroup,
                      {
                        onChange: (e) => o({ noticContentAlign: e }),
                        defaultChecked: p,
                        label: "align",
                        className: "frhd__component",
                      },
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "left" },
                        (0, a.createElement)(
                          "svg",
                          {
                            xmlns: "http://www.w3.org/2000/svg",
                            height: "1em",
                            viewBox: "0 0 448 512",
                          },
                          (0, a.createElement)("path", {
                            d: "M288 64c0 17.7-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32H256c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",
                          }),
                        ),
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "center" },
                        (0, a.createElement)(
                          "svg",
                          {
                            xmlns: "http://www.w3.org/2000/svg",
                            height: "1em",
                            viewBox: "0 0 448 512",
                          },
                          (0, a.createElement)("path", {
                            d: "M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z",
                          }),
                        ),
                      ),
                      (0, a.createElement)(
                        s.__experimentalRadio,
                        { value: "right" },
                        (0, a.createElement)(
                          "svg",
                          {
                            xmlns: "http://www.w3.org/2000/svg",
                            height: "1em",
                            viewBox: "0 0 448 512",
                          },
                          (0, a.createElement)("path", {
                            d: "M448 64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z",
                          }),
                        ),
                      ),
                    ),
                    (0, a.createElement)(s.RangeControl, {
                      label: "Icon Size",
                      value: E,
                      onChange: (e) => o({ iconSize: e }),
                    }),
                    (0, a.createElement)(s.ToggleControl, {
                      label: C ? "Icon Enable :" : "Icon Disable :",
                      checked: C,
                      onChange: (e) => o({ iconShow: e }),
                      className: "awgt-icon-toggle",
                    }),
                    (0, a.createElement)(
                      () =>
                        (0, a.createElement)(
                          s.__experimentalRadioGroup,
                          {
                            label: "Width",
                            onChange: (e) => o({ contIcon: e }),
                            checked: y,
                            className:
                              !0 !== C
                                ? "awgt-compo-transparency awgt-compo-icon-selector"
                                : "awgt-compo-icon-selector",
                          },
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "alert-bell" },
                            i.iconBell,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "circle-info" },
                            i.circleInfo,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "triangle-info" },
                            i.triangleInfo,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "circle-question" },
                            i.circleQuestion,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "circle-cross" },
                            i.circleCross,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "envelope-text" },
                            i.envelopeText,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "gift-box" },
                            i.giftBox,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "double-tag" },
                            i.doubleTag,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "hash-tag" },
                            i.hashTag,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "flag" },
                            i.iconFlag,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "fire" },
                            i.iconFire,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "feather" },
                            i.iconFeather,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "bolt" },
                            i.iconBolt,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "heart" },
                            i.iconHeart,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "heart-crack" },
                            i.heartCrack,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "award" },
                            i.icoAward,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "star" },
                            i.icoStar,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "crown" },
                            i.icoCrown,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "medal" },
                            i.icoMedal,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "skull-crossbones" },
                            i.skullCrossbones,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "bellSlash" },
                            i.bellSlash,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "clipboard" },
                            i.clipboard,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "bookOpen" },
                            i.bookOpen,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "envelope" },
                            i.envelope,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "circleCheck" },
                            i.circleCheck,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "clipboardCheck" },
                            i.clipboardCheck,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "lightbulb" },
                            i.lightbulb,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "thumbsUp" },
                            i.thumbsUp,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "thumbtack" },
                            i.thumbtack,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "ban" },
                            i.ban,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "bullhorn" },
                            i.bullhorn,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "pencil" },
                            i.pencil,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "magicSparkles" },
                            i.magicSparkles,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "bug" },
                            i.bug,
                          ),
                          (0, a.createElement)(
                            s.__experimentalRadio,
                            { value: "hand" },
                            i.hand,
                          ),
                        ),
                      null,
                    ),
                  ),
                  (0, a.createElement)(
                    a.Fragment,
                    null,
                    (0, a.createElement)(
                      s.PanelBody,
                      {
                        title: (0, t.__)("Colors"),
                        icon: i.paintBoard,
                        initialOpen: !1,
                        className: "frhd__control frhd__control-colors",
                      },
                      (0, a.createElement)(
                        s.__experimentalHeading,
                        { className: "frhd__pb-heading" },
                        "Notice box Top background color:",
                      ),
                      (0, a.createElement)(l.ColorPalette, {
                        value: g,
                        onChange: (e) => o({ noticeTopBgColor: e }),
                        clearable: !1,
                      }),
                      (0, a.createElement)(
                        s.__experimentalHeading,
                        { className: "frhd__pb-heading" },
                        "Title color:",
                      ),
                      (0, a.createElement)(l.ColorPalette, {
                        value: h,
                        onChange: (e) => o({ titleColor: e }),
                        clearable: !1,
                      }),
                      (0, a.createElement)(
                        s.__experimentalHeading,
                        { className: "frhd__pb-heading" },
                        "Content Background color:",
                      ),
                      (0, a.createElement)(l.ColorPalette, {
                        value: w,
                        onChange: (e) => o({ contentBgColor: e }),
                        clearable: !1,
                      }),
                      (0, a.createElement)(
                        s.__experimentalHeading,
                        { className: "frhd__pb-heading" },
                        "Content color:",
                      ),
                      (0, a.createElement)(l.ColorPalette, {
                        value: m,
                        onChange: (e) => o({ contentColor: e }),
                        clearable: !1,
                      }),
                      (0, a.createElement)(
                        s.__experimentalHeading,
                        { className: "frhd__pb-heading" },
                        "Icon color:",
                      ),
                      (0, a.createElement)(l.ColorPalette, {
                        value: b,
                        onChange: (e) => o({ iconColor: e }),
                        clearable: !1,
                      }),
                      (0, a.createElement)(
                        s.__experimentalHeading,
                        { className: "frhd__pb-heading" },
                        "Border color:",
                      ),
                      (0, a.createElement)(l.ColorPalette, {
                        value: v,
                        onChange: (e) => o({ borderColor: e }),
                        clearable: !1,
                      }),
                    ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...$ },
                (0, a.createElement)(c.RawHTML, null, `<style>${S}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "frhd_notice_box" },
                  (0, a.createElement)(
                    "div",
                    { className: "notice-box-title" },
                    !0 === C
                      ? (0, a.createElement)(
                          "legend",
                          { className: "awgt-alert-icon" },
                          {
                            "alert-bell": i.iconBell,
                            "circle-info": i.circleInfo,
                            "triangle-info": i.triangleInfo,
                            "circle-question": i.circleQuestion,
                            "circle-cross": i.circleCross,
                            "envelope-text": i.envelopeText,
                            "gift-box": i.giftBox,
                            "double-tag": i.doubleTag,
                            "hash-tag": i.hashTag,
                            flag: i.iconFlag,
                            fire: i.iconFire,
                            feather: i.iconFeather,
                            bolt: i.iconBolt,
                            heart: i.iconHeart,
                            "heart-crack": i.heartCrack,
                            award: i.icoAward,
                            star: i.icoStar,
                            crown: i.icoCrown,
                            medal: i.icoMedal,
                            "skull-crossbones": i.skullCrossbones,
                            bellSlash: i.bellSlash,
                            clipboard: i.clipboard,
                            bookOpen: i.bookOpen,
                            envelope: i.envelope,
                            circleCheck: i.circleCheck,
                            clipboardCheck: i.clipboardCheck,
                            lightbulb: i.lightbulb,
                            thumbsUp: i.thumbsUp,
                            thumbtack: i.thumbtack,
                            ban: i.ban,
                            bullhorn: i.bullhorn,
                            pencil: i.pencil,
                            magicSparkles: i.magicSparkles,
                            bug: i.bug,
                            hand: i.hand,
                          }[y],
                        )
                      : "",
                    (0, a.createElement)(l.RichText, {
                      ...$,
                      tagName: f,
                      value: _,
                      onChange: (e) => o({ noticeTitle: e }),
                      placeholder: (0, t.__)("Notice Title"),
                    }),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "notice-box-message" },
                    (0, a.createElement)(l.RichText, {
                      ...$,
                      tagName: "p",
                      value: u,
                      onChange: (e) => o({ noticeContent: e }),
                      placeholder: (0, t.__)("Notice Content"),
                      className: "notice-box-message-content",
                    }),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: n,
                maxWidth: o,
                noticContentAlign: r,
                contentColor: s,
                titleColor: d,
                noticeTopBgColor: p,
                titleTag: m,
                noticeTitle: h,
                noticeContent: g,
                iconColor: f,
                roundedCornerSize: _,
                borderColor: u,
                contentBgColor: b,
                contIcon: x,
                iconShow: v,
                iconSize: w,
              } = e,
              y = `.frhd_notice-box-container{\n      max-width: 100% !important;\n      display: flex;\n      justify-content: ${r} !important;\n  }\n  .notice-box-message-content,\n  .notice-box-title {\n      margin: 0 !important;\n  }\n  .frhd_notice_box{\n    border: 2px solid ${u};\n    border-radius: ${_};\n    overflow: hidden;\n    max-width: ${o} !important;\n  }\n  .frhd_notice_box .notice-box-title ${m}{\n    color: ${d};\n    margin: 0;\n    font-size: 20px;\n  }\n  .frhd_notice_box .notice-box-title{\n     display: flex;\n     gap: 7px;\n     align-items: center;\n     padding: 10px;\n     background: ${p};\n  }\n  .frhd_notice_box .notice-box-title svg {\n    fill: ${f};\n  }\n  .frhd__component-width-notice-box-select .components-input-control__container {\n      max-width: 140px;\n  }\n  .frhd_notice_box .notice-box-message{\n      padding: 14px;\n      background-color: ${b};\n  }\n  .frhd_notice_box .notice-box-message p{\n      font-size: 16px;\n      color: ${s};\n  }\n  legend.awgt-alert-icon {\n    margin: 0;\n    padding: 0;\n    margin-bottom: 0 !important;\n    display: flex;\n  }\n  legend.awgt-alert-icon svg {\n    width:${w}px;\n    height:${w}px;\n  }`;
            return (0, a.createElement)(
              "div",
              { className: "frhd_notice-box-container" },
              (0, a.createElement)(c.RawHTML, null, `<style>${y}</style>`),
              (0, a.createElement)(
                "div",
                { id: n, className: "frhd_notice_box" },
                (0, a.createElement)(
                  "div",
                  { className: "notice-box-title" },
                  !0 === v
                    ? (0, a.createElement)(
                        "legend",
                        { className: "awgt-alert-icon" },
                        {
                          "alert-bell": i.iconBell,
                          "circle-info": i.circleInfo,
                          "triangle-info": i.triangleInfo,
                          "circle-question": i.circleQuestion,
                          "circle-cross": i.circleCross,
                          "envelope-text": i.envelopeText,
                          "gift-box": i.giftBox,
                          "double-tag": i.doubleTag,
                          "hash-tag": i.hashTag,
                          flag: i.iconFlag,
                          fire: i.iconFire,
                          feather: i.iconFeather,
                          bolt: i.iconBolt,
                          heart: i.iconHeart,
                          "heart-crack": i.heartCrack,
                          award: i.icoAward,
                          star: i.icoStar,
                          crown: i.icoCrown,
                          medal: i.icoMedal,
                          "skull-crossbones": i.skullCrossbones,
                          bellSlash: i.bellSlash,
                          clipboard: i.clipboard,
                          bookOpen: i.bookOpen,
                          envelope: i.envelope,
                          circleCheck: i.circleCheck,
                          clipboardCheck: i.clipboardCheck,
                          lightbulb: i.lightbulb,
                          thumbsUp: i.thumbsUp,
                          thumbtack: i.thumbtack,
                          ban: i.ban,
                          bullhorn: i.bullhorn,
                          pencil: i.pencil,
                          magicSparkles: i.magicSparkles,
                          bug: i.bug,
                          hand: i.hand,
                        }[x],
                      )
                    : "",
                  (0, a.createElement)(l.RichText.Content, {
                    tagName: m,
                    value: h,
                    placeholder: (0, t.__)("Notice Title"),
                  }),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "notice-box-message" },
                  (0, a.createElement)(l.RichText.Content, {
                    tagName: "p",
                    value: g,
                    placeholder: (0, t.__)("Notice Content"),
                    className: "notice-box-message-content",
                  }),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/author-bio",
          title: (0, t.__)("Author Bio"),
          description: (0, t.__)("Block showing Author Bio."),
          icon: {
            src: i.authorBio,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("author"), (0, t.__)("bio")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              selectedAuthorId: p,
              username: m,
              avatarUrl: h,
              description: g,
              link: f,
              isFromGallery: _,
              authorBioDesignation: u,
              isEditBio: b,
              headingColor: x,
              sectionWidth: v,
              descriptionSize: w,
              iconSize: y,
              iconColor: C,
              iconBackgroundColor: E,
              descriptionLineHeight: k,
              HeadingSize: $,
              HeadingLineHeight: S,
              designationSize: P,
              designationLineHeight: M,
              sectionBackgroundColor: N,
              isRound: H,
              deviderColor: T,
            } = n;
            let B = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhd-ab-" + B });
            const L = (0, l.useBlockProps)(),
              [z, A] = (0, c.useState)("tab1"),
              F = (e) => {
                A(e);
              },
              I = (0, d.useSelect)(
                (e) => e("core").getUsers({ who: "authors" }),
                [],
              ),
              Z = I?.map((e) => ({ label: e.username, value: e.id })),
              O = `#${r}.frhd-author-bio-container {\n        max-width: ${v} !important;\n        margin: 0 auto;\n    }\n    .frhd-ab-inner-wrapper{\n        background-color: ${N};\n        padding: 20px;\n        border-radius: ${H ? "20px" : "0px"};\n    }\n    .addBorderRadius{\n        border-radius: 20px;\n    }\n    .frhd-ab-head {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        gap: 30px;\n        padding: 20px;\n        border-bottom: 2px solid ${T};\n    }\n    .frhd-ab-head-avatar img {\n        width: 96px;\n        height: 96px;\n        border-radius: 50%;\n        object-fit: cover;\n        object-position: center center;\n    }\n    .frhd-ab-head-aside h4 {\n        font-size: ${$} !important;\n        line-height: ${S} !important;\n        margin: 0px !important;\n        padding-bottom: 5px;\n    }\n    .frhd-ab-name-link{\n        text-decoration : none !important;\n        color: ${x} !important;\n        pointer-events: none;\n    }\n    .frhd-ab-head-des {\n        font-size: ${P} !important;\n        line-height: ${M} !important;\n        margin: 0px !important;\n        padding-bottom: 15px;\n    }\n    .frhd-ab-desc {\n        padding: 10px 3px;\n    }\n    .frhd-ab-desc p:last-child {\n        margin-bottom: 0 !important;\n    }\n    .frhd-ab-details {\n        line-height: ${k} !important;\n        font-size:${w} !important;\n        margin-top: 0px !important;\n        margin-bottom: 0px !important;\n    }\n    .frhd-ab-socials {\n        padding-left: 0px !important;\n        gap :10px !important;\n        margin:0px !important;\n    }\n    .frhd-ab-socials li {\n        background-color: ${E}!important;\n        border:1px solid gainsboro !important;\n        color: ${C} !important;\n        border-radius: 25% !important;\n        transition: 0.4s;\n    }\n    .frhd-ab-socials button {\n        padding: 6px !important;\n    }\n    #${r} .frhd-ab-socials svg {\n        width: ${y} !important;\n        height: ${y} !important;\n    }\n    .add-background {\n        animation :authorBioEditDetailsAimation 3s;\n    }\n    .frhd-ab-core-block-section{\n        margin-top :0px !important;\n        margin-bottom :0px !important;\n    }\n    .editor-styles-wrapper #${r} .wp-block-group__inner-container {\n        padding: 0px !important;\n    }\n    @keyframes authorBioEditDetailsAimation {\n        from {background-color: antiquewhite;}\n        to {background-color: transparent;}\n    }\n    @media (max-width: 599px) {\n    .frhd-ab-head { \n        flex-direction:column !important;\n    }\n    .frhd-ab-head-aside{\n        display: flex;\n        flex-direction:column !important;\n        align-items: center;\n        justify-content: flex-start;\n    }\n    .frhd-ab-head-des{\n        text-align: center !important;\n    }}`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-tab-header" },
                    (0, a.createElement)(
                      "button",
                      {
                        onClick: () => F("tab1"),
                        className: "tab1" === z ? "active" : "",
                      },
                      "Settings",
                    ),
                    (0, a.createElement)(
                      "button",
                      {
                        onClick: () => F("tab2"),
                        className: "tab2" === z ? "active" : "",
                      },
                      "Styles",
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "tab-content" },
                    "tab1" === z &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.PanelBody,
                          {
                            title: (0, t.__)("Appearance"),
                            icon: i.layerMask,
                            initialOpen: !0,
                            className: "frhd__control frhd__control-query",
                          },
                          (0, a.createElement)(s.SelectControl, {
                            label: "Select an Author",
                            value: p,
                            options: Z,
                            onChange: (e) => {
                              const t = I.find((t) => t.id === parseInt(e, 10));
                              t &&
                                o({
                                  selectedAuthorId: t.id,
                                  username: t.username,
                                  avatarUrl: t.avatar_urls[96],
                                  description: t.description,
                                  link: t.link,
                                });
                            },
                          }),
                          (0, a.createElement)(s.ToggleControl, {
                            label: "Allow Edit Author Details",
                            checked: b,
                            onChange: (e) => o({ isEditBio: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(s.ToggleControl, {
                            label: "Change Avatar",
                            checked: _,
                            onChange: (e) => o({ isFromGallery: e }),
                            className: "frhd__component-diff",
                          }),
                          _ &&
                            (0, a.createElement)("img", {
                              style: { maxWidth: "250px", height: "200px" },
                              src: h,
                            }),
                          _
                            ? (0, a.createElement)(
                                l.MediaUploadCheck,
                                null,
                                (0, a.createElement)(l.MediaUpload, {
                                  onSelect: (e) =>
                                    o({
                                      avatarUrl: e?.url,
                                      flipCardFrontPicAlt: e?.alt,
                                    }),
                                  render: ({ open: e }) =>
                                    (0, a.createElement)(
                                      s.Button,
                                      {
                                        className: "button ",
                                        style: { marginBottom: "10px" },
                                        onClick: e,
                                      },
                                      "Change Photo",
                                    ),
                                }),
                              )
                            : " ",
                          (0, a.createElement)(s.ToggleControl, {
                            label: "Allow Round Shape Section",
                            checked: H,
                            onChange: (e) => o({ isRound: e }),
                            className: "frhd__component-diff",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Section Max-Width:"),
                            onChange: (e) => o({ sectionWidth: e }),
                            isUnitSelectTabbable: !0,
                            value: v,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Social Icons Size:"),
                            onChange: (e) => o({ iconSize: e }),
                            isUnitSelectTabbable: !0,
                            value: y,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Heading Font-Size:"),
                            onChange: (e) => o({ HeadingSize: e }),
                            isUnitSelectTabbable: !0,
                            value: $,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Heading Line-Height:"),
                            onChange: (e) => o({ HeadingLineHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: S,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Designation Font-Size:"),
                            onChange: (e) => o({ designationSize: e }),
                            isUnitSelectTabbable: !0,
                            value: P,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Designation Line-Height:"),
                            onChange: (e) => o({ designationLineHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: M,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Description Font-Size:"),
                            onChange: (e) => o({ descriptionSize: e }),
                            isUnitSelectTabbable: !0,
                            value: w,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Description Line-Height:"),
                            onChange: (e) => o({ descriptionLineHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: k,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                        ),
                      ),
                    "tab2" === z &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.PanelBody,
                          {
                            title: (0, t.__)("Colors"),
                            icon: i.paintBoard,
                            initialOpen: !0,
                            className: "frhd__control frhd__control-query",
                          },
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Section Background Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: N,
                            onChange: (e) => o({ sectionBackgroundColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Name Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: x,
                            onChange: (e) => o({ headingColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Icon Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: C,
                            onChange: (e) => o({ iconColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Icon Background Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: E,
                            onChange: (e) => o({ iconBackgroundColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Divider Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            value: T,
                            onChange: (e) => o({ deviderColor: e }),
                            clearable: !1,
                          }),
                        ),
                      ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...L },
                (0, a.createElement)(c.RawHTML, null, `<style>${O}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "frhd-author-bio-container" },
                  I
                    ? (0, a.createElement)(
                        "div",
                        { className: "frhd-ab-inner-wrapper" },
                        (0, a.createElement)(
                          "div",
                          { className: "frhd-ab-head" },
                          (0, a.createElement)(
                            "div",
                            { className: "frhd-ab-head-avatar" },
                            (0, a.createElement)("img", { src: h }),
                          ),
                          (0, a.createElement)(
                            "div",
                            { className: "frhd-ab-head-aside" },
                            (0, a.createElement)(
                              "h4",
                              null,
                              (0, a.createElement)(
                                "a",
                                { className: "frhd-ab-name-link", href: f },
                                m,
                              ),
                            ),
                            (0, a.createElement)(l.RichText, {
                              ...L,
                              tagName: "p",
                              value: u,
                              onChange: (e) => o({ authorBioDesignation: e }),
                              placeholder: (0, t.__)(
                                "WordPress Developer at Microters",
                              ),
                              className: "frhd-ab-head-des",
                            }),
                            (0, a.createElement)(l.InnerBlocks, {
                              allowedBlocks: [
                                "core/group",
                                "core/social-links",
                                "core/social-link",
                                "core/paragraph",
                                "core/buttons",
                                "core/button",
                              ],
                              template: [
                                [
                                  "core/group",
                                  {
                                    tagName: "section",
                                    className: "frhd-ab-core-block-section",
                                  },
                                  [
                                    [
                                      "core/social-links",
                                      { className: "frhd-ab-socials" },
                                      [
                                        [
                                          "core/social-link",
                                          {
                                            service: "x",
                                            url: "#",
                                            className:
                                              "frhd-ab-core-block-link",
                                          },
                                        ],
                                        [
                                          "core/social-link",
                                          {
                                            service: "facebook",
                                            url: "#",
                                            className:
                                              "frhd-ab-core-block-link",
                                          },
                                        ],
                                        [
                                          "core/social-link",
                                          {
                                            service: "linkedin",
                                            url: "#",
                                            className:
                                              "frhd-ab-core-block-link",
                                          },
                                        ],
                                        [
                                          "core/social-link",
                                          {
                                            service: "pinterest",
                                            url: "#",
                                            className:
                                              "frhd-ab-core-block-link",
                                          },
                                        ],
                                      ],
                                    ],
                                  ],
                                ],
                              ],
                            }),
                          ),
                        ),
                        (0, a.createElement)(
                          "div",
                          { className: "frhd-ab-desc" },
                          b
                            ? (0, a.createElement)(l.RichText, {
                                ...L,
                                tagName: "p",
                                value: g,
                                onChange: (e) => o({ description: e }),
                                placeholder: (0, t.__)(
                                  "WordPress Developer at Microters",
                                ),
                                className:
                                  "frhd-ab-details " +
                                  (b ? "add-background" : ""),
                              })
                            : (0, a.createElement)(
                                "p",
                                { className: "frhd-ab-details" },
                                g,
                              ),
                        ),
                      )
                    : (0, a.createElement)(
                        "div",
                        { style: { textAlign: "center" } },
                        " ",
                        (0, a.createElement)(s.Spinner, {
                          style: { width: "100px", height: "100px" },
                        }),
                      ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                username: n,
                avatarUrl: o,
                description: r,
                link: i,
                authorBioDesignation: s,
                headingColor: d,
                sectionWidth: p,
                descriptionSize: m,
                iconSize: h,
                iconColor: g,
                iconBackgroundColor: f,
                descriptionLineHeight: _,
                HeadingSize: u,
                HeadingLineHeight: b,
                designationSize: x,
                designationLineHeight: v,
                sectionBackgroundColor: w,
                isRound: y,
                deviderColor: C,
              } = e,
              E = `.frhd-author-bio-container {\n        max-width: ${p} !important;\n        margin: 0 auto;\n    }\n    .frhd-ab-inner-wrapper{\n        background-color: ${w};\n        padding: 20px;\n        border-radius: ${y ? "20px" : "0px"};\n    }\n    .frhd-ab-head {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        gap: 30px;\n        padding: 20px;\n        border-bottom: 2px solid ${C};\n    }\n    .frhd-ab-head-avatar img {\n        width: 96px;\n        height: 96px;\n        border-radius: 50%;\n        object-fit: cover;\n        object-position: center center;\n    }\n    .frhd-ab-head-aside h4{\n        font-size:${u} !important;\n        line-height: ${b} !important;\n        margin: 0px !important;\n        padding-bottom: 5px;\n    }\n    .frhd-ab-name-link{\n        text-decoration : none !important;\n        color: ${d} !important;\n    }\n    .frhd-ab-head-des{\n        font-size: ${x} !important;\n        line-height: ${v} !important;\n        margin: 0px !important;\n        padding-bottom: 15px;\n    }\n    .frhd-ab-desc {\n       padding: 10px 3px !important;\n    }\n    .frhd-ab-desc p:last-child {\n        margin-bottom: 0 !important;\n    }\n   .frhd-ab-details {\n        line-height: ${_} !important;\n        font-size:${m} !important;\n        margin-top: 0px !important;\n        margin-bottom: 0px !important;\n   }\n   .frhd-ab-socials {\n        padding-left: 0px !important;\n        gap :10px !important;\n        margin-bottom: 0px !important;\n   }\n   .frhd-ab-socials li {\n        background-color:${f}!important;\n        border:1px solid gainsboro !important;\n        color: ${g} !important;\n        border-radius: 25% !important;\n        transition: 0.4s;\n   }\n   .frhd-ab-socials button {\n        padding: 6px !important;  \n    }\n    .frhd-ab-core-block-section .wp-block-group__inner-container {\n        padding: 0px !important;\n    }\n   .frhd-ab-socials svg {\n        width: ${h} !important;\n        height: ${h}!important;\n   }\n   @media (max-width: 599px) {\n  .frhd-ab-head { \n        flex-direction:column !important;\n    }\n   .frhd-ab-head-aside{\n        display: flex;\n        flex-direction:column !important;\n        align-items: center;\n        justify-content: flex-start;\n   }\n   .frhd-ab-head-des{\n        text-align: center !important;\n   }}`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${E}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "frhd-author-bio-container" },
                (0, a.createElement)(
                  "div",
                  { className: "frhd-ab-inner-wrapper" },
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-ab-head" },
                    (0, a.createElement)(
                      "div",
                      { className: "frhd-ab-head-avatar" },
                      (0, a.createElement)("img", { src: o }),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "frhd-ab-head-aside" },
                      (0, a.createElement)(
                        "h4",
                        null,
                        (0, a.createElement)(
                          "a",
                          { className: "frhd-ab-name-link", href: i },
                          n,
                        ),
                      ),
                      (0, a.createElement)(l.RichText.Content, {
                        tagName: "p",
                        value: s,
                        className: "frhd-ab-head-des",
                      }),
                      (0, a.createElement)(l.InnerBlocks.Content, null),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-ab-desc" },
                    (0, a.createElement)(l.RichText.Content, {
                      tagName: "p",
                      value: r,
                      className: "frhd-ab-details",
                    }),
                  ),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/pros-cons",
          title: (0, t.__)("Pros-cons"),
          description: (0, t.__)("Block showing Pros-Cons."),
          icon: {
            src: i.prosCons,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("pros"), (0, t.__)("cons")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              maxWidth: i,
              pcBrandColor: d,
              iconColor: p,
              itemGap: m,
              itemDivider: h,
              dividerColor: g,
              respBreakPoint: f,
            } = n;
            let _ = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "fppc-" + _ });
            const u = (0, l.useBlockProps)(),
              b = `#${r} .block-editor-block-list__block.wp-block-list-item .block-editor-rich-text__editable.rich-text {\n        display: inline-block !important;\n    }\n    #${r}.fp-review-pros-cons-main > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {\n        margin: 0 !important;\n    }\n    #${r}.fp-review-pros-cons-main > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block {\n        margin: 0 !important;\n    }\n    #${r} .fp-pc-group > .wp-block-group__inner-container {\n        padding: 0 !important;\n    }\n     #${r} .fp-pc-columns{\n         margin: 0 !important;\n     }\n    .wp-block-fancypost-pros-cons {\n        max-width: ${i} !important;\n    }\n    #${r}.fp-review-pros-cons-main {\n        max-width: ${i} !important;\n        margin: auto;\n    }\n    #${r}.fp-review-pros-cons-main {\n        border-color: ${d};\n    }\n    #${r} .fp-pc-column > p {\n        color: ${d};\n        margin:0 !important;\n    }\n    #${r} .fp-pc-columns .wp-block-column:not(:last-child):after {\n        background-color: ${d};\n    }\n     ul.fp-pc-pros-list {\n        margin: 24px 0 0 0!important;\n        padding:0 0 0 12px !important;\n    }\n     ul.fp-pc-cons-list {\n        margin : 24px 0 0 0 !important;\n        padding: 0 0 0 12px !important;\n    }\n    #${r} ul.fp-pc-pros-list li:before {\n        content: '+';\n        color:  ${p};\n        margin: 0 16px 0 0 !important;\n        font-size:18px;\n        font-weight: 500;\n    }\n    #${r}  ul.fp-pc-cons-list li, ul.fp-pc-pros-list li{\n        list-style-type : none;\n    }\n    #${r} ul.fp-pc-cons-list li:before {\n        content: '-';\n        color:  ${p};\n        margin: 0 16px 0 0 !important;\n        font-size:18px;\n        font-weight: 500;\n    }\n    #${r} .fp-pc-column ul li:not(:last-child) {\n        margin: 0 0 ${m} 0 !important;\n        padding: 0 0 ${m} 0 !important;\n        border-bottom: ${h ? `1px dashed ${g}` : "none"};\n    }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Pros And Cons Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Max Width :"),
                      onChange: (e) => o({ maxWidth: e }),
                      isUnitSelectTabbable: !0,
                      value: i,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Brand Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: d,
                      onChange: (e) => o({ pcBrandColor: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Icon Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: p,
                      onChange: (e) => o({ iconColor: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("List Item Gap :"),
                      onChange: (e) => o({ itemGap: e }),
                      isUnitSelectTabbable: !0,
                      value: m,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(s.ToggleControl, {
                      label: h ? "Item Divider On :" : "Item Divider Off :",
                      checked: h,
                      onChange: (e) => o({ itemDivider: e }),
                      className: "frhd__component-diff",
                    }),
                    h &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.__experimentalHeading,
                          { className: "frhd__pb-heading" },
                          "Divider Color :",
                        ),
                        (0, a.createElement)(l.ColorPalette, {
                          value: g,
                          onChange: (e) => o({ dividerColor: e }),
                          clearable: !1,
                        }),
                      ),
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Responsive Breakpoint :"),
                      onChange: (e) => o({ respBreakPoint: e }),
                      isUnitSelectTabbable: !0,
                      value: f,
                      className: "frhd__component frhd__component-width-90",
                    }),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...u },
                (0, a.createElement)(c.RawHTML, null, `<style>${b}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "fp-review-pros-cons-main" },
                  (0, a.createElement)(l.InnerBlocks, {
                    allowedBlocks: [
                      "core/group",
                      "core/columns",
                      "core/list",
                      "core/list-item",
                      "core/paragraph",
                    ],
                    template: [
                      [
                        "core/group",
                        { tagName: "section", className: "fp-pc-group" },
                        [
                          [
                            "core/columns",
                            {
                              verticalAlignment: "center",
                              className: "fp-pc-columns",
                            },
                            [
                              [
                                "core/column",
                                { width: "50%", className: "fp-pc-column" },
                                [
                                  [
                                    "core/paragraph",
                                    {
                                      content: "<strong>Pros</strong>",
                                      align: "left",
                                      className: "pros-title",
                                      style: {
                                        typography: {
                                          fontSize: "20px",
                                          lineHeight: "1",
                                        },
                                      },
                                    },
                                  ],
                                  [
                                    "core/list",
                                    { className: "fp-pc-pros-list" },
                                    [
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Lorem ipsum dolor sit amet consectetur",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Adipiscing elit hendrerit augue iaculis rutrum",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Aliquet in dictum scelerisque porttitor",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Ornare sociis massa vitae blandit dictum",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Proin tortor purus nostra habitant",
                                        },
                                      ],
                                    ],
                                  ],
                                ],
                              ],
                              [
                                "core/column",
                                { width: "50%", className: "fp-pc-column" },
                                [
                                  [
                                    "core/paragraph",
                                    {
                                      content: "<strong>Cons</strong>",
                                      align: "left",
                                      className: "cons-title",
                                      style: {
                                        typography: {
                                          fontSize: "20px",
                                          lineHeight: "1",
                                        },
                                      },
                                    },
                                  ],
                                  [
                                    "core/list",
                                    { className: "fp-pc-cons-list" },
                                    [
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Lorem ipsum dolor sit amet consectetur",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Adipiscing elit hendrerit augue iaculis rutrum",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Aliquet in dictum scelerisque porttitor",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Ornare sociis massa vitae blandit dictum",
                                        },
                                      ],
                                      [
                                        "core/list-item",
                                        {
                                          content:
                                            "Proin tortor purus nostra habitant",
                                        },
                                      ],
                                    ],
                                  ],
                                ],
                              ],
                            ],
                          ],
                        ],
                      ],
                    ],
                  }),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                maxWidth: n,
                pcBrandColor: o,
                itemGap: r,
                iconColor: i,
                itemDivider: s,
                dividerColor: d,
                respBreakPoint: p,
              } = e,
              m = `#${t}.fp-review-pros-cons-main {\n        max-width: ${n} !important;\n        margin: 0 !important;\n    }\n  \n    #${t}.fp-review-pros-cons-main {\n        border-color: ${o};\n    }\n    #${t} .fp-pc-group > .wp-block-group__inner-container {\n        padding: 0 !important;\n    }\n    #${t} .fp-pc-column > p {\n        color: ${o};\n        margin-bottom: 0px !important;\n    }\n    #${t} .fp-pc-columns .wp-block-column:not(:last-child):after {\n        background-color: ${o};\n    }\n     #${t}  ul.fp-pc-cons-list li, ul.fp-pc-pros-list li{\n        list-style-type : none;\n    }\n    #${t} ul.fp-pc-pros-list li:before {\n        content: '+';\n        color:  ${i};\n        margin-right: 16px;\n        font-size:18px;\n        font-weight: 500 !important;\n       \n    }\n    .fp-pc-columns {\n        margin: 0 !important;\n    }\n    ul.fp-pc-pros-list {\n        margin : 24px 0 0 0!important;\n        padding: 0 0 0 12px !important;\n    }\n    ul.fp-pc-cons-list {\n        margin : 24px 0 0 0!important;\n        padding: 0 0 0 12px !important;\n    }\n    #${t} ul.fp-pc-cons-list li:before {\n        content: '-';\n        color: ${i};\n        margin-right: 16px;\n        font-size:18px;\n        font-weight: 500 !important;\n        \n    }\n    #${t} .fp-pc-column ul li:not(:last-child) {\n        margin-bottom: ${r};\n        padding-bottom: ${r};\n        border-bottom: ${s ? `1px dashed ${d}` : "none"};\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${m}</style>`),
              (0, a.createElement)(
                "div",
                {
                  ...l.useBlockProps.save(),
                  id: t,
                  className: "fp-review-pros-cons-main",
                },
                (0, a.createElement)(
                  "div",
                  null,
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/progress-bar",
          title: (0, t.__)("Progress Bar"),
          description: (0, t.__)("Block showing progress bar."),
          icon: {
            src: i.progressBar,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("editorial"), (0, t.__)("rating")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              sectionMaxWidth: i,
              barOneProgress: d,
              barTwoProgress: p,
              barThreeProgress: m,
              sectionTitle: h,
              barFillColor: g,
            } = n;
            let f = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "fppb-" + f });
            const _ = (0, l.useBlockProps)(),
              u = `.editor-styles-wrapper  #${r}.progress-bar-container {\n        max-width: ${i} !important;\n    }\n\n    .wp-block-fancypost-progress-bar {\n         max-width: ${i} !important;\n    }\n    .bar {\n        width: 100%;\n        height: 17px;\n        background: #e0e0e0;\n        border-radius: 10px;\n        overflow: hidden;\n        display: flex;\n    }\n    #${r} .bar-fill {\n        height: 100%;\n        background: ${g};\n        flex-grow :0 !important;\n    }\n    .bar-title-score-wrapper {\n        display: flex;\n        justify-content: space-between;\n    }\n    .bar-title-score-wrapper p{\n        margin: 0 0 5px 0 !important;\n    }\n    .score-wrapper p{\n        margin: 0 0 5px 0 !important;\n    }\n    .progress-bar-wrapper > h4 {\n        font-size: 18px !important;\n        font-weight: 700 !important;\n        margin: 0 0 10px 0 !important;\n    }\n    #${r} .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {\n        margin: 0 !important\n    }\n    #${r} .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block {\n        margin: 0 !important\n    }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Progress Bar Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Section Max Width:"),
                      onChange: (e) => o({ sectionMaxWidth: e }),
                      isUnitSelectTabbable: !0,
                      value: i,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Progress Bar Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: g,
                      onChange: (e) => o({ barFillColor: e }),
                      clearable: !1,
                    }),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ..._ },
                (0, a.createElement)(c.RawHTML, null, `<style>${u}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "progress-bar-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "progress-bar-wrapper" },
                    (0, a.createElement)(l.RichText, {
                      className: "section-title",
                      tagName: "h4",
                      value: h,
                      onChange: (e) => o({ sectionTitle: e }),
                      placeholder: (0, t.__)("Section Title"),
                    }),
                    (0, a.createElement)(l.InnerBlocks, {
                      allowedBlocks: ["fancypost/progress-bar-item"],
                      template: [
                        [
                          "fancypost/progress-bar-item",
                          {
                            content: "Price per serving",
                            score: "80%",
                            percentage: 80,
                          },
                        ],
                        [
                          "fancypost/progress-bar-item",
                          {
                            content: "Macros per serving",
                            score: "70%",
                            percentage: 69,
                          },
                        ],
                        [
                          "fancypost/progress-bar-item",
                          {
                            content: "Calories per serving",
                            score: "90%",
                            percentage: 89,
                          },
                        ],
                      ],
                      renderAppender: () =>
                        (0, a.createElement)(
                          l.InnerBlocks.ButtonBlockAppender,
                          null,
                        ),
                    }),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                sectionMaxWidth: n,
                sectionTitle: o,
                barFillColor: r,
              } = e,
              i = ` #${t}.progress-bar-container {\n        max-width: ${n} !important;\n    }\n    .bar {\n        width: 100%;\n        height: 17px;\n        background: #e0e0e0;\n        border-radius: 10px;\n        overflow: hidden;\n        display: flex;\n    }\n    #${t} .bar-fill {\n        height: 100%;\n        background: ${r};\n        flex-grow :0 !important;\n    }\n    .bar-title-score-wrapper {\n        display: flex;\n        justify-content: space-between;\n    }\n    .bar-title-score-wrapper p{\n        margin: 0 0 5px 0 !important;\n    }\n    .score-wrapper p{\n        margin: 0 0 5px 0 !important;\n    }\n    .section-title {\n        font-size: 18px !important;\n        font-weight: 700 !important;\n        margin: 0 0 10px 0 !important;\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${i}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "progress-bar-container" },
                (0, a.createElement)(
                  "div",
                  { className: "progress-bar-wrapper" },
                  (0, a.createElement)(l.RichText.Content, {
                    className: "section-title",
                    tagName: "h4",
                    value: o,
                  }),
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/progress-circle",
          title: (0, t.__)("Progress Circle"),
          description: (0, t.__)("Block showing progress circle."),
          icon: {
            src: i.progressCircle,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("editorial"), (0, t.__)("rating")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const { id: r, initialProgress: i } = n;
            let d = e.slice(e.lastIndexOf("-") + 1);
            o({ id: d });
            const p = (0, l.useBlockProps)(),
              m = 67.5,
              h = 2 * Math.PI * m,
              g = (h * (100 - i)) / 100;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Circular Progress Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(s.RangeControl, {
                      label: "Progress",
                      value: i,
                      onChange: (e) => o({ initialProgress: e }),
                      min: 1,
                      max: 100,
                    }),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...p },
                (0, a.createElement)(
                  c.RawHTML,
                  null,
                  "<style>.progress-wrapper {\n        position: relative;\n        width: 120px;\n        height: 120px;\n    }\n    .progress-circle {\n        transform: rotate(-90deg);\n    }\n    .bg-circle {\n        stroke: #e6e6e6;\n    }\n    .progress {\n        stroke: #c5a453;\n        stroke-linecap: round;\n        stroke-dasharray: 339.292; /* 2 * PI * 54 */\n        stroke-dashoffset: 339.292;\n        transition: stroke-dashoffset 0.1s linear;\n}\n    .progress-text {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        font-size: 24px;\n        font-weight: bold;\n        color: #333;\n    }</style>",
                ),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "progress-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "progress-wrapper" },
                    (0, a.createElement)(
                      "svg",
                      {
                        className: "progress-circle",
                        width: "150",
                        height: "150",
                      },
                      (0, a.createElement)("circle", {
                        cx: "75",
                        cy: "75",
                        r: m,
                        strokeWidth: 15,
                        fill: "none",
                        className: "bg-circle",
                      }),
                      (0, a.createElement)("circle", {
                        cx: "75",
                        cy: "75",
                        r: m,
                        strokeWidth: 15,
                        fill: "none",
                        className: "progress",
                        style: { strokeDasharray: h, strokeDashoffset: g },
                      }),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "progress-text" },
                      i,
                      "%",
                    ),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const { id: t, initialProgress: n } = e,
              o = 67.5,
              r = 2 * Math.PI * o,
              i = (r * (100 - n)) / 100;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(
                c.RawHTML,
                null,
                "<style>.progress-wrapper {\n        position: relative;\n        width: 120px;\n        height: 120px;\n    }\n    .progress-circle {\n        transform: rotate(-90deg);\n    }\n    .bg-circle {\n        stroke: #e6e6e6;\n    }\n    .progress {\n        stroke: #c5a453;\n        stroke-linecap: round;\n        stroke-dasharray: 339.292; /* 2 * PI * 54 */\n        stroke-dashoffset: 339.292;\n        transition: stroke-dashoffset 0.1s linear;\n    }\n    .progress-text {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        font-size: 24px;\n        font-weight: bold;\n        color: #333;\n    }</style>",
              ),
              (0, a.createElement)(
                "div",
                { id: t, className: "progress-container" },
                (0, a.createElement)(
                  "div",
                  { className: "progress-wrapper" },
                  (0, a.createElement)(
                    "svg",
                    {
                      className: "progress-circle",
                      width: "150",
                      height: "150",
                    },
                    (0, a.createElement)("circle", {
                      cx: "75",
                      cy: "75",
                      r: o,
                      strokeWidth: 15,
                      fill: "none",
                      className: "bg-circle",
                    }),
                    (0, a.createElement)("circle", {
                      cx: "75",
                      cy: "75",
                      r: o,
                      strokeWidth: 15,
                      fill: "none",
                      className: "progress",
                      style: { strokeDasharray: r, strokeDashoffset: i },
                    }),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "progress-text" },
                    n,
                    "%",
                  ),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/image-slider",
          title: (0, t.__)("Image Slider"),
          description: (0, t.__)("Block showing Image Slider."),
          icon: {
            src: i.imageSlider,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("image"), (0, t.__)("slider")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: o, setAttributes: r }) => {
            const {
              id: d,
              slImages: p,
              width: m,
              height: h,
              logoHeightMax: g,
              sType: f,
              start: _,
              perPage: u,
              gap: b,
              perMove: x,
              autoplay: v,
              speed: w,
              interval: y,
              rewind: C,
              padding: E,
              arrows: k,
              tooltip: $,
              hasBorderCorner: S,
              pagination: P,
              drag: M,
              pauseOnHover: N,
              autoScrollVar: H,
              ariaLabel: T,
              lazyLoad: B,
              preloadPages: L,
              wheel: z,
              keyboard: A,
              direction: F,
              breakpoints: I,
              title: Z,
              caption: O,
              desc: D,
              button: R,
            } = o;
            let V = e.slice(e.lastIndexOf("-") + 1);
            r({ id: "frhdls-" + V });
            const j = (0, l.useBlockProps)(),
              [U, W] = (0, c.useState)(o.slImages || []),
              G = `#${d} .frhd-islide-self-wrap {\n        max-height: ${h};\n    }\n    #${d} .splide {\n        width: ${m};\n    }\n    #${d} .frhd-islide-self-wrap img {\n        max-height: ${g || "min-content"};\n    }\n    ${$ ? `#${d} .splide__track {\n        padding-top: 40px;\n    }` : ""}`;
            return [
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Content Selection"),
                    icon: i.icoContent,
                    initialOpen: !0,
                    className: "frhd__control frhd__control-global",
                  },
                  (0, a.createElement)(
                    l.MediaUploadCheck,
                    null,
                    (0, a.createElement)(l.MediaUpload, {
                      multiple: "add",
                      onSelect: (e) => {
                        (W(e), r({ slImages: e }));
                      },
                      allowedTypes: ["image"],
                      value: U.map((e) => e.id),
                      render: ({ open: e }) =>
                        (0, a.createElement)(
                          "div",
                          { className: "frhd-slider-gallery" },
                          p && p.length > 0
                            ? p.map((e, t) =>
                                (0, a.createElement)("img", {
                                  key: t,
                                  src: e.sizes.full.url,
                                }),
                              )
                            : (0, a.createElement)("img", {
                                className: "frhd-slider-gallery-img-demo",
                                src: n(518),
                              }),
                          p &&
                            p.length > 0 &&
                            (0, a.createElement)(
                              s.Button,
                              {
                                variant: "secondary",
                                onClick: () =>
                                  (() => {
                                    const e = U.map((e) => e.id);
                                    wp.media.gallery
                                      .edit(`[gallery ids="${e.join(",")}" ]`, {
                                        library: { type: "image" },
                                        frame: "post",
                                        state: "gallery-edit",
                                        multiple: !0,
                                      })
                                      .on("update", (e) => {
                                        const t = e.models.map((e) =>
                                          e.toJSON(),
                                        );
                                        (W(t), r({ slImages: t }));
                                      });
                                  })(),
                              },
                              "Edit Gallery",
                            ),
                          !p ||
                            (0 === p.length &&
                              (0, a.createElement)(
                                s.Button,
                                { variant: "secondary", onClick: e },
                                "Open Media Library",
                              )),
                        ),
                    }),
                  ),
                ),
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Slider Controls"),
                    icon: i.icoControl,
                    initialOpen: !0,
                    className: " frhd__control frhd__control-controls",
                  },
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    onChange: (e) => r({ width: e }),
                    label: (0, t.__)("Slider Width :"),
                    isUnitSelectTabbable: !0,
                    value: m,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    onChange: (e) => r({ height: e }),
                    label: (0, t.__)("Slider Height :"),
                    isUnitSelectTabbable: !0,
                    value: h,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Logo Height :"),
                    isUnitSelectTabbable: !0,
                    value: g,
                    onChange: (e) => r({ logoHeightMax: e }),
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.__experimentalNumberControl, {
                      label: (0, t.__)("Column Per Slide :"),
                      onChange: (e) => r({ perPage: e }),
                      value: u,
                      min: "1",
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This options not working if you set FADE as SLIDER TYPE.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.SelectControl, {
                      label: "Slider Type :",
                      value: f,
                      options: [
                        { label: "Slide", value: "slide" },
                        { label: "Fade", value: "fade" },
                      ],
                      onChange: (e) => r({ sType: e }),
                      className: "frhd__component frhd__component-width-90",
                      __nextHasNoMarginBottom: !1,
                    }),
                    (0, a.createElement)(s.SelectControl, {
                      label: "Direction :",
                      value: F,
                      options: [
                        { label: "Left to right", value: "ltr" },
                        { label: "Right to left", value: "rtl" },
                        { label: "Top to bottom", value: "ttb" },
                      ],
                      onChange: (e) => r({ direction: e }),
                      className: "frhd__component",
                      __nextHasNoMarginBottom: !1,
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This editor page may need to reload if you change the SLIDER TYPE.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.__experimentalNumberControl, {
                      label: (0, t.__)("Initial Slide Index :"),
                      onChange: (e) => r({ start: e }),
                      value: _,
                      min: "1",
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "Set which number of slide at the beginning.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Gap Between Slides :"),
                    onChange: (e) => r({ gap: e }),
                    value: b,
                    min: "0",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Slide Per Move :"),
                    onChange: (e) => r({ perMove: e }),
                    value: x,
                    min: "1",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.ToggleControl, {
                      label: v ? "Autoplay On :" : "Autoplay Off :",
                      checked: v,
                      onChange: (e) => r({ autoplay: e }),
                      className: "frhd__component-diff",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This editor page may need to reload if you switch the AUTOPLAY.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Slide Speed :"),
                    onChange: (e) => r({ speed: e }),
                    value: w,
                    min: "100",
                    step: "100",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalNumberControl, {
                    label: (0, t.__)("Autoplay Interval :"),
                    onChange: (e) => r({ interval: e }),
                    value: y,
                    min: "1000",
                    step: "500",
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.ToggleControl, {
                      label: C ? "Slides Loop On :" : "Slides Loop Off :",
                      checked: C,
                      onChange: (e) => r({ rewind: e }),
                      className: "frhd__component-diff",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "This editor page may need to reload if you change the SLIDER LOOP.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                  ),
                  (0, a.createElement)(
                    a.Fragment,
                    null,
                    (0, a.createElement)(
                      "div",
                      { className: "frhd__component-wrap" },
                      (0, a.createElement)(s.__experimentalUnitControl, {
                        onChange: (e) => r({ padding: e }),
                        label: (0, t.__)("Horizontal Space :"),
                        isUnitSelectTabbable: !0,
                        value: E,
                        className: "frhd__component frhd__component-width-90",
                      }),
                      (0, a.createElement)(
                        s.Tooltip,
                        {
                          text: "Sets space on each side(left/right) for the horizontal carousel.",
                          delay: 100,
                          className: "frhd__com-tt-help",
                        },
                        (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                      ),
                    ),
                  ),
                  (0, a.createElement)(s.ToggleControl, {
                    label: $ ? "Tooltip On :" : "Tooltip Off :",
                    checked: $,
                    onChange: (e) => r({ tooltip: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: S ? "Border Corner On :" : "Border Corner Off :",
                    checked: S,
                    onChange: (e) => r({ hasBorderCorner: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: k ? "Slides Arrows On :" : "Slides Arrows Off :",
                    checked: k,
                    onChange: (e) => r({ arrows: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: P
                      ? "Slides Pagination On :"
                      : "Slides Pagination Off :",
                    checked: P,
                    onChange: (e) => r({ pagination: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: M ? "Draggable On :" : "Draggable Off :",
                    checked: M,
                    onChange: (e) => r({ drag: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: "Pause On Hover :",
                    checked: N,
                    onChange: (e) => r({ pauseOnHover: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: "Auto Scroll :",
                    checked: H,
                    onChange: (e) => r({ autoScrollVar: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    label: "Area Label :",
                    placeholder: "Button Text",
                    value: T,
                    onChange: (e) => r({ ariaLabel: e }),
                    type: "text",
                  }),
                ),
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Content Visibility"),
                    icon: i.icoVisibility,
                    initialOpen: !1,
                    className: " frhd__control frhd__control-visibility",
                  },
                  (0, a.createElement)(
                    s.PanelRow,
                    null,
                    "My Panel Inputs and Labels (it will help me out to show a description about this panel..)",
                  ),
                  (0, a.createElement)(s.ToggleControl, {
                    label: Z ? "Title On :" : "Title Off :",
                    checked: Z,
                    onChange: (e) => r({ title: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: D ? "Description On :" : "Description Off :",
                    checked: D,
                    onChange: (e) => r({ desc: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(s.ToggleControl, {
                    label: D ? "Button On :" : "Button Off :",
                    checked: R,
                    onChange: (e) => r({ button: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(
                    "div",
                    { className: "frhd__component-wrap" },
                    (0, a.createElement)(s.__experimentalInputControl, {
                      label: "Call To Action Button :",
                      placeholder: "Button Text",
                      onChange: (e) => {
                        console.log(e);
                      },
                      type: "text",
                    }),
                    (0, a.createElement)(
                      s.Tooltip,
                      {
                        text: "Set an URL for every slide's button.",
                        delay: 100,
                        className: "frhd__com-tt-help",
                      },
                      (0, a.createElement)(s.Icon, { icon: "editor-help" }),
                    ),
                    (0, a.createElement)(s.__experimentalInputControl, {
                      placeholder: "http://wordpress.org",
                      onChange: (e) => {
                        console.log(e);
                      },
                      type: "url",
                      className: "frhd__component-mt-5",
                    }),
                  ),
                  (0, a.createElement)(s.ToggleControl, {
                    label: O ? "Caption On :" : "Caption Off :",
                    checked: O,
                    onChange: (e) => r({ caption: e }),
                    className: "frhd__component-diff",
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    { className: "frhd_com-heading" },
                    "Caption Position :",
                  ),
                  (0, a.createElement)(s.__experimentalAlignmentMatrixControl, {
                    width: 100,
                    onChange: (e) => {
                      console.log(e);
                    },
                    className: "frhd_com-align-matrix",
                  }),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...j },
                (0, a.createElement)(c.RawHTML, null, `<style>${G}</style>`),
                (0, a.createElement)(
                  "div",
                  {
                    id: d,
                    className: `frhd-slider-root frhd-gsls-main ${S ? "has-corner-border" : ""} ${$ ? "has-tooltip" : ""}`,
                  },
                  (0, a.createElement)(
                    Cn,
                    {
                      "aria-label": T,
                      options: {
                        classes: {
                          arrows: "splide__arrows frhd-class-arrows",
                          arrow: "splide__arrow frhd-class-arrow",
                          prev: "splide__arrow--prev frhd-class-prev",
                          next: "splide__arrow--next frhd-class-next",
                          pagination:
                            "splide__pagination frhd-class-pagination",
                          page: "splide__pagination__page frhd-class-page",
                        },
                        width: m,
                        height: h,
                        type: H ? "loop" : f,
                        start: _ - 1,
                        perPage: u,
                        gap: Number(b),
                        perMove: x,
                        ...(H ? "" : { autoplay: JSON.parse(v) }),
                        interval: Number(y),
                        rewind: !!H || C,
                        speed: w,
                        padding: 0,
                        arrows: k,
                        pagination: P,
                        drag: H ? "free" : M,
                        focus: H ? "center" : "number",
                        pauseOnHover: N,
                        lazyLoad: "sequential",
                        preloadPages: 1,
                        wheel: !1,
                        keyboard: !1,
                        direction: F,
                        autoScroll: { speed: 1 },
                        breakpoints: { 640: { perPage: 1, padding: 0 } },
                      },
                      extensions: { AutoScroll: la },
                    },
                    (0, a.createElement)(function () {
                      return p && p.length > 0
                        ? p.map((e, t) =>
                            (0, a.createElement)(
                              En,
                              null,
                              (0, a.createElement)(
                                "div",
                                { className: "frhd-islide-self-wrap" },
                                S &&
                                  (0, a.createElement)(
                                    a.Fragment,
                                    null,
                                    (0, a.createElement)("div", {
                                      className: "gsbc-top gsbc-left",
                                    }),
                                    (0, a.createElement)("div", {
                                      className: "gsbc-top gsbc-right",
                                    }),
                                    (0, a.createElement)("div", {
                                      className: "gsbc-bottom gsbc-right",
                                    }),
                                    (0, a.createElement)("div", {
                                      className: "gsbc-bottom gsbc-left",
                                    }),
                                  ),
                                (0, a.createElement)("img", {
                                  key: t,
                                  src: e.url,
                                  alt: e.alt,
                                }),
                                $ &&
                                  "" !== e.caption &&
                                  (0, a.createElement)(
                                    "span",
                                    { className: "gsls-tooltip" },
                                    e.caption,
                                  ),
                              ),
                            ),
                          )
                        : (0, a.createElement)(
                            a.Fragment,
                            null,
                            (0, a.createElement)(
                              En,
                              null,
                              (0, a.createElement)(
                                "div",
                                { class: "frhd-islide-self-wrap" },
                                (0, a.createElement)("img", {
                                  src: "https://via.placeholder.com/400x300",
                                }),
                              ),
                            ),
                            (0, a.createElement)(
                              En,
                              null,
                              (0, a.createElement)(
                                "div",
                                { class: "frhd-islide-self-wrap" },
                                (0, a.createElement)("img", {
                                  src: "https://via.placeholder.com/400x300",
                                }),
                              ),
                            ),
                            (0, a.createElement)(
                              En,
                              null,
                              (0, a.createElement)(
                                "div",
                                { class: "frhd-islide-self-wrap" },
                                (0, a.createElement)("img", {
                                  src: "https://via.placeholder.com/400x300",
                                }),
                              ),
                            ),
                            (0, a.createElement)(
                              En,
                              null,
                              (0, a.createElement)(
                                "div",
                                { class: "frhd-islide-self-wrap" },
                                (0, a.createElement)("img", {
                                  src: "https://via.placeholder.com/400x300",
                                }),
                              ),
                            ),
                          );
                    }, null),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                slImages: n,
                width: o,
                height: r,
                logoHeightMax: i,
                sType: l,
                start: s,
                perPage: d,
                gap: p,
                perMove: m,
                autoplay: h,
                speed: g,
                interval: f,
                rewind: _,
                padding: u,
                arrows: b,
                tooltip: x,
                hasBorderCorner: v,
                pagination: w,
                drag: y,
                pauseOnHover: C,
                autoScrollVar: E,
                ariaLabel: k,
                lazyLoad: $,
                preloadPages: S,
                wheel: P,
                keyboard: M,
                direction: N,
                breakpoints: H,
                title: T,
                caption: B,
                desc: L,
                button: z,
              } = e,
              A = `#${t} {\n        max-width: ${o};\n    }\n    #${t} .frhd-islide-self-wrap {\n        height: ${r};\n    }\n    #${t} .frhd-islide-self-wrap img {\n        max-height: ${i || "min-content"};\n    }\n    ${x ? `#${t} .splide__track {\n        padding-top: 40px;\n    }` : ""}\n    .frhd-slider-root.frhd-gsls-main {\n        display: flex;\n        justify-content: center;\n    }\n    .frhd-slider-root.frhd-gsls-main .splide__pagination {\n        top: 100%;\n    }\n    .frhd-slider-root .splide__slide {\n        display: flex;\n        justify-content: center;\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${A}</style>`),
              (0, a.createElement)(
                "div",
                {
                  id: t,
                  className: `frhd-slider-root frhd-gsls-main ${v ? "has-corner-border" : ""} ${x ? "has-tooltip" : ""}`,
                  "data-width": o,
                  "data-height": r,
                  "data-autoScroll": E,
                  "data-type": E ? "loop" : l,
                  "data-start": s,
                  "data-perPage": d,
                  "data-gap": p,
                  "data-perMove": m,
                  ...(E ? {} : { autoplay: JSON.parse(h) }),
                  "data-interval": f,
                  "data-rewind": !!E || _,
                  "data-speed": g,
                  "data-padding": u,
                  "data-arrows": b,
                  "data-pagination": w,
                  "data-drag": E ? "free" : y,
                  "data-focus": E ? "center" : "number",
                  "data-pauseOnHover": C,
                  "data-lazyLoad": $,
                  "data-preloadPages": S,
                  "data-wheel": P,
                  "data-keyboard": M,
                  "data-direction": N,
                  "data-breakpoints": H,
                },
                (0, a.createElement)(
                  Cn,
                  { "aria-label": k },
                  n && n.length > 0
                    ? n.map((e, t) =>
                        (0, a.createElement)(
                          En,
                          null,
                          (0, a.createElement)(
                            "div",
                            { className: "frhd-islide-self-wrap" },
                            v &&
                              (0, a.createElement)(
                                a.Fragment,
                                null,
                                (0, a.createElement)("div", {
                                  className: "gsbc-top gsbc-left",
                                }),
                                (0, a.createElement)("div", {
                                  className: "gsbc-top gsbc-right",
                                }),
                                (0, a.createElement)("div", {
                                  className: "gsbc-bottom gsbc-right",
                                }),
                                (0, a.createElement)("div", {
                                  className: "gsbc-bottom gsbc-left",
                                }),
                              ),
                            (0, a.createElement)("img", {
                              key: t,
                              src: e.url,
                              alt: e.alt,
                            }),
                            x &&
                              "" !== e.caption &&
                              (0, a.createElement)(
                                "span",
                                { className: "gsls-tooltip" },
                                e.caption,
                              ),
                          ),
                        ),
                      )
                    : (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          En,
                          null,
                          (0, a.createElement)(
                            "div",
                            { class: "frhd-islide-self-wrap" },
                            (0, a.createElement)("img", {
                              src: "https://via.placeholder.com/400x300",
                            }),
                          ),
                        ),
                        (0, a.createElement)(
                          En,
                          null,
                          (0, a.createElement)(
                            "div",
                            { class: "frhd-islide-self-wrap" },
                            (0, a.createElement)("img", {
                              src: "https://via.placeholder.com/400x300",
                            }),
                          ),
                        ),
                        (0, a.createElement)(
                          En,
                          null,
                          (0, a.createElement)(
                            "div",
                            { class: "frhd-islide-self-wrap" },
                            (0, a.createElement)("img", {
                              src: "https://via.placeholder.com/400x300",
                            }),
                          ),
                        ),
                        (0, a.createElement)(
                          En,
                          null,
                          (0, a.createElement)(
                            "div",
                            { class: "frhd-islide-self-wrap" },
                            (0, a.createElement)("img", {
                              src: "https://via.placeholder.com/400x300",
                            }),
                          ),
                        ),
                      ),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/flip-card",
          title: (0, t.__)("Flip Card"),
          description: (0, t.__)("Block showing Team Member."),
          icon: {
            src: i.flipCard,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("team"), (0, t.__)("member")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              flipCardWidth: i,
              flipCardHeight: d,
              splitCard: p,
              flipCardFrontPicture: m,
              flipCardFrontPicAlt: h,
              frontPicureOpacity: g,
              objectPosition: f,
              frontHeadingColor: _,
              backHeadingColor: u,
              backDescriptionColor: b,
              backBackgroundColor: x,
              flipCardBorderColor: v,
              flipCardFrontHeading: w,
              flipCardHeading: y,
              flipCardDescription: C,
              flipCardBackHeadingSize: E,
              flipCardBackHeadingLineHeight: k,
              flipCardFrontHeadingSize: $,
              flipCardFrontLineHeight: S,
              backLinkColor: P,
            } = n;
            let M = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhdfc-" + M });
            const N = (0, l.useBlockProps)(),
              H = `#${r}.fp-flip-card-container {\n        max-width: ${i} !important;\n    }\n    #${r} .fp-flip-card  {\n        min-height: ${d};\n        position: relative;\n        text-align: center;\n        transition: transform 0.8s;\n        transform-style: preserve-3d;\n        border: 10px solid ${v};\n      }\n      #${r} .fp-flip-card-front, #${r} .fp-flip-card-back {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n      #${r} .fp-flip-card-back {\n        background-color: ${x};\n        color: white;\n        transform: rotateY(180deg);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        // padding:20px;\n        z-index:2;\n      }\n      #${r} .fp-flip-card-back h4{\n        color: ${u};\n        margin:0 !important;  \n        font-size: ${E};\n        line-height: ${k}; \n      }\n      #${r} .fp-flip-card-back p{\n        color: ${b};\n        padding: 10px !important;\n        margin: 0 !important;\n      }\n      #${r} .fp-flip-card-back a{\n        color: ${P};\n      }\n      #${r} .fp-flip-card.split {\n        transform: rotateY(180deg);\n      }\n      #${r} .button{\n        display: inline-block;\n        padding: 10px 20px;\n        font-size: 16px;\n        font-weight: bold;\n        text-decoration: none;\n        color: #fff;\n        background-color: #007bff;\n        border: 2px solid blue;\n        border-radius: 5px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n      }\n      #${r} .button:hover {\n        background-color: #0056b3;\n        border-color: #0056b3;\n      }\n      #${r} .fp-flip-card-cover {\n        position: absolute;\n        inset: 0px;\n        pointer-events: none;\n        opacity: 0;\n        overflow: hidden;\n        z-index: -1;\n       }\n        #${r} .fp-flip-card-span {\n        background-color: rgba(0, 0, 0, ${g}%);\n        bottom: 0;\n        left: 0;\n        opacity: .5;\n        position: absolute;\n        right: 0;\n        top: 0;\n        z-index: 1;\n       }\n        #${r} .fp-flip-card-front-text-container {\n        width:100%;\n        z-index: 1;\n        position: relative;\n        display: flex;\n        align-items: center;\n        height: 100%;\n        justify-content: center;\n        // padding: 30px;\n       }\n        #${r} .fp-flip-card-bg {\n        height : calc(${d} - 20px);\n        border: none;\n        bottom: 0;\n        box-shadow: none;\n        height: 100%;\n        left: 0;\n        margin: 0;\n        max-height: none;\n        max-width: none;\n        object-fit: cover;\n        object-position: ${f};\n        outline: none;\n        padding: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        width: 100%;\n       }\n        #${r} .fp-flip-card-front-heading{\n        color: ${_} !important;\n        font-size: ${$};\n        line-height: ${S};\n        margin: 0 !important;\n        }`;
            return [
              (0, a.createElement)(
                l.InspectorControls,
                { key: "inspector" },
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Flip Card Block Settings"),
                    icon: "admin-generic",
                    initialOpen: !0,
                    className: "frhd__control frhd__control-query",
                  },
                  (0, a.createElement)(
                    "label",
                    {
                      htmlFor: "Heading Color Change",
                      className: "frhd__label",
                    },
                    "Back Heading Color  :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: u,
                    onChange: (e) => o({ backHeadingColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    "label",
                    {
                      htmlFor: "Description Color Change",
                      className: "frhd__label",
                    },
                    "Back  Description Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: b,
                    onChange: (e) => o({ backDescriptionColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    "label",
                    { htmlFor: "Link Color Change", className: "frhd__label" },
                    "Back  Link Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: P,
                    onChange: (e) => o({ backLinkColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    "label",
                    {
                      htmlFor: "Background Color Change",
                      className: "frhd__label",
                    },
                    "Back  Background Color  :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: x,
                    onChange: (e) => o({ backBackgroundColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    "label",
                    {
                      htmlFor: "Border Color Change",
                      className: "frhd__label",
                    },
                    "Border Color  :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: v,
                    onChange: (e) => o({ flipCardBorderColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    "label",
                    {
                      htmlFor: "Front Heading Color Change",
                      className: "frhd__label",
                    },
                    "Front Heading Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: _,
                    onChange: (e) => o({ frontHeadingColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Max-Width:"),
                    onChange: (e) => o({ flipCardWidth: e }),
                    isUnitSelectTabbable: !0,
                    value: i,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Min-Height:"),
                    onChange: (e) => o({ flipCardHeight: e }),
                    isUnitSelectTabbable: !0,
                    value: d,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Back Part Heading Font-Size:"),
                    onChange: (e) => o({ flipCardBackHeadingSize: e }),
                    isUnitSelectTabbable: !0,
                    value: E,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Back Part Line-Height:"),
                    onChange: (e) => o({ flipCardBackHeadingLineHeight: e }),
                    isUnitSelectTabbable: !0,
                    value: k,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Front Part Heading Size:"),
                    onChange: (e) => o({ flipCardFrontHeadingSize: e }),
                    isUnitSelectTabbable: !0,
                    value: $,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Front Part Line-Height:"),
                    onChange: (e) => o({ flipCardFrontLineHeight: e }),
                    isUnitSelectTabbable: !0,
                    value: S,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.RangeControl, {
                    label: "Background Overlay Opacity:",
                    value: g,
                    step: 10,
                    onChange: (e) => o({ frontPicureOpacity: e }),
                    min: 10,
                    max: 100,
                  }),
                  (0, a.createElement)(
                    "label",
                    { htmlFor: "Object Position", className: "frhd__label" },
                    "Image Position  :",
                  ),
                  (0, a.createElement)(s.__experimentalAlignmentMatrixControl, {
                    value: f,
                    onChange: (e) => o({ objectPosition: e }),
                  }),
                  (0, a.createElement)("img", {
                    style: { maxWidth: "250px", height: "200px" },
                    src: m,
                  }),
                  (0, a.createElement)(
                    l.MediaUploadCheck,
                    null,
                    (0, a.createElement)(l.MediaUpload, {
                      onSelect: (e) =>
                        o({
                          flipCardFrontPicture: e?.url,
                          flipCardFrontPicAlt: e?.alt,
                        }),
                      render: ({ open: e }) =>
                        (0, a.createElement)(
                          s.Button,
                          { className: "button ", onClick: e },
                          "Change Photo",
                        ),
                    }),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { key: "block", ...N },
                (0, a.createElement)(
                  c.RawHTML,
                  { key: "styles" },
                  `<style>${H}</style>`,
                ),
                (0, a.createElement)(s.ToggleControl, {
                  label: p ? "Back:" : "Front:",
                  checked: p,
                  onChange: (e) => o({ splitCard: e }),
                  className: "awgt-icon-toggle",
                }),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "fp-flip-card-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "flip-card-inner" },
                    (0, a.createElement)(
                      "div",
                      { className: "fp-flip-card " + (p ? "split" : " ") },
                      (0, a.createElement)(
                        "div",
                        { className: "fp-flip-card-front" },
                        (0, a.createElement)("div", {
                          className: "fp-flip-card-cover",
                        }),
                        (0, a.createElement)("span", {
                          className: "fp-flip-card-span",
                        }),
                        (0, a.createElement)("img", {
                          className: "fp-flip-card-bg",
                          src: m,
                          alt: h,
                        }),
                        (0, a.createElement)(
                          "div",
                          { className: "fp-flip-card-front-text-container" },
                          (0, a.createElement)(l.RichText, {
                            ...N,
                            tagName: "h4",
                            value: w,
                            onChange: (e) => o({ flipCardFrontHeading: e }),
                            placeholder: (0, t.__)("Web Development"),
                            className: "fp-flip-card-front-heading",
                          }),
                        ),
                      ),
                      (0, a.createElement)(
                        "div",
                        { className: "fp-flip-card-back" },
                        (0, a.createElement)(l.RichText, {
                          ...N,
                          tagName: "h4",
                          value: y,
                          onChange: (e) => o({ flipCardHeading: e }),
                          placeholder: (0, t.__)("Card Title Here.."),
                          className: "frhd__prefix",
                        }),
                        (0, a.createElement)(l.RichText, {
                          ...N,
                          tagName: "p",
                          value: C,
                          onChange: (e) => o({ flipCardDescription: e }),
                          placeholder: (0, t.__)("Flip Card Description Here"),
                          className: "frhd__prefix",
                        }),
                      ),
                    ),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                flipCardWidth: n,
                flipCardHeight: o,
                flipCardFrontPicture: r,
                flipCardFrontPicAlt: i,
                backHeadingColor: s,
                frontPicureOpacity: d,
                objectPosition: p,
                backDescriptionColor: m,
                flipCardFrontHeading: h,
                backBackgroundColor: g,
                flipCardBorderColor: f,
                flipCardHeading: _,
                frontHeadingColor: u,
                flipCardDescription: b,
                flipCardBackHeadingSize: x,
                flipCardBackHeadingLineHeight: v,
                flipCardFrontHeadingSize: w,
                flipCardFrontLineHeight: y,
                backLinkColor: C,
              } = e,
              E = `#${t}.fp-flip-card-container {\n        max-width: ${n} !important;\n    }\n    #${t} .fp-flip-card {\n        min-height: ${o};\n        position: relative;\n        text-align: center;\n        transition: transform 0.8s;\n        transform-style: preserve-3d;\n        border: 10px solid ${f};\n      }\n      #${t} .flip-card-inner:hover .fp-flip-card {\n        transform: rotateY(180deg);\n      }\n      #${t} .fp-flip-card-front, #${t} .fp-flip-card-back {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n      #${t} .fp-flip-card-back {\n        background-color: ${g};\n        color: white;\n        transform: rotateY(180deg);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n      }\n      #${t} .fp-flip-card-back h4{\n        color: ${s};\n        margin: 0 0 20px;\n        font-size: ${x};\n        line-height: ${v};\n      }\n      #${t} .fp-flip-card-back p{\n        color: ${m};\n        margin-bottom: 0;\n        padding: 15px;\n      }\n      #${t} .fp-flip-card-back a{\n        color: ${C};\n      }\n      #${t} .fp-flip-card-cover {\n      position: absolute;\n      inset: 0px;\n      pointer-events: none;\n      opacity: 0;\n      overflow: hidden;\n      z-index: -1;\n     }\n      #${t} .fp-flip-card-span{\n      background-color: rgba(0, 0, 0, ${d}%);\n      bottom: 0;\n      left: 0;\n      opacity: .5;\n      position: absolute;\n      right: 0;\n      top: 0;\n      z-index: 1;\n      }\n      #${t} .fp-flip-card-inner-container{\n      width:100%;\n      z-index: 1;\n      position: relative;\n      display: flex;\n      align-items: center;\n      height: 100%;\n      justify-content: center;\n      }\n      #${t} .fp-flip-card-bg{\n      height : calc(${o} - 20px);\n      border: none;\n      bottom: 0;\n      box-shadow: none;\n      height: 100%;\n      left: 0;\n      margin: 0;\n      max-height: none;\n      max-width: none;\n      object-fit: cover;\n      object-position: ${p};\n      outline: none;\n      padding: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 100%;\n     }\n      #${t} .fp-flip-card-front-heading{\n      color: ${u} !important;\n      font-size: ${w};\n      line-height: ${y};\n      margin-top:0px !important;\n      margin-bottom: 0px !important;\n      }`;
            return (0, a.createElement)(
              "div",
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${E}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "fp-flip-card-container" },
                (0, a.createElement)(
                  "div",
                  { className: "flip-card-inner" },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-flip-card" },
                    (0, a.createElement)(
                      "div",
                      { className: "fp-flip-card-front" },
                      (0, a.createElement)("div", {
                        className: "fp-flip-card-cover",
                      }),
                      (0, a.createElement)("span", {
                        className: "fp-flip-card-span",
                      }),
                      (0, a.createElement)("img", {
                        className: "fp-flip-card-bg",
                        src: r,
                        alt: i,
                      }),
                      (0, a.createElement)(
                        "div",
                        { className: "fp-flip-card-inner-container" },
                        (0, a.createElement)(l.RichText.Content, {
                          tagName: "h4",
                          value: h,
                          className: "fp-flip-card-front-heading",
                        }),
                      ),
                    ),
                    (0, a.createElement)(
                      "div",
                      { className: "fp-flip-card-back" },
                      (0, a.createElement)(l.RichText.Content, {
                        tagName: "h4",
                        value: _,
                      }),
                      (0, a.createElement)(l.RichText.Content, {
                        tagName: "p",
                        value: b,
                      }),
                    ),
                  ),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/instagram-feed",
          title: (0, t.__)("Instagram Feed"),
          description: (0, t.__)("Block showing Team Member."),
          icon: {
            src: i.instagramFeed,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("team"), (0, t.__)("member")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              media: i,
              loader: p,
              token: m,
              instaId: h,
              gridGap: g,
              gridColumns: f,
              containerMaxWidth: _,
              instaUserName: u,
              instaTagLine: b,
            } = n;
            let x = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "frhd-if-" + x });
            const { deviceType: v } = (0, d.useSelect)((e) => {
                const { __experimentalGetPreviewDeviceType: t } =
                  e("core/edit-post");
                return { deviceType: t() };
              }, []),
              w = `https://graph.instagram.com/${h}/media?access_token=${m}`;
            console.log(w);
            const [y, C] = (0, c.useState)([]);
            ((0, c.useEffect)(() => {
              m &&
                h &&
                fetch(w)
                  .then((e) => e.json())
                  .then((e) => {
                    (C(e?.data), console.log(e?.data));
                  })
                  .catch((e) => {
                    console.error("Error fetching media:", e);
                  });
            }, [m, h, w]),
              (0, c.useEffect)(() => {
                if (y && 0 !== y.length && h && m)
                  return (
                    (() => {
                      const e = y.map((e) =>
                        fetch(
                          `https://graph.instagram.com/${e?.id}?access_token=${m}&fields=media_url,permalink`,
                        ).then((e) => e.json()),
                      );
                      Promise.all(e)
                        .then(async (e) => {
                          console.log(e);
                          const t = await Promise.all(
                              e.map((e) =>
                                ((e, t, n) =>
                                  new Promise((t) => {
                                    const n = new Image();
                                    ((n.crossOrigin = "Anonymous"),
                                      (n.src = e),
                                      (n.onload = () => {
                                        const e =
                                          document.createElement("canvas");
                                        ((e.width = 500),
                                          (e.height = 500),
                                          e
                                            .getContext("2d")
                                            .drawImage(n, 0, 0, 500, 500),
                                          t(e.toDataURL()));
                                      }));
                                  }))(e.media_url),
                              ),
                            ),
                            n = e.map((e, n) => ({ ...e, media_url: t[n] }));
                          (o({ media: n }), o({ loader: !1 }));
                        })
                        .catch((e) => {
                          console.error("Error fetching data:", e);
                        });
                    })(),
                    () => {
                      (console.log("re rendering data"), o({ media: [] }));
                    }
                  );
              }, [y, h, m, p]),
              (0, c.useEffect)(() => {
                (async () => {
                  try {
                    const e = await fetch(
                      `https://graph.instagram.com/${h}?fields=id,username&access_token=${m}`,
                    );
                    if (e.ok) {
                      const t = await e.json();
                      (o({ id: t.id, instaUserName: t.username }),
                        console.log("success"));
                    } else setError("Failed to retrieve user information");
                  } catch (e) {
                    setError(
                      "An error occurred while fetching the user information",
                    );
                  }
                })();
              }, [h, m]));
            const E = (0, l.useBlockProps)(),
              k = `.editor-styles-wrapper .wp-block-fancypost-instagram-feed {\n        max-width : ${_} !important;\n        margin: 0 auto !important;\n    }\n    .insta-feed-wrapper {\n        position: relative;\n    }\n    .insta-feed-center-btn-wrapper {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, 50%);\n    }\n    .insta-feed-center-btn {\n        text-decoration: none !important;\n        background-color: #78909c;\n        padding: 10px 20px;\n        border-radius: 40px;\n        cursor: pointer;\n        color: #ffffff !important;\n        transition: all 0.3s ease;\n    }\n    .insta-feed-center-btn:hover {\n        background-color: #1e2b3e;\n    }\n    .insta-feed-images{\n        margin:0 auto;\n        max-width: 100%;\n        display: grid;\n        grid-template-columns: ${p ? "" : `repeat(${f}, 1fr)`} !important;\n        gap: ${g};\n        align-items: center;\n        justify-content: center;\n      }\n    .insta-card {\n        position: relative;\n    }\n    .insta-card a::after{\n        content: '';\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        bottom: 0;\n        left: 0;\n        border: 2px solid #ffffffb3;\n        border-radius: 8px;\n        transform: scale(1);\n        opacity: 0;\n        transition: .6s ease;\n    }\n    .insta-card a:hover::after{\n        transform: scale(0.85);\n        opacity: 1;\n    }\n    .insta-card a::before{\n        content: url(${Ca});\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        bottom: 0;\n        left: 0;\n        border-radius: 8px;\n        transform: scale(0);\n        opacity: 0;\n        transition: .6s ease;\n    }\n     .insta-card a:hover::before{\n        transform: scale(0.20);\n        opacity: 1;\n    }\n     .insta-card .insta-img{\n        width: 100%;\n        object-fit: cover;\n        border-radius: 8px;\n      }\n    .insta-icon {\n        position: absolute;\n        width: 40px !important;\n        top: 50%;\n        display:none;\n        transform: translate(-50%, -50%);\n        left: 50%;\n    }\n    .insta-card:hover .insta-icon{\n        display:block;\n    }\n    .insta-profile-link {\n        cursor: pointer;\n    }\n    .insta-feed-wrapper .insta-feed-heading-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n        justify-content: center;\n        align-items: center;\n    }\n    .insta-feed-user-name a {\n        color: #78909c !important;\n        text-decoration: none !important;\n        font-size: 16px;\n        font-weight: 500;\n    }\n    .insta-feed-user-tag {\n        color: #78909c;\n        font-size: 14px;\n        margin-bottom: 16px;\n    }\n    @media (max-width: 599px) {\n    .insta-feed-images{ \n      grid-template-columns: repeat(1, 1fr) !important;\n        }\n    }\n    @media (min-width: 600px) and (max-width: 920px) {\n    .insta-feed-images {\n      grid-template-columns: repeat(2, 1fr) !important;\n        }\n    }\n     @media (min-width: 921px) and (max-width: 1199px) {\n    .insta-feed-images {\n      grid-template-columns: repeat(3, 1fr) !important;\n        }\n    }`;
            return [
              (0, a.createElement)(
                l.InspectorControls,
                { key: "inspector" },
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Instagram Feed Block Settings"),
                    icon: "admin-generic",
                    initialOpen: !0,
                    className: "frhd__control frhd__control-query",
                  },
                  (0, a.createElement)(
                    s.__experimentalVStack,
                    null,
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      (0, a.createElement)(
                        "h3",
                        { style: { color: "green", fontSize: "1.25rem" } },
                        "Steps for get your access_token and instagram Id",
                        " ",
                      ),
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      " ",
                      "1. Log into ",
                      (0, a.createElement)(
                        "a",
                        { href: "https://www.facebook.com/", target: "_blank" },
                        "Facebook",
                      ),
                      " → Go to Facebook Developers",
                      " ",
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://developers.facebook.com/",
                          target: "_blank",
                        },
                        "Account",
                      ),
                      " → Add a New App → Create App → More Options → Click on continue button → Something Else → Click on continue button",
                      " ",
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      "2. Register New App → Instagram Basic Display → Navigate to the Basic Display → Click the Create New App button and Privide the app name",
                      " ",
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      "3. Go Basic Display section → Find & click the Add or Remove Instagram Testers → provide your userId and submit",
                      " ",
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      "4. Log in ",
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://www.instagram.com/",
                          target: "_blank",
                        },
                        "Instagram",
                      ),
                      " → Settings → Apps and Websites → Tester Invites → Accept to approve the invitation",
                      " ",
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      "5.",
                      " ",
                      (0, a.createElement)(
                        "a",
                        {
                          href: "https://developers.facebook.com/ ",
                          target: "_blank",
                        },
                        "Facebook Developers dashboard",
                      ),
                      " ",
                      "→ Find the app you created → then navigate to Basic Display → User Token Generator → Generate Token",
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      "6. Allow → check I understand → copy the access token an paste it to the access token box",
                    ),
                    (0, a.createElement)(
                      s.__experimentalText,
                      null,
                      "7. Go to ",
                      (0, a.createElement)(
                        "a",
                        { target: "_blank", href: "https://www.postman.com/" },
                        "Postman",
                      ),
                      " → Create an Account  → Make a Get request by→",
                      (0, a.createElement)(
                        "a",
                        {
                          target: "_blank",
                          href: "https://blog.devgenius.io/how-add-your-instagram-posts-to-your-react-project-e8527d2a7187",
                        },
                        "This way",
                      ),
                      " → You will get Your Instagram Id → Copy and paste it to the below box",
                    ),
                  ),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    label: "Access Token",
                    value: m,
                    onChange: (e) => o({ token: e }),
                  }),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    label: "Instagram User Id",
                    value: h,
                    onChange: (e) => o({ instaId: e }),
                  }),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    label: "Your Thoughts",
                    value: b,
                    onChange: (e) => o({ instaTagLine: e }),
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: "Section Max Width",
                    value: _,
                    onChange: (e) => o({ containerMaxWidth: e }),
                  }),
                  (0, a.createElement)(s.__experimentalInputControl, {
                    label: "Grid Columns",
                    value: f,
                    onChange: (e) => o({ gridColumns: e }),
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: "Grid Gap",
                    value: g,
                    onChange: (e) => o({ gridGap: e }),
                  }),
                ),
              ),
              (0, a.createElement)(
                "div",
                { key: "block", ...E },
                (0, a.createElement)(
                  c.RawHTML,
                  { key: "styles" },
                  `<style>${k}</style>`,
                ),
                i.length > 0
                  ? (0, a.createElement)(
                      "div",
                      { id: r, className: "insta-container" },
                      (0, a.createElement)(
                        "div",
                        { className: "insta-feed-wrapper" },
                        (0, a.createElement)(
                          "div",
                          { className: "insta-feed-heading-wrapper" },
                          (0, a.createElement)(
                            "span",
                            { className: "insta-feed-user-name" },
                            (0, a.createElement)("a", { href: "#" }, "@", u),
                          ),
                          (0, a.createElement)(
                            "span",
                            { className: "insta-feed-user-tag" },
                            "We become what we think about!",
                          ),
                        ),
                        (0, a.createElement)(
                          "div",
                          { className: "insta-feed-images" },
                          i?.slice(0, 6).map((e) =>
                            (0, a.createElement)(
                              "div",
                              { key: e?.id, className: "insta-card" },
                              (0, a.createElement)(
                                "a",
                                {
                                  className: "insta-profile-link",
                                  href: "#",
                                },
                                (0, a.createElement)("img", {
                                  className: "insta-img",
                                  src: e?.media_url,
                                }),
                              ),
                            ),
                          ),
                        ),
                      ),
                      (0, a.createElement)(
                        "div",
                        { className: "insta-feed-center-btn-wrapper" },
                        p
                          ? ""
                          : (0, a.createElement)(
                              "a",
                              { className: "insta-feed-center-btn", href: "#" },
                              "Follow Me",
                            ),
                      ),
                    )
                  : (0, a.createElement)("img", {
                      style: { width: "900px", height: "100%" },
                      src: ya,
                    }),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                media: n,
                gridGap: o,
                loader: r,
                gridColumns: i,
                containerMaxWidth: l,
                instaUserName: s,
                instaTagLine: d,
              } = e,
              p = `.insta-container{\n        max-width: ${l} !important;\n        position: relative !important;\n    }\n    .insta-feed-wrapper {\n        position: relative;\n    }\n    .insta-feed-center-btn-wrapper {\n        position: absolute;\n        left: 50%;\n        top: 55%;\n        transform: translate(-50%, 50%);\n    }\n    .insta-feed-center-btn {\n        text-decoration: none !important;\n        background-color: #78909c;\n        padding: 10px 20px;\n        border-radius: 40px;\n        cursor: pointer;\n        color: #ffffff !important;\n    }\n    .insta-feed-center-btn:hover {\n        background-color: #1e2b3e;\n    }\n    .insta-feed-images{\n        margin:0 auto;\n        max-width: 100%;\n        display: grid;\n        grid-template-columns: ${r ? "" : `repeat(${i}, 1fr)`};\n        gap: ${o};\n        align-items: center;\n        justify-content: center;\n    }\n    .insta-card {\n        position: relative;\n    }\n    .insta-card a::after{\n        content: '';\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        bottom: 0;\n        left: 0;\n        border: 2px solid #ffffffb3;\n        border-radius: 8px;\n        transform: scale(1);\n        opacity: 0;\n        transition: .6s ease;\n    }\n    .insta-card a:hover::after{\n        transform: scale(0.85);\n        opacity: 1;\n    }\n    .insta-card a::before{\n        content: url(${Ca});\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        bottom: 0;\n        left: 0;\n        border-radius: 8px;\n        transform: scale(0);\n        opacity: 0;\n        transition: .6s ease;\n    }\n     .insta-card a:hover::before{\n        transform: scale(0.20);\n        opacity: 1;\n    }\n     .insta-card .insta-img{\n        width: 100%;\n        object-fit: cover;\n        border-radius: 8px;\n      }\n    .insta-icon {\n        position: absolute;\n        width: 40px !important;\n        top: 50%;\n        display:none;\n        transform: translate(-50%, -50%);\n        left: 50%;\n    }\n    .insta-card:hover .insta-icon{\n        display:block;\n    }\n        .insta-feed-wrapper .insta-feed-heading-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n        justify-content: center;\n        align-items: center;\n    }\n    .insta-feed-user-name a {\n        color: #78909c;\n        text-decoration: none !important;\n        font-size: 16px;\n        font-weight: 500;\n    }\n    .insta-feed-user-tag {\n        color: #78909c;\n        font-size: 14px;\n        margin-bottom: 16px;\n    }\n       @media (max-width: 599px) {\n    .insta-feed-images{ \n      grid-template-columns: repeat(1, 1fr);\n        }\n    }\n    @media (min-width: 600px) and (max-width: 920px) {\n    .insta-feed-images {\n      grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    @media (min-width: 921px) and (max-width: 1199px) {\n    .insta-feed-images {\n      grid-template-columns: repeat(3, 1fr);\n        }\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${p}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "insta-container" },
                (0, a.createElement)(
                  "div",
                  { className: "insta-feed-wrapper" },
                  (0, a.createElement)(
                    "div",
                    { className: "insta-feed-heading-wrapper" },
                    (0, a.createElement)(
                      "span",
                      { className: "insta-feed-user-name" },
                      (0, a.createElement)(
                        "a",
                        {
                          target: "_blank",
                          href: `https://www.instagram.com/${s}`,
                        },
                        "@",
                        s,
                      ),
                    ),
                    (0, a.createElement)(
                      "span",
                      { className: "insta-feed-user-tag" },
                      d,
                      "!",
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "insta-feed-images" },
                    n?.slice(0, 6).map((e) =>
                      (0, a.createElement)(
                        "div",
                        { key: e?.id, className: "insta-card" },
                        (0, a.createElement)(
                          "a",
                          {
                            className: "insta-profile-link",
                            href: e.permalink,
                            target: "_blank",
                          },
                          (0, a.createElement)("img", {
                            className: "insta-img",
                            src: e?.media_url,
                          }),
                        ),
                      ),
                    ),
                  ),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "insta-feed-center-btn-wrapper" },
                  (0, a.createElement)(
                    "a",
                    {
                      className: "insta-feed-center-btn",
                      href: `https://www.instagram.com/${s}`,
                      target: "_blank",
                    },
                    "Follow Me",
                  ),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/accordion",
          title: (0, t.__)("Accordion"),
          description: (0, t.__)("Block showing Accordion."),
          icon: {
            src: i.accordionBlock,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("team"), (0, t.__)("member")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              sectionMaxWidth: i,
              headingColor: d,
              sectionBg: p,
              itemBg: m,
            } = n;
            let h = e.slice(e.lastIndexOf("-") + 1);
            o({ id: h });
            const g = (0, l.useBlockProps)(),
              f = `.fp-accordion-container {\n        max-width:${i} !important;\n     }\n    .wp-block-fancypost-accordion {\n        max-width: ${i}  !important;\n    }\n     .fp-accordion-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout{\n         display: flex !important;\n         flex-direction: column !important;\n         gap:10px !important;\n         padding : 20px !important;\n         background-color: ${p};\n     }\n     .fp-accordion-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block {\n         background-color: ${m}!important;\n         margin: 0 !important;\n         padding:10px 20px !important;\n         border-radius: 5px !important;\n         box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;\n     }\n     .fp-accordion-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block{\n         margin: 0 !important;\n     }\n     .fp-accordion-details {\n         padding: 0px 5px !important;\n         overflow: hidden;\n         transition: height 0.5s ease;\n         height: 0;\n       \n     }\n     .fp-accordion-details.is-visible {\n         height: auto;\n     }\n    .fp-accordion-details > .block-editor-inner-blocks > .block-editor-block-list__layout p {\n         border-top: 1px solid rgba(231, 233, 235, 0.44);\n         margin-top: 7px !important;\n         margin-bottom: 0 !important;\n         font-size:17px !important;\n         line-height: 1.5 !important;\n    }\n     .fp-ac-icon-wrapper{\n         width: 29px;\n         height: 29px;\n         padding-bottom: 0px !important;\n         background-color: #f0f4f8;\n         border-radius: 50%;\n     }\n     .fp-ac-icon {\n         width: 20px !important;\n         height: 20px !important;\n         margin: 4px !important;\n     }\n     .fp-accordion-heading {\n        cursor: pointer !important;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n     }\n     .fp-accordion-heading h4 {\n         margin: 0px !important;\n         color :${d} !important;\n         font-size: 24px !important;\n         font-weight: 700 !important;\n         line-height: 1.2 !important;\n     }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Accordian  Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Section Max Width:"),
                      onChange: (e) => o({ sectionMaxWidth: e }),
                      isUnitSelectTabbable: !0,
                      value: i,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Accordian Title Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: d,
                      onChange: (e) => o({ headingColor: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Section Background Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: p,
                      onChange: (e) => o({ sectionBg: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Accordion Item Background Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: m,
                      onChange: (e) => o({ itemBg: e }),
                      clearable: !1,
                    }),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...g },
                (0, a.createElement)(c.RawHTML, null, `<style>${f}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "fp-accordion-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-accordion-wrapper" },
                    (0, a.createElement)(l.InnerBlocks, {
                      allowedBlocks: ["fancypost/accordion-item"],
                      template: [
                        ["fancypost/accordion-item"],
                        ["fancypost/accordion-item"],
                        ["fancypost/accordion-item"],
                      ],
                    }),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                sectionMaxWidth: n,
                headingColor: o,
                sectionBg: r,
                itemBg: i,
              } = e,
              s = `.fp-accordion-container {\n        max-width:${n} !important;\n    }\n   .fp-accordion-wrapper {\n        display: flex ;\n        flex-direction: column;\n        gap:10px;\n        padding : 20px!important;\n        background-color: ${r};\n    }\n   .wp-block-fancypost-accordion-item {\n        background-color: ${i} !important;\n        margin: 0 !important;\n        padding: 10px 20px;\n        border-radius: 5px;\n        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;\n    }\n    .fp-accordion-heading {\n        margin: 0px !important;\n        position: relative;\n        cursor: pointer !important;\n        display:flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n    }\n    .fp-accordion-heading h4 {\n        margin: 0px !important;\n        color :${o} !important;\n        font-size: 24px !important;\n        font-weight: 700 !important;\n        line-height: 1.2 !important;\n    }\n    .fp-accordion-details{\n        padding: 0px 5px !important;\n        overflow: hidden;\n        transition: height 0.5s ease;\n        height: 0;\n    } \n    .fp-accordion-details.is-visible {\n        height: auto;\n    }\n    .fp-accordion-details p{\n        border-top: 1px solid rgba(231, 233, 235, 0.44);\n        margin-bottom: 0 !important;\n        margin-top: 7px !important;\n        font-size:17px !important;\n        line-height: 1.5 !important;\n    }\n    .fp-ac-icon-wrapper{\n        width: 29px;\n        height: 29px;\n        padding-bottom: 0px !important;\n        background-color: #f0f4f8;\n        border-radius: 50%;\n    }\n    .fp-ac-icon {\n        width: 20px !important;\n        height: 20px !important;\n        margin: 4px !important;\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${s}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "fp-accordion-container" },
                (0, a.createElement)(
                  "div",
                  { className: "fp-accordion-wrapper" },
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/tabs",
          title: (0, t.__)("Tabs"),
          description: (0, t.__)("Block showing Tabs."),
          icon: {
            src: i.tabsBlock,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("team"), (0, t.__)("member")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
              id: r,
              sectionMaxWidth: i,
              tabHeaderColor: p,
              titleColor: m,
              titleHoverColor: h,
              titleActiveColor: g,
            } = n;
            let f = e.slice(e.lastIndexOf("-") + 1);
            o({ id: f });
            const { deviceType: _ } = (0, d.useSelect)((e) => {
                const { __experimentalGetPreviewDeviceType: t } =
                  e("core/edit-post");
                return { deviceType: t() };
              }, []),
              u = (0, l.useBlockProps)(),
              b = `.editor-styles-wrapper .fp-tabs-container {\n            max-width: ${i}!important;\n            margin-top: 20px !important;\n        }\n        .wp-block-fancypost-tabs {\n            max-width: ${i}!important;\n        }\n        .fp-tabs-wrapper {\n             position: relative;\n        }\n        .fp-tabs-container > .fp-tabs-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout {\n            display: flex;\n            background: ${p};\n            border-radius: 10px 10px 0 0;\n        }\n        .fp-tabs-container > .fp-tabs-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block{\n            margin: 0 !important;\n        }\n        .tab-title h4 {\n            margin: 0 !important; \n            cursor: pointer;\n            padding: 9px 10px 10px 10px;\n            display: inline-block;\n            transition: all 0.5s linear;\n            color: ${m};\n            font-size: 20px !important;\n            font-weight: 500 !important;\n        }\n        .tab-title h4:hover {\n            color:${h} !important;\n        }\n        .tab-title h4.active {\n            color: ${g} !important;\n            background: #fff;\n            border-top: 1px solid ${p};\n        }\n        .tab-content-wrapper {\n            position: absolute;\n            width: ${i};\n        }\n        .tab-content-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout {\n            display: none !important;\n        }\n        .tab-content-wrapper > .block-editor-inner-blocks > .block-editor-block-list__layout p {\n            margin: 0 !important;\n            background: #fff;\n            padding: 15px 30px !important;\n            line-height: 34px;\n            font-size: 17px !important;\n            box-shadow: 0px 11px 13px -9px rgba(0,0,0,0.3) !important;\n            border-radius: 0 0 10px 10px;\n        }\n        .tab-content-wrapper.active > .block-editor-inner-blocks > .block-editor-block-list__layout {\n            display: block !important;\n        }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    s.PanelBody,
                    {
                      title: (0, t.__)("Tabs Block Settings"),
                      icon: "admin-generic",
                      initialOpen: !0,
                      className: "frhd__control frhd__control-query",
                    },
                    (0, a.createElement)(s.__experimentalUnitControl, {
                      label: (0, t.__)("Section Max Width:"),
                      onChange: (e) => o({ sectionMaxWidth: e }),
                      isUnitSelectTabbable: !0,
                      value: i,
                      className: "frhd__component frhd__component-width-90",
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Header Background :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: p,
                      onChange: (e) => o({ tabHeaderColor: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Title Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: m,
                      onChange: (e) => o({ titleColor: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Title Hover Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: h,
                      onChange: (e) => o({ titleHoverColor: e }),
                      clearable: !1,
                    }),
                    (0, a.createElement)(
                      s.__experimentalHeading,
                      { className: "frhd__pb-heading" },
                      "Active Title Color :",
                    ),
                    (0, a.createElement)(l.ColorPalette, {
                      value: g,
                      onChange: (e) => o({ titleActiveColor: e }),
                      clearable: !1,
                    }),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...u },
                (0, a.createElement)(c.RawHTML, null, `<style>${b}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "fp-tabs-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-tabs-wrapper" },
                    (0, a.createElement)(l.InnerBlocks, {
                      allowedBlocks: ["fancypost/tabs-item"],
                      template: [
                        [
                          "fancypost/tabs-item",
                          {
                            isVisible: !0,
                            content:
                              "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s ",
                            tabTitle: "Tab 1",
                          },
                        ],
                        [
                          "fancypost/tabs-item",
                          {
                            content:
                              "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here, content here, making it look like readable English",
                            tabTitle: "Tab 2",
                          },
                        ],
                        [
                          "fancypost/tabs-item",
                          {
                            content:
                              "Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.",
                            tabTitle: "Tab 3",
                          },
                        ],
                      ],
                      renderAppender: () =>
                        (0, a.createElement)(
                          l.InnerBlocks.ButtonBlockAppender,
                          null,
                        ),
                    }),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                sectionMaxWidth: n,
                tabHeaderColor: o,
                titleColor: r,
                titleHoverColor: i,
                titleActiveColor: s,
              } = e,
              d = `.fp-tabs-container {\n        max-width: ${n}!important;\n        margin-top: 20px !important;\n    }\n    .fp-tabs-wrapper {\n        background: ${o};\n        display: flex;\n        position: relative;\n        border-radius: 10px 10px 0 0;\n    }\n    .wp-block-fancypost-tabs-item h4 {\n        margin: 0 !important; \n        cursor: pointer;\n        padding: 9px 10px 10px 10px !important;\n        display: inline-block;\n        transition: all 0.5s linear;\n        color: ${r};\n        font-size: 20px !important;\n    }\n    .tab-title h4{\n        font-size: 20px !important;\n        padding: 9px 10px 10px 10px !important;\n        font-weight: 500 !important;\n    }\n    .wp-block-fancypost-tabs-item h4.active {\n       color: ${s} !important;\n       background: #fff;\n       border-top: 1px solid ${o};\n    }\n    .wp-block-fancypost-tabs-item h4:hover {\n        color: ${i};\n    }\n    .tab-content-wrapper {\n        position: absolute !important;\n        width: -webkit-fill-available !important;\n    }\n    .tab-content-wrapper p {\n        color: #333;\n        font-size: 17px !important;\n        line-height: 34px !important;\n        margin: 0!important;\n        padding: 15px 30px !important;\n        background: #fff !important;\n        box-shadow: 0px 11px 13px -9px rgba(0,0,0,0.3) !important;\n        border-radius: 0 0 10px 10px;\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${d}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "fp-tabs-container" },
                (0, a.createElement)(
                  "div",
                  { className: "fp-tabs-wrapper" },
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
              (0, a.createElement)(
                c.RawHTML,
                null,
                "<script>document.addEventListener('DOMContentLoaded', function() {\n        const items = document.querySelectorAll('.tab-content-wrapper');\n        const titles = document.querySelectorAll('.tab-title h4');\n        const container = document.querySelector('.fp-tabs-container');\n        const wrapper = document.querySelector('.fp-tabs-wrapper');\n    \n        // Initial setup: Hide all content wrappers except the first one\n        items.forEach((item, index) => {\n            // Set initial marginLeft to 0\n            item.style.marginLeft = '0px';\n    \n            // Hide all content wrappers initially based on CSS\n            item.style.display = 'none';\n        });\n    \n        // Display initial content (first tab) based on CSS\n        items[0].style.display = 'block';\n    \n        // Add 'active' class to the first title and content wrapper\n        titles[0].classList.add('active');\n        titles[0].style.borderRadius = '10px 0 0 0';\n        items[0].classList.add('active');\n    \n        // Function to update the bottom margin of .fp-tabs-container\n        const updateContainerMargin = () => {\n            const activeItem = document.querySelector('.tab-content-wrapper.active');\n            if (activeItem) {\n                const activeHeight = activeItem.offsetHeight;\n                container.style.marginBottom = `${activeHeight + 20}px`;\n            }\n        };\n    \n        // Add event listeners for title clicks\n        titles.forEach((title, index) => {\n            // Click event handling\n            title.addEventListener('click', function() {\n                // Remove active class from all titles\n                titles.forEach((t) => t.classList.remove('active'));\n    \n                // Add active class to clicked title\n                title.classList.add('active');\n    \n                // Hide all content wrappers\n                items.forEach((item) => {\n                    item.classList.remove('active');\n                    item.style.display = 'none';\n                });\n    \n                // Display clicked content wrapper\n                items[index].classList.add('active');\n                items[index].style.display = 'block';\n    \n                // Update margin-left values based on clicked title (if needed)\n                items.forEach((item, idx) => {\n                    let marginLeft = 0;\n                    for (let i = 0; i < idx; i++) {\n                        marginLeft -= titles[i].offsetWidth;\n                    }\n                    item.style.marginLeft = `${marginLeft}px`;\n                });\n    \n                // Update container margin\n                updateContainerMargin();\n            });\n        });\n    \n        // Function to update margin-left values\n        const updateMarginLeft = () => {\n            items.forEach((item, idx) => {\n                let marginLeft = 0;\n                for (let i = 0; i < idx; i++) {\n                    marginLeft -= titles[i].offsetWidth;\n                }\n                item.style.marginLeft = `${marginLeft}px`;\n            });\n        };\n    \n        // Call updateMarginLeft initially and on window resize\n        updateMarginLeft();\n        updateContainerMargin();\n        window.addEventListener('resize', () => {\n            updateMarginLeft();\n            updateContainerMargin();\n        });\n    });<\/script>",
              ),
            );
          },
        },
        {
          name: "fancypost/cta-media",
          title: (0, t.__)("CTA & Media"),
          description: (0, t.__)("Block showing CTA & Media."),
          icon: {
            src: i.tabsBlock,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("team"), (0, t.__)("member")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: o, setAttributes: r }) => {
            const { deviceType: p } = (0, d.useSelect)((e) => {
                const { __experimentalGetPreviewDeviceType: t } =
                  e("core/edit-post");
                return { deviceType: t() };
              }, []),
              {
                id: m,
                sectionMaxWidth: h,
                headingColor: g,
                descriptionColor: f,
                boxBackgroundColor: _,
                headingSize: u,
                headingLineHeight: b,
                descriptionSize: x,
                descriptionLineHeight: v,
                btnBgAndOutlineColor: w,
              } = o,
              [y, C] = (0, c.useState)("tab1"),
              E = (e) => {
                C(e);
              };
            let k = e.slice(e.lastIndexOf("-") + 1);
            r({ id: "frhdcm-" + k });
            const $ = [
                [
                  "core/group",
                  {},
                  [
                    [
                      "core/columns",
                      { verticalAlignment: "center" },
                      [
                        [
                          "core/column",
                          { className: "fp-info-section-top-box" },
                          [
                            [
                              "core/heading",
                              {
                                content:
                                  'Craft Your Workspace with <mark style="background-color:rgba(0, 0, 0, 0);color:#dea250" class="has-inline-color">Office Nexus</mark>',
                                level: 4,
                                placeholder: "Write a heading..",
                                textAlign: "center",
                                className: "fp-info-section-top-box-heading",
                              },
                            ],
                            [
                              "core/paragraph",
                              {
                                content:
                                  "Equipping Professionals with Cutting-Edge Work Environments.",
                                level: 4,
                                placeholder: "Write a heading..",
                                textAlign: "center",
                                className:
                                  "fp-info-section-top-box-description",
                              },
                            ],
                            [
                              "core/buttons",
                              { className: "fp-info-section-top-box-links" },
                              [
                                [
                                  "core/button",
                                  {
                                    text: "Get a Quote",
                                    url: "#",
                                    rel: "nofollow",
                                    className: "fp-section-top-box-first-link",
                                  },
                                ],
                                [
                                  "core/button",
                                  {
                                    text: "Our Services",
                                    url: "#",
                                    rel: "nofollow",
                                    className:
                                      "fp-info-section-top-box-second-link",
                                  },
                                ],
                              ],
                            ],
                          ],
                        ],
                        [
                          "core/column",
                          { className: "info-section-image-wrapper" },
                          [
                            [
                              "core/image",
                              {
                                url: n(562),
                                align: "center",
                                className: "info-section-img",
                              },
                            ],
                          ],
                        ],
                      ],
                    ],
                  ],
                ],
              ],
              S = (0, l.useBlockProps)(),
              P = `.fp-section-info-container {\n        max-width: ${h} !important;\n    }\n    .fp-section-info-wrapper > .block-editor-inner-blocks> .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block{ \n        display: grid !important;\n        grid-template-columns: 35% 65%;\n        align-items: center !important;\n        justify-content: center;\n        }\n    .fp-info-section-top-box {\n        position: relative;\n        background-color: ${_};\n        min-width: 491px;\n        left: 74px !important;\n        z-index: 1;\n        padding: 64px 48px;\n        border-radius: 7px;\n        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n    }\n    .fp-info-section-top-box-heading {\n        font-size: ${u} !important;\n        text-align: left !important;\n        line-height: ${b}!important;\n        font-weight: 600!important;\n        margin-top: 0px !important;\n        margin-bottom: 20px !important;\n        color: ${g} !important;\n        border: 1px solid ${g};\n        padding: 10px 20px;\n    }\n    .fp-info-section-top-box-description {\n        font-size: ${x} !important;\n        line-height: ${v} !important;\n        margin-bottom: 40px !important;\n        color: ${f} !important;\n        margin-top: 0px !important;\n    }\n    .info-section-image-wrapper {\n        position: relative;\n        right: 0px;\n    }\n    .fp-info-section-top-box-links {\n        padding: 0 !important;\n        margin-top : 0 !important;\n        gap : 0 !important;\n    }\n    .fp-section-top-box-first-link > .wp-block-button__link{\n        padding: 15px 30px !important;\n        background-color :${w} !important;\n        height: auto;\n        line-height: 1;\n        font-size: 18px!important;\n        line-height: 1 !important;\n        font-weight: 400!important;\n        height: auto !important;\n        color: white !important;\n        border-radius: 4px !important;\n        text-decoration: none ;\n        margin-right: 16px;\n    }\n    \n    .fp-info-section-top-box-second-link > .wp-block-button__link {\n        outline: 1px solid ${w};\n        padding: 14px 29px;\n        background-color : transparent !important;\n        height: auto;\n        line-height: 1;\n        font-size: 18px!important;\n        line-height: 1!important;\n        font-weight: 400!important;\n        height: auto;\n        color:#343090 !important;\n        border-radius: 4px;\n        text-decoration: none ;\n    }\n    .info-section-img img {\n        max-width: 725px !important;\n        border-radius: 5px;\n        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;\n    }\n    @media (max-width: 710px) {\n         .fp-section-info-wrapper > .block-editor-inner-blocks> .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block { \n           display : flex !important;\n           flex-direction: column-reverse !important;\n         }\n         .fp-info-section-top-box { \n            width: 84% !important;\n            min-width: 286px !important;\n            left: 0px !important;\n            top: -115px;\n             padding: 32px 0px;\n         }\n          .info-section-img img {\n            width: 100% !important;\n           \n        }\n         .fp-info-section-top-box-heading {\n            font-size: 30px!important;\n            text-align: center !important;\n         }\n         .fp-info-section-top-box-description {\n            font-size: 18px;\n            text-align: center;\n        }\n        .fp-info-section-top-box-links {\n            flex-direction: column;\n            justify-content: center;\n        }\n        .fp-section-top-box-first-link > .wp-block-button__link{\n            margin-right: 0px !important;\n            margin-bottom: 16px !important;\n        }\n    }\n    @media (min-width: 711px) and (max-width: 920px) {\n         .fp-section-info-wrapper > .block-editor-inner-blocks> .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block{ \n           display : flex !important;\n           flex-direction: column-reverse !important;\n         }\n         .fp-info-section-top-box { \n            width  : 80% !important;\n            padding: 35px 48px;\n            left: 0px !important;\n            top: -115px;\n         }\n         .info-section-img img {\n            width: 100% !important;\n           \n        }\n         .fp-info-section-top-box-heading {\n            font-size: 46px!important;\n            text-align: center !important;\n         }\n        .fp-info-section-top-box-description {\n            font-size: 21px;\n            text-align: center;\n        }\n        .fp-info-section-top-box-links {\n            justify-content: center;\n        }\n    }`;
            return [
              (0, a.createElement)(
                a.Fragment,
                null,
                (0, a.createElement)(
                  l.InspectorControls,
                  null,
                  (0, a.createElement)(
                    "div",
                    { className: "frhd-tab-header" },
                    (0, a.createElement)(
                      "button",
                      {
                        onClick: () => E("tab1"),
                        className: "tab1" === y ? "active" : "",
                      },
                      "Settings",
                    ),
                    (0, a.createElement)(
                      "button",
                      {
                        onClick: () => E("tab2"),
                        className: "tab2" === y ? "active" : "",
                      },
                      "Styles",
                    ),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "tab-content" },
                    "tab1" === y &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.PanelBody,
                          {
                            title: (0, t.__)("Appearance"),
                            icon: i.layerMask,
                            initialOpen: !0,
                            className: "frhd__control frhd__control-query",
                          },
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Section Max-Width:"),
                            onChange: (e) => r({ sectionMaxWidth: e }),
                            isUnitSelectTabbable: !0,
                            value: h,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Heading Font-Size:"),
                            onChange: (e) => r({ headingSize: e }),
                            isUnitSelectTabbable: !0,
                            value: u,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Heading Line-Height:"),
                            onChange: (e) => r({ headingLineHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: b,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Description Front-Size:"),
                            onChange: (e) => r({ descriptionSize: e }),
                            isUnitSelectTabbable: !0,
                            value: x,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                          (0, a.createElement)(s.__experimentalUnitControl, {
                            label: (0, t.__)("Description Line-Height:"),
                            onChange: (e) => r({ descriptionLineHeight: e }),
                            isUnitSelectTabbable: !0,
                            value: v,
                            className:
                              "frhd__component frhd__component-width-90",
                          }),
                        ),
                      ),
                    "tab2" === y &&
                      (0, a.createElement)(
                        a.Fragment,
                        null,
                        (0, a.createElement)(
                          s.PanelBody,
                          {
                            title: (0, t.__)("Colors"),
                            icon: i.paintBoard,
                            initialOpen: !0,
                            className: "frhd__control frhd__control-colors",
                          },
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Heading Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            label: (0, t.__)("Heading Color:"),
                            value: g,
                            onChange: (e) => r({ headingColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Description Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            label: (0, t.__)("Heading Color:"),
                            value: f,
                            onChange: (e) => r({ descriptionColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Top Box Background :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            label: (0, t.__)("Heading Color:"),
                            value: _,
                            onChange: (e) => r({ boxBackgroundColor: e }),
                            clearable: !1,
                          }),
                          (0, a.createElement)(
                            s.__experimentalHeading,
                            { className: "frhd__pb-heading" },
                            "Button Color :",
                          ),
                          (0, a.createElement)(l.ColorPalette, {
                            label: (0, t.__)("Heading Color:"),
                            value: w,
                            onChange: (e) => r({ btnBgAndOutlineColor: e }),
                            clearable: !1,
                          }),
                        ),
                      ),
                  ),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...S },
                (0, a.createElement)(c.RawHTML, null, `<style>${P}</style>`),
                (0, a.createElement)(
                  "div",
                  {
                    ...l.useBlockProps.save(),
                    id: m,
                    className: "fp-section-info-container",
                  },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-section-info-wrapper" },
                    (0, a.createElement)(l.InnerBlocks, {
                      allowedBlocks: [
                        "core/group",
                        "core/columns",
                        "core/image",
                        "core/paragraph",
                        "core/buttons",
                        "core/button",
                      ],
                      template: $,
                    }),
                  ),
                ),
              ),
            ];
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                sectionMaxWidth: n,
                headingColor: o,
                descriptionColor: r,
                boxBackgroundColor: i,
                headingSize: s,
                headingLineHeight: d,
                descriptionSize: p,
                descriptionLineHeight: m,
                btnBgAndOutlineColor: h,
              } = e,
              g = `.fp-section-info-container {\n        max-width: ${n} !important;\n    }\n    .fp-section-info-wrapper > .wp-block-group > .wp-block-columns{ \n        display: grid !important;\n        grid-template-columns: 35% 65%;\n        align-items: center !important;\n        justify-content: center;\n        }\n    .fp-info-section-top-box {\n        position: relative;\n        background-color: ${i};\n        min-width: 600px;\n        left: 74px !important;\n        z-index: 1;\n        padding: 64px 48px;\n        border-radius: 7px;\n        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n    }\n    .fp-info-section-top-box-heading {\n        font-size: ${s} !important;\n        text-align: left !important;\n        line-height: ${d}!important;\n        font-weight: 600!important;\n        margin-bottom: 20px !important;\n        color: ${o} !important;\n        border: 1px solid ${o};\n        padding: 10px 20px;\n    }\n    .fp-info-section-top-box-description {\n        font-size: ${p};\n        line-height: ${m};\n        margin-bottom: 40px !important;\n        color: ${r};\n    }\n    .info-section-image-wrapper {\n        position: relative;\n        right: 0px;\n    }\n    .fp-info-section-top-box-links {\n        padding: 0 !important;\n        margin-top : 0 !important;\n        gap : 0 !important;\n    }\n    .fp-section-top-box-first-link a{\n        padding: 15px 30px;\n        background-color: ${h} !important;\n        line-height: 1;\n        font-size: 19px!important;\n        line-height: 1 !important;\n        font-weight: 400!important;\n        height: auto;\n        color: white;\n        border-radius: 4px;\n        text-decoration: none ;\n        margin-right: 16px;\n    }\n    .fp-info-section-top-box-second-link a {\n        outline: 1px solid ${h};\n        padding: 14px 29px;\n        background-color : transparent !important;\n        height: auto;\n        line-height: 1;\n        font-size: 18px!important;\n        line-height: 1!important;\n        font-weight: 400!important;\n        height: auto;\n        color:#343090 !important;\n        border-radius: 4px;\n        text-decoration: none ;\n    }\n    .info-section-img img {\n        width: 93%;\n        height : 100%;\n        border-radius: 5px;\n        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;\n    }\n    @media (max-width: 710px) {\n        .fp-section-info-wrapper > .wp-block-group > .wp-block-columns{ \n            display : flex !important;\n            flex-direction: column-reverse !important;\n        }\n        .fp-info-section-top-box { \n            width: 84% !important;\n            min-width: 286px !important;\n            left: 0px !important;\n            top: -115px;\n            padding: 32px 44px;\n         }\n        .fp-info-section-top-box-heading {\n            font-size: 30px!important;\n            text-align: center !important;\n         }\n         .fp-info-section-top-box-description {\n            font-size: 18px;\n            text-align: center;\n        }\n        .fp-info-section-top-box-links {\n            flex-direction: column;\n            justify-content: center;\n        }\n        .fp-section-top-box-first-link a{\n            margin-right: 0px !important;\n            margin-bottom: 16px !important;\n        }\n    }\n    @media (min-width: 711px) and (max-width: 920px) {\n        .fp-section-info-wrapper > .wp-block-group > .wp-block-columns{ \n            display : flex !important;\n            flex-direction: column-reverse !important;\n         }\n        .fp-info-section-top-box { \n            width  : 80% !important;\n            padding: 35px 48px;\n            left: 0px !important;\n            top: -115px;\n         }\n         .fp-info-section-top-box-heading {\n            font-size: 46px!important;\n            text-align: center !important;\n         }\n        .fp-info-section-top-box-description {\n            font-size: 21px;\n            text-align: center;\n        }\n        .fp-info-section-top-box-links {\n            justify-content: center;\n        }\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(c.RawHTML, null, `<style>${g}</style>`),
              (0, a.createElement)(
                "div",
                {
                  ...l.useBlockProps.save(),
                  id: t,
                  className: "fp-section-info-container",
                },
                (0, a.createElement)(
                  "div",
                  { className: "fp-section-info-wrapper" },
                  (0, a.createElement)(l.InnerBlocks.Content, null),
                ),
              ),
            );
          },
        },
        {
          name: "fancypost/modal-popup",
          title: (0, t.__)("Modal Popup"),
          description: (0, t.__)("Block showing Modal Popup."),
          icon: {
            src: i.modalPopup,
            background: "rgb(94 48 204 / 5%)",
            foreground: "#5E30CC",
          },
          category: "fancypost",
          keywords: [(0, t.__)("team"), (0, t.__)("member")],
          example: { attributes: { author: "Forhad" } },
          edit: ({ clientId: e, attributes: n, setAttributes: o }) => {
            const {
                id: r,
                buttonText: i,
                modalSectionMaxWidth: d,
                contentMaxWidth: p,
                contentBackgroundColor: m,
                headingColor: h,
                descriptionColor: g,
                actionButtonBackground: f,
                actionButtonTextColor: _,
                btnPosition: u,
              } = n,
              b = (0, c.useRef)(null);
            let x = e.slice(e.lastIndexOf("-") + 1);
            o({ id: "fpmp-" + x });
            const v = (0, l.useBlockProps)(),
              [w, y] = (0, c.useState)(!1),
              C = `.editor-styles-wrapper #${r}.fp-modal-popup-container {\n        max-width : ${d}!important;\n    }\n    .wp-block-fancypost-modal-popup {\n        max-width: ${d} !important;\n    }\n    .fp-modal-content {\n        overflow: auto;\n    }\n    .fp-open-modal-btn {\n        display: inline-block;\n        padding: 10px 20px;\n        background-color: #0073aa !important;\n        color: white !important;\n        border: none;\n        border-radius: 4px !important;\n        text-align: center;\n        text-decoration: none;\n        font-size: 16px;\n        cursor: pointer;\n        transition: background-color 0.3s ease;\n    }\n    .fp-open-modal-btn:hover {\n        background-color: #005177 !important;\n    }\n    .fp-open-modal-btn:active,\n    .fp-open-modal-btn:focus {\n        background-color: #004466;\n        outline: none;\n    }\n    .fp-open-modal-btn {\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n    }\n    .fp-open-modal-btn:active {\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transform: translateY(1px);\n    }\n    .fp-cta-buttons-container {\n        display: flex;\n        justify-content: center;\n        margin: 0 !important;\n    }\n    #${r} .fp-modal {\n        max-width: calc(${p} - 30px) !important;\n        border-radius: 15px;\n        margin: 0 auto;\n        padding: 30px;\n        background-color: ${m} !important;\n        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;\n    }\n    .fp-close-btn {\n        color: #aaa;\n        float: right;\n        font-size: 28px;\n        font-weight: bold;\n    }\n    #${r} .fp-modal-heading {\n        margin : 0 0 20px 0 !important;\n        color: ${h} !important;\n    }\n    #${r} .fp-modal-paragraph {\n        margin : 0 0 25px 0 !important;\n        color: ${g} !important;\n    }\n    #${r} .fp-cta-button div {\n        background-color: ${f} !important;\n        border-radius: 20px !important;\n        color : ${_} !important;\n    }\n    #${r} .fp-btn-wrapper {\n        display: flex;\n        justify-content: ${u};\n        margin-bottom: 50px;\n    }`;
            return (0, a.createElement)(
              a.Fragment,
              null,
              (0, a.createElement)(
                l.InspectorControls,
                null,
                (0, a.createElement)(
                  s.PanelBody,
                  {
                    title: (0, t.__)("Modal Block Settings"),
                    icon: "admin-generic",
                    initialOpen: !0,
                    className: "frhd__control frhd__control-query",
                  },
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Section Max Width:"),
                    onChange: (e) => o({ modalSectionMaxWidth: e }),
                    isUnitSelectTabbable: !0,
                    value: d,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(s.__experimentalUnitControl, {
                    label: (0, t.__)("Modal Content Max Width:"),
                    onChange: (e) => o({ contentMaxWidth: e }),
                    isUnitSelectTabbable: !0,
                    value: p,
                    className: "frhd__component frhd__component-width-90",
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    { className: "frhd__pb-heading" },
                    "Modal Background Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: m,
                    onChange: (e) => o({ contentBackgroundColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    { className: "frhd__pb-heading" },
                    "Heading Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: h,
                    onChange: (e) => o({ headingColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    { className: "frhd__pb-heading" },
                    "Description Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: g,
                    onChange: (e) => o({ descriptionColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    { className: "frhd__pb-heading" },
                    "Action Button Background :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: f,
                    onChange: (e) => o({ actionButtonBackground: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(
                    s.__experimentalHeading,
                    { className: "frhd__pb-heading" },
                    "Action Button Text Color :",
                  ),
                  (0, a.createElement)(l.ColorPalette, {
                    value: _,
                    onChange: (e) => o({ actionButtonTextColor: e }),
                    clearable: !1,
                  }),
                  (0, a.createElement)(s.SelectControl, {
                    label: "Modal Open Button Position",
                    value: u,
                    options: [
                      { label: "Left", value: "left" },
                      { label: "Center", value: "center" },
                      { label: "Right", value: "right" },
                    ],
                    onChange: (e) => o({ btnPosition: e }),
                    __nextHasNoMarginBottom: !0,
                  }),
                ),
              ),
              (0, a.createElement)(
                "div",
                { ...v },
                (0, a.createElement)(c.RawHTML, null, `<style>${C}</style>`),
                (0, a.createElement)(
                  "div",
                  { id: r, className: "fp-modal-popup-container" },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-btn-wrapper" },
                    (0, a.createElement)(l.RichText, {
                      ...v,
                      ref: b,
                      tagName: "button",
                      value: i,
                      onChange: (e) => o({ buttonText: e }),
                      placeholder: (0, t.__)("Open Modal"),
                      onClick: () => {
                        (y(!0), b.current.blur());
                      },
                      className: "fp-open-modal-btn",
                    }),
                  ),
                  (0, a.createElement)(
                    "div",
                    { className: "fp-modal" },
                    (0, a.createElement)(
                      "div",
                      { className: "fp-modal-content" },
                      (0, a.createElement)(
                        "span",
                        { className: "fp-close-btn" },
                        "×",
                      ),
                      (0, a.createElement)(l.InnerBlocks, {
                        template: [
                          [
                            "core/heading",
                            {
                              placeholder: "Enter Heading...",
                              content: "Default Heading",
                              textAlign: "center",
                              className: "fp-modal-heading",
                            },
                          ],
                          [
                            "core/paragraph",
                            {
                              placeholder: "Enter paragraph text...",
                              content:
                                "Dhaka is the capital city of Bangladesh, in southern Asia. Set beside the Buriganga River, it at the center of national government, trade and culture. The 17th-century old city was the Mughal capital of Bengal, and many palaces and mosques remain. American architect Louis Khan’s National Parliament House complex typifies the huge, fast-growing modern metropolis",
                              className: "fp-modal-paragraph",
                            },
                          ],
                          [
                            "core/buttons",
                            {
                              className: "fp-cta-buttons-container",
                              align: "center",
                            },
                            [
                              [
                                "core/button",
                                {
                                  text: "Call To Action",
                                  url: "#",
                                  className: "fp-cta-button",
                                },
                              ],
                            ],
                          ],
                        ],
                      }),
                    ),
                  ),
                ),
              ),
            );
          },
          save: ({ attributes: e }) => {
            const {
                id: t,
                buttonText: n,
                modalSectionMaxWidth: o,
                contentMaxWidth: r,
                headingColor: i,
                descriptionColor: s,
                contentBackgroundColor: d,
                actionButtonBackground: p,
                actionButtonTextColor: m,
                btnPosition: h,
              } = e,
              g = `#${t}.fp-modal-popup-container {\n        max-width : ${o}!important;\n    }\n    .fp-modal-content {\n        overflow: auto;\n    }\n    .fp-modal {\n        display: none;\n        position: fixed;\n        z-index: 100;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: rgba(0, 0, 0, 0.6) !important;\n    }\n    #${t} .fp-modal-content {\n        background-color: ${d};\n        margin: 15% auto;\n        padding: 30px;\n        border: 1px solid #888;\n        width: 50%;\n        border-radius: 15px;\n        max-width: ${r} !important;\n    }\n    .fp-close-btn {\n        color: #aaa ;\n        float: right;\n        font-size: 28px;\n        font-weight: bold;\n    }\n    .fp-close-btn:hover, .fp-close-btn:focus {\n        color: black;\n        text-decoration: none;\n        cursor: pointer;\n    }\n    .fp-open-modal-btn {\n        display: inline-block;\n        padding: 13px 20px !important;\n        background-color: #0073aa !important;\n        color: white !important;\n        border: none;\n        border-radius: 4px;\n        text-align: center;\n        text-decoration: none;\n        font-size: 16px !important;\n        cursor: pointer;\n        transition: background-color 0.3s ease;\n    }\n    .fp-open-modal-btn:hover {\n        background-color: #005177 !important;\n    }\n    .fp-open-modal-btn:active,\n    .fp-open-modal-btn:focus {\n        background-color: #004466;\n        outline: none;\n    }\n    .fp-open-modal-btn {\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n    }\n    .fp-open-modal-btn:active {\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n        transform: translateY(1px);\n    }\n    .fp-cta-buttons-container {\n        display: flex !important;\n        justify-content: center;\n    }\n    #${t} .fp-cta-button {\n        border-radius: 20px !important;\n        background-color: ${p} !important;\n    }    \n    #${t} .fp-cta-button a {\n        background-color: ${p}!important;\n        padding: 16px 30px !important;\n        color: ${m} !important;\n        border-radius: 20px !important;\n    }\n    #${t} .fp-modal-heading {\n        margin : 0 0 20px 0 !important;\n        font-size: 30px !important;\n        font-weight: 600 !important;\n        line-height: 1.3em !important;\n         color: ${i} !important;\n    }\n    #${t} .fp-modal-paragraph {\n        margin : 0 0 25px 0 !important;\n        font-size: 17px !important;\n        color: ${s} !important;\n    }\n    .fp-btn-wrapper {\n        display: flex;\n        justify-content: ${h};\n        margin-bottom: 50px;\n    }`,
              f = `document.addEventListener('DOMContentLoaded', function() {\n        const openModalBtn = document.querySelector('.fp-open-modal-btn');\n        const modal = document.querySelector('#${t} .fp-modal');\n        const closeBtn = document.querySelector('.fp-close-btn');\n\n        if (openModalBtn && modal && closeBtn) {\n            openModalBtn.addEventListener('click', function() {\n                modal.style.display = 'block';\n            });\n\n            closeBtn.addEventListener('click', function() {\n                modal.style.display = 'none';\n            });\n\n            window.addEventListener('click', function(event) {\n                if (event.target === modal) {\n                    modal.style.display = 'none';\n                }\n            });\n        }\n    });`;
            return (0, a.createElement)(
              "div",
              { ...l.useBlockProps.save() },
              (0, a.createElement)(c.RawHTML, null, `<style>${g}</style>`),
              (0, a.createElement)(
                "div",
                { id: t, className: "fp-modal-popup-container" },
                (0, a.createElement)(
                  "div",
                  { className: "fp-btn-wrapper" },
                  (0, a.createElement)(l.RichText.Content, {
                    tagName: "button",
                    value: n,
                    className: "fp-open-modal-btn",
                  }),
                ),
                (0, a.createElement)(
                  "div",
                  { className: "fp-modal" },
                  (0, a.createElement)(
                    "div",
                    { className: "fp-modal-content" },
                    (0, a.createElement)(
                      "span",
                      { className: "fp-close-btn" },
                      "×",
                    ),
                    (0, a.createElement)(l.InnerBlocks.Content, null),
                  ),
                ),
              ),
              (0, a.createElement)(c.RawHTML, null, `<script>${f}<\/script>`),
            );
          },
        },
      ];
      ka.forEach((t) => {
        (0, e.registerBlockType)(t.name, t);
      });
    })());
})();
