[ Avaa Bypassed ]

/******/ (() => { // webpackBootstrap
/******/ 	var __webpack_modules__ = ({

/***/ 814:
/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {

"use strict";

// NAMESPACE OBJECT: ./src/blocks/components/index.ts
var components_namespaceObject = {};
__webpack_require__.r(components_namespaceObject);
__webpack_require__.d(components_namespaceObject, {
  mY: () => (advance_select_AdvancedSelect),
  de: () => (AdvancedSettings),
  Aq: () => (background_Background),
  OC: () => (border_Border),
  P4: () => (box_shadow_BoxShadow),
  Ie: () => (common_CSSSettings),
  Il: () => (color_Color),
  Db: () => (dimensions_Dimensions),
  W_: () => (element_Element),
  JO: () => (icon_Icon),
  wB: () => (icon_selector_IconSelector),
  II: () => (input_Input),
  pU: () => (media_Media),
  s_: () => (panel_Panel),
  Hc: () => (common_ResponsiveSettings),
  Ph: () => (select_Select),
  Fu: () => (separator_control_SeparatorControl),
  iR: () => (slider_Slider),
  mQ: () => (Tabs),
  ZD: () => (toggle_Toggle),
  ZT: () => (typography_Typography),
  mh: () => (UrlInput)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/column/index.tsx
var column_namespaceObject = {};
__webpack_require__.r(column_namespaceObject);
__webpack_require__.d(column_namespaceObject, {
  name: () => (column_name),
  settings: () => (settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/section/index.tsx
var section_namespaceObject = {};
__webpack_require__.r(section_namespaceObject);
__webpack_require__.d(section_namespaceObject, {
  name: () => (section_name),
  settings: () => (section_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/heading/index.tsx
var heading_namespaceObject = {};
__webpack_require__.r(heading_namespaceObject);
__webpack_require__.d(heading_namespaceObject, {
  name: () => (heading_name),
  settings: () => (heading_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/advertisement/index.tsx
var advertisement_namespaceObject = {};
__webpack_require__.r(advertisement_namespaceObject);
__webpack_require__.d(advertisement_namespaceObject, {
  name: () => (advertisement_name),
  settings: () => (advertisement_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/banner-posts/index.tsx
var banner_posts_namespaceObject = {};
__webpack_require__.r(banner_posts_namespaceObject);
__webpack_require__.d(banner_posts_namespaceObject, {
  name: () => (banner_posts_name),
  settings: () => (banner_posts_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/grid-module/index.tsx
var grid_module_namespaceObject = {};
__webpack_require__.r(grid_module_namespaceObject);
__webpack_require__.d(grid_module_namespaceObject, {
  name: () => (grid_module_name),
  settings: () => (grid_module_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/featured-posts/index.tsx
var featured_posts_namespaceObject = {};
__webpack_require__.r(featured_posts_namespaceObject);
__webpack_require__.d(featured_posts_namespaceObject, {
  name: () => (featured_posts_name),
  settings: () => (featured_posts_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/featured-categories/index.tsx
var featured_categories_namespaceObject = {};
__webpack_require__.r(featured_categories_namespaceObject);
__webpack_require__.d(featured_categories_namespaceObject, {
  name: () => (featured_categories_name),
  settings: () => (featured_categories_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/tab-post/index.tsx
var tab_post_namespaceObject = {};
__webpack_require__.r(tab_post_namespaceObject);
__webpack_require__.d(tab_post_namespaceObject, {
  name: () => (tab_post_name),
  settings: () => (tab_post_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/post-list/index.tsx
var post_list_namespaceObject = {};
__webpack_require__.r(post_list_namespaceObject);
__webpack_require__.d(post_list_namespaceObject, {
  name: () => (post_list_name),
  settings: () => (post_list_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/category-list/index.tsx
var category_list_namespaceObject = {};
__webpack_require__.r(category_list_namespaceObject);
__webpack_require__.d(category_list_namespaceObject, {
  name: () => (category_list_name),
  settings: () => (category_list_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/news-ticker/index.tsx
var news_ticker_namespaceObject = {};
__webpack_require__.r(news_ticker_namespaceObject);
__webpack_require__.d(news_ticker_namespaceObject, {
  name: () => (news_ticker_name),
  settings: () => (news_ticker_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/date-weather/index.tsx
var date_weather_namespaceObject = {};
__webpack_require__.r(date_weather_namespaceObject);
__webpack_require__.d(date_weather_namespaceObject, {
  name: () => (date_weather_name),
  settings: () => (date_weather_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/post-video/index.tsx
var post_video_namespaceObject = {};
__webpack_require__.r(post_video_namespaceObject);
__webpack_require__.d(post_video_namespaceObject, {
  name: () => (post_video_name),
  settings: () => (post_video_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/slider/index.tsx
var slider_namespaceObject = {};
__webpack_require__.r(slider_namespaceObject);
__webpack_require__.d(slider_namespaceObject, {
  name: () => (slider_name),
  settings: () => (slider_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/social-icons/index.tsx
var social_icons_namespaceObject = {};
__webpack_require__.r(social_icons_namespaceObject);
__webpack_require__.d(social_icons_namespaceObject, {
  name: () => (social_icons_name),
  settings: () => (social_icons_settings)
});

// NAMESPACE OBJECT: ./src/blocks/blocks/social-icon/index.tsx
var social_icon_namespaceObject = {};
__webpack_require__.r(social_icon_namespaceObject);
__webpack_require__.d(social_icon_namespaceObject, {
  name: () => (social_icon_name),
  settings: () => (social_icon_settings)
});

;// CONCATENATED MODULE: external ["wp","blocks"]
const external_wp_blocks_namespaceObject = window["wp"]["blocks"];
;// CONCATENATED MODULE: external ["wp","hooks"]
const external_wp_hooks_namespaceObject = window["wp"]["hooks"];
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
function _typeof(o) {
  "@babel/helpers - typeof";

  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
    return typeof o;
  } : function (o) {
    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
  }, _typeof(o);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js

function _toPrimitive(input, hint) {
  if (_typeof(input) !== "object" || input === null) return input;
  var prim = input[Symbol.toPrimitive];
  if (prim !== undefined) {
    var res = prim.call(input, hint || "default");
    if (_typeof(res) !== "object") return res;
    throw new TypeError("@@toPrimitive must return a primitive value.");
  }
  return (hint === "string" ? String : Number)(input);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js


function _toPropertyKey(arg) {
  var key = _toPrimitive(arg, "string");
  return _typeof(key) === "symbol" ? key : String(key);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js

function defineProperty_defineProperty(obj, key, value) {
  key = _toPropertyKey(key);
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true
    });
  } else {
    obj[key] = value;
  }
  return obj;
}
;// CONCATENATED MODULE: ./src/blocks/utils/global.ts
var localized = window._MAGAZINE_BLOCKS_;
;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx);
;// CONCATENATED MODULE: ./node_modules/default-composer/dist/index.modern.mjs
function e(){return e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},e.apply(this,arguments)}let t={};function n(e){t=e}function l(...e){return e.reduce(index_modern_r,e[0])}function index_modern_r(n,l){const o={},c=new Set([n,l].flatMap(Object.keys));for(let f of c){var i;const c=n[f],s=l[f],b=f in n,y={key:f,value:s},p=a(y),v=null!=(i=null==t.isDefaultableValue?void 0:t.isDefaultableValue(e({},y,{defaultableValue:p})))?i:p;o[f]=b&&v?c:u(c)&&u(s)?index_modern_r(c,s):s}return o}function u(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}function a({value:e}){return void 0===e||""===e||null===e||"object"==typeof(t=e)&&null!==t&&0===Object.keys(t).length;var t}
//# sourceMappingURL=index.modern.mjs.map

;// CONCATENATED MODULE: ./src/blocks/utils/utils.ts



/**
 * The `repr` function returns the string representation of the type of the
 * argument.
 * @param {any} arg - The parameter "arg" is of type "any", which means it can
 * accept any data type as an argument.
 */
var repr = function repr(arg) {
  return Object.prototype.toString.call(arg);
};

/**
 * The function checks if the argument is an array.
 * @param {any} arg - The parameter `arg` is of type `any`, which means it can
 * accept any value.
 */
var isArray = function isArray(arg) {
  return Array.isArray ? Array.isArray(arg) : repr(arg) === '[object Array]';
};

/**
 * The function checks if the argument is an object.
 * @param {any} arg - The `arg` parameter is of type `any`, which means it can
 * accept any data type as an argument.
 */
var isObject = function isObject(arg) {
  return repr(arg) === '[object Object]';
};

/**
 * The function checks if the argument is null.
 * @param {any} arg - The parameter `arg` is of type `any`, which means it can
 * accept any type of value.
 */
var isNull = function isNull(arg) {
  return repr(arg) === '[object Null]';
};

/**
 * The function checks if a given argument is undefined.
 * @param {any} arg - The `arg` parameter is of type `any`, which means it can
 * accept any data type.
 * @returns The function `isUndefined` returns a boolean value indicating whether
 * the argument `arg` is undefined.
 */
var isUndefined = function isUndefined(arg) {
  try {
    return typeof arg === 'undefined';
  } catch (e) {
    if (e instanceof ReferenceError) {
      return true;
    }
    throw e;
  }
};

/**
 * The function `isString` checks if the argument is a string.
 * @param {any} arg - The `arg` parameter is of type `any`, which means it can
 * accept any value.
 */
var isString = function isString(arg) {
  return repr(arg) === '[object String]';
};

/**
 * The `isEmpty` function checks if a given argument is empty, which includes being
 * undefined, null, an empty string, an empty array, or an object with no keys.
 * @param {any} arg - The parameter `arg` is of type `any`, which means it can
 * accept any data type.
 */
var isEmpty = function isEmpty(arg) {
  return isUndefined(arg) || isNull(arg) || isString(arg) && arg.length === 0 || isArray(arg) && arg.length === 0 || isObject(arg) && Object.keys(arg).length === 0;
};

/**
 * The `ucFirst` function takes a string as input and returns the same string with
 * the first character capitalized.
 * @param {string} string - The `string` parameter is a string value that
 * represents the input string that you want to capitalize the first letter of.
 */
var ucFirst = function ucFirst(string) {
  return string.charAt(0).toUpperCase() + string.slice(1);
};

/**
 * The function `getSiblings` returns an array of all the sibling elements of a
 * given HTML element.
 * @param {HTMLElement} el - el is the HTML element for which we want to find the
 * siblings.
 * @returns The function `getSiblings` returns an array of HTMLElements that are
 * siblings of the input element `el`.
 */
var getSiblings = function getSiblings(el) {
  if (el.parentNode === null) return [];
  return Array.from(el.parentNode.children).filter(function (child) {
    return child !== el;
  });
};

/**
 * The function `cn` is a TypeScript function that uses the `clsx` library to
 * concatenate and conditionally apply CSS class names.
 * @param {clsx.ClassValue[]} args - The `args` parameter is a rest parameter that
 * allows you to pass in multiple arguments of type `clsx.ClassValue`. These
 * arguments can be any valid class names or class name objects that you want to
 * combine using the `clsx` function.
 */
var utils_cn = function cn() {
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
    args[_key] = arguments[_key];
  }
  return dist_clsx(args);
};

/**
 * The function `extend` takes in a variable number of arguments and returns a
 * composed object using the default values provided.
 * @param {Partial<T>[]} args - An array of objects of type Partial<T>.
 */
var extend = function extend() {
  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
    args[_key2] = arguments[_key2];
  }
  return defaultComposer(args);
};

/**
 * The function converts a string to kebab case by replacing spaces with hyphens
 * and converting camel case to kebab case.
 * @param {string} str - The `str` parameter is a string that you want to convert
 * to kebab case.
 */
var stringToKebabCase = function stringToKebabCase(str) {
  return str.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/\s+/g, '-').toLowerCase();
};
var moveArrayItem = function moveArrayItem(array, from, to) {
  if (from < 0 || from >= array.length || to < 0 || to >= array.length) {
    console.error('Invalid index');
    return array;
  }
  var itemToMove = array.splice(from, 1)[0];
  array.splice(to, 0, itemToMove);
  return array;
};
var getFilenameFromUrl = function getFilenameFromUrl(url) {
  return url.substring(url.lastIndexOf('/') + 1);
};
;// CONCATENATED MODULE: ./src/blocks/utils/index.ts


;// CONCATENATED MODULE: external ["wp","compose"]
const external_wp_compose_namespaceObject = window["wp"]["compose"];
// EXTERNAL MODULE: external "React"
var external_React_ = __webpack_require__(196);
var external_React_namespaceObject = /*#__PURE__*/__webpack_require__.t(external_React_, 2);
var external_React_default = /*#__PURE__*/__webpack_require__.n(external_React_);
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
function _arrayWithHoles(arr) {
  if (Array.isArray(arr)) return arr;
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
function _iterableToArrayLimit(r, l) {
  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
  if (null != t) {
    var e,
      n,
      i,
      u,
      a = [],
      f = !0,
      o = !1;
    try {
      if (i = (t = t.call(r)).next, 0 === l) {
        if (Object(t) !== t) return;
        f = !1;
      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
    } catch (r) {
      o = !0, n = r;
    } finally {
      try {
        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
      } finally {
        if (o) throw n;
      }
    }
    return a;
  }
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
function _arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;
  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
  return arr2;
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js

function _unsupportedIterableToArray(o, minLen) {
  if (!o) return;
  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
  var n = Object.prototype.toString.call(o).slice(8, -1);
  if (n === "Object" && o.constructor) n = o.constructor.name;
  if (n === "Map" || n === "Set") return Array.from(o);
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
function _nonIterableRest() {
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js




function slicedToArray_slicedToArray(arr, i) {
  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
}
;// CONCATENATED MODULE: external ["wp","components"]
const external_wp_components_namespaceObject = window["wp"]["components"];
;// CONCATENATED MODULE: external ["wp","data"]
const external_wp_data_namespaceObject = window["wp"]["data"];
;// CONCATENATED MODULE: external ["wp","i18n"]
const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
;// CONCATENATED MODULE: ./src/blocks/constants/index.ts

var DEVICES = {
  desktop: (0,external_wp_i18n_namespaceObject.__)("Desktop", "magazine-blocks"),
  tablet: (0,external_wp_i18n_namespaceObject.__)("Tablet", "magazine-blocks"),
  mobile: (0,external_wp_i18n_namespaceObject.__)("Mobile", "magazine-blocks")
};
var DIMENSIONS_PROPERTIES = {
  top: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
  right: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
  bottom: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
  left: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks")
};
var SERVER_ATTRIBUTES_KEYS = (/* unused pure expression or super */ null && (["categoryCount", "query", "clientId", "category", "postCount"]));
var COMMON_BLOCK_ATTRIBUTES = {
  blockMargin: {
    type: "object",
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: "{{WRAPPER}} { margin: {{VALUE}}; }"
    }]
  },
  blockPadding: {
    type: "object",
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: "{{WRAPPER}} { padding: {{VALUE}}; }"
    }]
  },
  blockZIndex: {
    type: "number",
    style: [{
      selector: "{{WRAPPER}} { z-index: {{VALUE}}; }"
    }]
  },
  cssID: {
    type: "string"
  },
  animation: {
    type: "string"
  },
  interaction: {
    type: "object"
  },
  position: {
    type: "object"
  },
  hideOnDesktop: {
    type: "boolean",
    style: [{
      selector: "@media (min-width:62em) { {{WRAPPER}} { display: none; } }"
    }]
  },
  hideOnTablet: {
    type: "boolean",
    style: [{
      selector: "@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"
    }]
  },
  hideOnMobile: {
    type: "boolean",
    style: [{
      selector: "@media (max-width:48em) { {{WRAPPER}} { display: none; } }"
    }]
  },
  colReverseOnTablet: {
    type: "boolean",
    style: [{
      selector: "@media (max-width:62em) { {{WRAPPER}} > .mzb-container > .mzb-section-inner { flex-direction:column-reverse; } }"
    }]
  },
  colReverseOnMobile: {
    type: "boolean",
    style: [{
      selector: "@media (max-width:48em) { {{WRAPPER}} > .mzb-container > .mzb-section-inner { flex-direction:column-reverse; } }"
    }]
  },
  blockCSS: {
    type: "string"
  },
  className: {
    type: "string"
  }
};
var HTML_MARKUP = [{
  label: (0,external_wp_i18n_namespaceObject.__)("Div", "magazine-blocks"),
  value: "div"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Address", "magazine-blocks"),
  value: "address"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Article", "magazine-blocks"),
  value: "article"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Aside", "magazine-blocks"),
  value: "aside"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Blockquote", "magazine-blocks"),
  value: "blockquote"
}];
var SOCIAL_URLS = {
  facebook: "https://www.facebook.com/sharer.php?u=",
  twitter: "https://twitter.com/share?url=",
  linkedin: "https://www.linkedin.com/shareArticle?url=",
  youtube: "https://www.youtube.com/",
  pinterest: "https://pinterest.com/pin/create/link/?url=",
  reddit: "https://reddit.com/submit?url=",
  vimeo: "https://vimeo.com/log_in",
  drible: "https://dribbble.com/session/new",
  blogger: "https://www.blogger.com/blog_this.pyra?t&amp;u=",
  tumblr: "https://www.tumblr.com/widgets/share/tool?canonicalUrl=",
  telegram: "https://t.me/share/url?url=&text=",
  email: "mailto:?",
  googlePlus: "https://plus.google.com/share?url=",
  buffer: "https://bufferapp.com/add?text=&url=",
  stumbleUpon: "https://www.stumbleupon.com/submit?url=&title=",
  wordpress: "https://wordpress.com/press-this.php?u=&t=&s=&i=",
  pocket: "https://getpocket.com/save?url=&title=",
  skype: "https://web.skype.com/share?url=",
  whatsapp: "https://api.whatsapp.com/send?text="
};
;// CONCATENATED MODULE: ./src/blocks/store/index.ts

function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function store_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var MAGAZINE_BLOCKS_DEVICE_STORE = "magazine-blocks/device";
var INITIAL_STATE = {
  device: "desktop"
};
var deviceStore = (0,external_wp_data_namespaceObject.createReduxStore)(MAGAZINE_BLOCKS_DEVICE_STORE, {
  reducer: function reducer() {
    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
    var action = arguments.length > 1 ? arguments[1] : undefined;
    switch (action.type) {
      case "SET_DEVICE":
        return store_objectSpread(store_objectSpread({}, state), {}, {
          device: action.payload
        });
    }
    return state;
  },
  actions: {
    setDevice: function setDevice(device) {
      return {
        type: "SET_DEVICE",
        payload: device
      };
    }
  },
  selectors: {
    getDevice: function getDevice(state) {
      return state.device;
    }
  }
});
(0,external_wp_data_namespaceObject.register)(deviceStore);
;// CONCATENATED MODULE: ./src/blocks/hooks/useDeviceType.tsx








var useDeviceType = function useDeviceType() {
  var store = "site-editor" === pagenow ? "core/edit-site" : "core/edit-post";
  (0,external_React_.useEffect)(function () {
    var _wp;
    (_wp = wp) === null || _wp === void 0 || (_wp = _wp.customize) === null || _wp === void 0 || (_wp = _wp.previewedDevice) === null || _wp === void 0 || _wp.bind(function (v) {
      // @ts-ignore
      (0,external_wp_data_namespaceObject.dispatch)(deviceStore).setDevice(v);
    });
  }, []);
  var deviceType = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref, _select$__experimenta, _select, _select2;
    return (_ref = (_select$__experimenta = (_select = select(store)) === null || _select === void 0 || (_select = _select.__experimentalGetPreviewDeviceType()) === null || _select === void 0 ? void 0 : _select.toLowerCase()) !== null && _select$__experimenta !== void 0 ? _select$__experimenta : (_select2 = select(deviceStore)) === null || _select2 === void 0 ? void 0 : _select2.getDevice()) !== null && _ref !== void 0 ? _ref : "desktop";
  }, []);
  var setDeviceType = (0,external_React_.useCallback)(function (deviceType) {
    var _dispatch, _wp2;
    // @ts-ignore
    (_dispatch = (0,external_wp_data_namespaceObject.dispatch)(store)) === null || _dispatch === void 0 || _dispatch.__experimentalSetPreviewDeviceType(ucFirst(deviceType));
    // @ts-ignore
    (0,external_wp_data_namespaceObject.dispatch)(deviceStore).setDevice(deviceType);
    (_wp2 = wp) === null || _wp2 === void 0 || (_wp2 = _wp2.customize) === null || _wp2 === void 0 || _wp2.previewedDevice(deviceType);
  }, [store]);
  var DeviceSelector = (0,external_React_.useMemo)(function () {
    var DeviceSelectorComponent = function DeviceSelectorComponent() {
      return /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-device-selector"
      }, /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-devices",
        role: "group"
      }, Object.entries(DEVICES).map(function (_ref2, idx) {
        var _ref3 = slicedToArray_slicedToArray(_ref2, 2),
          deviceKey = _ref3[0],
          deviceValue = _ref3[1];
        return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Tooltip, {
          key: deviceKey + idx,
          text: deviceValue,
          position: "top center"
        }, /*#__PURE__*/external_React_default().createElement("button", {
          className: utils_cn("mzb-device", {
            active: deviceKey === deviceType
          }),
          onClick: function onClick() {
            return setDeviceType(deviceKey);
          }
        }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
          type: "controlIcon",
          name: deviceKey,
          size: 20
        })));
      })));
    };
    return DeviceSelectorComponent;
  }, [deviceType, setDeviceType]);
  return {
    deviceType: deviceType,
    setDeviceType: setDeviceType,
    DeviceSelector: DeviceSelector
  };
};
/* harmony default export */ const hooks_useDeviceType = (useDeviceType);
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
function _objectWithoutPropertiesLoose(source, excluded) {
  if (source == null) return {};
  var target = {};
  var sourceKeys = Object.keys(source);
  var key, i;
  for (i = 0; i < sourceKeys.length; i++) {
    key = sourceKeys[i];
    if (excluded.indexOf(key) >= 0) continue;
    target[key] = source[key];
  }
  return target;
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js

function _objectWithoutProperties(source, excluded) {
  if (source == null) return {};
  var target = _objectWithoutPropertiesLoose(source, excluded);
  var key, i;
  if (Object.getOwnPropertySymbols) {
    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
    for (i = 0; i < sourceSymbolKeys.length; i++) {
      key = sourceSymbolKeys[i];
      if (excluded.indexOf(key) >= 0) continue;
      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
      target[key] = source[key];
    }
  }
  return target;
}
;// CONCATENATED MODULE: external ["wp","element"]
const external_wp_element_namespaceObject = window["wp"]["element"];
// EXTERNAL MODULE: ./node_modules/html-react-parser/index.js
var html_react_parser = __webpack_require__(488);
;// CONCATENATED MODULE: ./node_modules/html-react-parser/index.mjs


var domToReact = html_react_parser.domToReact;
var htmlToDOM = html_react_parser.htmlToDOM;
var attributesToProps = html_react_parser.attributesToProps;

// domhandler
var Comment = html_react_parser.Comment;
var html_react_parser_Element = html_react_parser.Element;
var ProcessingInstruction = html_react_parser.ProcessingInstruction;
var Text = html_react_parser.Text;

/* harmony default export */ const node_modules_html_react_parser = (html_react_parser);

;// CONCATENATED MODULE: ./src/blocks/components/icon/icons.json
const icons_namespaceObject = JSON.parse('{"arrowDown":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M17.9 15.2H13V2h-2v13.1H6.1L12 22l5.9-6.8z\\" /></svg>","arrowLeft":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2 12l6.9 6v-5H22v-2H8.9V6L2 12z\\" /></svg>","arrowRight":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.8 12l-7-6v5H2v2h12.8v5l7-6z\\" /></svg>","arrowUp":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M13 22V9h5l-6-7-6.1 7h5v12.9H13v.1z\\" /></svg>","textAlignLeft":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3,19.94H21V22H3Zm0-4.45,12.28,0v2L3,17.47ZM3,10.9l17.81,0v2.22L3,13ZM3,2,21,2v2H3ZM3,6.51l12.27,0,0,2L3,8.47Z\\" /></svg>","textAlignRight":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3,19.94H21V22H3Zm5.7-4.45,12.28,0v2l-12.28,0ZM3.13,10.9l17.81,0v2.22L3.13,13ZM3,2,21,2v2H3ZM8.71,6.51,21,6.56l0,2-12.26,0Z\\" /></svg>","textAlignCenter":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3,19.94H21V22H3Zm3-4.45,12,0v2l-12,0ZM3,10.9l17.81,0v2.22L3,13ZM3,2,21,2v2H3ZM6,6.51l12,0,0,2-12,0Z\\" /></svg>","textAlignJustify":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3,15.53H21V17.6H3ZM6,20l12,0v2L6,22ZM3,10.9l17.81,0v2.22L3,13ZM3,2,21,2v2H3ZM3,6.51l18,0,0,2-18,0Z\\" /></svg>","alignTop":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 7.5H4v13h16Zm-18-3h20m0 1H2v-2h20Z\\" /></svg>","alignMiddle":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M22 11h-4V2H6v9H2v2h4v9h12v-9h4v-2z\\" /></svg>","alignBottom":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 16.5H4v-13h16Zm-18 3h20m0-1H2v2h20Z\\" /></svg>","alignSpaceBetween":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M6 4v16h12V4ZM3 22V2m1 0v20H2V2Zm17 20V2m1 0v20h-2V2Z\\" /></svg>","alignSpaceAround":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z\\" /></svg>","alignCenter":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><rect x=\\"11\\" y=\\"2\\" width=\\"2\\" height=\\"20\\" /><rect x=\\"3\\" y=\\"6\\" width=\\"18\\" height=\\"12\\" /></svg>","alignLeft":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><rect x=\\"3\\" y=\\"2\\" width=\\"2\\" height=\\"20\\" /><rect x=\\"7\\" y=\\"6\\" width=\\"14\\" height=\\"12\\" /></svg>","alignRight":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><rect x=\\"19\\" y=\\"2\\" width=\\"2\\" height=\\"20\\" /><rect x=\\"3\\" y=\\"6\\" width=\\"14\\" height=\\"12\\" /></svg>","alignStretch":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z\\" /></svg>","chevronDown":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20.5 6.2L12 14.7 3.5 6.2 2 7.8l10 10 9.9-10-1.4-1.6z\\" /></svg>","chevronLeft":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M16.3 2l-10 10.1 10 10 1.4-1.4-8.5-8.6 8.6-8.7L16.3 2z\\" /></svg>","chevronRight":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M6.6 3.4l8.7 8.6-8.7 8.7L8 22.1 18 12 8 2 6.6 3.4z\\" /></svg>","chevronUp":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2 16.1l1.4 1.4L12 8.9l8.6 8.6 1.4-1.4-10-10-10 10z\\" /></svg>","questionMark":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z\\" /></svg>","removeO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M5 20c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V8h2V6h-4V4c0-1.1-.9-2-2-2H9c-1.2 0-2 .9-2 2v2H3v2h2v12zM9 4h6v2H9V4zM7.9 8h9v12H7V8h.9z\\" /><path d=\\"M9.4 10.7h1.7v7H9.4v-7zm3.4 0h1.7v7h-1.7v-7z\\" /></svg>","toggleOff":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M8 9c-1.6 0-3 1.4-3 3s1.4 3 3 3 3-1.4 3-3-1.4-3-3-3z\\" /><path d=\\"M16 6H8c-3.3 0-6 2.7-6 6s2.7 6 6 6h8c3.3 0 6-2.7 6-6s-2.7-6-6-6zm0 10H8c-2.2 0-4-1.8-4-4s1.8-4 4-4h8c2.2 0 4 1.8 4 4s-1.8 4-4 4zm4-4h1-1z\\" /></svg>","toggleOn":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M16 6H8c-3.3 0-6 2.7-6 6s2.7 6 6 6h8c3.3 0 6-2.7 6-6s-2.7-6-6-6zm0 9c-1.6 0-3-1.4-3-3s1.4-3 3-3 3 1.4 3 3-1.4 3-3 3z\\" /></svg>","unLink":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,22.14a4.67,4.67,0,0,0,3.27-1.33,4.57,4.57,0,0,0,1.21-3.27l-.06-3.69H14.59l.06,3.69A2.63,2.63,0,0,1,12,20.33a2.54,2.54,0,0,1-2.53-2.79l.06-3.69-2-.06-.06,3.69A4.6,4.6,0,0,0,12,22.14ZM16.54,6.46a4.48,4.48,0,1,0-9,0l.06,3.69H9.53L9.47,6.46a2.59,2.59,0,1,1,5.17,0l-.06,3.69h1.9C16.54,10.09,16.54,6.46,16.54,6.46Z\\" /></svg>","chevronUpCircle":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M22 12c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zM2.5 12c0 5.3 4.3 9.5 9.5 9.5s9.5-4.3 9.5-9.5-4.2-9.5-9.5-9.5c-5.2 0-9.5 4.3-9.5 9.5z\\" fill=\\"#e2e8f0\\" /><path d=\\"M7.7 14.9l4.3-4.3 4.3 4.3.8-.8-5-5-5 5 .6.8z\\" fill=\\"#64748b\\" /></svg>","chevronDownCircle":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,22A10,10,0,1,1,22,12,10,10,0,0,1,12,22ZM12,2.49A9.51,9.51,0,1,0,21.51,12,9.53,9.53,0,0,0,12,2.49Z\\" fill=\\"#e2e8f0\\" /><path d=\\"M16.28,9.1,12,13.35,7.78,9.1,7,9.9l5,5L17,9.9Z\\" fill=\\"#64748b\\" /></svg>","cog":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 16c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z\\" /><path d=\\"M2.8 16.1l1 1.7c.5.9 1.8 1.3 2.7.7l.5-.3c.6.5 1.2.8 1.9 1.1v.7c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2v-.6c.7-.3 1.3-.7 1.9-1.1l.5.3c.9.5 2.2.2 2.7-.7l1-1.7c.6-1 .2-2.2-.7-2.7l-.5-.3c.1-.7.1-1.5 0-2.2l.5-.3c1-.6 1.3-1.8.7-2.7l-1-1.7c-.5-.9-1.8-1.3-2.7-.7l-.5.3c-.6-.5-1.2-.8-1.9-1.1V4c0-1.1-.9-2-2-2h-2C9.9 2 9 2.9 9 4v.6c-.7.3-1.3.7-1.9 1.1l-.5-.3c-.9-.5-2.2-.2-2.8.7l-1 1.7c-.6 1-.2 2.2.7 2.7l.5.3c-.1.7-.1 1.5 0 2.2l-.5.3c-.9.7-1.2 1.9-.7 2.8zm3.4-2.7c-.1-.5-.2-.9-.2-1.4 0-.5.1-.9.2-1.4.1-.4-.1-.9-.5-1.1l-1.1-.6 1-1.7 1.1.7c.4.1.9.1 1.2-.2.7-.7 1.5-1.2 2.4-1.4.4-.1.7-.5.7-1V4h2v1.3c0 .4.3.8.7 1 .9.3 1.7.8 2.4 1.4.3.3.8.3 1.2.1l1.1-.7 1 1.7-1.1.6c-.4.2-.6.7-.5 1.1.1.5.2.9.2 1.4 0 .5-.1.9-.2 1.4-.1.4.1.9.5 1.1l1.1.6-1 1.7-1.1-.7c-.4-.2-.9-.2-1.2.1-.7.6-1.5 1.1-2.4 1.4-.4.1-.7.5-.7 1v1.3h-2v-1.3c0-.4-.3-.8-.7-1-.9-.3-1.7-.8-2.4-1.4-.3-.1-.8-.1-1.2.1l-1.1.7-1-1.7 1.1-.7c.4-.2.6-.7.5-1.1z\\" /></svg>","color":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.9 14.7c-.1.1-2.2 2.2-2.2 3.8 0 1.6 1 2.6 2.2 2.7 1 0 2.2-1 2.2-2.7 0-1.6-2.1-3.7-2.2-3.8zM8.7 21.2c.4.4.9.6 1.5.6s1.1-.2 1.5-.6l7.5-7.5-.8-.8-8.3-8.3-2.3-2.5-1.5 1.4L8.8 6l-6.1 6.1c-.4.4-.6.9-.6 1.5s.2 1.1.6 1.5l6 6.1zm1.7-13.7l6 6-12.2.1 6.2-6.1z\\" /></svg>","desktop":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 2.6H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h7v2H8v2h8v-2h-3v-2h7c1.1 0 2-.9 2-2v-11c0-1.1-.9-2-2-2zm-16 11v-9h16v9H4z\\" /></svg>","gradient":"<svg id=\\"prefix__Layer_1\\" xmlns=\\"http://www.w3.org/2000/svg\\" x=\\"0\\" y=\\"0\\" viewBox=\\"0 0 24 24\\" xml:space=\\"preserve\\"><path class=\\"prefix__st0\\" d=\\"M3 2v20M22 3H2M22 21H2M21 2v20\\" stroke=\\"#000\\" stroke-width=\\"2\\" stroke-miterlimit=\\"10\\" /><path d=\\"M4 4v16h16C14 15 8 11 4 4z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" /><path d=\\"M12.3 4H4c4 7 10 11 16 16V4h-7.7\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" fill=\\"#fff\\" /></svg>","image":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.9 2.2H4.3c-1.2 0-2 .8-2 2v15.6c0 1.2.7 2.1 2 2.1h15.6c1.2 0 2-.8 2-2V4.3c-.1-1.3-.8-2.1-2-2.1zM4.3 19.8V4.2h15.6v15.6H4.3z\\" /><path d=\\"M10.1 14l-1-1-3 4h12l-5-7-3 4z\\" /></svg>","link":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3.6 20.3c1 1 2.4 1.6 3.8 1.6s2.7-.7 3.7-1.7l3-3.1-1.4-1.4-3 3.1c-1.3 1.3-3.3 1.3-4.6 0s-1.3-3.3 0-4.6l3.1-3-1.4-1.5-3.1 3c-2.1 2.2-2.2 5.5-.1 7.6zm16.7-9.2c2.1-2.1 2.2-5.4.1-7.5s-5.4-2-7.5.1l-3 3.1 1.4 1.4 3-3.1c1.3-1.3 3.3-1.3 4.6 0 1.3 1.3 1.3 3.3 0 4.6l-3.1 3 1.4 1.4c.1 0 3.1-3 3.1-3z\\" /><path d=\\"M8.7 16.6l-1.4-1.4 8.5-8.5 1.4 1.4-8.5 8.5z\\" /></svg>","lock":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,22.14a4.67,4.67,0,0,0,3.27-1.33,4.57,4.57,0,0,0,1.21-3.27l-.06-3.69H14.59l.06,3.69A2.63,2.63,0,0,1,12,20.33a2.54,2.54,0,0,1-2.53-2.79l.06-3.69-2-.06-.06,3.69A4.6,4.6,0,0,0,12,22.14ZM16.54,6.46a4.48,4.48,0,1,0-9,0l.06,3.69H9.53L9.47,6.46a2.59,2.59,0,1,1,5.17,0l-.06,3.69h1.9C16.54,10.09,16.54,6.46,16.54,6.46Z\\" /><path d=\\"M13,17.15H11V6.85h2Z\\" /></svg>","mobile":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M16.9 2h-10c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-10 18V4h10v16h-10z\\" /><circle cx=\\"11.9\\" cy=\\"18\\" r=\\"1\\" /></svg>","tablet":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.8 2 1.9 2h16c1.1 0 2-.9 2-2V4c.1-1.1-.8-2-1.9-2zM4 20V4h15.8v16H4z\\" /><circle cx=\\"12\\" cy=\\"18\\" r=\\"1\\" /></svg>","play":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2.1 2v20L22 12 2.1 2z\\" /></svg>","reset":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.9 10.1c-.2-.5-.5-1-.8-1.5l-1.7 1.1c.5.7.8 1.5 1 2.3.2.9.2 1.8 0 2.6-.1.4-.2.8-.4 1.2-.2.4-.4.8-.6 1.1-.5.7-1.1 1.3-1.8 1.8s-1.5.8-2.3 1c-.9.2-1.8.2-2.6 0-1.3-.3-2.4-.9-3.3-1.8-.6-.4-1.1-1.1-1.4-1.9-.2-.4-.3-.8-.4-1.2-.3-1.3-.1-2.7.4-3.9.3-.8.8-1.5 1.4-2.1.6-.6 1.3-1.1 2-1.4.4-.2.8-.3 1.2-.4h.3v3l5-4-5-4v2.9c-.1.1-.4.1-.6.1-1.1.3-2.2.7-3.1 1.3C3.8 8.6 2.5 13 4.1 16.8c.4 1 1.1 1.9 1.8 2.7.8.8 1.7 1.4 2.7 1.8 1.6.7 3.4.8 5.1.5 2.8-.6 5.1-2.5 6.2-5.1.2-.5.4-1.1.5-1.6.2-1.1.2-2.3 0-3.4-.1-.5-.3-1.1-.5-1.6z\\" /></svg>","star":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.9 9.2c-.1-.4-.5-.6-.9-.7L15.3 8l-2.5-5.5c-.2-.5-.8-.7-1.3-.5-.2.1-.4.3-.5.5L8.6 8.1l-5.7.4c-.5 0-.9.5-.9 1.1 0 .2.1.5.3.6l4.2 4.1L5 20.8c-.1.5.2 1.1.7 1.2.3 0 .6 0 .9-.2l5.4-3.6 5.4 3.6c.5.3 1.1.2 1.4-.3.2-.2.2-.5.2-.8l-1.8-6.4 4.5-4.1c.3-.2.4-.6.2-1z\\" /></svg>","upload":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M11 15h2V9h3l-4-5-4 5h3v6z\\" /><path d=\\"M20 18H4v-7H2v7c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-7h-2v7z\\" /></svg>","pencil":"<svg viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3 22H3.3L7.7 20.9L8.2 20.6L21.4 7.3C21.8 6.9 22 6.3 22 5.8C22 5.3 21.7 4.7 21.4 4.3L19.7 2.6C18.9 1.8 17.4 1.8 16.7 2.6L3.4 15.8C3.2 16 3.1 16.1 3.1 16.3L2.1 20.6C2 20.9 2.1 21.4 2.4 21.6C2.5 21.9 2.7 22 3 22ZM18.2 4.1L19.9 5.8L18.2 7.5L16.5 5.8L18.2 4.1ZM5.1 17.1L14.8 7.4L16.5 9.1L6.8 18.8L4.5 19.4L5.1 17.1Z\\" /></svg>","trash":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M5 20c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V8h2V6h-4V4c0-1.1-.9-2-2-2H9c-1.2 0-2 .9-2 2v2H3v2h2v12zM9 4h6v2H9V4zM7.9 8h9v12H7V8h.9z\\" /><path d=\\"M9.4 10.7h1.7v7H9.4v-7zm3.4 0h1.7v7h-1.7v-7z\\" /></svg>","filled":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.2 8H2.8a.8.8 0 0 0-.8.8v6.4a.8.8 0 0 0 .8.8h18.4a.8.8 0 0 0 .8-.8V8.8a.8.8 0 0 0-.8-.8Zm-1.7 4.5h-15a.5.5 0 0 1 0-1h15a.5.5 0 0 1 0 1Z\\"></path></svg>","outline":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.5 11.5h-15a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1Z\\" /><rect width=\\"19\\" height=\\"8\\" x=\\"2.5\\" y=\\"8\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-miterlimit=\\"10\\" rx=\\".8\\" /></svg>","plain":"<svg viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M21 13H3a1 1 0 0 1-1-1 1 1 0 0 1 1-1h18a1 1 0 0 1 1 1 1 1 0 0 1-1 1Z\\" /></svg>","linkO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path fill=\\"none\\" stroke=\\"currentColor\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" stroke-width=\\".5\\" d=\\"M2.26 14.28h19.48\\" /><path d=\\"M21 12H3a1 1 0 0 1-1-1 1 1 0 0 1 1-1h18a1 1 0 0 1 1 1 1 1 0 0 1-1 1Z\\" /></svg>","paste":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 11V5a2 2 0 00-2-2h-3a1 1 0 00-1-1H8a1 1 0 00-1 1H4a2 2 0 00-2 2v13a2 2 0 002 2h7a2 2 0 002 2h7a2 2 0 002-2v-7a2 2 0 00-2-2zm-9 2v5H4V5h3v2h8V5h3v6h-5a2 2 0 00-2 2zm2 7v-7h7v7z\\" /></svg>","copy":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 2H10a2 2 0 00-2 2v4H4a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4h4a2 2 0 002-2V4a2 2 0 00-2-2zM4 20V10h10v10zm16-6h-4v-4a2 2 0 00-2-2h-4V4h10z\\" /></svg>","iconList":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M7.1 9H21c.5 0 1-.5 1-1s-.5-1-1-1H7.1C6.5 7 6 7.4 6 8s.5 1 1.1 1zM21 11H7.1c-.6 0-1.1.4-1.1 1s.5 1 1.1 1H21c.6 0 1.1-.4 1.1-1s-.6-1-1.1-1zM21 15H7.1c-.6 0-1.1.5-1.1 1 0 .6.5 1 1.1 1H21c.6 0 1.1-.4 1.1-1-.1-.5-.6-1-1.1-1zM3.3 7.6L3.1 7H3l-.1.1-.2.5h-.6c-.1 0-.1.1-.1.1v.1l.4.4-.1.7c0 .1 0 .1.1.1h.1l.5-.4.5.4h.1v-.1l-.1-.7.5-.4v-.1s0-.1-.1-.1h-.6zM3.3 11.6l-.2-.5c0-.1-.1-.1-.1-.1l-.1.1-.2.5h-.6c-.1 0-.1.1-.1.2v.1l.4.4-.1.6c0 .1 0 .1.1.1h.1l.5-.4.5.4h.1v-.1l-.2-.6.6-.5v-.1s0-.1-.1-.1h-.6zM3.3 15.6l-.2-.5c0-.1-.1-.1-.1-.1l-.1.1-.2.5h-.6c-.1.1-.1.1-.1.2v.1l.4.4-.1.6c0 .1 0 .1.1.1h.1l.5-.4.5.4h.1v-.1l-.2-.6.6-.5v-.1s0-.1-.1-.1h-.6z\\" /></svg>","socialIcons":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M6 15c.9 0 1.7-.3 2.4-.9l6.3 3.6c-.1.3-.1.6-.1.9 0 1.9 1.6 3.5 3.5 3.6 1.9 0 3.5-1.6 3.6-3.5 0-1.9-1.6-3.5-3.5-3.6-.9 0-1.8.3-2.4.9l-6.3-3.6c.1-.2.1-.5.1-.8l6.1-3.5c1.4 1.3 3.6 1.2 4.9-.2s1.2-3.6-.2-4.9-3.6-1.2-4.9.2c-.6.6-.9 1.5-.9 2.4 0 .3 0 .6.1.8L8.9 9.6c-1-1.6-3.2-2.1-4.8-1S2 11.8 3 13.4c.7 1 1.8 1.6 3 1.6zm12 2c.8 0 1.5.7 1.5 1.5S18.8 20 18 20s-1.5-.7-1.5-1.5.6-1.5 1.5-1.5zm0-13c.8 0 1.5.7 1.5 1.5S18.8 7 18 7s-1.5-.7-1.5-1.5S17.1 4 18 4zM6 10c.8 0 1.5.7 1.5 1.5S6.8 13 6 13s-1.5-.7-1.5-1.5S5.1 10 6 10z\\" /></svg>","infoBox":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M22 4V3c0-.6-.4-1-1-1H3c-.6 0-1 .4-1 1v18c0 .6.4 1 1 1h18c.6 0 1-.4 1-1V4zM4 4h16v16H4V4z\\" /><circle cx=\\"12\\" cy=\\"7.5\\" r=\\"2\\" /><path d=\\"M15 10.5H9c-.6 0-1 .4-1 1s.4 1 1 1h6c.6 0 1-.4 1-1s-.5-1-1-1zM11 18.5h2c.6 0 1-.4 1-1s-.4-1-1-1h-2c-.6 0-1 .4-1 1 0 .5.4 1 1 1zM6 14.5c0 .6.4 1 1 1h10c.6 0 1-.4 1-1s-.4-1-1-1H7c-.6 0-1 .5-1 1z\\" /></svg>","button":"<svg viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"m4 7a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2zm16 8h-16v-6h16z\\" fill=\\"#690aa0\\" /><path d=\\"M18,12h0a.94.94,0,0,0-1-1H7a.94.94,0,0,0-1,1H6a.94.94,0,0,0,1,1H17A.94.94,0,0,0,18,12Z\\" fill=\\"#690aa0\\" /></svg>","carousel":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M4 19.3h2c0 1.1.9 2.1 2 2.1h8c1.1 0 2-.9 2-2.1h2c1.1 0 2-.9 2-2.1V6.7c0-1.1-.9-2.1-2-2.1h-2c0-1.1-.9-2.1-2-2.1H8c-1.1 0-2 .9-2 2.1H4c-1.1.1-2 1-2 2.1v10.5c0 1.2.9 2.1 2 2.1zM20 6.5v11h-2v-11h2zM7.9 4h8v16H8L7.9 4zM4 6.5h2v11H4v-11z\\" /></svg>","divider":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2 10.9h20v2H2v-2z\\" /></svg>","faq":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 6.4c-2 0-3.5 1.6-3.5 3.5h1.4c0-1.2 1-2.1 2.1-2.1s2.1 1 2.1 2.1c0 .8-.3 1-1 1.6-.3.2-.6.4-.9.7-.9.9-.9 1.8-.9 1.9v1.4h1.4v-1.4s0-.4.5-.9c.2-.2.5-.4.7-.6.7-.6 1.6-1.2 1.6-2.7 0-2-1.5-3.5-3.5-3.5zm-.7 9.9h1.4v1.4h-1.4v-1.4z\\" /><circle cx=\\"12\\" cy=\\"12\\" r=\\"9\\" fill=\\"none\\" stroke=\\"#000\\" stroke-width=\\"2\\" stroke-miterlimit=\\"10\\" /></svg>","form":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M4 2c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm16 4H4V4h16v2zM2 10.9v5c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2H4c-1.1.1-2 1-2 2zM20 16H4v-5h16v5zM3 22h5c.6 0 1-.4 1-1s-.4-1-1-1H3c-.6 0-1 .4-1 1s.4 1 1 1z\\" /></svg>","map":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z\\" /><path d=\\"M11.42 21.814a.998.998 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819zM12 4c3.309 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.611-1.308-6.021-5.294-6-9.735 0-3.309 2.691-6 6-6z\\" /></svg>","heading":"<svg viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"m17 19v-14a1 1 0 0 0-1-1 1 1 0 0 0-1 1v6h-6v-6a1 1 0 0 0-1-1 0.94 0.94 0 0 0-1 1v14a1 1 0 0 0 1 1 1 1 0 0 0 1-1v-6h6v6a1 1 0 0 0 1 1 0.94 0.94 0 0 0 1-1z\\" fill=\\"#690aa0\\" /></svg>","counter":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\">\\n  <path d=\\"M19.664 17.739V7.646l1.316 1.316a.575.575 0 0 0 .812-.811l-2.296-2.295a.573.573 0 0 0-.403-.169h-.005a.572.572 0 0 0-.406.169l-2.294 2.295a.573.573 0 1 0 .812.811l1.315-1.316v10.092a.574.574 0 0 0 1.149.001zm-15.64-.866a.58.58 0 0 1-.42-.16.527.527 0 0 1-.165-.396v-4.603l.128.201-.667.493a.502.502 0 0 1-.32.101.526.526 0 0 1-.383-.164.537.537 0 0 1-.165-.393c0-.195.094-.353.283-.475L3.63 10.6a.6.6 0 0 1 .206-.091.929.929 0 0 1 .214-.027.56.56 0 0 1 .42.16.548.548 0 0 1 .155.397v5.279c0 .158-.057.29-.169.396a.604.604 0 0 1-.432.159zm6.018-1.005a.496.496 0 0 1 .511.511.472.472 0 0 1-.146.352.502.502 0 0 1-.365.142H6.937a.493.493 0 0 1-.375-.146c-.091-.097-.137-.222-.137-.374s.055-.286.164-.401l1.991-2.129c.225-.242.403-.492.534-.748s.197-.478.197-.667c0-.304-.088-.549-.265-.735s-.411-.278-.703-.278a.86.86 0 0 0-.356.082 1.467 1.467 0 0 0-.352.228c-.113.098-.218.21-.315.338a.482.482 0 0 1-.219.183.547.547 0 0 1-.571-.113.459.459 0 0 1-.169-.352c0-.104.035-.204.105-.302a2.763 2.763 0 0 1 1.355-.972c.2-.064.396-.096.584-.096.408 0 .763.081 1.064.242s.534.39.699.685c.164.295.247.644.247 1.045 0 .335-.099.708-.297 1.119a4.647 4.647 0 0 1-.799 1.155l-1.233 1.315-.1-.083h2.056zm2.493-.283a.662.662 0 0 1 .393.137c.104.079.227.149.369.21.144.061.311.091.498.091.189 0 .367-.047.535-.142a1.138 1.138 0 0 0 .58-1.027c0-.23-.049-.423-.143-.575s-.219-.268-.375-.347a1.073 1.073 0 0 0-.496-.118c-.135 0-.246.012-.334.035-.088.025-.174.051-.256.078s-.178.041-.287.041a.389.389 0 0 1-.325-.146.546.546 0 0 1-.114-.346.51.51 0 0 1 .05-.229c.033-.067.083-.141.151-.22l1.607-1.708.246.21h-2.246a.496.496 0 0 1-.511-.511c0-.14.049-.257.146-.352a.502.502 0 0 1 .365-.142h2.795c.188 0 .33.052.424.155a.555.555 0 0 1 .143.393c0 .079-.021.157-.064.233s-.094.145-.154.206l-1.617 1.735-.246-.311c.066-.03.16-.058.277-.082a1.596 1.596 0 0 1 1.235.242c.264.186.469.426.611.721s.215.613.215.954c0 .451-.102.841-.303 1.169a1.966 1.966 0 0 1-.848.758c-.365.177-.793.266-1.279.266-.226 0-.447-.028-.667-.083a2.213 2.213 0 0 1-.566-.219.626.626 0 0 1-.27-.242.555.555 0 0 1-.068-.251c0-.14.05-.272.151-.397a.465.465 0 0 1 .378-.186z\\"/>\\n</svg>","team":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" fill=\\"none\\" viewBox=\\"0 0 24 24\\">\\n  <path fill=\\"#2563EB\\" fill-rule=\\"evenodd\\" d=\\"M6.81 14.425a4.077 4.077 0 0 1 2.882-1.194h4.616a4.077 4.077 0 0 1 4.076 4.077v1.538a1 1 0 0 1-2 0v-1.538a2.077 2.077 0 0 0-2.076-2.077H9.692a2.077 2.077 0 0 0-2.077 2.077v1.538a1 1 0 0 1-2 0v-1.538c0-1.082.43-2.119 1.194-2.883ZM12 6a2.077 2.077 0 1 0 0 4.154A2.077 2.077 0 0 0 12 6ZM7.923 8.077a4.077 4.077 0 1 1 8.154 0 4.077 4.077 0 0 1-8.154 0Zm10.801 5.903a1 1 0 0 1 1.218-.718A4.077 4.077 0 0 1 23 17.207v1.54a1 1 0 0 1-2 0v-1.539a2.077 2.077 0 0 0-1.558-2.009 1 1 0 0 1-.718-1.218Zm-2.308-9.228a1 1 0 0 1 1.217-.72 4.077 4.077 0 0 1 0 7.898 1 1 0 1 1-.496-1.937 2.077 2.077 0 0 0 0-4.024 1 1 0 0 1-.721-1.217ZM5.276 13.98a1 1 0 0 0-1.218-.718A4.078 4.078 0 0 0 1 17.207v1.54a1 1 0 0 0 2 0v-1.539A2.077 2.077 0 0 1 4.558 15.2a1 1 0 0 0 .718-1.218Zm2.308-9.228a1 1 0 0 0-1.217-.72 4.077 4.077 0 0 0 0 7.898 1 1 0 1 0 .496-1.937 2.077 2.077 0 0 1 0-4.024 1 1 0 0 0 .721-1.217Z\\" clip-rule=\\"evenodd\\"/>\\n</svg>","countdown":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\">\\n  <path d=\\"m20.1 8.8.9-.9c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0l-1 1c-1-.6-2.3-1-3.6-1-3.9 0-7 3.1-7 7.1 0 3.7 3.2 6.9 6.9 6.9 3.9 0 7.1-3.1 7.1-7 0-1.8-.7-3.4-1.9-4.7zM15 18.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c.6 0 1 .4 1 1v2c0 .5-.4 1-1 1-.5 0-1-.4-1-1v-2c0-.6.4-1 1-1zm-1-7h2c.5 0 1 .4 1 1 0 .5-.4 1-1 1h-2c-.5 0-1-.4-1-1s.4-1 1-1zm-10 5h2c.5 0 1 .4 1 1 0 .5-.4 1-1 1H4c-.5 0-1-.4-1-1s.4-1 1-1zm0 8h2c.5 0 1 .4 1 1 0 .5-.4 1-1 1H4c-.5 0-1-.4-1-1s.4-1 1-1zm-1-4h2c.5 0 1 .4 1 1 0 .5-.4 1-1 1H3c-.5 0-1-.4-1-1s.4-1 1-1z\\"/>\\n</svg>","info":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\">\\n  <path d=\\"M22 4V3c0-.6-.4-1-1-1H3c-.6 0-1 .4-1 1v18c0 .6.4 1 1 1h18c.6 0 1-.4 1-1V4zM4 4h16v16H4V4zm8 5.5a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 9.5zm3 1H9c-.6 0-1 .4-1 1s.4 1 1 1h6c.6 0 1-.4 1-1s-.5-1-1-1zm-4 8h2c.6 0 1-.4 1-1s-.4-1-1-1h-2c-.6 0-1 .4-1 1 0 .5.4 1 1 1zm-5-4c0 .6.4 1 1 1h10c.6 0 1-.4 1-1s-.4-1-1-1H7c-.6 0-1 .5-1 1z\\"/>\\n</svg>","icon":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"m6.516 14.323-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.214 4.107zm2.853-4.326a.998.998 0 0 0 .832-.586L12 5.43l1.799 3.981a.998.998 0 0 0 .832.586l3.972.315-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603 1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962 4.09-.326z\\" /></svg>","paragraph":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M9.15 17h2.3v4.1a.9.9 0 00.9.9.9.9 0 00.9-.9v-17h2.8v17a.9.9 0 00.9.9h.1a.9.9 0 00.9-.9v-17h3.1a.9.9 0 00.9-.9V3a.9.9 0 00-.9-.9h-12a7.2 7.2 0 00-7 7.5 7.2 7.2 0 007.1 7.4zm-.1-12.9h2.3V15h-2.2a5.79 5.79 0 01-5.1-5.5 5.69 5.69 0 015-5.45z\\" fill=\\"#690aa0\\" /></svg>","rating":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M22 8.8c-.1-.2-.2-.3-.5-.4l-3-.2-1.3-2.9c-.1-.3-.5-.4-.7-.3-.1.1-.2.1-.3.3l-1.3 2.9-3 .2c-.3 0-.5.3-.5.6 0 .1.1.2.2.3l2.2 2.2-.8 3.4c-.1.3.1.6.4.6.1 0 .3 0 .4-.1l2.9-1.9 2.9 1.9c.2.2.6.1.7-.1.1-.1.1-.3.1-.4l-1-3.4 2.4-2.2c.2-.1.2-.3.2-.5z\\" /><path d=\\"M12.6 9.2c-.1-.2-.2-.3-.5-.4l-3-.2-1.3-2.9c-.1-.3-.4-.4-.7-.3-.1.1-.2.1-.3.3L5.5 8.6l-3 .2c-.3 0-.5.3-.5.6 0 .1.1.2.2.3l2.2 2.2-.8 3.4c-.1.3.1.6.4.7.1 0 .3 0 .4-.1L7.3 14l2.9 1.9c.2.2.6.1.7-.1.1-.1.1-.3.1-.4L10 12l2.4-2.2c.2-.2.3-.4.2-.6z\\" /><path d=\\"M18.7 10c-.1-.3-.3-.5-.6-.5l-4-.3-1.7-3.9c-.2-.3-.6-.5-1-.3-.2.1-.3.2-.4.4L9.3 9.2l-4 .3c-.4 0-.7.4-.6.8 0 .2.1.3.2.5l3 2.9-1.1 4.6c-.1.3.1.7.5.7.2 0 .4 0 .6-.1l3.8-2.6 3.8 2.6c.3.2.8.1 1-.2.1-.2.1-.4.1-.6l-1.3-4.5 3.2-2.9c.2-.1.3-.4.2-.7z\\" stroke=\\"#fff\\" stroke-miterlimit=\\"10\\" /></svg>","section":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M4 2a2 2 0 00-2 2v3a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm16 5H4V4h16zM2 12v8a2 2 0 002 2h16a2 2 0 002-2v-8a2 2 0 00-2-2H4a2 2 0 00-2 2zm18 0v8H4v-8zm-9 5H9v-2h2v-2h2v2h2v2h-2v2h-2z\\" fill=\\"#690aa0\\" /></svg>","spacing":"<svg viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M21,2H3A1,1,0,0,0,2,3H2A.94.94,0,0,0,3,4H21a.94.94,0,0,0,1-1h0A.94.94,0,0,0,21,2Z\\" fill=\\"#690aa0\\" /><path d=\\"M2,21H2a.94.94,0,0,0,1,1H21a.94.94,0,0,0,1-1h0a.94.94,0,0,0-1-1H3A.94.94,0,0,0,2,21Z\\" fill=\\"#690aa0\\" /><path d=\\"M9,15V9A.94.94,0,0,0,8,8H8A1,1,0,0,0,7,9v6a.94.94,0,0,0,1,1H8A1,1,0,0,0,9,15Z\\" fill=\\"#690aa0\\" /><path d=\\"M17,15V9a.94.94,0,0,0-1-1h0a.94.94,0,0,0-1,1v6a.94.94,0,0,0,1,1h0A1.08,1.08,0,0,0,17,15Z\\" fill=\\"#690aa0\\" /><path d=\\"M13,17V7a.94.94,0,0,0-1-1h0a.94.94,0,0,0-1,1V17a.94.94,0,0,0,1,1h0A.94.94,0,0,0,13,17Z\\" fill=\\"#690aa0\\" /></svg>","teams":"<svg xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 10c1.151 0 2-.848 2-2s-.849-2-2-2c-1.15 0-2 .848-2 2s.85 2 2 2zm0 1c-2.209 0-4 1.612-4 3.6v.386h8V14.6c0-1.988-1.791-3.6-4-3.6z\\" /><path d=\\"M19 2H5c-1.103 0-2 .897-2 2v13c0 1.103.897 2 2 2h4l3 3 3-3h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zm-5 15l-2 2-2-2H5V4h14l.002 13H14z\\" /></svg>","testimonial":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.7 1.5H4.3c-1.2 0-2.2 1-2.2 2.2v12.9c0 1.2 1 2.2 2.2 2.2h3.9l3.8 3.7 3.8-3.7h3.9c1.2 0 2.2-1 2.2-2.2V3.7c0-1.2-1-2.2-2.2-2.2zm0 15.1h-4.9L12 19.4l-2.8-2.8H4.3V3.7h15.4v12.9z\\" /><circle cx=\\"7.5\\" cy=\\"10.1\\" r=\\"1.5\\" /><circle cx=\\"12\\" cy=\\"10.1\\" r=\\"1.5\\" /><circle cx=\\"16.5\\" cy=\\"10.1\\" r=\\"1.5\\" /></svg>","video":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M8.8 8.8v6.5l6.4-3.2-6.4-3.3z\\" /><path d=\\"M21 18.3H3c-.6 0-1-.4-1-1V6.7c0-.6.4-1 1-1h18c.6 0 1 .4 1 1v10.6c0 .6-.5 1-1 1z\\" fill=\\"none\\" stroke=\\"#000\\" stroke-width=\\"2\\" stroke-miterlimit=\\"10\\" /></svg>","column":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2 6h20v12H2z\\" fill=\\"#690aa0\\" /><path fill=\\"#fff\\" d=\\"M4 8h2.91v8H4zM8.36 8h2.91v8H8.36zM12.73 8h2.91v8h-2.91zM17.09 8H20v8h-2.91z\\" /></svg>","barsO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.9 7.5h-6v-5H8v7H2v11.9h20l-.1-13.9zM4 11.4h4v7.9H4v-7.9zm6-.9v-6h4v14.9h-4v-8.9zm9.9 8.9h-4V9.5h4v9.9z\\" /></svg>","cartO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.8 7.3c-.2-.3-.5-.4-.8-.4H7.3L6.2 4.2C5.8 3.4 5.1 3 4.4 3H2v2h2.3L9 16.3c.2.3.5.6 1 .6h8c.4 0 .8-.3 1-.6l2.9-8c.1-.3 0-.6-.1-1zm-4.5 7.6h-6.6L8.2 9h11.3l-2.2 5.9z\\" /><circle cx=\\"10.5\\" cy=\\"19.5\\" r=\\"1.5\\" /><circle cx=\\"17.4\\" cy=\\"19.5\\" r=\\"1.5\\" /></svg>","envelopeO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.5 4.2h-19c-.3 0-.5.2-.5.4v14.7c0 .2.2.4.4.4h19c.2 0 .4-.2.4-.4V4.6c.2-.2 0-.4-.3-.4zm-1.5 2v.5l-8 6-8-6v-.5h16zM4 17.8V9.1l7.4 5.6c.2.2.4.2.6.2s.4-.1.6-.2L20 9.1v8.7H4z\\" /></svg>","eyeO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 17.9c-4.2 0-7.9-2.1-9.9-5.5-.2-.3-.2-.6 0-.9C4.1 8.2 7.8 6 12 6s7.9 2.1 9.9 5.5c.2.3.2.6 0 .9-2 3.4-5.7 5.5-9.9 5.5zM3.9 12c1.6 2.6 4.8 4.2 8.1 4.2s6.4-1.6 8.1-4.2c-1.6-2.6-4.7-4.2-8.1-4.2S5.6 9.4 3.9 12zm8.1 3.3c-1.8 0-3.3-1.5-3.3-3.3s1.5-3.3 3.3-3.3 3.3 1.5 3.3 3.3-1.5 3.3-3.3 3.3zm0-4.9c-.9 0-1.6.8-1.6 1.6 0 .9.8 1.6 1.6 1.6s1.6-.8 1.6-1.6c0-.9-.7-1.6-1.6-1.6z\\" /></svg>","instagramO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 8c-2.3 0-4 1.8-4 4 0 2.3 1.8 4 4 4 2.3 0 4-1.8 4-4 0-2.3-1.7-4-4-4zm0 6.6c-1.5 0-2.6-1.1-2.6-2.6s1.1-2.6 2.6-2.6 2.6 1.1 2.6 2.6-1.1 2.6-2.6 2.6z\\" /><circle cx=\\"16.2\\" cy=\\"7.8\\" r=\\"1\\" /><path d=\\"M21.4 5.5c-.5-1.3-1.6-2.4-2.9-2.9-.8-.3-1.6-.4-2.4-.4C15 2 14.7 2 12 2s-3 0-4.1.1c-.9 0-1.6.2-2.4.4-1.4.5-2.4 1.6-2.9 3-.3.7-.5 1.5-.5 2.3C2 8.9 2 9.3 2 12s0 3 .1 4.1c0 .9.2 1.6.4 2.4.5 1.3 1.6 2.4 2.9 2.9.8.3 1.6.4 2.4.5 1.2.1 1.5.1 4.2.1s3 0 4.1-.1c.9 0 1.6-.2 2.4-.4 1.3-.5 2.4-1.6 2.9-2.9.3-.8.4-1.6.4-2.4.1-1 .1-1.4.1-4.1s0-3-.1-4.1c.1-1-.1-1.8-.4-2.5zm-1.3 10.4c0 .6-.1 1.3-.3 1.9-.3.9-1 1.6-1.9 1.9-.6.3-1.2.3-1.8.3-1 .1-1.4.1-4.1.1s-2.9 0-4.1-.1c-.6 0-1.2-.1-1.8-.3-.9-.3-1.6-1-1.9-1.9-.3-.6-.3-1.2-.3-1.8-.1-1-.1-1.4-.1-4.1s0-2.9.1-4.1c0-.6.1-1.3.3-1.9.3-.9 1-1.6 1.9-1.9.6-.3 1.2-.3 1.8-.3h4.2c2.8 0 2.9 0 4.1.1.6 0 1.2.1 1.8.3.9.3 1.6 1 1.9 1.9.3.6.3 1.2.3 1.8.1 1 .1 1.4.1 4.1-.2 2.7-.2 3-.2 4z\\" /></svg>","mapMarkerO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 13.7c1.9 0 3.5-1.6 3.5-3.5S13.9 6.8 12 6.8s-3.5 1.6-3.5 3.5 1.6 3.4 3.5 3.4zm0-5.2c1 0 1.7.8 1.7 1.7S13 12 12 12s-1.7-.8-1.7-1.7.7-1.8 1.7-1.8z\\" /><path d=\\"M11.4 21.9c.2.1.3.2.6.2s.4-.1.6-.2c.3-.2 7.5-5.4 7.4-11.9 0-4.5-3.6-8-8-8s-8 3.6-8 8c0 6.5 7.1 11.6 7.4 11.9zM12 4c3.3 0 6 2.7 6 6 0 4.5-4.4 8.5-6 9.8-1.7-1.3-6-5.3-6-9.8 0-3.3 2.7-6 6-6z\\" /></svg>","phoneO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.9 17.9l-5.5-5.5-2.3 2.3c-.8-.3-2.2-.8-3-1.6s-1.4-2.3-1.6-3l2.3-2.3-5.7-5.7-3.4 3.4c-.5.5-.6 1-.6 1.5 0 1.5.4 6.5 4.4 10.5s9.1 4.4 10.5 4.4c.5 0 1-.2 1.5-.6l3.4-3.4zm-4.9 2c-1.3 0-5.6-.3-9.1-3.8S4.1 8.2 4.1 7l2.1-2.1 2.7 2.7-1.4 1.3c-.3.3-.3.6-.3 1 0 .1.6 2.9 2.3 4.6s4.5 2.3 4.6 2.3c.3.1.7 0 1-.3l1.3-1.3 2.7 2.7-2.1 2z\\" /></svg>","paperPlaneO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.6 2.2c-.3-.2-.7-.3-1-.1l-18 8.4c-.4.2-.6.5-.6 1s.3.8.6 1L8.3 15v7l6.2-4.4 5.1 2.2c.2.1.3.1.4.1.2 0 .3-.1.5-.2.3-.2.5-.5.5-.9L22 3c0-.2-.2-.6-.4-.8zM19 17.3l-5.6-2.4 3.3-6.5-8.1 4.4-3-1.4 14.2-6.7-.8 12.6z\\" /></svg>","quoteLeft":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3.6 6.3C5 4.8 7.2 4 10 4h1v2.8l-.8.2c-1.4.2-2.3.8-2.8 1.6-.4.4-.5 1-.5 1.4h3c.5 0 1 .4 1 1v7c0 1.1-.9 2-2 2H3c-.5 0-1-.4-1-1v-8s-.2-2.7 1.6-4.7zM20 20h-6c-.5 0-1-.4-1-1v-7.9c0-.1-.2-2.8 1.7-4.8C16.1 4.8 18.3 4 21.1 4h1v2.7l-.9.3c-1.4.3-2.3.8-2.9 1.6-.3.5-.4 1-.4 1.4h3c.5 0 1 .4 1 1v7c.1 1.1-.8 2-1.9 2z\\" /></svg>","quoteRight":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20.3 17.7C22.2 15.6 22 13 22 13V5c0-.5-.4-1-1-1h-6c-1.1 0-2 .9-2 2v7c0 .5.4 1 1 1h3c0 .4-.1.9-.4 1.4-.5.8-1.5 1.3-2.9 1.7l-.7.1V20h1c2.8 0 4.9-.8 6.3-2.3zm-11 0C11.2 15.6 11 13 11 13V5c0-.5-.4-1-1-1H4c-1.1 0-2 .9-2 2v7c0 .5.4 1 1 1h3c0 .4-.1.9-.4 1.4-.5.8-1.5 1.3-2.9 1.7l-.7.1V20h1c2.8 0 4.9-.8 6.3-2.3z\\" /></svg>","recorderO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M18 10c0-1.1-.9-2-2-2h-1.4l-2.4-4c-.3-.6-1-1-1.7-1H5v2h5.4l1.8 3H4c-1.1 0-2 .9-2 2v8.9c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3l4 2V11l-4 2v-3zm-2 8.9H4V10h12v8.9z\\" /><path d=\\"M7 15.1h6v2H7v-2z\\" /></svg>","searchMinus":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M6.8 9.3h7V11h-7V9.3z\\" /><path d=\\"M10.6 19.1c2 0 3.8-.7 5.2-1.8l4.7 4.7 1.5-1.5-4.7-4.7c1.1-1.5 1.8-3.3 1.8-5.2 0-4.7-3.8-8.5-8.5-8.5S2 5.9 2 10.6s3.9 8.5 8.6 8.5zm0-15c3.6 0 6.4 2.9 6.4 6.4S14.1 17 10.6 17s-6.4-3-6.4-6.5 2.9-6.4 6.4-6.4z\\" /></svg>","searchO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M10.6 19.1c2 0 3.8-.7 5.2-1.8l4.7 4.7 1.5-1.5-4.7-4.7c1.1-1.5 1.8-3.3 1.8-5.2 0-4.7-3.8-8.6-8.6-8.6S2 5.8 2 10.6s3.8 8.5 8.6 8.5zm0-15c3.6 0 6.5 2.9 6.5 6.5s-3 6.4-6.5 6.4-6.4-3-6.4-6.5 2.9-6.4 6.4-6.4z\\" /></svg>","sendO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.3 11L3.5 2.7c-.3-.2-.8-.1-1.1.2-.3.2-.5.6-.4 1L4 12l-2 8.1c-.1.4 0 .8.3 1 .2.2.4.3.7.3.2 0 .3 0 .4-.1l18-8.3c.3-.2.6-.5.6-1s-.4-.8-.7-1zM4.6 18.5l.8-3.5 6-3-6-3-.8-3.5L18.4 12 4.6 18.5z\\" /></svg>","thumbsUpO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.7 8.5h-5.5l1.1-3.3c.2-.6.1-1.3-.3-1.8-.3-.5-1-.9-1.6-.9h-1.6c-.3 0-.6.2-.8.3L6.5 8.5H4c-1.1 0-2 .9-2 2v8.9c0 1.1.9 2 2 2h13.2c.9 0 1.6-.5 1.9-1.3l2.8-7.3c0-.1.1-.3.1-.3v-2c-.3-1.1-1.1-2-2.3-2zM4 10.5h2v8.9H4v-8.9zm15.7 1.8L17 19.4H7.9V9.8l4.4-5.3h1.1l-1.6 4.6c0 .4 0 .7.2.9.2.3.5.4.8.4h6.9v1.9z\\" /></svg>","timeO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z\\" /><path d=\\"M12 6H9.8v8.6H18v-2.2h-6V6z\\" /></svg>","userO":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 2C9.1 2 6.7 4.4 6.7 7.3S9 12.6 12 12.6s5.3-2.3 5.3-5.3S14.9 2 12 2zm0 8.4c-1.7 0-3.1-1.4-3.1-3.1s1.4-3.2 3.1-3.2 3.1 1.4 3.1 3.1-1.4 3.2-3.1 3.2zM21.5 22v-1c0-4.1-3.3-7.4-7.4-7.4H9.9c-4.1 0-7.4 3.3-7.4 7.4v1h2.1v-1c0-2.9 2.3-5.3 5.3-5.3h4.2c2.9 0 5.3 2.3 5.3 5.3v1h2.1z\\" /></svg>","youtubePlay":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M3.7 2v20l16.7-10L3.7 2z\\" /></svg>","bar":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2 5h10v2H2V5zm0 6h20v2H2v-2zm10 6h10v2H12v-2z\\" /></svg>","behance":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M7.8 6c.6 0 1.2.1 1.6.2.5.1 1 .3 1.2.5.3.3.6.6.9 1 .2.4.3.9.3 1.4s-.2 1.1-.4 1.6c-.3.4-.7.8-1.2 1 .8.3 1.3.6 1.6 1.1.3.6.6 1.1.6 2 0 .6-.1 1.1-.3 1.6-.3.4-.6.9-1 1-.4.3-1 .5-1.4.7-.5.2-1 .2-1.6.2H2V6h5.8zm-.4 5c.5 0 1-.1 1.1-.3.3-.3.5-.6.5-1 0-.3-.1-.5-.2-.7 0-.3-.1-.4-.3-.5-.1-.2-.3-.3-.6-.3-.1-.1-.4-.1-.7-.1H4.8V11h2.6zm.2 5.2c.3 0 .5 0 .8-.1.3-.1.4-.2.7-.3.1-.1.3-.3.3-.5.1-.2.2-.5.2-.9 0-.7-.2-1-.5-1.3-.3-.3-.9-.4-1.4-.4H4.8v3.4l2.8.1c0-.1 0 0 0 0zm8.6 0c.3.3 1 .5 1.6.5.5 0 1-.1 1.2-.3.3-.3.6-.5.7-.8h2.2c-.3 1-.9 1.8-1.6 2.3-.8.5-1.6.7-2.6.7-.7 0-1.3-.1-1.9-.3s-1-.6-1.4-1c-.4-.4-.7-1-1-1.5-.3-.6-.3-1.2-.3-1.9s.1-1.2.3-1.8c.3-.6.5-1 1-1.5s1-.8 1.4-1c.6-.3 1.1-.3 1.8-.3.8 0 1.4.2 2 .4.6.3 1 .7 1.4 1.1.3.5.6 1 .8 1.6.3.6.3 1.2.3 1.9h-6.4c-.1.8.1 1.4.5 1.9zm2.7-4.7c-.3-.3-.8-.5-1.4-.5-.4 0-.8.1-1 .2-.3.2-.5.3-.6.5-.2.2-.3.4-.3.7-.1.3-.1.4-.1.6h3.9c.1-.7-.2-1.2-.5-1.5zM15 6.9h5v1.2h-5V6.9z\\" /></svg>","blogger":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.9 10.6c-.1-.3-.3-.7-.5-.9-.1 0-.6-.1-1.1-.1-.9 0-1-.1-1.3-.3-.4-.3-.6-.5-.6-1.3 0-1.5-.6-2.9-1.8-4.1-.9-.9-1.8-1.5-3-1.8-.3-.1-.9-.1-2.8-.2-3.2.1-3.8.1-4.9.5-1.8.9-3.2 2.5-3.7 4.6-.1.4-.1 1-.2 4.6 0 4.5 0 5.2.3 6.1.3.8.4 1.2 1 1.8 1 1.2 2.4 2.1 3.7 2.4.7.1 8.8.2 9.7 0 1.5-.2 2.6-.8 3.7-1.9.8-.8 1.2-1.7 1.6-2.8.1-.4.2-.7.2-3.5-.2-1.9-.2-2.8-.3-3.1zM7.6 7.7c.3-.3.4-.3 2.6-.3 2 0 2 0 2.4.2.4.2.6.5.6 1s-.2.7-.5 1c-.2.1-.3.2-2.3.2-1.2 0-2.1 0-2.3-.1-.8-.3-1.1-1.4-.5-2zm8.5 9l-.6.1H12c-3 0-3.9 0-4.1-.1-.3-.2-.6-.5-.7-.9 0-.3.2-.7.4-1 .3-.3.4-.3 4.4-.3s4 0 4.4.3c.5.6.4 1.6-.3 1.9z\\" /></svg>","check":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M7.7 16.8l-4.3-4.1L2 14.1l5.7 5.4L21.9 5.9l-1.5-1.4L7.7 16.8z\\" /></svg>","close":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 10.6L3.4 2 2 3.3l8.6 8.6L2 20.4l1.4 1.4 8.6-8.5 8.5 8.5 1.4-1.4-8.5-8.5L22 3.5l-1.4-1.3-8.6 8.4z\\" /></svg>","codeopen":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.6 8.6l-.3-.3-9.1-6c-.3-.2-.6-.2-.9 0l-9.1 6c0 .1-.1.2-.2.3v6.5c0 .2 0 .3.2.4.1.1.2.2.3.2l9.1 6c.1.1.3.2.4.2s.3-.1.4-.2l9.1-6 .3-.3c.1-.2.2-.3.2-.4V9c-.2-.1-.3-.3-.4-.4zm-8.9-4.1l6.9 4.6-3.2 2.1-3.7-2.5c-.1-.1 0-4.2 0-4.2zm-1.6 0v4.2l-3.7 2.5L4.3 9l6.8-4.5zm-7.5 6L6 12.1l-2.4 1.6v-3.2zm7.5 9.2l-6.9-4.6L7.4 13l3.7 2.5v4.2zm.8-5.6L8.8 12l3.1-2.1L15 12l-3.1 2.1zm.8 5.6v-4.3l3.7-2.5 3.2 2.2-6.9 4.6zm7.5-6l-2.4-1.6 2.4-1.6v3.2z\\" /></svg>","delicious":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.9 3.6c0-.1 0-.1-.1-.2 0-.1-.1-.2-.1-.3-.1-.1-.1-.2-.2-.3l-.3-.3-.1-.1c-.1 0-.1-.1-.2-.1s-.2-.1-.2-.1c-.1 0-.2-.1-.2-.1-.3-.1-.5-.1-.6-.1H4.1C3 2 2 3 2 4.1v15.7c0 .2 0 .4.1.5.1.3.3.7.5.9l.1.1c.3.2.6.4.9.5.2.2.4.2.5.2h15.7c1.2 0 2.1-1 2.1-2.1V4.1c.1-.1.1-.3 0-.5zm-1.3 16.3c0 .4-.3.7-.7.7H12V12H3.4V4.1c0-.4.3-.7.7-.7H12V12h8.6v7.9z\\" /></svg>","devianart":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M18 2h-3.5l-.3.3-1.7 3.3-.6.4H6v5h3.3l.3.3-3.5 7V22h3.5l.3-.3 1.7-3.3.5-.3H18V13h-3.3l-.3-.3 3.5-7C18 5.7 18 2 18 2z\\" /></svg>","dribble":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20.7 6.9c-.9-1.6-2.1-2.8-3.6-3.6S13.8 2 12 2s-3.5.4-5 1.3c-1.5 1-2.7 2.2-3.6 3.6S2 10.2 2 12s.4 3.5 1.3 5 2.1 2.8 3.6 3.6c1.6.9 3.2 1.3 5 1.3s3.5-.4 5-1.3c1.6-.9 2.8-2.1 3.6-3.6s1.3-3.2 1.3-5-.3-3.5-1.1-5.1zM12 3.6c2 0 3.7.6 5.3 1.9-.9 1.2-2.3 2.2-4.1 3-1-1.8-2.1-3.4-3.2-4.6.6-.2 1.3-.3 2-.3zM5.5 6.8c.8-1 1.6-1.6 2.7-2.3 1.2 1.2 2.3 2.7 3.3 4.5-2 .6-4.1.9-6.3.9H3.8c.5-1.1 1-2.2 1.7-3.1zM3.7 12v-.4h1.1c2.7 0 5.1-.3 7.5-1.1.2.3.3.8.6 1.2-1.3.3-2.7 1-4.1 2.2s-2.4 2.3-3 3.6c-1.4-1.6-2.1-3.4-2.1-5.5zm8.3 8.3c-1.9 0-3.6-.6-5.1-1.7.6-1.2 1.6-2.3 2.8-3.4 1.2-1 2.5-1.7 3.7-2 .8 2.2 1.3 4.3 1.6 6.6-1 .3-2 .5-3 .5zm7-4c-.7 1-1.6 1.9-2.6 2.6-.3-2.1-.7-4.1-1.4-6.1 1-.1 1.7-.1 2.5-.1s1.6 0 2.7.1c0 1.3-.5 2.5-1.2 3.5zm-1.2-4.9c-1.1 0-2.3.1-3.2.2-.3-.7-.5-1.2-.7-1.6 2.1-.9 3.6-2 4.4-3.3 1.2 1.4 1.8 3 2 4.9-.8-.2-1.6-.2-2.5-.2z\\" /></svg>","facebook":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M13.7 13.3V22H9.6v-8.7H6.5V9.7h3.1V6.9c0-3.1 2-4.9 4.9-4.9 1.3 0 3 .3 3 .3v3h-1.7c-1.6 0-2 1-2 1.9v2.4h3.3l-.6 3.7h-2.8z\\" /></svg>","linkedin":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M6.6 4.9C6.6 6 5.6 7 4.3 7 3 6.9 2.1 6 2.1 4.9s1-2.1 2.3-2.1c1.3 0 2.2.9 2.2 2.1zM2.1 21h4.6V8.2H2.1V21zM17 7.9c-2.2 0-3.3 1.2-3.8 2.2V8.2H8.9C9 9.4 8.9 21 8.9 21h4.2v-7.1c0-.4 0-.8.2-1 .3-.8 1-1.6 2.2-1.6 1.6 0 2.2 1.1 2.2 2.9v6.9H22v-7.6c-.1-3.8-2.1-5.6-5-5.6z\\"\\n\\t\\t\\tfill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" /></svg>","medium":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M4.4 7.3c0-.3-.1-.5-.3-.7L2.3 4.4v-.3h5.8l4.5 9.8 3.9-9.8H22v.3L20.4 6c-.2.1-.2.3-.2.4v11.1c0 .2 0 .3.2.4l1.6 1.6v.3h-7.8v-.3l1.6-1.6c.2-.2.2-.2.2-.4v-9l-4.5 11.3h-.6L5.7 8.5v7.6c0 .3.1.6.3.9l2.1 2.5v.3H2v-.3L4.1 17c.3-.3.3-.5.3-.9V7.3z\\" /></svg>","minus":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M2 11h20v2H2v-2z\\" /></svg>","pinterest":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M11.9 2.1C6.4 2.1 2 6.5 2 12.1c0 4.3 2.6 7.8 6.3 9.3-.1-.8-.2-2 0-2.9.2-.8 1.1-4.9 1.1-4.9s-.3-.6-.3-1.5c0-1.4.8-2.4 1.8-2.4.9 0 1.3.6 1.3 1.4 0 .9-.5 2.2-.9 3.3-.3 1 .5 1.8 1.5 1.8 1.7 0 3.1-1.9 3.1-4.6 0-2.4-1.7-4.1-4.2-4.1-2.9 0-4.5 2.2-4.5 4.3 0 .9.3 1.7.8 2.3.1.1.1.2.1.3-.1.3-.3 1-.3 1.1-.1.2-.2.3-.3.2-1.2-.6-2-2.4-2-3.9 0-3.1 2.3-6.1 6.6-6.1 3.5 0 6.2 2.4 6.2 5.7 0 3.5-2.2 6.2-5.2 6.2-1 0-2-.5-2.3-1.1 0 0-.5 1.9-.6 2.3-.3.9-.9 2-1.2 2.6 1 .3 1.9.4 3 .4 5.6 0 10-4.4 10-10s-4.6-9.7-10.1-9.7\\" /></svg>","plus":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M22 11h-9.1V2h-2v9H2v2h9v9h2v-9h9v-2z\\" /></svg>","quora":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12.5 17.5c-.7-1.4-1.5-2.7-3.1-2.7-.3 0-.6.1-.9.2L8 14c.7-.6 1.7-1 3.1-1 2.1 0 3.2 1 4.1 2.4.5-1.1.8-2.6.8-4.5 0-4.7-1.5-7.1-4.9-7.1s-4.8 2.4-4.8 7.1c0 4.6 1.5 7 4.8 7 .5-.2 1-.2 1.4-.4zm.9 1.7c-.7.2-1.5.3-2.3.3-4.5 0-8.8-3.6-8.8-8.7C2.3 5.6 6.7 2 11.1 2c4.5 0 8.9 3.6 8.9 8.8 0 3-1.4 5.3-3.3 6.8.6 1 1.3 1.6 2.2 1.6 1 0 1.4-.8 1.5-1.4h1.3c.1.8-.3 4.2-4 4.2-2.3 0-3.4-1.3-4.3-2.8z\\" /></svg>","reddit":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><circle cx=\\"10\\" cy=\\"12.9\\" r=\\".9\\" /><path d=\\"M13.8 15c-.5.3-1.2.5-1.8.5-.6 0-1.3-.2-1.8-.5-.1-.1-.2-.1-.3 0-.1.1-.1.3 0 .3.6.4 1.4.7 2.2.7s1.6-.2 2.2-.7c.1-.1.1-.3 0-.3-.2-.1-.4-.1-.5 0zm.2-3c-.5 0-.9.3-.9.9 0 .5.3.9.9.9h.1c.5 0 .9-.4.9-.9-.1-.5-.5-.9-1-.9z\\" /><path d=\\"M12 2C6.5 2 2 6.4 2 12c0 5.5 4.5 10 10 10s10-4.5 10-10c0-5.6-4.5-10-10-10zm5.8 11.3v.4c0 2.3-2.6 4.1-5.8 4.1S6.2 16 6.2 13.7v-.4c-.2-.1-.3-.2-.5-.3-.6-.5-.6-1.5-.1-2.1s1.5-.6 2.1-.1c1.1-.8 2.5-1.2 3.9-1.2l.8-3.5c0-.2.2-.3.3-.3l2.4.5c.3-.1.6-.3.9-.4.5-.1 1 .3 1.1.9.1.5-.3 1-.9 1.1-.5.1-1-.3-1.1-.9L13 6.6l-.6 3.1c1.4 0 2.7.4 3.8 1.2.3-.3.6-.4 1-.4.8 0 1.5.6 1.5 1.4 0 .6-.4 1.1-.9 1.4z\\" /></svg>","reply":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M10.5 10.9h6.2v7.2h2V10c0-.6-.5-1.1-1.1-1.1h-7.1v-3L5.4 10l5 4.1.1-3.2z\\" /></svg>","rss":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M22 22C22 11 13 2 2 2v2.7c9.6 0 17.3 7.7 17.3 17.3H22z\\" /><path d=\\"M12.7 22h2.7C15.3 14.6 9.4 8.7 2 8.7v2.7c5.9-.1 10.7 4.7 10.7 10.6z\\" /><circle cx=\\"4.7\\" cy=\\"19.3\\" r=\\"2.7\\" /></svg>","tumblr":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M14.3 22c-3 0-5.2-1.6-5.2-5.2v-5.9H6.4V7.7c3-.8 4.3-3.4 4.4-5.6h3.1v5.1h3.6v3.7h-3.6V16c0 1.6.8 2.1 2 2.1h1.7V22h-3.3z\\" /></svg>","twitch":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M4.4 2L3 5.5v14h4.8v1.6l2.7.9 2.5-2.5h3.9l5.2-5.2V2H4.4zm15.8 11.3l-2.9 3h-4.8L10 18.9v-2.5H6V3.9h14.3l-.1 9.4zm-3-6v5.2h-1.8V7.3h1.8zm-4.7 0v5.2h-1.8V7.3h1.8z\\" /></svg>","twitter":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M8.3 20c7.6 0 11.6-6.2 11.6-11.6v-.5c.9-.6 1.5-1.3 2.1-2.1-.8.3-1.6.6-2.3.7.9-.5 1.5-1.3 1.8-2.2-.9.5-1.6.9-2.6 1-1.6-1.6-4.1-1.7-5.8-.2-1.1.9-1.6 2.4-1.2 3.8-3.3-.1-6.3-1.7-8.3-4.2-1.2 1.7-.7 4 1.1 5.3-.6 0-1.3-.2-1.8-.5v.1c0 1.9 1.4 3.6 3.3 4-.6.2-1.2.2-1.8.1.5 1.6 2.1 2.8 3.8 2.8-1.4 1.1-3.3 1.7-5.1 1.7-.3 0-.7 0-1-.1C4 19.4 6.1 20 8.3 20\\" /></svg>","vimeo":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21 10.4c-2 4.3-7 10.3-10.1 10.3-3 0-3.5-6.5-5.1-10.9C5 7.7 4.5 8.2 3 9.2L2 8c2.3-2 4.5-4.3 5.9-4.4 1.6-.2 2.5 1 2.9 3.2.4 3 1.1 7.7 2.3 7.7.9 0 3.1-3.7 3.2-5 .2-1.9-1.4-2-2.9-1.4C15.7.8 25 2.1 21 10.4z\\" /></svg>","wordpress":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.9 7.7C20.6 9 21 10.4 21 12c0 3.3-1.8 6.2-4.4 7.7l2.8-7.9c.5-1.3.7-2.3.7-3.2-.2-.3-.2-.6-.2-.9m-6.7 0c.5 0 1-.1 1-.1.5-.1.4-.8-.1-.8 0 0-1.5.1-2.4.1-.9 0-2.3-.1-2.3-.1-.4 0-.5.8 0 .8 0 0 .4.1 1 .1l1.4 3.8-2 5.9-3.4-9.7c.5 0 1-.1 1-.1.6 0 .5-.7.1-.6H4.4C6.1 4.6 8.9 3 12 3c2.3 0 4.4.9 6.1 2.3H18c-.9 0-1.5.8-1.5 1.6s.5 1.4.9 2.1c.3.6.8 1.4.8 2.5 0 .8-.3 1.7-.7 2.9l-.9 3-3.4-9.7zM12 21c-.9 0-1.7-.1-2.5-.3l2.7-7.8 2.8 7.6c0 .1 0 .1.1.1-1 .2-2.1.4-3.1.4m-9-9c0-1.3.3-2.5.8-3.7L8.1 20C5 18.6 3 15.6 3 12m9-10C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2\\" /></svg>","yelp":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.6 17.3c-.1.8-1.7 2.9-2.5 3.2-.3.1-.5.1-.7-.1-.1-.1-.3-.3-2-3.2l-.5-.9c-.2-.3-.2-.7.1-1 .3-.3.6-.4 1-.3l1.3.4c3 1 3.1 1 3.2 1.1.1.2.2.5.1.8zm-6-4.5c-.2-.3-.2-.7 0-1l.9-1.1c1.8-2.5 1.9-2.6 2.1-2.7.2-.2.4-.2.7 0 .7.3 2.2 2.5 2.3 3.4 0 .3-.1.5-.3.7-.2.1-.3.2-3.7 1-.5.2-.9.2-1 .3-.4 0-.8-.2-1-.6zm-2.1-1.3c-.2.1-.7.2-1.3-.8 0 0-4.1-6.4-4.2-6.7-.1-.1 0-.3.2-.6.6-.6 3.9-1.6 4.8-1.4.3.1.5.3.5.5.1.3.4 6.3.5 7.7.2 1.1-.3 1.3-.5 1.3zm.6 6.6c0 3.1 0 3.2-.1 3.4-.1.3-.3.4-.6.4-.8.2-3.3-.8-3.8-1.4-.1-.2-.2-.3-.2-.4v-.3c.1-.2.2-.3 2.4-3l.7-.8c.3-.3.6-.3 1-.3.3.2.6.4.5.8v1.6zm-6.9-2c-.3 0-.4-.2-.6-.4-.1-.2-.2-.4-.2-.9-.1-1 0-2.7.3-3.2.2-.3.3-.3.6-.3.2 0 .3.1 3.6 1.4l1 .3c.3.1.5.4.5.9 0 .3-.3.7-.6.8l-1.3.4c-3 1-3.1 1-3.3 1z\\" /></svg>","buttons":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M19.27 12.91H4.73a1.83 1.83 0 0 0-1.82 1.82v5.45A1.83 1.83 0 0 0 4.73 22h14.54a1.83 1.83 0 0 0 1.82-1.82v-5.45a1.83 1.83 0 0 0-1.82-1.82Zm0 7.27H4.73v-5.45h14.54Z\\" /><path d=\\"M7.45 18.36h9.1a.91.91 0 0 0 0-1.81h-9.1a.91.91 0 0 0 0 1.81ZM19.27 2H4.73a1.83 1.83 0 0 0-1.82 1.82v5.45a1.83 1.83 0 0 0 1.82 1.82h14.54a1.83 1.83 0 0 0 1.82-1.82V3.82A1.83 1.83 0 0 0 19.27 2Zm0 7.27H4.73V3.82h14.54Z\\" /><path d=\\"M7.45 7.45h9.1a.85.85 0 0 0 .9-.9.85.85 0 0 0-.9-.91h-9.1a.85.85 0 0 0-.9.91.85.85 0 0 0 .9.9Z\\" /></svg>","weather":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M14.604 10.57c-.287-1.743-1.637-3.07-3.27-3.07-.513 0-.996.14-1.43.375C9.18 6.745 8.004 6 6.667 6c-2.209 0-4 2.016-4 4.5 0 .023.008.052.008.075C1.15 10.917 0 12.431 0 14.25 0 16.322 1.492 18 3.333 18H14c1.842 0 3.333-1.678 3.333-3.75 0-1.838-1.175-3.36-2.729-3.68zm9.059-.08c-2.934.624-5.625-1.888-5.625-5.193 0-1.903.912-3.656 2.395-4.599.23-.145.171-.534-.087-.585A5.455 5.455 0 0019.242 0c-3.246 0-5.88 2.869-6.017 6.464 1.113.558 2.008 1.584 2.454 2.892 1.546.67 2.667 2.222 2.925 4.069.213.023.417.07.634.07 1.862 0 3.566-.947 4.691-2.498.175-.225-.008-.563-.266-.506zm-8.476 9.108c-.316-.201-.724-.084-.908.282l-1.525 3c-.183.36-.07.815.25 1.022a.615.615 0 00.33.098.66.66 0 00.579-.38l1.524-3c.18-.36.071-.815-.25-1.022zm-4 0c-.316-.201-.724-.084-.908.282l-1.525 3c-.183.36-.07.815.25 1.022a.615.615 0 00.33.098.66.66 0 00.579-.38l1.524-3c.18-.36.071-.815-.25-1.022zm-4 0c-.316-.201-.724-.084-.908.282l-1.525 3c-.183.36-.07.815.25 1.022a.615.615 0 00.33.098.66.66 0 00.579-.38l1.524-3c.18-.36.071-.815-.25-1.022zm-4 0c-.316-.201-.724-.084-.908.282l-1.525 3c-.183.36-.07.815.25 1.022a.615.615 0 00.33.098.66.66 0 00.579-.38l1.524-3c.18-.36.071-.815-.25-1.022z\\"></path></svg>","postList":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M1.99 1.98h8.5v8.5h-8.5zm11.52 1.26h8.5v2h-8.5zm0 3.98h4.25v2h-4.25zM1.99 13.47h8.5v8.5h-8.5zm11.52 1.25h8.5v2h-8.5zm0 3.99h4.25v2h-4.25z\\" /></svg>","categoryList":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\">\\n\\t\\t<path fill=\\"#690aa0\\" d=\\"M2.03 2.06h9v9h-9zm0 10.94h9v9h-9zM13 2h9v9h-9z\\" />\\n\\t\\t<circle cx=\\"17.5\\" cy=\\"17.5\\" r=\\"4.5\\" fill=\\"#690aa0\\" />\\n\\t</svg>","gridModule":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\">\\n\\t\\t<path fill=\\"#690aa0\\" d=\\"M2.18 1.93h4.6v4.6h-4.6zm7.51.02h4.6v4.6h-4.6zm7.51-.02h4.6v4.6h-4.6zM2.18 9.69h4.6v4.6h-4.6zm7.51.02h4.6v4.6h-4.6zm7.51-.02h4.6v4.6h-4.6zm-15.02 7.7h4.6v4.6h-4.6zm7.51.03h4.6v4.6h-4.6zm7.51-.03h4.6v4.6h-4.6z\\" />\\n\\t</svg>","bannerPosts":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\">\\n\\t\\t<path fill=\\"#690aa0\\" d=\\"M1.97 1.98h8v20h-8zm10.97 0h3v20h-3zm6.04.01h3v9h-3zm0 10.99h3v9h-3z\\" />\\n\\t</svg>","featuredPosts":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M1.93 2.08h20v12h-20zm.05 14.91h20v2h-20zm0 3.06h10v2h-10z\\" /></svg>","tabPost":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M8.66 7.95V2.12H2v20h20V7.95H8.66z\\" /><path d=\\"M16.19 3.78h5v2.51h-5zm-5.86 0h5v2.51h-5z\\" /></svg>","featuredCategories":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M13.01 2h9v12h-9zm-10.99.06h9v12h-9zM2.03 16h9v2h-9zm10.98 0h9v2h-9zM2.03 19.98h5.46v2.07H2.03zm10.98 0h5.46v2.07h-5.46z\\" /></svg>","dateWeather":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path fill=\\"#690aa0\\" d=\\"M8 18.33a.51.51 0 0 0-.75.24L6 21.07a.66.66 0 0 0 .21.85.56.56 0 0 0 .27.08.53.53 0 0 0 .52-.32l1.27-2.5a.66.66 0 0 0-.27-.85Zm3.36 0a.52.52 0 0 0-.76.24l-1.26 2.5a.66.66 0 0 0 .2.85.57.57 0 0 0 .28.08.55.55 0 0 0 .48-.32l1.26-2.5a.67.67 0 0 0-.2-.85Zm-6.65 0a.51.51 0 0 0-.75.24l-1.27 2.5a.66.66 0 0 0 .21.85.51.51 0 0 0 .75-.24l1.27-2.5a.66.66 0 0 0-.21-.85Zm17.01-7.59c-2.44.52-4.67-1.57-4.67-4.33a4.54 4.54 0 0 1 2-3.83.28.28 0 0 0-.05-.49 4.78 4.78 0 0 0-.95-.09 5.31 5.31 0 0 0-5 5.39 4.17 4.17 0 0 1 2 2.41 4.31 4.31 0 0 1 2.43 3.39 4.6 4.6 0 0 0 .52.06 4.81 4.81 0 0 0 3.9-2.09.25.25 0 0 0-.18-.42Zm-7.04 7.59a.51.51 0 0 0-.75.24l-1.27 2.5a.66.66 0 0 0 .21.85.51.51 0 0 0 .75-.24l1.27-2.5a.66.66 0 0 0-.21-.85Zm-.48-7.52a2.89 2.89 0 0 0-2.72-2.56 2.54 2.54 0 0 0-1.19.31A3.22 3.22 0 0 0 7.6 7a3.56 3.56 0 0 0-3.32 3.75s0 0 0 .06a3.06 3.06 0 0 0-2.23 3.07A3 3 0 0 0 4.83 17h8.86a3 3 0 0 0 2.77-3.12 3 3 0 0 0-2.26-3.07Z\\" /></svg>","postVideo":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path fill=\\"#690aa0\\" d=\\"M2 8v14h20V8Zm8.08 11v-7l5.84 3.5ZM3 5.07h18v1.5H3zM4 2h16v1.5H4z\\" /></svg>","slider":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xmlSpace=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path fill=\\"#690aa0\\" d=\\"M3.5 20H2V5h1.5v15zM22 5h-1.5v15H22V5zm-3-3H5v20h14V2z\\"></path></svg>","newsTicker":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path fill=\\"#690aa0\\" d=\\"M2 2v20h20V2Zm14 6.88-4.86 10.33a.39.39 0 0 1-.37.22h-.13a.4.4 0 0 1-.23-.17.36.36 0 0 1 0-.27l1.76-7.21-3.62.9H8.4a.4.4 0 0 1-.28-.1.34.34 0 0 1-.12-.36l1.8-7.36a.39.39 0 0 1 .2-.21.41.41 0 0 1 .25-.08h2.92a.38.38 0 0 1 .29.12.34.34 0 0 1 .12.26.41.41 0 0 1 0 .16L12 9.24l3.54-.87a.26.26 0 0 1 .11 0 .41.41 0 0 1 .3.13.33.33 0 0 1 .05.38Z\\" /></svg>","youtube":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M9.72892 15.7822L15.6706 12.7132L9.72892 9.60731V15.7822ZM12 5.2002C13.3749 5.2002 14.7007 5.22066 15.9775 5.26158C17.2624 5.29431 18.2035 5.33114 18.801 5.37206L19.6971 5.42117C19.7053 5.42117 19.7749 5.42935 19.9058 5.44572C20.0368 5.4539 20.1309 5.46618 20.1882 5.48254C20.2454 5.49073 20.3396 5.5071 20.4705 5.53165C20.6096 5.5562 20.7283 5.58894 20.8265 5.62986C20.9247 5.67078 21.0393 5.72397 21.1702 5.78945C21.3012 5.85492 21.428 5.93676 21.5508 6.03497C21.6736 6.12499 21.7922 6.23139 21.9068 6.35415C21.9559 6.40325 22.0173 6.481 22.091 6.58739C22.1728 6.6856 22.2915 6.92294 22.447 7.29941C22.6106 7.67588 22.7211 8.08917 22.7784 8.53929C22.8439 9.06307 22.893 9.62368 22.9257 10.2211C22.9667 10.8104 22.9912 11.2728 22.9994 11.6083V12.0994V13.7689C23.0076 14.9556 22.9339 16.1423 22.7784 17.329C22.7211 17.7791 22.6188 18.1883 22.4715 18.5566C22.3242 18.9167 22.1933 19.1663 22.0787 19.3054L21.9068 19.5141C21.7922 19.6369 21.6736 19.7474 21.5508 19.8456C21.428 19.9356 21.3012 20.0134 21.1702 20.0788C21.0393 20.1361 20.9247 20.1852 20.8265 20.2261C20.7283 20.2671 20.6096 20.2998 20.4705 20.3244C20.3396 20.3489 20.2414 20.3694 20.1759 20.3857C20.1186 20.3939 20.0245 20.4062 19.8935 20.4226C19.7708 20.4307 19.7053 20.4348 19.6971 20.4348C17.6429 20.5903 15.0772 20.6681 12 20.6681C10.3059 20.6517 8.83277 20.6272 7.5806 20.5944C6.33663 20.5535 5.51822 20.5208 5.12538 20.4962L4.52385 20.4471L4.08192 20.398C3.78729 20.3571 3.56223 20.3162 3.40673 20.2752C3.25942 20.2343 3.05072 20.1484 2.78065 20.0174C2.51876 19.8865 2.2896 19.7187 2.09319 19.5141C2.04408 19.465 1.97861 19.3914 1.89677 19.2932C1.82311 19.1868 1.70444 18.9453 1.54076 18.5689C1.38526 18.1924 1.27887 17.7791 1.22158 17.329C1.15611 16.8052 1.10291 16.2487 1.06199 15.6594C1.02926 15.062 1.0088 14.5955 1.00061 14.26V13.7689V12.0994C0.99243 10.9127 1.06609 9.72598 1.22158 8.53929C1.27887 8.08917 1.38117 7.68406 1.52849 7.32396C1.6758 6.95568 1.80674 6.70197 1.92132 6.56284L2.09319 6.35415C2.20776 6.23139 2.32643 6.12499 2.44919 6.03497C2.57195 5.93676 2.69881 5.85492 2.82975 5.78945C2.9607 5.72397 3.07527 5.67078 3.17348 5.62986C3.27169 5.58894 3.38627 5.5562 3.51721 5.53165C3.65634 5.5071 3.75455 5.49073 3.81184 5.48254C3.86913 5.46618 3.96325 5.4539 4.09419 5.44572C4.22514 5.42935 4.2947 5.42117 4.30288 5.42117C6.35709 5.27385 8.92279 5.2002 12 5.2002Z\\" /></svg>","comment":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 4c-5.19 0-9 3.33-9 7 0 1.756.84 3.401 2.308 4.671l.412.358-.46 3.223 3.456-1.728.367.098c.913.245 1.893.378 2.917.378 5.19 0 9-3.33 9-7s-3.81-7-9-7zM1 11c0-5.167 5.145-9 11-9s11 3.833 11 9-5.145 9-11 9c-1.06 0-2.087-.122-3.06-.352l-6.2 3.1.849-5.94C1.999 15.266 1 13.246 1 11z\\"  /></svg>","calendar":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 14 14\\"><path d=\\"M1.892 12.929h10.214V5.5H1.892v7.429zm2.786-8.822v-2.09a.226.226 0 00-.066-.166.226.226 0 00-.166-.065H3.98a.226.226 0 00-.167.065.226.226 0 00-.065.167v2.09c0 .067.022.122.065.166.044.044.1.065.167.065h.465a.226.226 0 00.166-.065.226.226 0 00.066-.167zm5.571 0v-2.09a.226.226 0 00-.065-.166.226.226 0 00-.167-.065h-.464a.226.226 0 00-.167.065.226.226 0 00-.065.167v2.09c0 .067.021.122.065.166.043.044.099.065.167.065h.464a.226.226 0 00.167-.065.226.226 0 00.065-.167zm2.786-.464v9.286c0 .251-.092.469-.276.652a.892.892 0 01-.653.276H1.892a.892.892 0 01-.653-.275.892.892 0 01-.276-.653V3.643c0-.252.092-.47.276-.653a.892.892 0 01.653-.276h.929v-.696c0-.32.113-.593.34-.82.228-.227.501-.34.82-.34h.465c.319 0 .592.113.82.34.227.227.34.5.34.82v.696h2.786v-.696c0-.32.114-.593.34-.82.228-.227.501-.34.82-.34h.465c.32 0 .592.113.82.34.227.227.34.5.34.82v.696h.93c.25 0 .468.092.652.276a.892.892 0 01.276.653z\\"  /></svg>","lightning":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 14 14\\"><path d=\\"M8.90179 4.33928C9.00893 4.45833 9.02976 4.58929 8.96429 4.73214L4.14286 15.0625C4.06548 15.2113 3.94048 15.2857 3.76786 15.2857C3.74405 15.2857 3.70238 15.2798 3.64286 15.2679C3.54167 15.2381 3.46429 15.1815 3.41071 15.0982C3.3631 15.0149 3.35119 14.9256 3.375 14.8304L5.13393 7.61607L1.50893 8.51786C1.48512 8.52381 1.4494 8.52679 1.40179 8.52679C1.29464 8.52679 1.20238 8.49405 1.125 8.42857C1.01786 8.33929 0.979167 8.22321 1.00893 8.08036L2.80357 0.714285C2.82738 0.630952 2.875 0.562499 2.94643 0.508928C3.01786 0.455357 3.10119 0.428571 3.19643 0.428571H6.125C6.2381 0.428571 6.33333 0.467261 6.41071 0.544642C6.4881 0.616071 6.52679 0.70238 6.52679 0.803571C6.52679 0.85119 6.5119 0.904761 6.48214 0.964285L4.95536 5.09821L8.49107 4.22321C8.53869 4.21131 8.57441 4.20536 8.59821 4.20536C8.71131 4.20536 8.8125 4.25 8.90179 4.33928Z\\" /></svg>","advertisement":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path fill=\\"#690aa0\\" d=\\"M7.77 6.81c-.12.48-.24 1.09-.37 1.56l-.5 1.71h1.77l-.5-1.71c-.17-.48-.29-1.08-.4-1.56Zm7.4-.02a3.42 3.42 0 0 0-.81.07v5.27a2.89 2.89 0 0 0 .62 0 2.49 2.49 0 0 0 2.7-2.82 2.3 2.3 0 0 0-2.51-2.52Z\\" /><path fill=\\"#690aa0\\" d=\\"M2 2v16h1.9l-.85 4 10.29-4H22V2Zm7.54 11.51-.61-2.07H6.64l-.57 2.07H4.2l2.44-8.06H9l2.47 8.06Zm8.74-1a5.69 5.69 0 0 1-3.69 1 15.22 15.22 0 0 1-2-.12V5.56A15.49 15.49 0 0 1 15 5.39a5.07 5.07 0 0 1 3.27.86 3.57 3.57 0 0 1 1.35 3 4.13 4.13 0 0 1-1.34 3.3Z\\" /></svg>","toc":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xmlSpace=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M16.8 9h-6.5c-.2 0-.3-.1-.3-.2V7.3c0-.2.1-.3.3-.3h6.5c.1 0 .2.1.2.3v1.5c0 .1-.1.2-.2.2zm-.8 3.8v-1.5c0-.1-.1-.3-.3-.3h-5.5c-.1 0-.3.1-.3.3v1.5c0 .1.1.3.3.3h5.5c.2-.1.3-.2.3-.3zm-2 4v-1.5c0-.1-.1-.3-.3-.3h-3.5c-.1 0-.3.1-.3.3v1.5c0 .1.1.3.3.3h3.5c.2-.1.3-.2.3-.3zm-5-8V7.3c0-.2-.1-.3-.2-.3H7.3c-.2 0-.3.1-.3.3v1.5c0 .1.1.2.3.2h1.5c.1 0 .2-.1.2-.2zm0 4v-1.5c0-.2-.1-.3-.2-.3H7.3c-.2 0-.3.1-.3.3v1.5c0 .1.1.2.3.2h1.5c.1 0 .2-.1.2-.2zm0 4v-1.5c0-.2-.1-.3-.2-.3H7.3c-.2 0-.3.1-.3.3v1.5c0 .1.1.2.3.2h1.5c.1 0 .2-.1.2-.2zm9 5.2H6c-1.7 0-3-1.3-3-3V5c0-1.7 1.3-3 3-3h12c1.7 0 3 1.3 3 3v14c0 1.7-1.3 3-3 3zM6 4c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1H6z\\" /></svg>","info_box_icon_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\">\\n  <path fill-opacity=\\".1\\" d=\\"M34.621 29.86H365.38v340.28H34.62z\\"/>\\n  <path d=\\"M200 64.02c-15.983 0-29.061 13.078-29.061 29.061 0 15.984 13.078 29.061 29.061 29.061s29.06-13.077 29.06-29.06c0-15.984-13.077-29.061-29.06-29.061Zm2.906 39.523c0 1.744-1.162 2.906-2.906 2.906-1.744 0-2.906-1.162-2.906-2.906V93.081c0-1.743 1.162-2.906 2.906-2.906 1.744 0 2.906 1.163 2.906 2.906v10.462ZM200 85.525c-1.744 0-2.906-1.162-2.906-2.906 0-1.743 1.162-2.906 2.906-2.906 1.744 0 2.906 1.163 2.906 2.906 0 1.744-1.162 2.906-2.906 2.906Z\\"/>\\n  <rect width=\\"152.526\\" height=\\"22.37\\" x=\\"123.737\\" y=\\"172.055\\" rx=\\"11.185\\"/>\\n  <rect width=\\"261.473\\" height=\\"11.185\\" x=\\"69.263\\" y=\\"220.572\\" rx=\\"5.592\\"/>\\n  <rect width=\\"261.473\\" height=\\"11.185\\" x=\\"69.263\\" y=\\"244.831\\" rx=\\"5.592\\"/>\\n  <rect width=\\"196.105\\" height=\\"11.185\\" x=\\"101.947\\" y=\\"269.089\\" rx=\\"5.592\\"/>\\n  <rect width=\\"98.052\\" height=\\"27.962\\" x=\\"150.974\\" y=\\"313.829\\" rx=\\"8.716\\"/>\\n</svg>","info_box_icon_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\">\\n  <path fill-opacity=\\".1\\" d=\\"M199.743 53.82c21.815 0 39.5 17.685 39.5 39.5s-17.685 39.5-39.5 39.5-39.5-17.685-39.5-39.5c0-21.816 17.685-39.5 39.5-39.5z\\"/>\\n  <path d=\\"M199.743 70.403c-12.604 0-22.917 10.313-22.917 22.917 0 12.604 10.313 22.917 22.917 22.917s22.917-10.313 22.917-22.917c0-12.604-10.313-22.917-22.917-22.917zm2.292 31.166c0 1.375-.917 2.292-2.292 2.292s-2.292-.917-2.292-2.292v-8.25c0-1.375.917-2.292 2.292-2.292s2.292.917 2.292 2.292v8.25zm-2.292-14.208c-1.375 0-2.292-.917-2.292-2.292s.917-2.292 2.292-2.292 2.292.917 2.292 2.292-.917 2.292-2.292 2.292zm-65.078 89.559h130.156c6.177 0 11.185 5.008 11.185 11.185 0 6.177-5.008 11.185-11.185 11.185H134.665c-6.177 0-11.185-5.008-11.185-11.185 0-6.177 5.008-11.185 11.185-11.185zm-60.066 48.517h250.288a5.592 5.592 0 1 1 0 11.184H74.599a5.592 5.592 0 0 1-5.592-5.592 5.591 5.591 0 0 1 5.592-5.592zm0 24.259h250.288a5.592 5.592 0 1 1 0 11.184H74.599a5.592 5.592 0 0 1-5.592-5.592 5.591 5.591 0 0 1 5.592-5.592zm32.685 24.259h184.92a5.592 5.592 0 1 1 0 11.184h-184.92a5.592 5.592 0 0 1-5.592-5.592 5.591 5.591 0 0 1 5.592-5.592zm52.149 44.739h80.621a8.716 8.716 0 0 1 8.716 8.716v10.531a8.716 8.716 0 0 1-8.716 8.716h-80.621a8.716 8.716 0 0 1-8.716-8.716V327.41a8.716 8.716 0 0 1 8.716-8.716z\\" class=\\"st1\\"/>\\n  <path d=\\"M357.122 370.379H42.365c-4.411 0-8-3.589-8-8V38.099c0-4.411 3.589-8 8-8h314.757c4.411 0 8 3.589 8 8v324.28c0 4.411-3.589 8-8 8zM42.365 33.099c-2.757 0-5 2.243-5 5v324.28c0 2.757 2.243 5 5 5h314.757c2.757 0 5-2.243 5-5V38.099c0-2.757-2.243-5-5-5H42.365z\\" opacity=\\".25\\"/>\\n</svg>","info_box_icon_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\">\\n  <path fill-opacity=\\".25\\" d=\\"M56.195 128.844h50.332v50.332H56.195z\\"/>\\n  <path d=\\"M81.361 139.03c-8.239 0-14.98 6.741-14.98 14.98s6.741 14.979 14.98 14.979 14.98-6.74 14.98-14.979c0-8.239-6.741-14.98-14.98-14.98zm1.498 20.372c0 .899-.599 1.498-1.498 1.498s-1.498-.599-1.498-1.498v-5.392c0-.899.599-1.498 1.498-1.498s1.498.599 1.498 1.498v5.392zm-1.498-9.287c-.899 0-1.498-.599-1.498-1.498s.599-1.498 1.498-1.498 1.498.599 1.498 1.498-.599 1.498-1.498 1.498zm-17.976 51.472h165.376a7.19 7.19 0 1 1 0 14.38H63.385a7.19 7.19 0 1 1 0-14.38zm-3.595 31.189h280.42a3.595 3.595 0 1 1 0 7.19H59.79a3.596 3.596 0 0 1 0-7.19zm0 15.595h280.42a3.595 3.595 0 1 1 0 7.19H59.79a3.596 3.596 0 0 1 0-7.19zm0 15.594h118.876a3.595 3.595 0 1 1 0 7.19H59.79a3.596 3.596 0 0 1 0-7.19z\\" class=\\"st1\\"/>\\n  <path d=\\"M365.376 292.727H34.625V107.273h330.751v185.454zm-327.157-3.596H361.78V110.868H38.219v178.263z\\" opacity=\\".25\\"/>\\n</svg>","info_box_icon_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\">\\n  <path fill-opacity=\\".25\\" d=\\"M92.634 161.39c21.324 0 38.611 17.287 38.611 38.611 0 21.324-17.287 38.611-38.611 38.611-21.324 0-38.611-17.287-38.611-38.611.001-21.325 17.287-38.611 38.611-38.611z\\"/>\\n  <path d=\\"M92.634 178.55c-11.798 0-21.45 9.652-21.45 21.45 0 11.797 9.653 21.45 21.45 21.45 11.797 0 21.45-9.653 21.45-21.45.001-11.798-9.652-21.45-21.45-21.45zm2.145 29.172c0 1.287-.858 2.145-2.145 2.145s-2.145-.858-2.145-2.145V200c0-1.287.858-2.145 2.145-2.145s2.145.858 2.145 2.145v7.722zm-2.145-13.298c-1.287 0-2.145-.858-2.145-2.145 0-1.288.858-2.145 2.145-2.145s2.145.857 2.145 2.145c0 1.286-.858 2.145-2.145 2.145zm65.05-25.421H307.15a6.382 6.382 0 0 1 0 12.764H157.684a6.383 6.383 0 0 1 0-12.764zm-3.191 27.806h188.292a3.191 3.191 0 0 1 0 6.382H154.493a3.192 3.192 0 0 1 0-6.382zm0 13.904h188.292a3.191 3.191 0 0 1 0 6.382H154.493a3.191 3.191 0 0 1 0-6.382zm0 13.903h107.391a3.191 3.191 0 0 1 0 6.382H154.493a3.191 3.191 0 0 1 0-6.382z\\" class=\\"st1\\"/>\\n  <path d=\\"M359.267 257.916H40.734a6.022 6.022 0 0 1-6.015-6.016V148.099a6.021 6.021 0 0 1 6.015-6.015h318.533a6.022 6.022 0 0 1 6.015 6.015V251.9a6.023 6.023 0 0 1-6.015 6.016zM40.734 145.302a2.8 2.8 0 0 0-2.797 2.797V251.9a2.802 2.802 0 0 0 2.797 2.799h318.533a2.802 2.802 0 0 0 2.798-2.799V148.099a2.8 2.8 0 0 0-2.798-2.797H40.734z\\" opacity=\\".25\\"/>\\n</svg>","info_box_icon_5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\">\\n  <path d=\\"M153.586 176.366h92.827a7.976 7.976 0 0 1 7.977 7.977 7.976 7.976 0 0 1-7.977 7.977h-92.827a7.976 7.976 0 0 1-7.977-7.977 7.976 7.976 0 0 1 7.977-7.977zm-42.839 34.603h178.505a3.99 3.99 0 0 1 0 7.978H110.747a3.99 3.99 0 0 1-3.989-3.989 3.99 3.99 0 0 1 3.989-3.989zm0 17.301h178.505a3.99 3.99 0 0 1 0 7.978H110.747a3.99 3.99 0 0 1-3.989-3.989 3.99 3.99 0 0 1 3.989-3.989zm23.31 17.301h131.884a3.99 3.99 0 0 1 0 7.978H134.057a3.99 3.99 0 0 1-3.989-3.989 3.99 3.99 0 0 1 3.989-3.989zm37.193 31.908h57.499a6.216 6.216 0 0 1 6.216 6.216v7.511a6.216 6.216 0 0 1-6.216 6.216H171.25a6.216 6.216 0 0 1-6.216-6.216v-7.511a6.216 6.216 0 0 1 6.216-6.216zm28.751-191.52c-14.625 0-26.591 11.966-26.591 26.59s11.966 26.59 26.591 26.59c14.624 0 26.59-11.966 26.59-26.59s-11.966-26.59-26.59-26.59zm2.659 36.163c0 1.596-1.064 2.659-2.659 2.659-1.596 0-2.659-1.063-2.659-2.659v-9.572c0-1.596 1.063-2.659 2.659-2.659 1.595 0 2.659 1.064 2.659 2.659v9.572zm-2.659-16.486c-1.596 0-2.659-1.064-2.659-2.659s1.063-2.659 2.659-2.659c1.595 0 2.659 1.064 2.659 2.659s-1.064 2.659-2.659 2.659z\\" class=\\"st0\\"/>\\n  <path d=\\"M357.035 112.55H239.887c0-21.993-17.893-39.885-39.886-39.885-21.993 0-39.885 17.893-39.885 39.885H42.965c-4.411 0-8 3.589-8 8v200.78c0 4.411 3.589 8 8 8h314.07c4.411 0 7.999-3.589 7.999-8V120.55c0-4.411-3.588-8-7.999-8zM200.001 76.652c19.794 0 35.897 16.104 35.897 35.897 0 .631-.018 1.258-.049 1.88-.981 18.923-16.685 34.017-35.848 34.017-19.16 0-34.861-15.089-35.847-34.008a35.895 35.895 0 0 1-.05-1.89c0-19.792 16.104-35.896 35.897-35.896zM361.046 321.33a4.016 4.016 0 0 1-4.011 4.012H42.965a4.017 4.017 0 0 1-4.012-4.012V120.55c0-2.212 1.8-4.012 4.012-4.012h117.35c2.008 20.127 19.039 35.897 39.685 35.897 20.647 0 37.678-15.77 39.686-35.897h117.348c2.212 0 4.011 1.8 4.011 4.012v200.78z\\" opacity=\\".25\\"/>\\n</svg>","info_box_icon_6":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\">\\n  <path d=\\"M63.657 203.854h165.002a7.174 7.174 0 0 1 0 14.348H63.657a7.174 7.174 0 0 1 0-14.348zm-3.587 31.119h279.786a3.587 3.587 0 0 1 0 7.174H60.07a3.587 3.587 0 0 1 0-7.174zm0 15.56h279.786a3.587 3.587 0 0 1 0 7.174H60.07a3.587 3.587 0 0 1 0-7.174zm0 15.559h118.607a3.587 3.587 0 0 1 0 7.174H60.07a3.587 3.587 0 0 1 0-7.174zm32.283-147.129c-13.152 0-23.913 10.761-23.913 23.913s10.761 23.913 23.913 23.913c13.152 0 23.913-10.761 23.913-23.913s-10.761-23.913-23.913-23.913zm2.391 32.522c0 1.434-.957 2.391-2.391 2.391-1.435 0-2.391-.956-2.391-2.391v-8.609c0-1.435.957-2.392 2.391-2.392 1.435 0 2.391.956 2.391 2.392v8.609zm-2.391-14.826c-1.435 0-2.391-.957-2.391-2.392s.957-2.392 2.391-2.392c1.435 0 2.391.956 2.391 2.392 0 1.434-.957 2.392-2.391 2.392z\\" class=\\"st0\\"/>\\n  <path d=\\"M357.791 139.289H128.223V114.18a7.182 7.182 0 0 0-7.174-7.174H63.657a7.182 7.182 0 0 0-7.174 7.174v25.109H42.135a7.182 7.182 0 0 0-7.174 7.174v141.151c0 3.955 3.218 7.174 7.174 7.174h315.656c3.955 0 7.174-3.219 7.174-7.174V146.463c0-3.956-3.219-7.174-7.174-7.174zM63.657 110.592h57.392a3.59 3.59 0 0 1 3.587 3.587v57.391a3.59 3.59 0 0 1-3.587 3.587H63.657a3.59 3.59 0 0 1-3.587-3.587v-57.39a3.592 3.592 0 0 1 3.587-3.588zm297.72 177.022a3.59 3.59 0 0 1-3.586 3.586H42.135a3.59 3.59 0 0 1-3.587-3.586V146.463a3.59 3.59 0 0 1 3.587-3.587h14.349v28.695a7.182 7.182 0 0 0 7.174 7.174h57.392a7.182 7.182 0 0 0 7.174-7.174v-28.695h229.568a3.59 3.59 0 0 1 3.586 3.587v141.151z\\" opacity=\\".25\\"/>\\n</svg>","top_separator_icon_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 0H4a4 4 0 0 0-4 4v25.744S33.968 40.025 61.942 40C89.915 39.978 120 29.774 120 29.774V4a4 4 0 0 0-4-4Z\\"/>\\n</svg>","top_separator_icon_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 0H4a4 4 0 0 0-4 4v24l77 10 26.257 1.221C112.375 39.645 120 32.367 120 23.24V4a4 4 0 0 0-4-4Z\\"/>\\n</svg>","top_separator_icon_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 4a4 4 0 0 1 4-4h112a4 4 0 0 1 4 4v36S90.5 22.92 60.5 22.778C30.5 22.635 0 40 0 40V4Z\\"/>\\n</svg>","top_separator_icon_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 0H4a4 4 0 0 0-4 4v24l111.204 11.12c4.709.471 8.796-3.227 8.796-7.96V4a4 4 0 0 0-4-4Z\\"/>\\n</svg>","top_separator_icon_5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 4a4 4 0 0 1 4-4h112a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z\\"/>\\n</svg>","top_separator_icon_6":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 0H4a4 4 0 0 0-4 4v22.62l31.29 12.686c1.125.457 2.34.65 3.552.568L106 35l14-11V4a4 4 0 0 0-4-4Z\\"/>\\n</svg>","top_separator_icon_7":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 0H4a4 4 0 0 0-4 4v20l120 16V4a4 4 0 0 0-4-4Z\\"/>\\n</svg>","top_separator_icon_8":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"m0 40 60-15 60 15V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v36Z\\"/>\\n</svg>","top_separator_icon_9":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 4a4 4 0 0 1 4-4h112a4 4 0 0 1 4 4v36H0V4Z\\"/>\\n</svg>","top_separator_icon_10":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 4v34.012c6.2-3.014 11.73-8.263 23.4-3.014C36.8 41.026 48 38.33 58.2 32.46c9.4-5.408 16.6-2.38 21.4 0 17.4 11.263 29 8.465 40.4 1.01V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4Z\\"/>\\n</svg>","top_separator_icon_11":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 0H4a4 4 0 0 0-4 4v31.773c3.775-1.973 7.414.659 9.322 1.593 9.85 4.822 16.463 1.912 19.637 0 6.677-4.496 14.109-11.663 33.917-5.737 16.066 4.807 25.544 7.039 40.86-2.17 7.735-4.652 9.52-4.032 16.264-2.171V4a4 4 0 0 0-4-4Z\\"/>\\n</svg>","top_separator_icon_12":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 25.913V5.052A5.052 5.052 0 0 1 5.052 0h109.896A5.052 5.052 0 0 1 120 5.052v20.872c-10.5-4.686-25.5-3.087-32.179 0C50.591 43.132 38.5 46.194 0 25.914Z\\"/>\\n</svg>","top_separator_icon_13":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 4v35.634c9.5-5.923 11-1.991 27.5.223 6.365.854 10.569-2.231 14.752-6.002a7.345 7.345 0 0 1 5.3-1.864c12.92.666 12.994-1.967 20.448-6.346 5.343-3.14 9-3.073 12.5-1.537 25 9.987 33.5 6.62 39.5 3.548V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4Z\\"/>\\n</svg>","top_separator_1":"<svg width=\\"24\\" height=\\"24\\" xmlns=\\"http://www.w3.org/2000/svg\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\" type=\\"frontendIcon\\" class=\\"mzb-icon\\" aria-hidden=\\"true\\">\\n  <path d=\\"M1600 0H0v77.455S452.906 200.307 825.888 200C1198.87 199.726 1600 74.336 1600 74.336V0Z\\"></path>\\n</svg>","top_separator_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 0H0v57.582L1026.67 182.93l365.53 15.984C1505.47 203.866 1600 113.375 1600 0Z\\"/>\\n</svg>","top_separator_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 0h1600v199.769S1203 43.202 803 41.452 0 200 0 200V0Z\\"/>\\n</svg>","top_separator_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 0h1600v146.667c0 29.455-23.88 53.333-53.33 53.333H53.333C23.878 200 0 176.122 0 146.667V0Z\\"/>\\n</svg>","top_separator_5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 0h1600v146.667c0 29.455-23.88 53.333-53.33 53.333H53.333C23.878 200 0 176.122 0 146.667V0Z\\"/>\\n</svg>","top_separator_6":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 0H0v34.923L418.49 192.88a106.674 106.674 0 0 0 44.455 6.656l950.385-60.598L1600 2.405V0Z\\"/>\\n</svg>","top_separator_7":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 0H0v65.5L1600 200V0Z\\"/>\\n</svg>","top_separator_8":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 200 805 48l795 152V0H0v200Z\\"/>\\n</svg>","top_separator_9":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 0h1600v200H0z\\"/>\\n</svg>","top_separator_10":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 0v175.755c82.667-37.118 155.399-101.941 311-37.287 178.667 74.238 328 41.026 464-31.258 125.333-66.615 221.333-29.305 285.33 0 232 138.707 387.67 104.103 539.67 12.282V0H0Z\\"/>\\n</svg>","top_separator_11":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 0H0v147.774c50.336-24.373 98.853 8.137 124.298 19.681 131.317 59.579 219.504 23.626 261.818 0 89.036-55.552 188.123-144.093 452.231-70.878 214.213 59.385 340.593 86.962 544.793-26.818 103.14-57.469 126.94-49.58 216.86-26.593V0Z\\"/>\\n</svg>","top_separator_12":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 27.408V0h1600v27.54c-149-28.04-318.11-11.844-429.05 0C674 80.595 682 387.628 0 27.408Z\\"/>\\n</svg>","top_separator_13":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 0v195.789c126.667-72.448 146.667-24.355 366.667 2.722 90.955 11.194 114.349-43.063 195.571-84.48 16.822-8.578 35.981-11.488 54.851-10.8 182.337 6.649 174.318-.809 275.911-55.564 91.301-49.207 196.04-13.71 236.24-.089l.26.09c337.77 114.464 390.5 39.199 470.5 1.614V0H0Z\\"/>\\n</svg>","bottom_separator_icon_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 100H4a4 4 0 0 1-4-4V70.257S33.968 59.975 61.942 60C89.915 60.022 120 70.226 120 70.226V96a4 4 0 0 1-4 4Z\\"/>\\n</svg>","bottom_separator_icon_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 100H4a4 4 0 0 1-4-4V72l77-10 26.257-1.221C112.375 60.355 120 67.633 120 76.76V96a4 4 0 0 1-4 4Z\\"/>\\n</svg>","bottom_separator_icon_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 96a4 4 0 0 0 4 4h112a4 4 0 0 0 4-4V60S90.5 77.08 60.5 77.222C30.5 77.365 0 60 0 60v36Z\\"/>\\n</svg>","bottom_separator_icon_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 100H4a4 4 0 0 1-4-4V72l111.204-11.12c4.709-.471 8.796 3.227 8.796 7.96V96a4 4 0 0 1-4 4Z\\"/>\\n</svg>","bottom_separator_icon_5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 96a4 4 0 0 0 4 4h112a4 4 0 0 0 4-4V64a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v32Z\\"/>\\n</svg>","bottom_separator_icon_6":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 100H4a4 4 0 0 1-4-4V73.38l31.29-12.686a7.998 7.998 0 0 1 3.552-.568L106 65l14 11v20a4 4 0 0 1-4 4Z\\"/>\\n</svg>","bottom_separator_icon_7":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 100H4a4 4 0 0 1-4-4V76l120-16v36a4 4 0 0 1-4 4Z\\"/>\\n</svg>","bottom_separator_icon_8":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"m0 60 60 15 60-15v36a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V60Z\\"/>\\n</svg>","bottom_separator_icon_9":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 96a4 4 0 0 0 4 4h112a4 4 0 0 0 4-4V60H0v36Z\\"/>\\n</svg>","bottom_separator_icon_10":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 96V61.988c6.2 3.014 11.73 8.263 23.4 3.014C36.8 58.974 48 61.67 58.2 67.54c9.4 5.408 16.6 2.38 21.4 0 17.4-11.263 29-8.465 40.4-1.01V96a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4Z\\"/>\\n</svg>","bottom_separator_icon_11":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M116 100H4a4 4 0 0 1-4-4V64.227c3.775 1.973 7.414-.659 9.322-1.593 9.85-4.822 16.463-1.912 19.637 0 6.677 4.496 14.109 11.663 33.917 5.737 16.066-4.807 25.544-7.039 40.86 2.17 7.735 4.652 9.52 4.032 16.264 2.171V96a4 4 0 0 1-4 4Z\\"/>\\n</svg>","bottom_separator_icon_12":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 74.087v20.861A5.052 5.052 0 0 0 5.052 100h109.896A5.052 5.052 0 0 0 120 94.948V74.076c-10.5 4.686-25.5 3.087-32.179 0C50.591 56.868 38.5 53.806 0 74.086Z\\"/>\\n</svg>","bottom_separator_icon_13":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\">\\n  <path d=\\"M0 96V60.366c9.5 5.923 11 1.991 27.5-.223 6.365-.854 10.569 2.231 14.752 6.002a7.345 7.345 0 0 0 5.3 1.865c12.92-.667 12.994 1.966 20.448 6.345 5.343 3.14 9 3.073 12.5 1.537 25-9.987 33.5-6.62 39.5-3.548V96a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4Z\\"/>\\n</svg>","bottom_separator_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 200H0v-77.455S452.906-.307 825.888.001C1198.87.274 1600 125.664 1600 125.664V200Z\\"/>\\n</svg>","bottom_separator_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 200H0v-57.582L1026.67 17.07 1392.2 1.086C1505.47-3.866 1600 86.625 1600 200Z\\"/>\\n</svg>","bottom_separator_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 200h1600V.23s-397 156.568-797 158.318S0 0 0 0v200Z\\"/>\\n</svg>","bottom_separator_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 200h1600V53.333C1600 23.878 1576.12 0 1546.67 0H53.333C23.878 0 0 23.878 0 53.333V200Z\\"/>\\n</svg>","bottom_separator_5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 200H0v-65.433L1483.8 1.427c62.42-5.602 116.2 43.566 116.2 106.239V200Z\\"/>\\n</svg>","bottom_separator_6":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 200H0v-34.923L418.49 7.119A106.667 106.667 0 0 1 462.945.463l950.385 60.598L1600 197.595V200Z\\"/>\\n</svg>","bottom_separator_7":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 200H0v-65.5L1600 0v200Z\\"/>\\n</svg>","bottom_separator_8":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"m0 0 805 152L1600 0v200H0V0Z\\"/>\\n</svg>","bottom_separator_9":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 200h1600V0H0z\\"/>\\n</svg>","bottom_separator_10":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 199.933V24.193c82.667 37.037 155.399 101.72 311 37.205 178.667-74.078 328-40.937 464 31.19 125.333 66.471 221.333 29.242 285.33 0C1292.33-45.818 1448-11.287 1600 80.335v119.599s-1600 .151-1600 0Z\\"/>\\n</svg>","bottom_separator_11":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M1600 200H0V52.226C50.336 76.6 98.853 44.09 124.298 32.545c131.317-59.579 219.504-23.626 261.818 0 89.036 55.552 188.123 144.093 452.231 70.877 214.213-59.384 340.593-86.96 544.793 26.819 103.14 57.469 126.94 49.58 216.86 26.593V200Z\\"/>\\n</svg>","bottom_separator_12":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 172.592V200l1600-.5v-35.326c-149 28.04-318.11 20.13-429.05 8.286C674 119.405 682-187.628 0 172.592Z\\"/>\\n</svg>","bottom_separator_13":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" className=\\\\\\"mzb-icon\\\\\\" preserveAspectRatio=\\"none\\" viewBox=\\"0 0 1600 200\\">\\n  <path d=\\"M0 200V4.224c126.667 72.444 146.667 24.354 366.667-2.721 90.955-11.194 114.349 43.06 195.572 84.474 16.821 8.577 35.98 11.487 54.848 10.799 182.339-6.649 174.32.809 275.913 55.56 91.301 49.204 196.04 13.71 236.24.089l.26-.089c337.77-114.457 390.5-39.197 470.5-1.615v48.286L0 200Z\\"/>\\n</svg>","social_share":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M6 15c.9 0 1.7-.3 2.4-.9l6.3 3.6c-.1.3-.1.6-.1.9 0 1.9 1.6 3.5 3.5 3.6 1.9 0 3.5-1.6 3.6-3.5 0-1.9-1.6-3.5-3.5-3.6-.9 0-1.8.3-2.4.9l-6.3-3.6c.1-.2.1-.5.1-.8l6.1-3.5c1.4 1.3 3.6 1.2 4.9-.2 1.3-1.4 1.2-3.6-.2-4.9-1.4-1.3-3.6-1.2-4.9.2-.6.6-.9 1.5-.9 2.4 0 .3 0 .6.1.8L8.9 9.6c-1-1.6-3.2-2.1-4.8-1C2.5 9.7 2 11.8 3 13.4c.7 1 1.8 1.6 3 1.6Zm12 2c.8 0 1.5.7 1.5 1.5S18.8 20 18 20s-1.5-.7-1.5-1.5.6-1.5 1.5-1.5Zm0-13c.8 0 1.5.7 1.5 1.5S18.8 7 18 7s-1.5-.7-1.5-1.5S17.1 4 18 4ZM6 10c.8 0 1.5.7 1.5 1.5S6.8 13 6 13s-1.5-.7-1.5-1.5S5.1 10 6 10Z\\"/></svg>","social_preset_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\"><path fillRule=\\"evenodd\\" d=\\"M40 40a4 4 0 0 0-4-4H16a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V40ZM26 57a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm48-17a4 4 0 0 0-4-4H50a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V40ZM60 57a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm48-17a4 4 0 0 0-4-4H84a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V40ZM94 57a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z\\" clipRule=\\"evenodd\\" /></svg>","social_preset_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\"><path fillRule=\\"evenodd\\" d=\\"M26 64c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Zm0-7a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm34 7c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Zm0-7a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm34 7c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Zm0-7a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z\\" clipRule=\\"evenodd\\" /></svg>","social_preset_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 120 100\\"><path fillRule=\\"evenodd\\" d=\\"M40 36H12v28h28V36ZM26 57a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm48-21H46v28h28V36ZM60 57a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm48-21H80v28h28V36ZM94 57a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z\\" clipRule=\\"evenodd\\" /></svg>","whatsapp":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 2C6.477 2 2 6.477 2 12c0 1.876.527 3.625 1.426 5.125L2.09 22l4.979-1.307A9.938 9.938 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zM8.577 7.335c.162 0 .329-.001.474.007.178.004.372.017.558.428.221.488.702 1.713.763 1.838.062.124.105.27.02.433-.082.167-.124.268-.244.415-.124.143-.26.321-.373.43-.124.124-.252.26-.109.508.143.248.641 1.059 1.377 1.714.946.845 1.744 1.105 1.992 1.229.248.124.392.105.535-.062.148-.162.619-.72.786-.968.163-.248.328-.205.553-.124.228.082 1.446.681 1.694.806s.411.186.474.286c.064.104.064.6-.142 1.178s-1.217 1.136-1.67 1.175c-.457.042-.884.206-2.974-.617-2.52-.992-4.109-3.574-4.233-3.74-.123-.163-1.008-1.343-1.008-2.559 0-1.221.64-1.819.864-2.067a.91.91 0 0 1 .663-.31z\\"/></svg>","telegram":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm3.45 14.076c.184-.564 1.046-6.189 1.152-7.297.032-.336-.074-.559-.282-.658-.251-.121-.623-.061-1.055.095-.592.213-8.163 3.428-8.6 3.614-.415.176-.807.368-.807.647 0 .196.116.306.436.42a33.41 33.41 0 0 0 1.667.51c.477.132 1.02.017 1.324-.172.323-.2 4.046-2.692 4.313-2.91.267-.218.48.061.262.28-.218.218-2.774 2.699-3.111 3.042-.409.417-.119.849.156 1.022.313.197 2.568 1.71 2.907 1.952.34.243.684.353.999.353s.482-.416.639-.898z\\"/></svg>","stumbleUpon":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm0 7.083a.418.418 0 0 0-.417.417v4.167a2.92 2.92 0 0 1-2.917 2.917 2.92 2.92 0 0 1-2.917-2.917v-2.083h2.5v2.083a.417.417 0 0 0 .834 0V9.5c0-1.608 1.309-2.917 2.917-2.917s2.917 1.309 2.917 2.917v1.042l-1.25.625-1.25-.625V9.5A.418.418 0 0 0 12 9.083zm6.25 4.584a2.92 2.92 0 0 1-2.917 2.917 2.92 2.92 0 0 1-2.917-2.917v-1.875l1.25.625 1.25-.625v1.875a.417.417 0 0 0 .834 0v-2.5h2.5v2.5z\\"/></svg>","skype":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M21.142 13.215c.053-.398.089-.802.089-1.215A9.231 9.231 0 0 0 12 2.769c-.412 0-.816.036-1.215.089A5.738 5.738 0 0 0 7.769 2 5.77 5.77 0 0 0 2 7.769c0 1.107.318 2.138.858 3.016A9.204 9.204 0 0 0 2.769 12 9.231 9.231 0 0 0 12 21.231c.412 0 .816-.036 1.215-.089.878.54 1.909.858 3.016.858A5.77 5.77 0 0 0 22 16.231a5.738 5.738 0 0 0-.858-3.016zm-9.027 4.17c-2.997 0-4.718-1.571-4.718-3.112 0-.786.823-1.038 1.152-1.038.761 0 1.014.621 1.152.905.773 1.589 1.516 1.38 2.248 1.449.647.061 2.165-.225 2.165-1.334 0-.106.167-.828-1.144-1.185-.838-.229-2.315-.51-3.53-.978-1.143-.44-1.814-1.346-1.814-2.514 0-.584.299-2.963 4.347-2.963 2.702 0 4.142 1.384 4.142 2.602 0 .28-.107.527-.322.749a1.177 1.177 0 0 1-1.482.124c-.167-.107-.305-.329-.469-.618-.197-.362-.521-1.062-2.016-1.062-1.45 0-1.852.692-1.852.98 0 .969 1.85 1.173 2.347 1.302 1.814.468 4.282.898 4.282 3.343-.001 2.807-2.922 3.35-4.488 3.35z\\"/></svg>","pocket":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M16.312 9.331a.932.932 0 0 1 0 1.32l-3.632 3.631a.93.93 0 0 1-.669.273.928.928 0 0 1-.692-.273l-3.631-3.631a.933.933 0 0 1 1.32-1.32L12 12.322l2.992-2.992a.934.934 0 0 1 1.32.001zM22 4.5v15a2.5 2.5 0 0 1-2.5 2.5h-15A2.5 2.5 0 0 1 2 19.5v-15A2.5 2.5 0 0 1 4.5 2h15A2.5 2.5 0 0 1 22 4.5zm-2.969 2.831c0-1.027-.827-1.86-1.846-1.86H6.814a1.854 1.854 0 0 0-1.846 1.86v5.152c0 .096.007.19.021.281a4.094 4.094 0 0 0-.021.416c0 2.953 3.148 5.348 7.031 5.348 3.883 0 7.031-2.395 7.031-5.348 0-.14-.008-.279-.021-.416.014-.092.021-.186.021-.281V7.331z\\"/></svg>","googlePlus":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"M8.429 5.571C4.877 5.571 2 8.448 2 12s2.877 6.429 6.429 6.429 6.429-2.877 6.429-6.429c0-.441-.047-.871-.134-1.286l-.033-.142H8.429v2.143h4.286c-.34 2.026-2.162 3.571-4.286 3.571-2.366 0-4.286-1.92-4.286-4.286s1.92-4.286 4.286-4.286c1.071 0 2.048.396 2.801 1.046l1.535-1.504a6.404 6.404 0 0 0-4.336-1.685zm10 2.858v2.143h-2.143V12h2.143v2.143h1.429V12H22v-1.429h-2.143V8.429h-1.428z\\"/></svg>","buffer":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" xml:space=\\"preserve\\" viewBox=\\"0 0 24 24\\"><path d=\\"m2.358 7.236 8.809 4.254c.229.109.536.167.838.167.302 0 .609-.057.838-.167l8.809-4.254c.463-.224.463-.588 0-.812L12.843 2.17c-.229-.109-.536-.167-.838-.167s-.609.057-.838.167L2.358 6.424c-.463.224-.463.588 0 .812zm19.294 4.358s-1.609-.776-1.822-.88-.271-.099-.495.005c-.224.104-6.497 3.134-6.497 3.134-.234.11-.536.167-.838.167-.302 0-.609-.057-.838-.167 0 0-6.107-2.947-6.393-3.087-.312-.151-.401-.151-.682-.016l-1.739.838c-.463.224-.463.588 0 .812l8.809 4.254c.229.109.536.167.838.167.302 0 .609-.057.838-.167l8.809-4.254c.474-.218.474-.582.01-.806zm0 5.17s-1.609-.776-1.822-.88-.271-.099-.495.005c-.224.104-6.492 3.139-6.492 3.139-.234.109-.536.167-.838.167s-.609-.057-.838-.167c0 0-6.107-2.947-6.393-3.087-.312-.151-.401-.151-.682-.016l-1.739.838c-.463.224-.463.588 0 .812l8.809 4.254c.229.115.536.167.838.167s.609-.057.838-.167l8.809-4.254c.469-.223.469-.587.005-.811z\\"/></svg>","tabs":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" fill=\\"none\\" viewBox=\\"0 0 24 24\\"><path fill=\\"#2563EB\\" fillRule=\\"evenodd\\" d=\\"M6 10V4H4v16h16V10H6Zm16-2v14H2V2h6v6h14Z\\" clipRule=\\"evenodd\\" /><path fill=\\"#2563EB\\" fillRule=\\"evenodd\\" d=\\"M13.5 3.5h-3v2h3v-2ZM9 2v5h6V2H9Zm11.5 1.5h-3v2h3v-2ZM16 2v5h6V2h-6Z\\" clipRule=\\"evenodd\\" /></svg>","tab_design_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M209.824 119.198a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm60.865 0a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zM306 285.802H94c-5.514 0-10-4.486-10-10V157.883c0-5.514 4.486-10 10-10h212c5.514 0 10 4.486 10 10v117.919c0 5.514-4.486 10-10 10zM94 151.883c-3.309 0-6 2.691-6 6v117.919c0 3.309 2.691 6 6 6h212c3.309 0 6-2.691 6-6V157.883c0-3.309-2.691-6-6-6H94zm215-14.865H91a.978.978 0 0 1 0-1.956h218a.978.978 0 0 1 0 1.956z\\" opacity=\\".25\\"/><path d=\\"M148.96 119.198a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm147.08 99.645H103.96a5 5 0 0 1 0-10h192.08a5 5 0 0 1 0 10zm0-26H103.96a5 5 0 0 1 0-10h192.08a5 5 0 0 1 0 10zm-77.723 52H103.96a5 5 0 0 1 0-10h114.357a5 5 0 0 1 0 10zM152.96 137.04h-62a1 1 0 0 1 0-2h62a1 1 0 0 1 0 2z\\"/></svg>","tab_design_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M317.641 272H163.459c-2.753 0-4.909-2.636-4.909-6V134c0-3.364 2.156-6 4.909-6h154.182c2.753 0 4.909 2.636 4.909 6v132c0 3.365-2.156 6-4.909 6zM163.459 132c-.234 0-.909.688-.909 2v132c0 1.313.675 2 .909 2h154.182c.233 0 .909-.688.909-2V134c0-1.313-.676-2-.909-2H163.459zm-36.009 34.449a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm0 23.873a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm13.6 77.839v-138a1 1 0 0 0-2 0v138a1 1 0 0 0 2 0z\\" opacity=\\".25\\"/><path d=\\"M288.55 166.707h-100a5 5 0 0 1 0-10h100a5 5 0 0 1 0 10zm0 25.293h-100a5 5 0 0 1 0-10h100a5 5 0 0 1 0 10zm-40 25.293h-60a5 5 0 0 1 0-10h60a5 5 0 0 1 0 10zm-121.1-74.718a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm13.6 10.586v-23a1 1 0 0 0-2 0v23a1 1 0 0 0 2 0z\\"/></svg>","tab_design_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M115 191h170a5 5 0 0 1 0 10H115a4.998 4.998 0 0 1-3.536-8.536A4.998 4.998 0 0 1 115 191zm0 26h110a4.999 4.999 0 1 1 0 10H115a5.001 5.001 0 0 1 0-10zm36.636-88.54a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5z\\"/><path d=\\"M306 291H94c-4.411 0-8-3.589-8-8V119c0-5.514 4.486-10 10-10h61.272c5.514 0 10 4.486 10 10v24H306c4.411 0 8 3.589 8 8v132c0 4.411-3.589 8-8 8zM96 113c-3.309 0-6 2.691-6 6v164c0 2.206 1.794 4 4 4h212c2.206 0 4-1.794 4-4V151c0-2.206-1.794-4-4-4H165.272a2 2 0 0 1-2-2v-26c0-3.309-2.691-6-6-6H96zm129.798 15.46a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm74.162 0a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5z\\" opacity=\\".25\\"/></svg>","tab_design_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M145.071 147.49a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zM296.04 203h-120a5 5 0 0 1 0-10h120a5 5 0 0 1 0 10zm0-26h-120a5 5 0 0 1 0-10h120a5 5 0 0 1 0 10zm-50 52h-70a5 5 0 0 1 0-10h70a5 5 0 0 1 0 10z\\"/><path d=\\"M145.071 180.625a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zm0 33.135a5 5 0 0 0-5-5h-40a5 5 0 0 0 0 10h40a5 5 0 0 0 5-5zM306 268.96H166.48c-5.514 0-10-4.486-10-10v-94.52H94c-5.514 0-10-4.486-10-10v-13.4c0-5.514 4.486-10 10-10h212c5.514 0 10 4.486 10 10v117.92c0 5.514-4.486 10-10 10zM94 135.04c-3.309 0-6 2.691-6 6v13.4c0 3.309 2.691 6 6 6h64.48a2 2 0 0 1 2 2v96.52c0 3.309 2.691 6 6 6H306c3.309 0 6-2.691 6-6V141.04c0-3.309-2.691-6-6-6H94z\\" opacity=\\".25\\"/></svg>","tab_design_5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M115 201.818h170a5 5 0 0 1 0 10H115a5 5 0 0 1 0-10zm0-28h170a5 5 0 0 1 0 10H115a5 5 0 0 1 0-10zm0 54h110a5 5 0 0 1 0 10H115a5 5 0 0 1 0-10zm25-91.635H96c-5.514 0-10-4.486-10-10v-12c0-5.514 4.486-10 10-10h44c5.514 0 10 4.486 10 10v12c0 5.514-4.486 10-10 10zm-44-28c-3.309 0-6 2.691-6 6v12c0 3.309 2.691 6 6 6h44c3.309 0 6-2.691 6-6v-12c0-3.309-2.691-6-6-6H96zm39.86 12c0-1.972-1.6-3.572-3.572-3.572h-28.576a3.573 3.573 0 0 0 0 7.144h28.576c1.973 0 3.572-1.6 3.572-3.572z\\"/><path d=\\"M306 293.818H94c-4.411 0-8-3.589-8-8v-132c0-4.411 3.589-8 8-8h212c4.411 0 8 3.589 8 8v132c0 4.411-3.589 8-8 8zm-212-144c-2.206 0-4 1.794-4 4v132c0 2.206 1.794 4 4 4h212c2.206 0 4-1.794 4-4v-132c0-2.206-1.794-4-4-4H94zm117.2-13.635h-44c-5.514 0-10-4.486-10-10v-12c0-5.514 4.486-10 10-10h44c5.514 0 10 4.486 10 10v12c0 5.514-4.486 10-10 10zm-44-28c-3.309 0-6 2.691-6 6v12c0 3.309 2.691 6 6 6h44c3.309 0 6-2.691 6-6v-12c0-3.309-2.691-6-6-6h-44zm39.86 12c0-1.972-1.6-3.572-3.572-3.572h-28.576a3.573 3.573 0 0 0 0 7.144h28.576c1.973 0 3.572-1.6 3.572-3.572zm76.58 16h-44c-5.514 0-10-4.486-10-10v-12c0-5.514 4.486-10 10-10h44c5.514 0 10 4.486 10 10v12c0 5.514-4.487 10-10 10zm-44-28c-3.309 0-6 2.691-6 6v12c0 3.309 2.691 6 6 6h44c3.309 0 6-2.691 6-6v-12c0-3.309-2.691-6-6-6h-44zm39.86 12c0-1.972-1.6-3.572-3.572-3.572h-28.576a3.573 3.573 0 0 0 0 7.144h28.576c1.973 0 3.572-1.6 3.572-3.572z\\" opacity=\\".25\\"/></svg>","tab_design_6":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M178.141 182.89H298.69c1.958 0 3.546 2.239 3.546 5s-1.588 5-3.546 5H178.141c-1.958 0-3.546-2.239-3.546-5s1.588-5 3.546-5zm0-28H298.69c1.958 0 3.546 2.239 3.546 5s-1.588 5-3.546 5H178.141c-1.958 0-3.546-2.239-3.546-5s1.588-5 3.546-5zm-.188 54h73.883c1.854 0 3.358 2.239 3.358 5s-1.504 5-3.358 5h-73.883c-1.854 0-3.358-2.239-3.358-5s1.504-5 3.358-5zm-52.368-50.28h-44c-5.514 0-10-4.486-10-10v-12c0-5.514 4.486-10 10-10h44c5.514 0 10 4.486 10 10v12c0 5.514-4.486 10-10 10zm-44-28c-3.309 0-6 2.691-6 6v12c0 3.309 2.691 6 6 6h44c3.309 0 6-2.691 6-6v-12c0-3.309-2.691-6-6-6h-44zm39.86 12c0-1.972-1.6-3.572-3.572-3.572H89.297a3.573 3.573 0 0 0 0 7.144h28.576c1.973 0 3.572-1.6 3.572-3.572z\\"/><path d=\\"M125.585 202.11h-44c-5.514 0-10-4.486-10-10v-12c0-5.514 4.486-10 10-10h44c5.514 0 10 4.486 10 10v12c0 5.514-4.486 10-10 10zm-44-28c-3.309 0-6 2.691-6 6v12c0 3.309 2.691 6 6 6h44c3.309 0 6-2.691 6-6v-12c0-3.309-2.691-6-6-6h-44zm39.86 12c0-1.972-1.6-3.572-3.572-3.572H89.297a3.573 3.573 0 0 0 0 7.144h28.576c1.973 0 3.572-1.6 3.572-3.572zm4.14 59.5h-44c-5.514 0-10-4.486-10-10v-12c0-5.514 4.486-10 10-10h44c5.514 0 10 4.486 10 10v12c0 5.514-4.486 10-10 10zm-44-28c-3.309 0-6 2.691-6 6v12c0 3.309 2.691 6 6 6h44c3.309 0 6-2.691 6-6v-12c0-3.309-2.691-6-6-6h-44zm39.86 12c0-1.972-1.6-3.572-3.572-3.572H89.297a3.573 3.573 0 0 0 0 7.144h28.576c1.973 0 3.572-1.6 3.572-3.572zm198.97 45.78h-164c-5.514 0-10-4.486-10-10v-129c0-5.514 4.486-10 10-10h164c5.514 0 10 4.486 10 10v129c0 5.513-4.486 10-10 10zm-164-145c-3.309 0-6 2.691-6 6v129c0 3.309 2.691 6 6 6h164c3.309 0 6-2.691 6-6v-129c0-3.309-2.691-6-6-6h-164z\\" opacity=\\".25\\"/></svg>","blob_1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 534\\"><path fill-rule=\\"evenodd\\" d=\\"M301.282.005C426.161-.59 559.898 50.248 594.185 170.132c31.926 111.632-73.705 198.709-167.979 266.674-93.027 67.065-206.344 134.824-302.736 72.675C14.005 438.903-26 295.739 16.875 172.888 57.251 57.201 178.573.591 301.282.005Z\\" clip-rule=\\"evenodd\\"/></svg>","blob_2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 577\\"><path fill-rule=\\"evenodd\\" d=\\"M293.207 8.473c93.93-7.321 202.639-27.757 265.255 42.519 64.533 72.427 40.007 181.296 18.356 275.787-21.633 94.414-46.921 203.154-136.577 240.171-86.884 35.873-174.273-32.36-256.501-77.876-73.476-40.671-154.505-80.811-176.439-161.773-22.755-83.991 9.824-173.819 67.958-238.647 54.332-60.588 136.736-73.852 217.948-80.181Z\\" clip-rule=\\"evenodd\\"/></svg>","blob_3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 640\\"><path d=\\"M404.693 564.39C141.225 719.067 6.397 636.425.208 316.464-5.98-3.496 125.753-80.836 395.41 84.448c269.656 165.284 272.751 325.264 9.283 479.942Z\\"/></svg>","blob_4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 495\\"><path fill-rule=\\"evenodd\\" d=\\"M293.681 63.095c55.358 4.899 110.557-50.227 160.556-25.963 50.336 24.427 57.288 91.723 80.171 142.783 26.256 58.585 77.38 114.365 63.13 176.964-14.428 63.383-71.872 116.206-134.122 134.905-57.352 17.227-109.951-40.194-169.735-43.634-53.927-3.103-104.781 41.701-156.113 24.883C78.846 453.794 17.781 412.639 2.512 352.756c-15.201-59.62 42.792-110.636 61.21-169.342C82.43 123.789 55.698 35.731 111.064 6.762c57.86-30.273 117.571 50.577 182.617 56.333Z\\" clip-rule=\\"evenodd\\"/></svg>","mask_circle":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 600\\"><circle cx=\\"300\\" cy=\\"300\\" r=\\"300\\"/></svg>","mask_diamond":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 600\\"><path d=\\"m300.825 600.352-300-297.419L300.663.352l300.162 302.713-300 297.287Z\\"/></svg>","mask_hexagon":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 651\\"><path d=\\"M0 175.5v300l300 175 300-175v-300L300 .5 0 175.5Z\\"/></svg>","mask_rounded":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 600 600\\"><rect width=\\"600\\" height=\\"600\\" rx=\\"100\\"/></svg>","lottie":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M20 4v16H4V4h16m0-2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM7 18a1 1 0 0 1 0-2c1.66 0 2.856-2.177 4.124-4.482C12.616 8.805 14.159 6 17 6a1 1 0 0 1 0 2c-1.66 0-2.856 2.177-4.124 4.482C11.384 15.195 9.841 18 7 18z\\"/></svg>","countdown_preset":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path fill-rule=\\"evenodd\\" d=\\"M78.221 187.907c1.23-2.05 3.138-3.657 5.529-3.657 2.39 0 4.299 1.607 5.529 3.657 1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657-2.39 0-4.299-1.607-5.529-3.657-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm15.427-1.544c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657-2.39 0-4.299-1.607-5.529-3.657-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M78.75 211.75a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4h-28Zm45-19a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3 17a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M149.721 187.907c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm15.427-1.544c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M150.25 211.75a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4h-28Zm45-19a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3 17a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M221.221 187.907c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm15.427-1.544c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M221.75 211.75a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4h-28Zm45-19a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3 17a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M295.294 189.451c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm-2.573-1.544c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm20.573 1.544c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm-2.573-1.544c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M291.25 213.75a2 2 0 0 1 2-2h28a2 2 0 1 1 0 4h-28a2 2 0 0 1-2-2Z\\"/></svg>","countdown_preset1":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path d=\\"M59.044 189.701C58.12 191.24 57.5 193.464 57.5 196c0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm18 0C76.12 191.24 75.5 193.464 75.5 196c0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M71 235c19.33 0 35-15.67 35-35s-15.67-35-35-35-35 15.67-35 35 15.67 35 35 35Zm-14.529-46.843c1.23-2.05 3.138-3.657 5.529-3.657 2.39 0 4.299 1.607 5.529 3.657 1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657-2.39 0-4.299-1.607-5.529-3.657-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm18 0c1.23-2.05 3.138-3.657 5.529-3.657 2.39 0 4.299 1.607 5.529 3.657 1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657-2.39 0-4.299-1.607-5.529-3.657-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM57 212a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4H57Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M145.044 189.701c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm18 0c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M157 235c19.33 0 35-15.67 35-35s-15.67-35-35-35-35 15.67-35 35 15.67 35 35 35Zm-14.529-46.843c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm18 0c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM143 212a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4h-28Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M231.044 189.701c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm18 0c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M243 235c19.33 0 35-15.67 35-35s-15.67-35-35-35-35 15.67-35 35 15.67 35 35 35Zm-14.529-46.843c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm18 0c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM229 212a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4h-28Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M317.044 189.701c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm18 0c-.924 1.539-1.544 3.763-1.544 6.299 0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M329 235c19.33 0 35-15.67 35-35s-15.67-35-35-35-35 15.67-35 35 15.67 35 35 35Zm-14.529-46.843c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm18 0c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM315 212a2 2 0 1 0 0 4h28a2 2 0 1 0 0-4h-28Z\\" clip-rule=\\"evenodd\\"/></svg>","countdown_preset2":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path fill-rule=\\"evenodd\\" d=\\"M104 200c0 18.225-14.775 33-33 33s-33-14.775-33-33 14.775-33 33-33 33 14.775 33 33Zm2 0c0 19.33-15.67 35-35 35s-35-15.67-35-35 15.67-35 35-35 35 15.67 35 35Zm-48.5-4c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C58.12 200.76 57.5 198.536 57.5 196Zm4.5-11.5c-2.39 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657 2.39 0 4.299-1.607 5.529-3.657 1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657ZM75.5 196c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C76.12 200.76 75.5 198.536 75.5 196Zm4.5-11.5c-2.39 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657 2.39 0 4.299-1.607 5.529-3.657 1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657ZM55 214a2 2 0 0 1 2-2h28a2 2 0 0 1 0 4H57a2 2 0 0 1-2-2Z\\" clip-rule=\\"evenodd\\"/><circle cx=\\"114\\" cy=\\"193\\" r=\\"3\\"/><circle cx=\\"114\\" cy=\\"207\\" r=\\"3\\"/><path fill-rule=\\"evenodd\\" d=\\"M190 200c0 18.225-14.775 33-33 33s-33-14.775-33-33 14.775-33 33-33 33 14.775 33 33Zm2 0c0 19.33-15.67 35-35 35s-35-15.67-35-35 15.67-35 35-35 35 15.67 35 35Zm-48.5-4c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201c-.924-1.539-1.544-3.763-1.544-6.299Zm4.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657Zm13.5 11.5c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201c-.924-1.539-1.544-3.763-1.544-6.299Zm4.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657ZM141 214a2 2 0 0 1 2-2h28a2 2 0 0 1 0 4h-28a2 2 0 0 1-2-2Z\\" clip-rule=\\"evenodd\\"/><circle cx=\\"200\\" cy=\\"193\\" r=\\"3\\"/><circle cx=\\"200\\" cy=\\"207\\" r=\\"3\\"/><path fill-rule=\\"evenodd\\" d=\\"M276 200c0 18.225-14.775 33-33 33s-33-14.775-33-33 14.775-33 33-33 33 14.775 33 33Zm2 0c0 19.33-15.67 35-35 35s-35-15.67-35-35 15.67-35 35-35 35 15.67 35 35Zm-48.5-4c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201c-.924-1.539-1.544-3.763-1.544-6.299Zm4.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657Zm13.5 11.5c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201c-.924-1.539-1.544-3.763-1.544-6.299Zm4.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657ZM227 214a2 2 0 0 1 2-2h28a2 2 0 0 1 0 4h-28a2 2 0 0 1-2-2Z\\" clip-rule=\\"evenodd\\"/><circle cx=\\"286\\" cy=\\"193\\" r=\\"3\\"/><circle cx=\\"286\\" cy=\\"207\\" r=\\"3\\"/><path fill-rule=\\"evenodd\\" d=\\"M362 200c0 18.225-14.775 33-33 33s-33-14.775-33-33 14.775-33 33-33 33 14.775 33 33Zm2 0c0 19.33-15.67 35-35 35s-35-15.67-35-35 15.67-35 35-35 35 15.67 35 35Zm-48.5-4c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201c-.924-1.539-1.544-3.763-1.544-6.299Zm4.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657Zm13.5 11.5c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201c.924 1.539 1.544 3.763 1.544 6.299 0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201c-.924-1.539-1.544-3.763-1.544-6.299Zm4.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843s.723 5.763 1.971 7.843c1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.856 1.971-7.843s-.723-5.763-1.971-7.843c-1.23-2.05-3.138-3.657-5.529-3.657ZM313 214a2 2 0 0 1 2-2h28a2 2 0 0 1 0 4h-28a2 2 0 0 1-2-2Z\\" clip-rule=\\"evenodd\\"/></svg>","countdown_preset3":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path fill-rule=\\"evenodd\\" d=\\"M106 165H36v70h70v-70Zm-46.956 24.7c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657 2.39 0 4.299 1.607 5.529 3.657 1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657-2.39 0-4.299-1.607-5.529-3.657-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm20.573 1.543c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657 2.39 0 4.299 1.607 5.529 3.657 1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657-2.39 0-4.299-1.607-5.529-3.657-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM57 212a2 2 0 1 0 0 4h28a2 2 0 0 0 0-4H57Zm135-47h-70v70h70v-70Zm-46.956 24.7c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm20.573 1.543c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM143 212a2 2 0 1 0 0 4h28a2 2 0 0 0 0-4h-28Zm135-47h-70v70h70v-70Zm-46.956 24.7c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm20.573 1.543c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM229 212a2 2 0 1 0 0 4h28a2 2 0 0 0 0-4h-28Zm135-47h-70v70h70v-70Zm-46.956 24.7c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm20.573 1.543c-.924 1.54-1.544 3.763-1.544 6.3 0 2.536.62 4.76 1.544 6.299.941 1.569 2.033 2.201 2.956 2.201s2.015-.632 2.956-2.201c.924-1.539 1.544-3.763 1.544-6.299 0-2.537-.62-4.76-1.544-6.3-.941-1.569-2.033-2.2-2.956-2.2s-2.015.631-2.956 2.2Zm-2.573-1.543c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843ZM315 212a2 2 0 1 0 0 4h28a2 2 0 0 0 0-4h-28Z\\" clip-rule=\\"evenodd\\"/></svg>","countdown_preset4":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path fill-rule=\\"evenodd\\" d=\\"M49.5 188.5c-2.39 0-4.299 1.607-5.529 3.657C42.723 194.237 42 197.013 42 200c0 2.986.723 5.763 1.971 7.843 1.23 2.05 3.138 3.657 5.529 3.657 2.39 0 4.299-1.607 5.529-3.657C56.277 205.763 57 202.986 57 200c0-2.987-.723-5.763-1.971-7.843-1.23-2.05-3.138-3.657-5.529-3.657ZM45 200c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201C53.38 195.24 54 197.464 54 200c0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C45.62 204.76 45 202.536 45 200Zm23.5-11.5c-2.39 0-4.299 1.607-5.529 3.657C61.723 194.237 61 197.013 61 200c0 2.986.723 5.763 1.971 7.843 1.23 2.05 3.138 3.657 5.529 3.657 2.39 0 4.299-1.607 5.529-3.657C75.277 205.763 76 202.986 76 200c0-2.987-.723-5.763-1.971-7.843-1.23-2.05-3.138-3.657-5.529-3.657ZM64 200c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201C72.38 195.24 73 197.464 73 200c0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C64.62 204.76 64 202.536 64 200Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M82 198a2 2 0 1 0 0 4h16a2 2 0 0 0 0-4H82Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M44 165a8 8 0 0 0-8 8v54a8 8 0 0 0 8 8h54a8 8 0 0 0 8-8v-54a8 8 0 0 0-8-8H44Zm54 2H44a6 6 0 0 0-6 6v54a6 6 0 0 0 6 6h54a6 6 0 0 0 6-6v-54a6 6 0 0 0-6-6Zm37.5 21.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843 0 2.986.723 5.763 1.971 7.843 1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.857 1.971-7.843 0-2.987-.723-5.763-1.971-7.843-1.23-2.05-3.138-3.657-5.529-3.657ZM131 200c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201C139.38 195.24 140 197.464 140 200c0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C131.62 204.76 131 202.536 131 200Zm23.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843 0 2.986.723 5.763 1.971 7.843 1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.857 1.971-7.843 0-2.987-.723-5.763-1.971-7.843-1.23-2.05-3.138-3.657-5.529-3.657ZM150 200c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201C158.38 195.24 159 197.464 159 200c0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C150.62 204.76 150 202.536 150 200Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M168 198a2 2 0 1 0 0 4h16a2 2 0 0 0 0-4h-16Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M130 165a8 8 0 0 0-8 8v54a8 8 0 0 0 8 8h54a8 8 0 0 0 8-8v-54a8 8 0 0 0-8-8h-54Zm54 2h-54a6 6 0 0 0-6 6v54a6 6 0 0 0 6 6h54a6 6 0 0 0 6-6v-54a6 6 0 0 0-6-6Zm31.971 25.157c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544C217.62 195.24 217 197.464 217 200c0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201C225.38 204.76 226 202.536 226 200c0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Zm16.427-1.544c1.23-2.05 3.138-3.657 5.529-3.657s4.299 1.607 5.529 3.657c1.248 2.08 1.971 4.856 1.971 7.843 0 2.986-.723 5.763-1.971 7.843-1.23 2.05-3.138 3.657-5.529 3.657s-4.299-1.607-5.529-3.657c-1.248-2.08-1.971-4.857-1.971-7.843 0-2.987.723-5.763 1.971-7.843Zm2.573 1.544C236.62 195.24 236 197.464 236 200c0 2.536.62 4.76 1.544 6.299.941 1.57 2.033 2.201 2.956 2.201s2.015-.631 2.956-2.201C244.38 204.76 245 202.536 245 200c0-2.536-.62-4.76-1.544-6.299-.941-1.57-2.033-2.201-2.956-2.201s-2.015.631-2.956 2.201Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M252 200a2 2 0 0 1 2-2h16a2 2 0 1 1 0 4h-16a2 2 0 0 1-2-2Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M208 173a8 8 0 0 1 8-8h54a8 8 0 0 1 8 8v54a8 8 0 0 1-8 8h-54a8 8 0 0 1-8-8v-54Zm8-6h54a6 6 0 0 1 6 6v54a6 6 0 0 1-6 6h-54a6 6 0 0 1-6-6v-54a6 6 0 0 1 6-6Zm91.5 21.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843 0 2.986.723 5.763 1.971 7.843 1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.857 1.971-7.843 0-2.987-.723-5.763-1.971-7.843-1.23-2.05-3.138-3.657-5.529-3.657ZM303 200c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201C311.38 195.24 312 197.464 312 200c0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C303.62 204.76 303 202.536 303 200Zm23.5-11.5c-2.391 0-4.299 1.607-5.529 3.657-1.248 2.08-1.971 4.856-1.971 7.843 0 2.986.723 5.763 1.971 7.843 1.23 2.05 3.138 3.657 5.529 3.657s4.299-1.607 5.529-3.657c1.248-2.08 1.971-4.857 1.971-7.843 0-2.987-.723-5.763-1.971-7.843-1.23-2.05-3.138-3.657-5.529-3.657ZM322 200c0-2.536.62-4.76 1.544-6.299.941-1.57 2.033-2.201 2.956-2.201s2.015.631 2.956 2.201C330.38 195.24 331 197.464 331 200c0 2.536-.62 4.76-1.544 6.299-.941 1.57-2.033 2.201-2.956 2.201s-2.015-.631-2.956-2.201C322.62 204.76 322 202.536 322 200Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M340 198a2 2 0 1 0 0 4h16a2 2 0 0 0 0-4h-16Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M302 165a8 8 0 0 0-8 8v54a8 8 0 0 0 8 8h54a8 8 0 0 0 8-8v-54a8 8 0 0 0-8-8h-54Zm54 2h-54a6 6 0 0 0-6 6v54a6 6 0 0 0 6 6h54a6 6 0 0 0 6-6v-54a6 6 0 0 0-6-6Z\\" clip-rule=\\"evenodd\\"/></svg>","countdown_preset5":"<svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 400 400\\"><path fill-rule=\\"evenodd\\" d=\\"M44.454 192.079c1.22-2.006 3.11-3.579 5.48-3.579 2.37 0 4.262 1.573 5.482 3.579 1.237 2.036 1.954 4.753 1.954 7.676s-.717 5.64-1.954 7.676c-1.22 2.006-3.111 3.579-5.481 3.579-2.37 0-4.262-1.573-5.481-3.579-1.237-2.036-1.954-4.753-1.954-7.676s.717-5.64 1.954-7.676Zm2.55 1.511c-.916 1.507-1.53 3.683-1.53 6.165s.614 4.659 1.53 6.165c.934 1.536 2.016 2.154 2.93 2.154.916 0 1.998-.618 2.931-2.154.916-1.506 1.53-3.683 1.53-6.165s-.614-4.658-1.53-6.165c-.933-1.536-2.015-2.154-2.93-2.154s-1.998.618-2.93 2.154Zm15.293-1.511c1.22-2.006 3.111-3.579 5.481-3.579 2.37 0 4.262 1.573 5.481 3.579 1.237 2.036 1.954 4.753 1.954 7.676s-.717 5.64-1.954 7.676c-1.22 2.006-3.11 3.579-5.48 3.579-2.37 0-4.262-1.573-5.481-3.579-1.238-2.036-1.955-4.753-1.955-7.676s.717-5.64 1.954-7.676Zm2.55 1.511c-.915 1.507-1.53 3.683-1.53 6.165s.615 4.659 1.53 6.165c.934 1.536 2.016 2.154 2.931 2.154s1.998-.618 2.931-2.154c.916-1.506 1.53-3.683 1.53-6.165s-.614-4.658-1.53-6.165c-.933-1.536-2.016-2.154-2.93-2.154-.916 0-1.998.618-2.931 2.154Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M81.656 207.585c-1.094 0-1.982.876-1.982 1.957 0 1.082.888 1.958 1.982 1.958h15.861c1.095 0 1.983-.876 1.983-1.958 0-1.081-.888-1.957-1.983-1.957h-15.86Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M130.454 192.079c1.219-2.006 3.111-3.579 5.481-3.579 2.37 0 4.261 1.573 5.481 3.579 1.237 2.036 1.954 4.753 1.954 7.676s-.717 5.64-1.954 7.676c-1.22 2.006-3.111 3.579-5.481 3.579-2.37 0-4.262-1.573-5.481-3.579-1.237-2.036-1.954-4.753-1.954-7.676s.717-5.64 1.954-7.676Zm2.55 1.511c-.916 1.507-1.53 3.683-1.53 6.165s.614 4.659 1.53 6.165c.933 1.536 2.016 2.154 2.931 2.154s1.997-.618 2.93-2.154c.916-1.506 1.531-3.683 1.531-6.165s-.615-4.658-1.531-6.165c-.933-1.536-2.015-2.154-2.93-2.154s-1.998.618-2.931 2.154Zm15.293-1.511c1.22-2.006 3.111-3.579 5.481-3.579 2.37 0 4.262 1.573 5.481 3.579 1.237 2.036 1.954 4.753 1.954 7.676s-.717 5.64-1.954 7.676c-1.219 2.006-3.111 3.579-5.481 3.579-2.37 0-4.261-1.573-5.481-3.579-1.237-2.036-1.954-4.753-1.954-7.676s.717-5.64 1.954-7.676Zm2.551 1.511c-.916 1.507-1.531 3.683-1.531 6.165s.615 4.659 1.531 6.165c.933 1.536 2.015 2.154 2.93 2.154s1.998-.618 2.931-2.154c.916-1.506 1.53-3.683 1.53-6.165s-.614-4.658-1.53-6.165c-.933-1.536-2.016-2.154-2.931-2.154s-1.997.618-2.93 2.154Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M167.657 207.585c-1.095 0-1.983.876-1.983 1.957 0 1.082.888 1.958 1.983 1.958h15.86c1.095 0 1.983-.876 1.983-1.958 0-1.081-.888-1.957-1.983-1.957h-15.86Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M221.935 188.5c-2.37 0-4.262 1.573-5.481 3.579-1.237 2.036-1.954 4.753-1.954 7.676s.717 5.64 1.954 7.676c1.219 2.006 3.111 3.579 5.481 3.579 2.37 0 4.261-1.573 5.481-3.579 1.237-2.036 1.954-4.753 1.954-7.676s-.717-5.64-1.954-7.676c-1.22-2.006-3.111-3.579-5.481-3.579Zm-4.461 11.255c0-2.482.614-4.658 1.53-6.165.933-1.536 2.016-2.154 2.931-2.154s1.997.618 2.93 2.154c.916 1.507 1.531 3.683 1.531 6.165s-.615 4.659-1.531 6.165c-.933 1.536-2.015 2.154-2.93 2.154s-1.998-.618-2.931-2.154c-.916-1.506-1.53-3.683-1.53-6.165Zm22.304-11.255c-2.37 0-4.261 1.573-5.481 3.579-1.237 2.036-1.954 4.753-1.954 7.676s.717 5.64 1.954 7.676c1.22 2.006 3.111 3.579 5.481 3.579 2.37 0 4.262-1.573 5.481-3.579 1.237-2.036 1.954-4.753 1.954-7.676s-.717-5.64-1.954-7.676c-1.219-2.006-3.111-3.579-5.481-3.579Zm-4.461 11.255c0-2.482.615-4.658 1.531-6.165.933-1.536 2.015-2.154 2.93-2.154s1.998.618 2.931 2.154c.916 1.507 1.53 3.683 1.53 6.165s-.614 4.659-1.53 6.165c-.933 1.536-2.016 2.154-2.931 2.154s-1.997-.618-2.93-2.154c-.916-1.506-1.531-3.683-1.531-6.165Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M251.674 209.542c0-1.081.888-1.957 1.983-1.957h15.86c1.095 0 1.983.876 1.983 1.957 0 1.082-.888 1.958-1.983 1.958h-15.86c-1.095 0-1.983-.876-1.983-1.958Z\\"/><path fill-rule=\\"evenodd\\" d=\\"M302.454 192.079c1.219-2.006 3.111-3.579 5.481-3.579 2.37 0 4.261 1.573 5.481 3.579 1.237 2.036 1.954 4.753 1.954 7.676s-.717 5.64-1.954 7.676c-1.22 2.006-3.111 3.579-5.481 3.579-2.37 0-4.262-1.573-5.481-3.579-1.237-2.036-1.954-4.753-1.954-7.676s.717-5.64 1.954-7.676Zm2.55 1.511c-.916 1.507-1.53 3.683-1.53 6.165s.614 4.659 1.53 6.165c.934 1.536 2.016 2.154 2.931 2.154s1.997-.618 2.93-2.154c.916-1.506 1.531-3.683 1.531-6.165s-.615-4.658-1.531-6.165c-.933-1.536-2.015-2.154-2.93-2.154s-1.997.618-2.931 2.154Zm15.293-1.511c1.22-2.006 3.111-3.579 5.481-3.579 2.37 0 4.262 1.573 5.481 3.579 1.237 2.036 1.954 4.753 1.954 7.676s-.717 5.64-1.954 7.676c-1.219 2.006-3.111 3.579-5.481 3.579-2.37 0-4.261-1.573-5.481-3.579-1.237-2.036-1.954-4.753-1.954-7.676s.717-5.64 1.954-7.676Zm2.551 1.511c-.916 1.507-1.531 3.683-1.531 6.165s.615 4.659 1.531 6.165c.933 1.536 2.015 2.154 2.93 2.154s1.998-.618 2.931-2.154c.916-1.506 1.53-3.683 1.53-6.165s-.614-4.658-1.53-6.165c-.933-1.536-2.016-2.154-2.931-2.154s-1.997.618-2.93 2.154Z\\" clip-rule=\\"evenodd\\"/><path d=\\"M339.657 207.585c-1.095 0-1.983.876-1.983 1.957 0 1.082.888 1.958 1.983 1.958h15.86c1.095 0 1.983-.876 1.983-1.958 0-1.081-.888-1.957-1.983-1.957h-15.86Z\\"/></svg>","banner_post_layout1_style1":"<svg width=\\"48\\" height=\\"38\\" viewBox=\\"0 0 48 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"magazine-blocks-style\\"><path d=\\"M20 37H0V0H20V37ZM35 0H22V37H35V0ZM48 0H37V17.5H48V0ZM48 19.55H37V37.05H48V19.55Z\\" /></svg>","banner_post_layout1_style2":"<svg width=\\"48\\" height=\\"38\\" viewBox=\\"0 0 48 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"magazine-blocks-style\\"><path d=\\"M20 37H0V0H20V37ZM48 0H35V37H48V0ZM33 0H22V17.5H33V0ZM33 19.55H22V37.05H33V19.55Z\\" /></svg>","banner_post_layout2_style1":"<svg width=\\"48\\" height=\\"38\\" viewBox=\\"0 0 48 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"magazine-blocks-style\\"><path d=\\"M11 37.05H0V0H11V37.05ZM35 0H13V37.05H35V0ZM48 0H37V37.05H48V0Z\\" /></svg>","grid_module_layout1_style1":"<svg fill=\\"none\\" viewBox=\\"0 0 114 38\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g clipPath=\\"url(#a)\\"><path d=\\"M28.5 37L0 37.05V0H28.5V37Z\\" fill=\\"#510087\\" /><path d=\\"M57 37L28.5 37.05V0H57V37Z\\" fill=\\"#510087\\" opacity=\\".8\\" /><path d=\\"M85.5 37L57 37.05V0H85.5V37Z\\" fill=\\"#510087\\" /><path d=\\"M114 0H85.5V37.05H114V0Z\\" fill=\\"#510087\\" opacity=\\".8\\" /><path d=\\"m23.63 29.43h-22v-2h22v2zm-7.79 2.48h-14.21v2h14.21v-2z\\" fill=\\"#fff\\" /><path d=\\"m52.73 29.43h-22v-2h22v2zm-7.73 2.48h-14.27v2h14.27v-2z\\" fill=\\"#fff\\" /><path d=\\"m81.2 29.43h-22v-2h22v2zm-7.79 2.48h-14.21v2h14.21v-2z\\" fill=\\"#fff\\" /><path d=\\"m109.93 29.43h-22v-2h22v2zm-7.79 2.48h-14.21v2h14.21v-2z\\" fill=\\"#fff\\" /></g><defs><clipPath id=\\"a\\"><rect width=\\"114\\" height=\\"37.05\\" fill=\\"#fff\\" /></clipPath></defs></svg>","grid_module_layout1_style2":"<svg fill=\\"none\\" viewBox=\\"0 0 114 38\\" xmlns=\\"http://www.w3.org/2000/svg\\"><g clipPath=\\"url(#a)\\"><path d=\\"M44.25 37L0 37.05V0H44.25V37Z\\" fill=\\"#510087\\" /><path d=\\"M67.58 37L44.25 37.05V0H67.58V37Z\\" fill=\\"#510087\\" opacity=\\".8\\" /><path d=\\"m90.92 37-23.34 0.05v-37.05h23.34v37z\\" fill=\\"#510087\\" /><path d=\\"M114.25 0H90.9199V37.05H114.25V0Z\\" fill=\\"#510087\\" opacity=\\".8\\" /><path d=\\"m39.2 29.43h-37.57v-2h37.57v2zm-16.2 2.48h-21.37v2h21.37v-2z\\" fill=\\"#fff\\" /><path d=\\"m65.41 29.43h-19.68v-2h19.68v2zm-9.84 2.48h-9.84v2h9.84v-2z\\" fill=\\"#fff\\" /><path d=\\"m88.84 29.43h-19.64v-2h19.64v2zm-9.59 2.48h-10v2h10v-2z\\" fill=\\"#fff\\" /><path d=\\"m112.07 29.43h-19.14v-2h19.14v2zm-9.83 2.48h-9.3098v2h9.3098v-2z\\" fill=\\"#fff\\" /></g><defs><clipPath id=\\"a\\"><rect width=\\"114\\" height=\\"37.05\\" fill=\\"#fff\\" /></clipPath></defs></svg>","grid_module_layout2_style1":"<svg viewBox=\\"0 0 114 38\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"m28.5 27.83-28.5 0.04v-27.3h28.5v27.26zm-4.87 2.17h-22v2h22v-2zm-7.79 6.49h-14.21v-2h14.21v2z\\" fill=\\"#510087\\" /><path d=\\"m57 27.83-28.5 0.03v-27.29h28.5v27.26z\\" fill=\\"#510087\\" opacity=\\".8\\" /><path d=\\"m52.73 32h-22v-2h22v2zm-7.73 2.48h-14.27v2h14.27v-2z\\" fill=\\"#510087\\" /><path d=\\"m85.5 27.83h-28.5v-27.26h28.5v27.26zm-4.3 2.17h-22v2h22v-2zm-7.79 6.49h-14.21v-2h14.21v2z\\" fill=\\"#510087\\" /><path d=\\"m114 0.57031h-28.5v27.3h28.5v-27.3z\\" fill=\\"#510087\\" opacity=\\".8\\" /><path d=\\"m109.93 32h-22v-2h22v2zm-7.79 2.49h-14.21v2h14.21v-2z\\" fill=\\"#510087\\" /></svg>","post_list_layout1_style1":"<svg width=\\"48\\" height=\\"38\\" viewBox=\\"0 0 48 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" id=\\"magazine-blocks-style\\"><path d=\\"M20 15.5195H0V0.519531H20V15.5195ZM27.78 2.99953H22V4.99953H27.78V2.99953ZM48 6.99953H22V8.99953H48V6.99953ZM39.33 10.9995H22V12.9995H39.33V10.9995ZM20 32.5195H0V17.5195H20V32.5195ZM27.78 19.9995H22V21.9995H27.78V19.9995ZM48 23.9995H22V25.9995H48V23.9995ZM39.33 27.9995H22V29.9995H39.33V27.9995Z\\" /></svg>","post_list_layout2_style1":"<svg fill=\\"none\\" viewBox=\\"0 0 48 38\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"m34 10h-20v-9h20v9zm-3 2.05h-17v2h17v-2zm-6 3.95h-11v2h11v-2zm9 13h-20v-9h20v9zm-1 2h-19v2h19v-2zm-8 3h-11v2h11v-2z\\" /></svg>","featured_post_layout1_style1":"<svg width=\\"48\\" height=\\"38\\" viewBox=\\"0 0 48 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M36 12.5195H11V0.519531H36V12.5195ZM32 16.5195H11V14.5195H32V16.5195ZM22 20.5195H11V18.5195H22V20.5195ZM19 28.5195H11V22.5195H19V28.5195ZM36 24.9995H21V23.4995H36V24.9995ZM30.26 27.7995H21V26.2995H30.26V27.7995ZM19 36.5295H11V30.5295H19V36.5295ZM36 32.9995H21V31.4995H36V32.9995ZM30.26 35.7995H21V34.2995H30.26V35.7995Z\\" /></svg>","featured_post_layout2_style1":"<svg width=\\"48\\" height=\\"38\\" viewBox=\\"0 0 48 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M25.5 22.5195H0.5V2.51953H25.5V22.5195ZM6.5 24.5195H0.5V26.5195H6.5V24.5195ZM21.5 30.5195H0.5V28.5195H21.5V30.5195ZM11.5 34.5195H0.5V32.5195H11.5V34.5195ZM34.24 8.51953H27.5V2.51953H34.24V8.51953ZM47.5 5.10953H35.33V3.60953H47.5V5.10953ZM44.5 7.43953H35.33V5.93953H44.45L44.5 7.43953ZM34.24 17.1895H27.5V11.1895H34.24V17.1895ZM47.5 13.7795H35.33V12.2795H47.5V13.7795ZM44.5 16.0995H35.33V14.5995H44.45L44.5 16.0995ZM34.24 25.8495H27.5V19.8495H34.24V25.8495ZM47.5 22.4495H35.33V20.9995H47.5V22.4495ZM44.5 24.7695H35.33V23.2695H44.45L44.5 24.7695ZM34.24 34.5195H27.5V28.5195H34.24V34.5195ZM47.5 31.1095H35.33V29.6095H47.5V31.1095ZM44.5 33.4395H35.33V31.9395H44.45L44.5 33.4395Z\\" /></svg>","category_list_layout1_style1":"<svg width=\\"114\\" height=\\"38\\" viewBox=\\"0 0 114 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path opacity=\\"0.8\\" d=\\"M107.88 5.08984H4.56006V32.8298H107.88V5.08984Z\\" /><path d=\\"M40.6502 16.96H9.93018V20.96H40.6502V16.96Z\\" fill=\\"white\\" /><path d=\\"M107.88 5.08984H70.2002V32.8298H107.88V5.08984Z\\" /><path d=\\"M102.13 16.96H77.2402V20.96H102.13V16.96Z\\" fill=\\"white\\" /></svg>","category_list_layout2_style1":"<svg width=\\"114\\" height=\\"38\\" viewBox=\\"0 0 114 38\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path opacity=\\"0.8\\" d=\\"M107.88 5.08984H4.56006V32.8298H107.88V5.08984Z\\" /><path d=\\"M40.6502 16.96H9.93018V20.96H40.6502V16.96Z\\" fill=\\"white\\" /><path d=\\"M107.88 5.08984H70.2002V32.8298H107.88V5.08984Z\\" /><path d=\\"M102.13 16.96H77.2402V20.96H102.13V16.96Z\\" fill=\\"white\\" /></svg>","heading_layout1_style1":"<svg fill=\\"none\\" viewBox=\\"0 0 114 38\\" xmlns=\\"http://www.w3.org/2000/svg\\" ><path d=\\"m28.5 27h-2.5v-18.48h2.5v18.48zm12-14.34h-1.71v4.15h-4.45v-4.15h-1.73v10h1.73v-4.46h4.45v4.42h1.72l-0.01-9.96zm6.81 9.73c0.474-0.2244 0.8808-0.5692 1.18-1l-0.89-0.86c-0.2123 0.2933-0.4923 0.5309-0.8161 0.6928s-0.6819 0.2433-1.0439 0.2372c-0.25 7e-3 -0.4987-0.0373-0.7309-0.1301-0.2322-0.0929-0.4429-0.2324-0.6191-0.4099-0.3751-0.3916-0.5923-0.908-0.61-1.45h4.83v-0.67c0.0641-0.9759-0.2272-1.9421-0.82-2.72-0.2879-0.3342-0.6484-0.598-1.054-0.7714-0.4056-0.1733-0.8455-0.2515-1.286-0.2286-0.6089-0.0086-1.207 0.1618-1.72 0.49-0.5206 0.3263-0.937 0.7948-1.2 1.35-0.293 0.6255-0.44 1.3094-0.43 2v0.21c-0.0189 0.4862 0.0599 0.9711 0.2317 1.4263 0.1717 0.4551 0.433 0.8713 0.7683 1.2237 0.3358 0.3327 0.7362 0.5931 1.1765 0.7651 0.4402 0.172 0.9111 0.252 1.3835 0.2349 0.5758-0.0022 1.1435-0.1356 1.66-0.39h-0.01zm-0.78-5.55c0.2932 0.3556 0.4587 0.7993 0.47 1.26v0.13h-3.19c0.0459-0.4896 0.2336-0.9553 0.54-1.34 0.1396-0.1544 0.3113-0.2765 0.5031-0.3576 0.1917-0.0812 0.3988-0.1196 0.6069-0.1124 0.1996-0.0111 0.3992 0.0206 0.5855 0.093 0.1863 0.0725 0.3549 0.184 0.4945 0.327h-0.01zm9.47 5.78v-0.12c-0.2029-0.5047-0.2983-1.0463-0.28-1.59v-3.34c0.022-0.3392-0.0311-0.6791-0.1555-0.9954-0.1245-0.3163-0.3172-0.6013-0.5645-0.8346-0.586-0.4658-1.3225-0.7006-2.07-0.66-0.5318-0.0078-1.0595 0.0943-1.55 0.3-0.4314 0.1785-0.81 0.4642-1.1 0.83-0.2565 0.3249-0.3972 0.7261-0.4 1.14h1.66c-0.0016-0.14 0.0302-0.2783 0.0928-0.4035 0.0627-0.1253 0.1542-0.2337 0.2672-0.3165 0.27-0.1946 0.5974-0.2931 0.93-0.28 0.1813-0.0184 0.3645 0.0025 0.537 0.0611 0.1726 0.0587 0.3305 0.1538 0.463 0.2789 0.2201 0.2547 0.3345 0.5838 0.32 0.92v0.49h-1c-0.8817-0.0547-1.7586 0.1654-2.51 0.63-0.2858 0.2046-0.516 0.4773-0.6697 0.7934-0.1537 0.316-0.226 0.6655-0.2103 1.0166-0.0041 0.2993 0.0573 0.5957 0.1799 0.8687 0.1227 0.273 0.3036 0.5158 0.5301 0.7113 0.5392 0.4392 1.222 0.6629 1.9165 0.6278s1.3514-0.3265 1.8435-0.8178c0.0326 0.2374 0.0964 0.4694 0.19 0.69h1.58zm-4.37-1.48c-0.1056-0.0977-0.1889-0.2171-0.2441-0.35s-0.0811-0.2762-0.0759-0.42c-0.0049-0.179 0.0356-0.3564 0.1178-0.5155s0.2034-0.2948 0.3522-0.3945c0.422-0.2405 0.9053-0.3517 1.39-0.32h0.89v1.4c-0.1471 0.2741-0.3737 0.4972-0.65 0.64-0.2843 0.1584-0.6046 0.241-0.93 0.24-0.3014 0.0099-0.5962-0.0896-0.83-0.28h-0.02zm6.33 0.57c0.244 0.3232 0.5622 0.5827 0.9277 0.7568 0.3656 0.1741 0.7677 0.2575 1.1723 0.2432 0.3803 0.0149 0.7588-0.0586 1.1058-0.2148 0.3471-0.1561 0.6532-0.3907 0.8942-0.6852l0.08 0.77h1.5v-10.46h-1.64v3.78c-0.2364-0.2686-0.5294-0.4815-0.8579-0.6233-0.3286-0.1418-0.6845-0.209-1.0421-0.1967-0.4092-0.0166-0.8165 0.0656-1.1872 0.2397-0.3708 0.174-0.6942 0.4348-0.9428 0.7603-0.5574 0.8017-0.8351 1.7647-0.79 2.74-0.0617 1.0284 0.2274 2.0473 0.82 2.89h-0.04zm1.29-4.63c0.1364-0.2045 0.3229-0.3706 0.5417-0.4827 0.2188-0.112 0.4626-0.1662 0.7083-0.1573 0.3057-0.0145 0.6089 0.0624 0.8707 0.2209s0.4705 0.3915 0.5993 0.6691v3.16c-0.1293 0.283-0.3403 0.5208-0.6058 0.683-0.2655 0.1621-0.5734 0.2412-0.8842 0.227-0.2419 0.0094-0.4821-0.0436-0.6975-0.1539-0.2154-0.1104-0.3988-0.2743-0.5325-0.4761-0.3156-0.534-0.462-1.1511-0.42-1.77-0.0425-0.6691 0.1104-1.3361 0.44-1.92h-0.02zm6.36-3.16c0.0929 0.0881 0.2031 0.1558 0.3236 0.1989 0.1206 0.043 0.2487 0.0604 0.3764 0.0511 0.1261 0.0092 0.2528-0.0084 0.3716-0.0514 0.1189-0.0431 0.2274-0.1108 0.3184-0.1986 0.0834-0.0796 0.1488-0.1761 0.1919-0.283 0.0432-0.1069 0.063-0.2218 0.0581-0.337 0.0046-0.1181-0.0153-0.2359-0.0583-0.346s-0.1083-0.2102-0.1917-0.294c-0.091-0.0878-0.1995-0.1554-0.3184-0.1985-0.1188-0.0431-0.2455-0.0606-0.3716-0.0515-0.1277-0.0093-0.2558 0.0081-0.3764 0.0512-0.1205 0.043-0.2307 0.1108-0.3236 0.1988-0.0802 0.0856-0.1427 0.1862-0.1839 0.2961-0.0412 0.1098-0.0602 0.2267-0.0561 0.3439-0.0017 0.1157 0.0205 0.2305 0.0653 0.3372 0.0447 0.1067 0.111 0.203 0.1947 0.2828h-0.02zm1.52 1.3h-1.64v7.4h1.66l-0.02-7.4zm1.79 0v7.4h1.68v-5.27c0.1362-0.2797 0.3501-0.5142 0.6161-0.6756s0.5729-0.2427 0.8839-0.2344c0.1812-0.0164 0.3638 0.0053 0.5361 0.0639 0.1722 0.0586 0.3303 0.1526 0.4639 0.2761 0.2134 0.2883 0.3195 0.6419 0.3 1v4.8h1.66v-4.85c0-1.77-0.81-2.65-2.35-2.65-0.4113-0.0109-0.8195 0.0737-1.1926 0.2472s-0.7008 0.4312-0.9574 0.7528v-0.85l-1.64-0.01zm8.34 6.5c0.2499 0.3217 0.572 0.5798 0.9404 0.7536 0.3684 0.1737 0.7725 0.2582 1.1796 0.2464 0.3593 0.0171 0.7179-0.0458 1.0499-0.1842 0.3321-0.1383 0.6292-0.3486 0.8701-0.6158v0.5c0.0174 0.2414-0.0164 0.4838-0.0991 0.7113-0.0827 0.2274-0.2125 0.4349-0.3809 0.6087-0.3614 0.3149-0.8314 0.4764-1.31 0.45-0.3618 5e-4 -0.719-0.0811-1.0447-0.2387-0.3256-0.1577-0.6113-0.3872-0.8353-0.6713l-0.79 1c0.3072 0.3963 0.7145 0.7035 1.18 0.89 0.5016 0.2194 1.0425 0.3351 1.59 0.34 0.8915 0.0473 1.7665-0.254 2.44-0.84 0.3065-0.2966 0.5462-0.6552 0.7031-1.0518s0.2274-0.8221 0.2069-1.2482v-7.15h-1.5l-0.07 0.74c-0.2435-0.2902-0.5506-0.5206-0.8974-0.6732-0.3468-0.1525-0.7241-0.2233-1.1026-0.2068-0.4119-0.0149-0.8214 0.068-1.1951 0.2418s-0.7009 0.4336-0.9549 0.7582c-0.5744 0.7981-0.8601 1.768-0.81 2.75-0.0596 1.0327 0.2408 2.0541 0.85 2.89h-0.02zm1.29-4.63c0.1384-0.2079 0.3278-0.3769 0.5502-0.4907s0.4702-0.1686 0.7198-0.1593c0.3009-0.0146 0.5998 0.0566 0.8618 0.2054 0.2621 0.1487 0.4764 0.3688 0.6182 0.6346v3.26c-0.1416 0.2696-0.3568 0.4935-0.6205 0.6457-0.2637 0.1523-0.5652 0.2266-0.8695 0.2143-0.2472 0.0097-0.4927-0.0441-0.7133-0.1561-0.2205-0.112-0.4087-0.2786-0.5467-0.4839-0.3292-0.5253-0.4832-1.1415-0.44-1.76-0.0441-0.6686 0.1163-1.3348 0.46-1.91h-0.02z\\" /></svg>","heading_layout2_style1":"<svg fill=\\"none\\" viewBox=\\"0 0 114 38\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"m109.5 27h-105v3h105v-3zm-41 0h-64v-21h64v21zm-48.57-16h-1.71v4h-4.44v-4h-1.72v9.71h1.72v-4.26h4.44v4.31h1.71v-9.76zm6.78 9.49c0.4763-0.2208 0.8841-0.5663 1.18-1l-0.89-0.79c-0.214 0.2869-0.4937 0.5184-0.8156 0.675-0.3218 0.1565-0.6766 0.2337-1.0344 0.225-0.247 0.0088-0.4931-0.0327-0.7235-0.1221s-0.4401-0.2248-0.6165-0.3979c-0.3708-0.3783-0.5882-0.8807-0.61-1.41h4.8v-0.67c0.0632-0.9573-0.2288-1.9044-0.82-2.66-0.2939-0.3202-0.6556-0.5708-1.0587-0.7334s-0.8374-0.2332-1.2713-0.2066c-0.6027-0.0059-1.195 0.1569-1.71 0.47-0.4946 0.3349-0.8887 0.7981-1.14 1.34-0.2875 0.6021-0.4313 1.2628-0.42 1.93v0.2c-0.029 0.472 0.0423 0.9448 0.2092 1.3873s0.4256 0.8446 0.759 1.18c0.3335 0.3353 0.7341 0.5963 1.1757 0.7657 0.4415 0.1693 0.9139 0.2433 1.3861 0.217 0.5523-2e-4 1.098-0.1196 1.6-0.35v-0.05zm-0.78-5.41c0.2838 0.3479 0.4423 0.7811 0.45 1.23v0.12h-3.16c0.0454-0.4777 0.2336-0.9307 0.54-1.3 0.1377-0.1542 0.3076-0.2762 0.4977-0.3574 0.1901-0.0813 0.3957-0.1197 0.6023-0.1126 0.2021-0.0061 0.403 0.0329 0.5881 0.1142s0.3497 0.2029 0.4819 0.3558v-0.05zm9.46 5.63v-0.11c-0.2081-0.4927-0.3037-1.0257-0.28-1.56v-3.2c0.0101-0.3384-0.0556-0.6748-0.1922-0.9845-0.1367-0.3097-0.341-0.5849-0.5978-0.8055-0.5914-0.4538-1.3257-0.6808-2.07-0.64-0.5274-0.0058-1.0508 0.0927-1.54 0.29-0.4251 0.175-0.7998 0.4534-1.09 0.81-0.2556 0.3138-0.3967 0.7053-0.4 1.11h1.65c0-0.1369 0.0326-0.2719 0.0952-0.3936 0.0626-0.1218 0.1534-0.2268 0.2648-0.3064 0.2707-0.1932 0.5976-0.2916 0.93-0.28 0.1812-0.0165 0.3638 0.0053 0.5361 0.0639 0.1722 0.0585 0.3303 0.1526 0.4639 0.2761 0.1107 0.1211 0.196 0.2631 0.2509 0.4177 0.055 0.1545 0.0785 0.3185 0.0691 0.4823v0.47h-1c-0.8772-0.0543-1.7498 0.1621-2.5 0.62-0.2874 0.1935-0.5197 0.4584-0.674 0.7687-0.1542 0.3103-0.2252 0.6553-0.206 1.0013-0.0057 0.2912 0.0543 0.58 0.1755 0.8448 0.1212 0.2649 0.3004 0.4991 0.5245 0.6852 0.5026 0.4292 1.1498 0.6509 1.81 0.62 0.361 0.0069 0.7195-0.0605 1.0532-0.1981 0.3338-0.1377 0.6357-0.3425 0.8868-0.6019 0.0306 0.2314 0.0946 0.457 0.19 0.67l1.65-0.05zm-4.39-1.39c-0.103-0.0955-0.1848-0.2117-0.2399-0.3409-0.0552-0.1292-0.0824-0.2686-0.0801-0.4091-0.0055-0.175 0.0349-0.3484 0.1174-0.5028s0.2041-0.2845 0.3526-0.3772c0.4189-0.2391 0.8986-0.3504 1.38-0.32h0.89v1.36c-0.1506 0.2689-0.3765 0.4879-0.65 0.63-0.2838 0.1493-0.5993 0.2282-0.92 0.23-0.3067 0.0157-0.6086-0.0802-0.85-0.27zm6.3 0.55c0.2457 0.3213 0.5642 0.5795 0.9293 0.7534 0.3652 0.1739 0.7664 0.2584 1.1707 0.2466 0.3786 0.0173 0.7561-0.0531 1.1031-0.2058 0.3469-0.1526 0.6539-0.3834 0.8969-0.6742l0.08 0.75h1.52v-10.22h-1.67v3.69c-0.2376-0.2632-0.5299-0.4711-0.8564-0.6093s-0.6793-0.2033-1.0336-0.1907c-0.4075-0.0142-0.8124 0.0692-1.1812 0.2431-0.3687 0.1739-0.6906 0.4334-0.9388 0.7569-0.555 0.7801-0.8331 1.7235-0.79 2.68-0.0551 0.9904 0.2269 1.9703 0.8 2.78h-0.03zm1.29-4.51c0.1372-0.2 0.3229-0.3619 0.5398-0.4703 0.217-0.1085 0.4579-0.16 0.7002-0.1497 0.3025-0.0171 0.6032 0.0553 0.8647 0.2083s0.472 0.3797 0.6053 0.6517v3.09c-0.1331 0.2757-0.3444 0.5062-0.6076 0.6627s-0.5666 0.232-0.8724 0.2173c-0.2315 0.0109-0.462-0.0354-0.6713-0.1348s-0.3909-0.2489-0.5287-0.4352c-0.3133-0.5169-0.4632-1.1164-0.43-1.72-0.0546-0.6688 0.0954-1.3384 0.43-1.92h-0.03zm6.41-3.08c0.0929 0.0845 0.2019 0.1493 0.3204 0.1906 0.1186 0.0412 0.2443 0.058 0.3696 0.0494 0.2554 0.0125 0.5059-0.0734 0.7-0.24 0.1539-0.1678 0.2393-0.3873 0.2393-0.615s-0.0854-0.4472-0.2393-0.615c-0.0936-0.0871-0.2039-0.1541-0.3242-0.1971-0.1204-0.043-0.2483-0.061-0.3758-0.0529-0.1261-0.0091-0.2528 0.0084-0.3716 0.0515-0.1189 0.043-0.2274 0.1107-0.3184 0.1985-0.1539 0.1678-0.2393 0.3873-0.2393 0.615s0.0854 0.4472 0.2393 0.615zm1.51 1.26h-1.69v7.22h1.65l0.04-7.22zm1.78 0v7.22h1.66v-5.14c0.1358-0.2757 0.3492-0.5058 0.6138-0.6621 0.2647-0.1563 0.5692-0.232 0.8762-0.2179 0.1806-0.0191 0.3631 5e-4 0.5355 0.0574s0.3308 0.1498 0.4645 0.2726c0.2182 0.2858 0.3248 0.6413 0.3 1v4.67h1.66v-4.74c0-1.72-0.81-2.58-2.35-2.58-0.4097-0.0102-0.8163 0.0749-1.1876 0.2484s-0.6973 0.4308-0.9524 0.7516v-0.84l-1.62-0.04zm8.32 6.35c0.2488 0.3202 0.5694 0.5776 0.9359 0.7513s0.7687 0.2589 1.1741 0.2487c0.3557 0.0147 0.7104-0.0474 1.04-0.182 0.3295-0.1345 0.6263-0.3385 0.87-0.598v0.49c0.0174 0.2354-0.0165 0.4717-0.0993 0.6928-0.0829 0.221-0.2128 0.4213-0.3807 0.5872-0.3588 0.3116-0.8257 0.4697-1.3 0.44-0.3605 0.0051-0.7174-0.0724-1.0433-0.2267s-0.6121-0.3812-0.8367-0.6633l-0.79 1c0.312 0.3843 0.7187 0.6807 1.18 0.86 0.4988 0.2162 1.0364 0.3285 1.58 0.33 0.8885 0.0506 1.7624-0.243 2.44-0.82 0.3032-0.286 0.5406-0.6344 0.696-1.0212 0.1554-0.3867 0.225-0.8025 0.204-1.2188v-7h-1.53l-0.08 0.73c-0.2445-0.2878-0.5523-0.5152-0.8992-0.6643-0.347-0.1492-0.7237-0.2162-1.1008-0.1957-0.41-0.0117-0.817 0.0726-1.1886 0.2462-0.3716 0.1737-0.6974 0.4318-0.9514 0.7538-0.573 0.776-0.8593 1.7266-0.81 2.69-0.0457 0.9939 0.2547 1.9728 0.85 2.77h0.04zm1.28-4.52c0.1398-0.2028 0.3287-0.3669 0.549-0.477 0.2203-0.1102 0.4649-0.1628 0.711-0.153 0.2989-0.0165 0.5963 0.0517 0.8581 0.1968s0.4774 0.3611 0.6219 0.6232v3.17c-0.1444 0.2659-0.3607 0.4857-0.6242 0.6342-0.2636 0.1486-0.5636 0.2199-0.8658 0.2058-0.2458 0.0226-0.4932-0.0179-0.719-0.1176-0.2257-0.0997-0.4223-0.2555-0.571-0.4524-0.333-0.5058-0.4942-1.1054-0.46-1.71-0.0564-0.6728 0.1049-1.3458 0.46-1.92h0.04z\\" /></svg>"}');
;// CONCATENATED MODULE: ./src/blocks/components/icon/Icon.tsx


var _excluded = ["name", "className", "size"];
function Icon_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Icon_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Icon_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Icon_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }





var Icon_Icon = function Icon(props) {
  var _parse;
  var name = props.name,
    _props$className = props.className,
    className = _props$className === void 0 ? "" : _props$className,
    _props$size = props.size,
    size = _props$size === void 0 ? 24 : _props$size,
    otherProps = _objectWithoutProperties(props, _excluded);
  if (!name) {
    return null;
  }
  var icon = name.split("-").map(function (n, idx) {
    return 0 === idx ? n : ucFirst(n);
  }).join("");
  if (!icons_namespaceObject[icon]) {
    return null;
  }
  var appliedProps = Icon_objectSpread(Icon_objectSpread({
    width: size,
    height: size
  }, (_parse = node_modules_html_react_parser(icons_namespaceObject[icon])) === null || _parse === void 0 ? void 0 : _parse.props), {}, {
    className: utils_cn("mzb-icon", className)
  }, otherProps);
  return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, appliedProps);
};
/* harmony default export */ const icon_Icon = (Icon_Icon);
;// CONCATENATED MODULE: ./src/blocks/components/advance-select/Option.tsx




var Options = function Options(props) {
  var onChange = props.onChange,
    isActive = props.isActive,
    value = props.value,
    label = props.label,
    icon = props.icon;
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-advance-select-item"
  }, icon ? /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Tooltip, {
    text: label,
    position: "top center"
  }, /*#__PURE__*/external_React_default().createElement("button", {
    id: "mzb-button-" + value,
    className: utils_cn("mzb-button", "mzb-advance-select-item", {
      "is-active": !!isActive
    }),
    onClick: onChange
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "controlIcon",
    name: icon
  }))) : /*#__PURE__*/external_React_default().createElement("button", {
    id: "mzb-button-" + value,
    className: utils_cn("mzb-button", "mzb-advance-select-item", {
      "is-active": !!isActive
    }),
    onClick: onChange
  }, label));
};
/* harmony default export */ const Option = (Options);
;// CONCATENATED MODULE: ./src/blocks/components/advance-select/AdvancedSelect.tsx







var AdvancedSelect = function AdvancedSelect(props) {
  var responsive = props.responsive,
    inline = props.inline,
    value = props.value,
    options = props.options,
    label = props.label,
    _onChange = props.onChange,
    _props$cols = props.cols,
    cols = _props$cols === void 0 ? 3 : _props$cols;
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(AdvancedSelect);
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType,
    DeviceSelector = _useDeviceType.DeviceSelector;
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn("mzb-control", "mzb-advance-select", {
      "mzb-responsive": responsive
    }, {
      "mzb-inline": !responsive && inline
    })
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-advance-select-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-advance-select-".concat(id),
    className: "mzb-control-label mzb-advance-select-label"
  }, label), responsive && /*#__PURE__*/external_React_default().createElement(DeviceSelector, null)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-advance-select-body"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn("mzb-advance-select-items"),
    role: "group",
    "data-cols": cols,
    style: {
      display: props.itemsPerColumn ? "grid" : undefined,
      gridTemplateColumns: props.itemsPerColumn ? "repeat(".concat(props.itemsPerColumn, ", 1fr)") : undefined
    }
  }, props.minItemsHeight ? /*#__PURE__*/external_React_default().createElement("style", null, ".mzb-advance-select-item { min-height: ".concat(props.minItemsHeight, "px;  } .mzb-advance-select-item svg {width: 100%; height: 100%;}")) : null, responsive ? ["desktop", "tablet", "mobile"].map(function (device) {
    return deviceType === device && options.map(function (option) {
      return /*#__PURE__*/external_React_default().createElement(Option, {
        key: option.value,
        isActive: (value === null || value === void 0 ? void 0 : value[device]) === option.value,
        onChange: function onChange() {
          _onChange(Object.assign({}, value, defineProperty_defineProperty({}, device, option.value === (value === null || value === void 0 ? void 0 : value[device]) ? undefined : option.value)));
        },
        label: option.label,
        value: option.value,
        icon: option.icon
      });
    });
  }) : options.map(function (option) {
    return /*#__PURE__*/external_React_default().createElement(Option, {
      key: option.value,
      isActive: value === option.value,
      onChange: function onChange() {
        _onChange(value === option.value ? undefined : option.value);
      },
      label: option.label,
      value: option.value,
      icon: option.icon
    });
  }))));
};
/* harmony default export */ const advance_select_AdvancedSelect = (AdvancedSelect);
;// CONCATENATED MODULE: external ["wp","blockEditor"]
const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
;// CONCATENATED MODULE: ./src/images/placeholder.png
/* harmony default export */ const placeholder = (__webpack_require__.p + "f7346e9b478a5ef6043bcfd5a5e04922.png");
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
function extends_extends() {
  extends_extends = Object.assign ? Object.assign.bind() : function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];
      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }
    return target;
  };
  return extends_extends.apply(this, arguments);
}
// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__(184);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
;// CONCATENATED MODULE: external "lodash"
const external_lodash_namespaceObject = window["lodash"];
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/typeof.js
function typeof_typeof(o) {
  "@babel/helpers - typeof";

  return typeof_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
    return typeof o;
  } : function (o) {
    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
  }, typeof_typeof(o);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/toPrimitive.js

function toPrimitive_toPrimitive(input, hint) {
  if (typeof_typeof(input) !== "object" || input === null) return input;
  var prim = input[Symbol.toPrimitive];
  if (prim !== undefined) {
    var res = prim.call(input, hint || "default");
    if (typeof_typeof(res) !== "object") return res;
    throw new TypeError("@@toPrimitive must return a primitive value.");
  }
  return (hint === "string" ? String : Number)(input);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js


function toPropertyKey_toPropertyKey(arg) {
  var key = toPrimitive_toPrimitive(arg, "string");
  return typeof_typeof(key) === "symbol" ? key : String(key);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/defineProperty.js

function esm_defineProperty_defineProperty(obj, key, value) {
  key = toPropertyKey_toPropertyKey(key);
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true
    });
  } else {
    obj[key] = value;
  }
  return obj;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/objectSpread2.js

function objectSpread2_ownKeys(e, r) {
  var t = Object.keys(e);
  if (Object.getOwnPropertySymbols) {
    var o = Object.getOwnPropertySymbols(e);
    r && (o = o.filter(function (r) {
      return Object.getOwnPropertyDescriptor(e, r).enumerable;
    })), t.push.apply(t, o);
  }
  return t;
}
function objectSpread2_objectSpread2(e) {
  for (var r = 1; r < arguments.length; r++) {
    var t = null != arguments[r] ? arguments[r] : {};
    r % 2 ? objectSpread2_ownKeys(Object(t), !0).forEach(function (r) {
      esm_defineProperty_defineProperty(e, r, t[r]);
    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : objectSpread2_ownKeys(Object(t)).forEach(function (r) {
      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
    });
  }
  return e;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/extends.js
function esm_extends_extends() {
  esm_extends_extends = Object.assign ? Object.assign.bind() : function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];
      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }
    return target;
  };
  return esm_extends_extends.apply(this, arguments);
}
;// CONCATENATED MODULE: ./node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
/*

Based off glamor's StyleSheet, thanks Sunil ❤️

high performance StyleSheet for css-in-js systems

- uses multiple style tags behind the scenes for millions of rules
- uses `insertRule` for appending in production for *much* faster performance

// usage

import { StyleSheet } from '@emotion/sheet'

let styleSheet = new StyleSheet({ key: '', container: document.head })

styleSheet.insert('#box { border: 1px solid red; }')
- appends a css rule into the stylesheet

styleSheet.flush()
- empties the stylesheet of all its contents

*/
// $FlowFixMe
function sheetForTag(tag) {
  if (tag.sheet) {
    // $FlowFixMe
    return tag.sheet;
  } // this weirdness brought to you by firefox

  /* istanbul ignore next */


  for (var i = 0; i < document.styleSheets.length; i++) {
    if (document.styleSheets[i].ownerNode === tag) {
      // $FlowFixMe
      return document.styleSheets[i];
    }
  }
}

function createStyleElement(options) {
  var tag = document.createElement('style');
  tag.setAttribute('data-emotion', options.key);

  if (options.nonce !== undefined) {
    tag.setAttribute('nonce', options.nonce);
  }

  tag.appendChild(document.createTextNode(''));
  tag.setAttribute('data-s', '');
  return tag;
}

var StyleSheet = /*#__PURE__*/function () {
  // Using Node instead of HTMLElement since container may be a ShadowRoot
  function StyleSheet(options) {
    var _this = this;

    this._insertTag = function (tag) {
      var before;

      if (_this.tags.length === 0) {
        if (_this.insertionPoint) {
          before = _this.insertionPoint.nextSibling;
        } else if (_this.prepend) {
          before = _this.container.firstChild;
        } else {
          before = _this.before;
        }
      } else {
        before = _this.tags[_this.tags.length - 1].nextSibling;
      }

      _this.container.insertBefore(tag, before);

      _this.tags.push(tag);
    };

    this.isSpeedy = options.speedy === undefined ? "production" === 'production' : options.speedy;
    this.tags = [];
    this.ctr = 0;
    this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets

    this.key = options.key;
    this.container = options.container;
    this.prepend = options.prepend;
    this.insertionPoint = options.insertionPoint;
    this.before = null;
  }

  var _proto = StyleSheet.prototype;

  _proto.hydrate = function hydrate(nodes) {
    nodes.forEach(this._insertTag);
  };

  _proto.insert = function insert(rule) {
    // the max length is how many rules we have per style tag, it's 65000 in speedy mode
    // it's 1 in dev because we insert source maps that map a single rule to a location
    // and you can only have one source map per style tag
    if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
      this._insertTag(createStyleElement(this));
    }

    var tag = this.tags[this.tags.length - 1];

    if (false) { var isImportRule; }

    if (this.isSpeedy) {
      var sheet = sheetForTag(tag);

      try {
        // this is the ultrafast version, works across browsers
        // the big drawback is that the css won't be editable in devtools
        sheet.insertRule(rule, sheet.cssRules.length);
      } catch (e) {
        if (false) {}
      }
    } else {
      tag.appendChild(document.createTextNode(rule));
    }

    this.ctr++;
  };

  _proto.flush = function flush() {
    // $FlowFixMe
    this.tags.forEach(function (tag) {
      return tag.parentNode && tag.parentNode.removeChild(tag);
    });
    this.tags = [];
    this.ctr = 0;

    if (false) {}
  };

  return StyleSheet;
}();



;// CONCATENATED MODULE: ./node_modules/stylis/src/Utility.js
/**
 * @param {number}
 * @return {number}
 */
var abs = Math.abs

/**
 * @param {number}
 * @return {string}
 */
var Utility_from = String.fromCharCode

/**
 * @param {object}
 * @return {object}
 */
var Utility_assign = Object.assign

/**
 * @param {string} value
 * @param {number} length
 * @return {number}
 */
function hash (value, length) {
	return Utility_charat(value, 0) ^ 45 ? (((((((length << 2) ^ Utility_charat(value, 0)) << 2) ^ Utility_charat(value, 1)) << 2) ^ Utility_charat(value, 2)) << 2) ^ Utility_charat(value, 3) : 0
}

/**
 * @param {string} value
 * @return {string}
 */
function trim (value) {
	return value.trim()
}

/**
 * @param {string} value
 * @param {RegExp} pattern
 * @return {string?}
 */
function Utility_match (value, pattern) {
	return (value = pattern.exec(value)) ? value[0] : value
}

/**
 * @param {string} value
 * @param {(string|RegExp)} pattern
 * @param {string} replacement
 * @return {string}
 */
function Utility_replace (value, pattern, replacement) {
	return value.replace(pattern, replacement)
}

/**
 * @param {string} value
 * @param {string} search
 * @return {number}
 */
function indexof (value, search) {
	return value.indexOf(search)
}

/**
 * @param {string} value
 * @param {number} index
 * @return {number}
 */
function Utility_charat (value, index) {
	return value.charCodeAt(index) | 0
}

/**
 * @param {string} value
 * @param {number} begin
 * @param {number} end
 * @return {string}
 */
function Utility_substr (value, begin, end) {
	return value.slice(begin, end)
}

/**
 * @param {string} value
 * @return {number}
 */
function Utility_strlen (value) {
	return value.length
}

/**
 * @param {any[]} value
 * @return {number}
 */
function Utility_sizeof (value) {
	return value.length
}

/**
 * @param {any} value
 * @param {any[]} array
 * @return {any}
 */
function Utility_append (value, array) {
	return array.push(value), value
}

/**
 * @param {string[]} array
 * @param {function} callback
 * @return {string}
 */
function Utility_combine (array, callback) {
	return array.map(callback).join('')
}

;// CONCATENATED MODULE: ./node_modules/stylis/src/Tokenizer.js


var line = 1
var column = 1
var Tokenizer_length = 0
var position = 0
var character = 0
var characters = ''

/**
 * @param {string} value
 * @param {object | null} root
 * @param {object | null} parent
 * @param {string} type
 * @param {string[] | string} props
 * @param {object[] | string} children
 * @param {number} length
 */
function node (value, root, parent, type, props, children, length) {
	return {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}
}

/**
 * @param {object} root
 * @param {object} props
 * @return {object}
 */
function Tokenizer_copy (root, props) {
	return Utility_assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)
}

/**
 * @return {number}
 */
function Tokenizer_char () {
	return character
}

/**
 * @return {number}
 */
function prev () {
	character = position > 0 ? Utility_charat(characters, --position) : 0

	if (column--, character === 10)
		column = 1, line--

	return character
}

/**
 * @return {number}
 */
function next () {
	character = position < Tokenizer_length ? Utility_charat(characters, position++) : 0

	if (column++, character === 10)
		column = 1, line++

	return character
}

/**
 * @return {number}
 */
function peek () {
	return Utility_charat(characters, position)
}

/**
 * @return {number}
 */
function caret () {
	return position
}

/**
 * @param {number} begin
 * @param {number} end
 * @return {string}
 */
function slice (begin, end) {
	return Utility_substr(characters, begin, end)
}

/**
 * @param {number} type
 * @return {number}
 */
function token (type) {
	switch (type) {
		// \0 \t \n \r \s whitespace token
		case 0: case 9: case 10: case 13: case 32:
			return 5
		// ! + , / > @ ~ isolate token
		case 33: case 43: case 44: case 47: case 62: case 64: case 126:
		// ; { } breakpoint token
		case 59: case 123: case 125:
			return 4
		// : accompanied token
		case 58:
			return 3
		// " ' ( [ opening delimit token
		case 34: case 39: case 40: case 91:
			return 2
		// ) ] closing delimit token
		case 41: case 93:
			return 1
	}

	return 0
}

/**
 * @param {string} value
 * @return {any[]}
 */
function alloc (value) {
	return line = column = 1, Tokenizer_length = Utility_strlen(characters = value), position = 0, []
}

/**
 * @param {any} value
 * @return {any}
 */
function dealloc (value) {
	return characters = '', value
}

/**
 * @param {number} type
 * @return {string}
 */
function delimit (type) {
	return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
}

/**
 * @param {string} value
 * @return {string[]}
 */
function Tokenizer_tokenize (value) {
	return dealloc(tokenizer(alloc(value)))
}

/**
 * @param {number} type
 * @return {string}
 */
function whitespace (type) {
	while (character = peek())
		if (character < 33)
			next()
		else
			break

	return token(type) > 2 || token(character) > 3 ? '' : ' '
}

/**
 * @param {string[]} children
 * @return {string[]}
 */
function tokenizer (children) {
	while (next())
		switch (token(character)) {
			case 0: append(identifier(position - 1), children)
				break
			case 2: append(delimit(character), children)
				break
			default: append(from(character), children)
		}

	return children
}

/**
 * @param {number} index
 * @param {number} count
 * @return {string}
 */
function escaping (index, count) {
	while (--count && next())
		// not 0-9 A-F a-f
		if (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))
			break

	return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))
}

/**
 * @param {number} type
 * @return {number}
 */
function delimiter (type) {
	while (next())
		switch (character) {
			// ] ) " '
			case type:
				return position
			// " '
			case 34: case 39:
				if (type !== 34 && type !== 39)
					delimiter(character)
				break
			// (
			case 40:
				if (type === 41)
					delimiter(type)
				break
			// \
			case 92:
				next()
				break
		}

	return position
}

/**
 * @param {number} type
 * @param {number} index
 * @return {number}
 */
function commenter (type, index) {
	while (next())
		// //
		if (type + character === 47 + 10)
			break
		// /*
		else if (type + character === 42 + 42 && peek() === 47)
			break

	return '/*' + slice(index, position - 1) + '*' + Utility_from(type === 47 ? type : next())
}

/**
 * @param {number} index
 * @return {string}
 */
function identifier (index) {
	while (!token(peek()))
		next()

	return slice(index, position)
}

;// CONCATENATED MODULE: ./node_modules/stylis/src/Enum.js
var Enum_MS = '-ms-'
var Enum_MOZ = '-moz-'
var Enum_WEBKIT = '-webkit-'

var COMMENT = 'comm'
var Enum_RULESET = 'rule'
var Enum_DECLARATION = 'decl'

var PAGE = '@page'
var MEDIA = '@media'
var IMPORT = '@import'
var CHARSET = '@charset'
var VIEWPORT = '@viewport'
var SUPPORTS = '@supports'
var DOCUMENT = '@document'
var NAMESPACE = '@namespace'
var Enum_KEYFRAMES = '@keyframes'
var FONT_FACE = '@font-face'
var COUNTER_STYLE = '@counter-style'
var FONT_FEATURE_VALUES = '@font-feature-values'
var LAYER = '@layer'

;// CONCATENATED MODULE: ./node_modules/stylis/src/Serializer.js



/**
 * @param {object[]} children
 * @param {function} callback
 * @return {string}
 */
function Serializer_serialize (children, callback) {
	var output = ''
	var length = Utility_sizeof(children)

	for (var i = 0; i < length; i++)
		output += callback(children[i], i, children, callback) || ''

	return output
}

/**
 * @param {object} element
 * @param {number} index
 * @param {object[]} children
 * @param {function} callback
 * @return {string}
 */
function stringify (element, index, children, callback) {
	switch (element.type) {
		case LAYER: if (element.children.length) break
		case IMPORT: case Enum_DECLARATION: return element.return = element.return || element.value
		case COMMENT: return ''
		case Enum_KEYFRAMES: return element.return = element.value + '{' + Serializer_serialize(element.children, callback) + '}'
		case Enum_RULESET: element.value = element.props.join(',')
	}

	return Utility_strlen(children = Serializer_serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''
}

;// CONCATENATED MODULE: ./node_modules/stylis/src/Middleware.js






/**
 * @param {function[]} collection
 * @return {function}
 */
function middleware (collection) {
	var length = Utility_sizeof(collection)

	return function (element, index, children, callback) {
		var output = ''

		for (var i = 0; i < length; i++)
			output += collection[i](element, index, children, callback) || ''

		return output
	}
}

/**
 * @param {function} callback
 * @return {function}
 */
function rulesheet (callback) {
	return function (element) {
		if (!element.root)
			if (element = element.return)
				callback(element)
	}
}

/**
 * @param {object} element
 * @param {number} index
 * @param {object[]} children
 * @param {function} callback
 */
function prefixer (element, index, children, callback) {
	if (element.length > -1)
		if (!element.return)
			switch (element.type) {
				case DECLARATION: element.return = prefix(element.value, element.length, children)
					return
				case KEYFRAMES:
					return serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)
				case RULESET:
					if (element.length)
						return combine(element.props, function (value) {
							switch (match(value, /(::plac\w+|:read-\w+)/)) {
								// :read-(only|write)
								case ':read-only': case ':read-write':
									return serialize([copy(element, {props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]})], callback)
								// :placeholder
								case '::placeholder':
									return serialize([
										copy(element, {props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]}),
										copy(element, {props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]}),
										copy(element, {props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]})
									], callback)
							}

							return ''
						})
			}
}

/**
 * @param {object} element
 * @param {number} index
 * @param {object[]} children
 */
function namespace (element) {
	switch (element.type) {
		case RULESET:
			element.props = element.props.map(function (value) {
				return combine(tokenize(value), function (value, index, children) {
					switch (charat(value, 0)) {
						// \f
						case 12:
							return substr(value, 1, strlen(value))
						// \0 ( + > ~
						case 0: case 40: case 43: case 62: case 126:
							return value
						// :
						case 58:
							if (children[++index] === 'global')
								children[index] = '', children[++index] = '\f' + substr(children[index], index = 1, -1)
						// \s
						case 32:
							return index === 1 ? '' : value
						default:
							switch (index) {
								case 0: element = value
									return sizeof(children) > 1 ? '' : value
								case index = sizeof(children) - 1: case 2:
									return index === 2 ? value + element + element : value + element
								default:
									return value
							}
					}
				})
			})
	}
}

;// CONCATENATED MODULE: ./node_modules/stylis/src/Parser.js




/**
 * @param {string} value
 * @return {object[]}
 */
function compile (value) {
	return dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))
}

/**
 * @param {string} value
 * @param {object} root
 * @param {object?} parent
 * @param {string[]} rule
 * @param {string[]} rules
 * @param {string[]} rulesets
 * @param {number[]} pseudo
 * @param {number[]} points
 * @param {string[]} declarations
 * @return {object}
 */
function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
	var index = 0
	var offset = 0
	var length = pseudo
	var atrule = 0
	var property = 0
	var previous = 0
	var variable = 1
	var scanning = 1
	var ampersand = 1
	var character = 0
	var type = ''
	var props = rules
	var children = rulesets
	var reference = rule
	var characters = type

	while (scanning)
		switch (previous = character, character = next()) {
			// (
			case 40:
				if (previous != 108 && Utility_charat(characters, length - 1) == 58) {
					if (indexof(characters += Utility_replace(delimit(character), '&', '&\f'), '&\f') != -1)
						ampersand = -1
					break
				}
			// " ' [
			case 34: case 39: case 91:
				characters += delimit(character)
				break
			// \t \n \r \s
			case 9: case 10: case 13: case 32:
				characters += whitespace(previous)
				break
			// \
			case 92:
				characters += escaping(caret() - 1, 7)
				continue
			// /
			case 47:
				switch (peek()) {
					case 42: case 47:
						Utility_append(comment(commenter(next(), caret()), root, parent), declarations)
						break
					default:
						characters += '/'
				}
				break
			// {
			case 123 * variable:
				points[index++] = Utility_strlen(characters) * ampersand
			// } ; \0
			case 125 * variable: case 59: case 0:
				switch (character) {
					// \0 }
					case 0: case 125: scanning = 0
					// ;
					case 59 + offset: if (ampersand == -1) characters = Utility_replace(characters, /\f/g, '')
						if (property > 0 && (Utility_strlen(characters) - length))
							Utility_append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(Utility_replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)
						break
					// @ ;
					case 59: characters += ';'
					// { rule/at-rule
					default:
						Utility_append(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)

						if (character === 123)
							if (offset === 0)
								parse(characters, root, reference, reference, props, rulesets, length, points, children)
							else
								switch (atrule === 99 && Utility_charat(characters, 3) === 110 ? 100 : atrule) {
									// d l m s
									case 100: case 108: case 109: case 115:
										parse(value, reference, reference, rule && Utility_append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)
										break
									default:
										parse(characters, reference, reference, reference, [''], children, 0, points, children)
								}
				}

				index = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo
				break
			// :
			case 58:
				length = 1 + Utility_strlen(characters), property = previous
			default:
				if (variable < 1)
					if (character == 123)
						--variable
					else if (character == 125 && variable++ == 0 && prev() == 125)
						continue

				switch (characters += Utility_from(character), character * variable) {
					// &
					case 38:
						ampersand = offset > 0 ? 1 : (characters += '\f', -1)
						break
					// ,
					case 44:
						points[index++] = (Utility_strlen(characters) - 1) * ampersand, ampersand = 1
						break
					// @
					case 64:
						// -
						if (peek() === 45)
							characters += delimit(next())

						atrule = peek(), offset = length = Utility_strlen(type = characters += identifier(caret())), character++
						break
					// -
					case 45:
						if (previous === 45 && Utility_strlen(characters) == 2)
							variable = 0
				}
		}

	return rulesets
}

/**
 * @param {string} value
 * @param {object} root
 * @param {object?} parent
 * @param {number} index
 * @param {number} offset
 * @param {string[]} rules
 * @param {number[]} points
 * @param {string} type
 * @param {string[]} props
 * @param {string[]} children
 * @param {number} length
 * @return {object}
 */
function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {
	var post = offset - 1
	var rule = offset === 0 ? rules : ['']
	var size = Utility_sizeof(rule)

	for (var i = 0, j = 0, k = 0; i < index; ++i)
		for (var x = 0, y = Utility_substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
			if (z = trim(j > 0 ? rule[x] + ' ' + y : Utility_replace(y, /&\f/g, rule[x])))
				props[k++] = z

	return node(value, root, parent, offset === 0 ? Enum_RULESET : type, props, children, length)
}

/**
 * @param {number} value
 * @param {object} root
 * @param {object?} parent
 * @return {object}
 */
function comment (value, root, parent) {
	return node(value, root, parent, COMMENT, Utility_from(Tokenizer_char()), Utility_substr(value, 2, -2), 0)
}

/**
 * @param {string} value
 * @param {object} root
 * @param {object?} parent
 * @param {number} length
 * @return {object}
 */
function declaration (value, root, parent, length) {
	return node(value, root, parent, Enum_DECLARATION, Utility_substr(value, 0, length), Utility_substr(value, length + 1, -1), length)
}

;// CONCATENATED MODULE: ./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js





var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
  var previous = 0;
  var character = 0;

  while (true) {
    previous = character;
    character = peek(); // &\f

    if (previous === 38 && character === 12) {
      points[index] = 1;
    }

    if (token(character)) {
      break;
    }

    next();
  }

  return slice(begin, position);
};

var toRules = function toRules(parsed, points) {
  // pretend we've started with a comma
  var index = -1;
  var character = 44;

  do {
    switch (token(character)) {
      case 0:
        // &\f
        if (character === 38 && peek() === 12) {
          // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
          // stylis inserts \f after & to know when & where it should replace this sequence with the context selector
          // and when it should just concatenate the outer and inner selectors
          // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here
          points[index] = 1;
        }

        parsed[index] += identifierWithPointTracking(position - 1, points, index);
        break;

      case 2:
        parsed[index] += delimit(character);
        break;

      case 4:
        // comma
        if (character === 44) {
          // colon
          parsed[++index] = peek() === 58 ? '&\f' : '';
          points[index] = parsed[index].length;
          break;
        }

      // fallthrough

      default:
        parsed[index] += Utility_from(character);
    }
  } while (character = next());

  return parsed;
};

var getRules = function getRules(value, points) {
  return dealloc(toRules(alloc(value), points));
}; // WeakSet would be more appropriate, but only WeakMap is supported in IE11


var fixedElements = /* #__PURE__ */new WeakMap();
var compat = function compat(element) {
  if (element.type !== 'rule' || !element.parent || // positive .length indicates that this rule contains pseudo
  // negative .length indicates that this rule has been already prefixed
  element.length < 1) {
    return;
  }

  var value = element.value,
      parent = element.parent;
  var isImplicitRule = element.column === parent.column && element.line === parent.line;

  while (parent.type !== 'rule') {
    parent = parent.parent;
    if (!parent) return;
  } // short-circuit for the simplest case


  if (element.props.length === 1 && value.charCodeAt(0) !== 58
  /* colon */
  && !fixedElements.get(parent)) {
    return;
  } // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)
  // then the props has already been manipulated beforehand as they that array is shared between it and its "rule parent"


  if (isImplicitRule) {
    return;
  }

  fixedElements.set(element, true);
  var points = [];
  var rules = getRules(value, points);
  var parentRules = parent.props;

  for (var i = 0, k = 0; i < rules.length; i++) {
    for (var j = 0; j < parentRules.length; j++, k++) {
      element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
    }
  }
};
var removeLabel = function removeLabel(element) {
  if (element.type === 'decl') {
    var value = element.value;

    if ( // charcode for l
    value.charCodeAt(0) === 108 && // charcode for b
    value.charCodeAt(2) === 98) {
      // this ignores label
      element["return"] = '';
      element.value = '';
    }
  }
};
var ignoreFlag = 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason';

var isIgnoringComment = function isIgnoringComment(element) {
  return element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1;
};

var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
  return function (element, index, children) {
    if (element.type !== 'rule' || cache.compat) return;
    var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);

    if (unsafePseudoClasses) {
      var isNested = !!element.parent; // in nested rules comments become children of the "auto-inserted" rule and that's always the `element.parent`
      //
      // considering this input:
      // .a {
      //   .b /* comm */ {}
      //   color: hotpink;
      // }
      // we get output corresponding to this:
      // .a {
      //   & {
      //     /* comm */
      //     color: hotpink;
      //   }
      //   .b {}
      // }

      var commentContainer = isNested ? element.parent.children : // global rule at the root level
      children;

      for (var i = commentContainer.length - 1; i >= 0; i--) {
        var node = commentContainer[i];

        if (node.line < element.line) {
          break;
        } // it is quite weird but comments are *usually* put at `column: element.column - 1`
        // so we seek *from the end* for the node that is earlier than the rule's `element` and check that
        // this will also match inputs like this:
        // .a {
        //   /* comm */
        //   .b {}
        // }
        //
        // but that is fine
        //
        // it would be the easiest to change the placement of the comment to be the first child of the rule:
        // .a {
        //   .b { /* comm */ }
        // }
        // with such inputs we wouldn't have to search for the comment at all
        // TODO: consider changing this comment placement in the next major version


        if (node.column < element.column) {
          if (isIgnoringComment(node)) {
            return;
          }

          break;
        }
      }

      unsafePseudoClasses.forEach(function (unsafePseudoClass) {
        console.error("The pseudo class \"" + unsafePseudoClass + "\" is potentially unsafe when doing server-side rendering. Try changing it to \"" + unsafePseudoClass.split('-child')[0] + "-of-type\".");
      });
    }
  };
};

var isImportRule = function isImportRule(element) {
  return element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64;
};

var isPrependedWithRegularRules = function isPrependedWithRegularRules(index, children) {
  for (var i = index - 1; i >= 0; i--) {
    if (!isImportRule(children[i])) {
      return true;
    }
  }

  return false;
}; // use this to remove incorrect elements from further processing
// so they don't get handed to the `sheet` (or anything else)
// as that could potentially lead to additional logs which in turn could be overhelming to the user


var nullifyElement = function nullifyElement(element) {
  element.type = '';
  element.value = '';
  element["return"] = '';
  element.children = '';
  element.props = '';
};

var incorrectImportAlarm = function incorrectImportAlarm(element, index, children) {
  if (!isImportRule(element)) {
    return;
  }

  if (element.parent) {
    console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.");
    nullifyElement(element);
  } else if (isPrependedWithRegularRules(index, children)) {
    console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.");
    nullifyElement(element);
  }
};

/* eslint-disable no-fallthrough */

function emotion_cache_browser_esm_prefix(value, length) {
  switch (hash(value, length)) {
    // color-adjust
    case 5103:
      return Enum_WEBKIT + 'print-' + value + value;
    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)

    case 5737:
    case 4201:
    case 3177:
    case 3433:
    case 1641:
    case 4457:
    case 2921: // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break

    case 5572:
    case 6356:
    case 5844:
    case 3191:
    case 6645:
    case 3005: // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,

    case 6391:
    case 5879:
    case 5623:
    case 6135:
    case 4599:
    case 4855: // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)

    case 4215:
    case 6389:
    case 5109:
    case 5365:
    case 5621:
    case 3829:
      return Enum_WEBKIT + value + value;
    // appearance, user-select, transform, hyphens, text-size-adjust

    case 5349:
    case 4246:
    case 4810:
    case 6968:
    case 2756:
      return Enum_WEBKIT + value + Enum_MOZ + value + Enum_MS + value + value;
    // flex, flex-direction

    case 6828:
    case 4268:
      return Enum_WEBKIT + value + Enum_MS + value + value;
    // order

    case 6165:
      return Enum_WEBKIT + value + Enum_MS + 'flex-' + value + value;
    // align-items

    case 5187:
      return Enum_WEBKIT + value + Utility_replace(value, /(\w+).+(:[^]+)/, Enum_WEBKIT + 'box-$1$2' + Enum_MS + 'flex-$1$2') + value;
    // align-self

    case 5443:
      return Enum_WEBKIT + value + Enum_MS + 'flex-item-' + Utility_replace(value, /flex-|-self/, '') + value;
    // align-content

    case 4675:
      return Enum_WEBKIT + value + Enum_MS + 'flex-line-pack' + Utility_replace(value, /align-content|flex-|-self/, '') + value;
    // flex-shrink

    case 5548:
      return Enum_WEBKIT + value + Enum_MS + Utility_replace(value, 'shrink', 'negative') + value;
    // flex-basis

    case 5292:
      return Enum_WEBKIT + value + Enum_MS + Utility_replace(value, 'basis', 'preferred-size') + value;
    // flex-grow

    case 6060:
      return Enum_WEBKIT + 'box-' + Utility_replace(value, '-grow', '') + Enum_WEBKIT + value + Enum_MS + Utility_replace(value, 'grow', 'positive') + value;
    // transition

    case 4554:
      return Enum_WEBKIT + Utility_replace(value, /([^-])(transform)/g, '$1' + Enum_WEBKIT + '$2') + value;
    // cursor

    case 6187:
      return Utility_replace(Utility_replace(Utility_replace(value, /(zoom-|grab)/, Enum_WEBKIT + '$1'), /(image-set)/, Enum_WEBKIT + '$1'), value, '') + value;
    // background, background-image

    case 5495:
    case 3959:
      return Utility_replace(value, /(image-set\([^]*)/, Enum_WEBKIT + '$1' + '$`$1');
    // justify-content

    case 4968:
      return Utility_replace(Utility_replace(value, /(.+:)(flex-)?(.*)/, Enum_WEBKIT + 'box-pack:$3' + Enum_MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + Enum_WEBKIT + value + value;
    // (margin|padding)-inline-(start|end)

    case 4095:
    case 3583:
    case 4068:
    case 2532:
      return Utility_replace(value, /(.+)-inline(.+)/, Enum_WEBKIT + '$1$2') + value;
    // (min|max)?(width|height|inline-size|block-size)

    case 8116:
    case 7059:
    case 5753:
    case 5535:
    case 5445:
    case 5701:
    case 4933:
    case 4677:
    case 5533:
    case 5789:
    case 5021:
    case 4765:
      // stretch, max-content, min-content, fill-available
      if (Utility_strlen(value) - 1 - length > 6) switch (Utility_charat(value, length + 1)) {
        // (m)ax-content, (m)in-content
        case 109:
          // -
          if (Utility_charat(value, length + 4) !== 45) break;
        // (f)ill-available, (f)it-content

        case 102:
          return Utility_replace(value, /(.+:)(.+)-([^]+)/, '$1' + Enum_WEBKIT + '$2-$3' + '$1' + Enum_MOZ + (Utility_charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
        // (s)tretch

        case 115:
          return ~indexof(value, 'stretch') ? emotion_cache_browser_esm_prefix(Utility_replace(value, 'stretch', 'fill-available'), length) + value : value;
      }
      break;
    // position: sticky

    case 4949:
      // (s)ticky?
      if (Utility_charat(value, length + 1) !== 115) break;
    // display: (flex|inline-flex)

    case 6444:
      switch (Utility_charat(value, Utility_strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
        // stic(k)y
        case 107:
          return Utility_replace(value, ':', ':' + Enum_WEBKIT) + value;
        // (inline-)?fl(e)x

        case 101:
          return Utility_replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + Enum_WEBKIT + (Utility_charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + Enum_WEBKIT + '$2$3' + '$1' + Enum_MS + '$2box$3') + value;
      }

      break;
    // writing-mode

    case 5936:
      switch (Utility_charat(value, length + 11)) {
        // vertical-l(r)
        case 114:
          return Enum_WEBKIT + value + Enum_MS + Utility_replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
        // vertical-r(l)

        case 108:
          return Enum_WEBKIT + value + Enum_MS + Utility_replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
        // horizontal(-)tb

        case 45:
          return Enum_WEBKIT + value + Enum_MS + Utility_replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
      }

      return Enum_WEBKIT + value + Enum_MS + value + value;
  }

  return value;
}

var emotion_cache_browser_esm_prefixer = function prefixer(element, index, children, callback) {
  if (element.length > -1) if (!element["return"]) switch (element.type) {
    case Enum_DECLARATION:
      element["return"] = emotion_cache_browser_esm_prefix(element.value, element.length);
      break;

    case Enum_KEYFRAMES:
      return Serializer_serialize([Tokenizer_copy(element, {
        value: Utility_replace(element.value, '@', '@' + Enum_WEBKIT)
      })], callback);

    case Enum_RULESET:
      if (element.length) return Utility_combine(element.props, function (value) {
        switch (Utility_match(value, /(::plac\w+|:read-\w+)/)) {
          // :read-(only|write)
          case ':read-only':
          case ':read-write':
            return Serializer_serialize([Tokenizer_copy(element, {
              props: [Utility_replace(value, /:(read-\w+)/, ':' + Enum_MOZ + '$1')]
            })], callback);
          // :placeholder

          case '::placeholder':
            return Serializer_serialize([Tokenizer_copy(element, {
              props: [Utility_replace(value, /:(plac\w+)/, ':' + Enum_WEBKIT + 'input-$1')]
            }), Tokenizer_copy(element, {
              props: [Utility_replace(value, /:(plac\w+)/, ':' + Enum_MOZ + '$1')]
            }), Tokenizer_copy(element, {
              props: [Utility_replace(value, /:(plac\w+)/, Enum_MS + 'input-$1')]
            })], callback);
        }

        return '';
      });
  }
};

var defaultStylisPlugins = [emotion_cache_browser_esm_prefixer];

var emotion_cache_browser_esm_createCache = function createCache(options) {
  var key = options.key;

  if (false) {}

  if (key === 'css') {
    var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); // get SSRed styles out of the way of React's hydration
    // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)
    // note this very very intentionally targets all style elements regardless of the key to ensure
    // that creating a cache works inside of render of a React component

    Array.prototype.forEach.call(ssrStyles, function (node) {
      // we want to only move elements which have a space in the data-emotion attribute value
      // because that indicates that it is an Emotion 11 server-side rendered style elements
      // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
      // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)
      // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles
      // will not result in the Emotion 10 styles being destroyed
      var dataEmotionAttribute = node.getAttribute('data-emotion');

      if (dataEmotionAttribute.indexOf(' ') === -1) {
        return;
      }
      document.head.appendChild(node);
      node.setAttribute('data-s', '');
    });
  }

  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;

  if (false) {}

  var inserted = {};
  var container;
  var nodesToHydrate = [];

  {
    container = options.container || document.head;
    Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
    document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
      var attrib = node.getAttribute("data-emotion").split(' '); // $FlowFixMe

      for (var i = 1; i < attrib.length; i++) {
        inserted[attrib[i]] = true;
      }

      nodesToHydrate.push(node);
    });
  }

  var _insert;

  var omnipresentPlugins = [compat, removeLabel];

  if (false) {}

  {
    var currentSheet;
    var finalizingPlugins = [stringify,  false ? 0 : rulesheet(function (rule) {
      currentSheet.insert(rule);
    })];
    var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));

    var stylis = function stylis(styles) {
      return Serializer_serialize(compile(styles), serializer);
    };

    _insert = function insert(selector, serialized, sheet, shouldCache) {
      currentSheet = sheet;

      if (false) {}

      stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);

      if (shouldCache) {
        cache.inserted[serialized.name] = true;
      }
    };
  }

  var cache = {
    key: key,
    sheet: new StyleSheet({
      key: key,
      container: container,
      nonce: options.nonce,
      speedy: options.speedy,
      prepend: options.prepend,
      insertionPoint: options.insertionPoint
    }),
    nonce: options.nonce,
    inserted: inserted,
    registered: {},
    insert: _insert
  };
  cache.sheet.hydrate(nodesToHydrate);
  return cache;
};



;// CONCATENATED MODULE: ./node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
var isBrowser = "object" !== 'undefined';
function emotion_utils_browser_esm_getRegisteredStyles(registered, registeredStyles, classNames) {
  var rawClassName = '';
  classNames.split(' ').forEach(function (className) {
    if (registered[className] !== undefined) {
      registeredStyles.push(registered[className] + ";");
    } else {
      rawClassName += className + " ";
    }
  });
  return rawClassName;
}
var emotion_utils_browser_esm_registerStyles = function registerStyles(cache, serialized, isStringTag) {
  var className = cache.key + "-" + serialized.name;

  if ( // we only need to add the styles to the registered cache if the
  // class name could be used further down
  // the tree but if it's a string tag, we know it won't
  // so we don't have to add it to registered cache.
  // this improves memory usage since we can avoid storing the whole style string
  (isStringTag === false || // we need to always store it if we're in compat mode and
  // in node since emotion-server relies on whether a style is in
  // the registered cache to know whether a style is global or not
  // also, note that this check will be dead code eliminated in the browser
  isBrowser === false ) && cache.registered[className] === undefined) {
    cache.registered[className] = serialized.styles;
  }
};
var emotion_utils_browser_esm_insertStyles = function insertStyles(cache, serialized, isStringTag) {
  emotion_utils_browser_esm_registerStyles(cache, serialized, isStringTag);
  var className = cache.key + "-" + serialized.name;

  if (cache.inserted[serialized.name] === undefined) {
    var current = serialized;

    do {
      cache.insert(serialized === current ? "." + className : '', current, cache.sheet, true);

      current = current.next;
    } while (current !== undefined);
  }
};



;// CONCATENATED MODULE: ./node_modules/@emotion/hash/dist/emotion-hash.esm.js
/* eslint-disable */
// Inspired by https://github.com/garycourt/murmurhash-js
// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
function murmur2(str) {
  // 'm' and 'r' are mixing constants generated offline.
  // They're not really 'magic', they just happen to work well.
  // const m = 0x5bd1e995;
  // const r = 24;
  // Initialize the hash
  var h = 0; // Mix 4 bytes at a time into the hash

  var k,
      i = 0,
      len = str.length;

  for (; len >= 4; ++i, len -= 4) {
    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
    k =
    /* Math.imul(k, m): */
    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
    k ^=
    /* k >>> r: */
    k >>> 24;
    h =
    /* Math.imul(k, m): */
    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
    /* Math.imul(h, m): */
    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
  } // Handle the last few bytes of the input array


  switch (len) {
    case 3:
      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;

    case 2:
      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;

    case 1:
      h ^= str.charCodeAt(i) & 0xff;
      h =
      /* Math.imul(h, m): */
      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
  } // Do a few final mixes of the hash to ensure the last few
  // bytes are well-incorporated.


  h ^= h >>> 13;
  h =
  /* Math.imul(h, m): */
  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
  return ((h ^ h >>> 15) >>> 0).toString(36);
}



;// CONCATENATED MODULE: ./node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
var unitlessKeys = {
  animationIterationCount: 1,
  aspectRatio: 1,
  borderImageOutset: 1,
  borderImageSlice: 1,
  borderImageWidth: 1,
  boxFlex: 1,
  boxFlexGroup: 1,
  boxOrdinalGroup: 1,
  columnCount: 1,
  columns: 1,
  flex: 1,
  flexGrow: 1,
  flexPositive: 1,
  flexShrink: 1,
  flexNegative: 1,
  flexOrder: 1,
  gridRow: 1,
  gridRowEnd: 1,
  gridRowSpan: 1,
  gridRowStart: 1,
  gridColumn: 1,
  gridColumnEnd: 1,
  gridColumnSpan: 1,
  gridColumnStart: 1,
  msGridRow: 1,
  msGridRowSpan: 1,
  msGridColumn: 1,
  msGridColumnSpan: 1,
  fontWeight: 1,
  lineHeight: 1,
  opacity: 1,
  order: 1,
  orphans: 1,
  tabSize: 1,
  widows: 1,
  zIndex: 1,
  zoom: 1,
  WebkitLineClamp: 1,
  // SVG-related properties
  fillOpacity: 1,
  floodOpacity: 1,
  stopOpacity: 1,
  strokeDasharray: 1,
  strokeDashoffset: 1,
  strokeMiterlimit: 1,
  strokeOpacity: 1,
  strokeWidth: 1
};



;// CONCATENATED MODULE: ./node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
function memoize(fn) {
  var cache = Object.create(null);
  return function (arg) {
    if (cache[arg] === undefined) cache[arg] = fn(arg);
    return cache[arg];
  };
}



;// CONCATENATED MODULE: ./node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js




var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
var UNDEFINED_AS_OBJECT_KEY_ERROR = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
var hyphenateRegex = /[A-Z]|^ms/g;
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;

var isCustomProperty = function isCustomProperty(property) {
  return property.charCodeAt(1) === 45;
};

var isProcessableValue = function isProcessableValue(value) {
  return value != null && typeof value !== 'boolean';
};

var processStyleName = /* #__PURE__ */memoize(function (styleName) {
  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();
});

var processStyleValue = function processStyleValue(key, value) {
  switch (key) {
    case 'animation':
    case 'animationName':
      {
        if (typeof value === 'string') {
          return value.replace(animationRegex, function (match, p1, p2) {
            cursor = {
              name: p1,
              styles: p2,
              next: cursor
            };
            return p1;
          });
        }
      }
  }

  if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {
    return value + 'px';
  }

  return value;
};

if (false) { var hyphenatedCache, hyphenPattern, msPattern, oldProcessStyleValue, contentValues, contentValuePattern; }

var noComponentSelectorMessage = (/* unused pure expression or super */ null && ('Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.'));

function handleInterpolation(mergedProps, registered, interpolation) {
  if (interpolation == null) {
    return '';
  }

  if (interpolation.__emotion_styles !== undefined) {
    if (false) {}

    return interpolation;
  }

  switch (typeof interpolation) {
    case 'boolean':
      {
        return '';
      }

    case 'object':
      {
        if (interpolation.anim === 1) {
          cursor = {
            name: interpolation.name,
            styles: interpolation.styles,
            next: cursor
          };
          return interpolation.name;
        }

        if (interpolation.styles !== undefined) {
          var next = interpolation.next;

          if (next !== undefined) {
            // not the most efficient thing ever but this is a pretty rare case
            // and there will be very few iterations of this generally
            while (next !== undefined) {
              cursor = {
                name: next.name,
                styles: next.styles,
                next: cursor
              };
              next = next.next;
            }
          }

          var styles = interpolation.styles + ";";

          if (false) {}

          return styles;
        }

        return createStringFromObject(mergedProps, registered, interpolation);
      }

    case 'function':
      {
        if (mergedProps !== undefined) {
          var previousCursor = cursor;
          var result = interpolation(mergedProps);
          cursor = previousCursor;
          return handleInterpolation(mergedProps, registered, result);
        } else if (false) {}

        break;
      }

    case 'string':
      if (false) { var replaced, matched; }

      break;
  } // finalize string values (regular strings and functions interpolated into css calls)


  if (registered == null) {
    return interpolation;
  }

  var cached = registered[interpolation];
  return cached !== undefined ? cached : interpolation;
}

function createStringFromObject(mergedProps, registered, obj) {
  var string = '';

  if (Array.isArray(obj)) {
    for (var i = 0; i < obj.length; i++) {
      string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
    }
  } else {
    for (var _key in obj) {
      var value = obj[_key];

      if (typeof value !== 'object') {
        if (registered != null && registered[value] !== undefined) {
          string += _key + "{" + registered[value] + "}";
        } else if (isProcessableValue(value)) {
          string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";";
        }
      } else {
        if (_key === 'NO_COMPONENT_SELECTOR' && "production" !== 'production') {}

        if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {
          for (var _i = 0; _i < value.length; _i++) {
            if (isProcessableValue(value[_i])) {
              string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";";
            }
          }
        } else {
          var interpolated = handleInterpolation(mergedProps, registered, value);

          switch (_key) {
            case 'animation':
            case 'animationName':
              {
                string += processStyleName(_key) + ":" + interpolated + ";";
                break;
              }

            default:
              {
                if (false) {}

                string += _key + "{" + interpolated + "}";
              }
          }
        }
      }
    }
  }

  return string;
}

var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
var sourceMapPattern;

if (false) {} // this is the cursor for keyframes
// keyframes are stored on the SerializedStyles object as a linked list


var cursor;
var emotion_serialize_browser_esm_serializeStyles = function serializeStyles(args, registered, mergedProps) {
  if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {
    return args[0];
  }

  var stringMode = true;
  var styles = '';
  cursor = undefined;
  var strings = args[0];

  if (strings == null || strings.raw === undefined) {
    stringMode = false;
    styles += handleInterpolation(mergedProps, registered, strings);
  } else {
    if (false) {}

    styles += strings[0];
  } // we start at 1 since we've already handled the first arg


  for (var i = 1; i < args.length; i++) {
    styles += handleInterpolation(mergedProps, registered, args[i]);

    if (stringMode) {
      if (false) {}

      styles += strings[i];
    }
  }

  var sourceMap;

  if (false) {} // using a global regex with .exec is stateful so lastIndex has to be reset each time


  labelPattern.lastIndex = 0;
  var identifierName = '';
  var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5

  while ((match = labelPattern.exec(styles)) !== null) {
    identifierName += '-' + // $FlowFixMe we know it's not null
    match[1];
  }

  var name = murmur2(styles) + identifierName;

  if (false) {}

  return {
    name: name,
    styles: styles,
    next: cursor
  };
};



;// CONCATENATED MODULE: ./node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js


var syncFallback = function syncFallback(create) {
  return create();
};

var useInsertionEffect = external_React_['useInsertion' + 'Effect'] ? external_React_['useInsertion' + 'Effect'] : false;
var emotion_use_insertion_effect_with_fallbacks_browser_esm_useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;
var emotion_use_insertion_effect_with_fallbacks_browser_esm_useInsertionEffectWithLayoutFallback = useInsertionEffect || external_React_.useLayoutEffect;



;// CONCATENATED MODULE: ./node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js










var emotion_element_c39617d8_browser_esm_isBrowser = "object" !== 'undefined';
var emotion_element_c39617d8_browser_esm_hasOwnProperty = {}.hasOwnProperty;

var EmotionCacheContext = /* #__PURE__ */external_React_.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
// because this module is primarily intended for the browser and node
// but it's also required in react native and similar environments sometimes
// and we could have a special build just for that
// but this is much easier and the native packages
// might use a different theme context in the future anyway
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */emotion_cache_browser_esm_createCache({
  key: 'css'
}) : null);

if (false) {}

var emotion_element_c39617d8_browser_esm_CacheProvider = EmotionCacheContext.Provider;
var __unsafe_useEmotionCache = function useEmotionCache() {
  return useContext(EmotionCacheContext);
};

var emotion_element_c39617d8_browser_esm_withEmotionCache = function withEmotionCache(func) {
  // $FlowFixMe
  return /*#__PURE__*/(0,external_React_.forwardRef)(function (props, ref) {
    // the cache will never be null in the browser
    var cache = (0,external_React_.useContext)(EmotionCacheContext);
    return func(props, cache, ref);
  });
};

if (!emotion_element_c39617d8_browser_esm_isBrowser) {
  emotion_element_c39617d8_browser_esm_withEmotionCache = function withEmotionCache(func) {
    return function (props) {
      var cache = (0,external_React_.useContext)(EmotionCacheContext);

      if (cache === null) {
        // yes, we're potentially creating this on every render
        // it doesn't actually matter though since it's only on the server
        // so there will only every be a single render
        // that could change in the future because of suspense and etc. but for now,
        // this works and i don't want to optimise for a future thing that we aren't sure about
        cache = emotion_cache_browser_esm_createCache({
          key: 'css'
        });
        return /*#__PURE__*/external_React_.createElement(EmotionCacheContext.Provider, {
          value: cache
        }, func(props, cache));
      } else {
        return func(props, cache);
      }
    };
  };
}

var emotion_element_c39617d8_browser_esm_ThemeContext = /* #__PURE__ */external_React_.createContext({});

if (false) {}

var useTheme = function useTheme() {
  return React.useContext(emotion_element_c39617d8_browser_esm_ThemeContext);
};

var getTheme = function getTheme(outerTheme, theme) {
  if (typeof theme === 'function') {
    var mergedTheme = theme(outerTheme);

    if (false) {}

    return mergedTheme;
  }

  if (false) {}

  return _extends({}, outerTheme, theme);
};

var createCacheWithTheme = /* #__PURE__ */(/* unused pure expression or super */ null && (weakMemoize(function (outerTheme) {
  return weakMemoize(function (theme) {
    return getTheme(outerTheme, theme);
  });
})));
var ThemeProvider = function ThemeProvider(props) {
  var theme = React.useContext(emotion_element_c39617d8_browser_esm_ThemeContext);

  if (props.theme !== theme) {
    theme = createCacheWithTheme(theme)(props.theme);
  }

  return /*#__PURE__*/React.createElement(emotion_element_c39617d8_browser_esm_ThemeContext.Provider, {
    value: theme
  }, props.children);
};
function withTheme(Component) {
  var componentName = Component.displayName || Component.name || 'Component';

  var render = function render(props, ref) {
    var theme = React.useContext(emotion_element_c39617d8_browser_esm_ThemeContext);
    return /*#__PURE__*/React.createElement(Component, _extends({
      theme: theme,
      ref: ref
    }, props));
  }; // $FlowFixMe


  var WithTheme = /*#__PURE__*/React.forwardRef(render);
  WithTheme.displayName = "WithTheme(" + componentName + ")";
  return hoistNonReactStatics(WithTheme, Component);
}

var getLastPart = function getLastPart(functionName) {
  // The match may be something like 'Object.createEmotionProps' or
  // 'Loader.prototype.render'
  var parts = functionName.split('.');
  return parts[parts.length - 1];
};

var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
  // V8
  var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
  if (match) return getLastPart(match[1]); // Safari / Firefox

  match = /^([A-Za-z0-9$.]+)@/.exec(line);
  if (match) return getLastPart(match[1]);
  return undefined;
};

var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
// identifiers, thus we only need to replace what is a valid character for JS,
// but not for CSS.

var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
  return identifier.replace(/\$/g, '-');
};

var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
  if (!stackTrace) return undefined;
  var lines = stackTrace.split('\n');

  for (var i = 0; i < lines.length; i++) {
    var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"

    if (!functionName) continue; // If we reach one of these, we have gone too far and should quit

    if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
    // uppercase letter

    if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
  }

  return undefined;
};

var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
var createEmotionProps = function createEmotionProps(type, props) {
  if (false) {}

  var newProps = {};

  for (var key in props) {
    if (emotion_element_c39617d8_browser_esm_hasOwnProperty.call(props, key)) {
      newProps[key] = props[key];
    }
  }

  newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when
  // the label hasn't already been computed

  if (false) { var label; }

  return newProps;
};

var Insertion = function Insertion(_ref) {
  var cache = _ref.cache,
      serialized = _ref.serialized,
      isStringTag = _ref.isStringTag;
  emotion_utils_browser_esm_registerStyles(cache, serialized, isStringTag);
  emotion_use_insertion_effect_with_fallbacks_browser_esm_useInsertionEffectAlwaysWithSyncFallback(function () {
    return emotion_utils_browser_esm_insertStyles(cache, serialized, isStringTag);
  });

  return null;
};

var Emotion = /* #__PURE__ */emotion_element_c39617d8_browser_esm_withEmotionCache(function (props, cache, ref) {
  var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
  // not passing the registered cache to serializeStyles because it would
  // make certain babel optimisations not possible

  if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
    cssProp = cache.registered[cssProp];
  }

  var WrappedComponent = props[typePropName];
  var registeredStyles = [cssProp];
  var className = '';

  if (typeof props.className === 'string') {
    className = emotion_utils_browser_esm_getRegisteredStyles(cache.registered, registeredStyles, props.className);
  } else if (props.className != null) {
    className = props.className + " ";
  }

  var serialized = emotion_serialize_browser_esm_serializeStyles(registeredStyles, undefined, external_React_.useContext(emotion_element_c39617d8_browser_esm_ThemeContext));

  if (false) { var labelFromStack; }

  className += cache.key + "-" + serialized.name;
  var newProps = {};

  for (var key in props) {
    if (emotion_element_c39617d8_browser_esm_hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && ( true || 0)) {
      newProps[key] = props[key];
    }
  }

  newProps.ref = ref;
  newProps.className = className;
  return /*#__PURE__*/external_React_.createElement(external_React_.Fragment, null, /*#__PURE__*/external_React_.createElement(Insertion, {
    cache: cache,
    serialized: serialized,
    isStringTag: typeof WrappedComponent === 'string'
  }), /*#__PURE__*/external_React_.createElement(WrappedComponent, newProps));
});

if (false) {}

var Emotion$1 = Emotion;



// EXTERNAL MODULE: ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
var hoist_non_react_statics_cjs = __webpack_require__(679);
;// CONCATENATED MODULE: ./node_modules/@emotion/react/dist/emotion-react.browser.esm.js












var pkg = {
	name: "@emotion/react",
	version: "11.11.1",
	main: "dist/emotion-react.cjs.js",
	module: "dist/emotion-react.esm.js",
	browser: {
		"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
	},
	exports: {
		".": {
			module: {
				worker: "./dist/emotion-react.worker.esm.js",
				browser: "./dist/emotion-react.browser.esm.js",
				"default": "./dist/emotion-react.esm.js"
			},
			"import": "./dist/emotion-react.cjs.mjs",
			"default": "./dist/emotion-react.cjs.js"
		},
		"./jsx-runtime": {
			module: {
				worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
				browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
				"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
			},
			"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
			"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
		},
		"./_isolated-hnrs": {
			module: {
				worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
				browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
				"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
			},
			"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
			"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
		},
		"./jsx-dev-runtime": {
			module: {
				worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
				browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
				"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
			},
			"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
			"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
		},
		"./package.json": "./package.json",
		"./types/css-prop": "./types/css-prop.d.ts",
		"./macro": {
			types: {
				"import": "./macro.d.mts",
				"default": "./macro.d.ts"
			},
			"default": "./macro.js"
		}
	},
	types: "types/index.d.ts",
	files: [
		"src",
		"dist",
		"jsx-runtime",
		"jsx-dev-runtime",
		"_isolated-hnrs",
		"types/*.d.ts",
		"macro.*"
	],
	sideEffects: false,
	author: "Emotion Contributors",
	license: "MIT",
	scripts: {
		"test:typescript": "dtslint types"
	},
	dependencies: {
		"@babel/runtime": "^7.18.3",
		"@emotion/babel-plugin": "^11.11.0",
		"@emotion/cache": "^11.11.0",
		"@emotion/serialize": "^1.1.2",
		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
		"@emotion/utils": "^1.2.1",
		"@emotion/weak-memoize": "^0.3.1",
		"hoist-non-react-statics": "^3.3.1"
	},
	peerDependencies: {
		react: ">=16.8.0"
	},
	peerDependenciesMeta: {
		"@types/react": {
			optional: true
		}
	},
	devDependencies: {
		"@definitelytyped/dtslint": "0.0.112",
		"@emotion/css": "11.11.0",
		"@emotion/css-prettifier": "1.1.3",
		"@emotion/server": "11.11.0",
		"@emotion/styled": "11.11.0",
		"html-tag-names": "^1.1.2",
		react: "16.14.0",
		"svg-tag-names": "^1.1.1",
		typescript: "^4.5.5"
	},
	repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
	publishConfig: {
		access: "public"
	},
	"umd:main": "dist/emotion-react.umd.min.js",
	preconstruct: {
		entrypoints: [
			"./index.js",
			"./jsx-runtime.js",
			"./jsx-dev-runtime.js",
			"./_isolated-hnrs.js"
		],
		umdName: "emotionReact",
		exports: {
			envConditions: [
				"browser",
				"worker"
			],
			extra: {
				"./types/css-prop": "./types/css-prop.d.ts",
				"./macro": {
					types: {
						"import": "./macro.d.mts",
						"default": "./macro.d.ts"
					},
					"default": "./macro.js"
				}
			}
		}
	}
};

var jsx = function jsx(type, props) {
  var args = arguments;

  if (props == null || !emotion_element_c39617d8_browser_esm_hasOwnProperty.call(props, 'css')) {
    // $FlowFixMe
    return external_React_.createElement.apply(undefined, args);
  }

  var argsLength = args.length;
  var createElementArgArray = new Array(argsLength);
  createElementArgArray[0] = Emotion$1;
  createElementArgArray[1] = createEmotionProps(type, props);

  for (var i = 2; i < argsLength; i++) {
    createElementArgArray[i] = args[i];
  } // $FlowFixMe


  return external_React_.createElement.apply(null, createElementArgArray);
};

var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
// initial client-side render from SSR, use place of hydrating tag

var Global = /* #__PURE__ */(/* unused pure expression or super */ null && (withEmotionCache(function (props, cache) {
  if (false) {}

  var styles = props.styles;
  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));

  if (!isBrowser$1) {
    var _ref;

    var serializedNames = serialized.name;
    var serializedStyles = serialized.styles;
    var next = serialized.next;

    while (next !== undefined) {
      serializedNames += ' ' + next.name;
      serializedStyles += next.styles;
      next = next.next;
    }

    var shouldCache = cache.compat === true;
    var rules = cache.insert("", {
      name: serializedNames,
      styles: serializedStyles
    }, cache.sheet, shouldCache);

    if (shouldCache) {
      return null;
    }

    return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
      __html: rules
    }, _ref.nonce = cache.sheet.nonce, _ref));
  } // yes, i know these hooks are used conditionally
  // but it is based on a constant that will never change at runtime
  // it's effectively like having two implementations and switching them out
  // so it's not actually breaking anything


  var sheetRef = React.useRef();
  useInsertionEffectWithLayoutFallback(function () {
    var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675

    var sheet = new cache.sheet.constructor({
      key: key,
      nonce: cache.sheet.nonce,
      container: cache.sheet.container,
      speedy: cache.sheet.isSpeedy
    });
    var rehydrating = false; // $FlowFixMe

    var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");

    if (cache.sheet.tags.length) {
      sheet.before = cache.sheet.tags[0];
    }

    if (node !== null) {
      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s

      node.setAttribute('data-emotion', key);
      sheet.hydrate([node]);
    }

    sheetRef.current = [sheet, rehydrating];
    return function () {
      sheet.flush();
    };
  }, [cache]);
  useInsertionEffectWithLayoutFallback(function () {
    var sheetRefCurrent = sheetRef.current;
    var sheet = sheetRefCurrent[0],
        rehydrating = sheetRefCurrent[1];

    if (rehydrating) {
      sheetRefCurrent[1] = false;
      return;
    }

    if (serialized.next !== undefined) {
      // insert keyframes
      insertStyles(cache, serialized.next, true);
    }

    if (sheet.tags.length) {
      // if this doesn't exist then it will be null so the style element will be appended
      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
      sheet.before = element;
      sheet.flush();
    }

    cache.insert("", serialized, sheet, false);
  }, [cache, serialized.name]);
  return null;
})));

if (false) {}

function css() {
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
    args[_key] = arguments[_key];
  }

  return emotion_serialize_browser_esm_serializeStyles(args);
}

var keyframes = function keyframes() {
  var insertable = css.apply(void 0, arguments);
  var name = "animation-" + insertable.name; // $FlowFixMe

  return {
    name: name,
    styles: "@keyframes " + name + "{" + insertable.styles + "}",
    anim: 1,
    toString: function toString() {
      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
    }
  };
};

var emotion_react_browser_esm_classnames = function classnames(args) {
  var len = args.length;
  var i = 0;
  var cls = '';

  for (; i < len; i++) {
    var arg = args[i];
    if (arg == null) continue;
    var toAdd = void 0;

    switch (typeof arg) {
      case 'boolean':
        break;

      case 'object':
        {
          if (Array.isArray(arg)) {
            toAdd = classnames(arg);
          } else {
            if (false) {}

            toAdd = '';

            for (var k in arg) {
              if (arg[k] && k) {
                toAdd && (toAdd += ' ');
                toAdd += k;
              }
            }
          }

          break;
        }

      default:
        {
          toAdd = arg;
        }
    }

    if (toAdd) {
      cls && (cls += ' ');
      cls += toAdd;
    }
  }

  return cls;
};

function merge(registered, css, className) {
  var registeredStyles = [];
  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);

  if (registeredStyles.length < 2) {
    return className;
  }

  return rawClassName + css(registeredStyles);
}

var emotion_react_browser_esm_Insertion = function Insertion(_ref) {
  var cache = _ref.cache,
      serializedArr = _ref.serializedArr;
  useInsertionEffectAlwaysWithSyncFallback(function () {

    for (var i = 0; i < serializedArr.length; i++) {
      insertStyles(cache, serializedArr[i], false);
    }
  });

  return null;
};

var ClassNames = /* #__PURE__ */(/* unused pure expression or super */ null && (withEmotionCache(function (props, cache) {
  var hasRendered = false;
  var serializedArr = [];

  var css = function css() {
    if (hasRendered && "production" !== 'production') {}

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    var serialized = serializeStyles(args, cache.registered);
    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`

    registerStyles(cache, serialized, false);
    return cache.key + "-" + serialized.name;
  };

  var cx = function cx() {
    if (hasRendered && "production" !== 'production') {}

    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
      args[_key2] = arguments[_key2];
    }

    return merge(cache.registered, css, emotion_react_browser_esm_classnames(args));
  };

  var content = {
    css: css,
    cx: cx,
    theme: React.useContext(ThemeContext)
  };
  var ele = props.children(content);
  hasRendered = true;
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(emotion_react_browser_esm_Insertion, {
    cache: cache,
    serializedArr: serializedArr
  }), ele);
})));

if (false) {}

if (false) { var globalKey, globalContext, isTestEnv, emotion_react_browser_esm_isBrowser; }



;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
function arrayWithHoles_arrayWithHoles(arr) {
  if (Array.isArray(arr)) return arr;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
function iterableToArrayLimit_iterableToArrayLimit(r, l) {
  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
  if (null != t) {
    var e,
      n,
      i,
      u,
      a = [],
      f = !0,
      o = !1;
    try {
      if (i = (t = t.call(r)).next, 0 === l) {
        if (Object(t) !== t) return;
        f = !1;
      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
    } catch (r) {
      o = !0, n = r;
    } finally {
      try {
        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
      } finally {
        if (o) throw n;
      }
    }
    return a;
  }
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
function arrayLikeToArray_arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;
  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
  return arr2;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js

function unsupportedIterableToArray_unsupportedIterableToArray(o, minLen) {
  if (!o) return;
  if (typeof o === "string") return arrayLikeToArray_arrayLikeToArray(o, minLen);
  var n = Object.prototype.toString.call(o).slice(8, -1);
  if (n === "Object" && o.constructor) n = o.constructor.name;
  if (n === "Map" || n === "Set") return Array.from(o);
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray_arrayLikeToArray(o, minLen);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
function nonIterableRest_nonIterableRest() {
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/slicedToArray.js




function esm_slicedToArray_slicedToArray(arr, i) {
  return arrayWithHoles_arrayWithHoles(arr) || iterableToArrayLimit_iterableToArrayLimit(arr, i) || unsupportedIterableToArray_unsupportedIterableToArray(arr, i) || nonIterableRest_nonIterableRest();
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
function objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(source, excluded) {
  if (source == null) return {};
  var target = {};
  var sourceKeys = Object.keys(source);
  var key, i;
  for (i = 0; i < sourceKeys.length; i++) {
    key = sourceKeys[i];
    if (excluded.indexOf(key) >= 0) continue;
    target[key] = source[key];
  }
  return target;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js

function objectWithoutProperties_objectWithoutProperties(source, excluded) {
  if (source == null) return {};
  var target = objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(source, excluded);
  var key, i;
  if (Object.getOwnPropertySymbols) {
    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
    for (i = 0; i < sourceSymbolKeys.length; i++) {
      key = sourceSymbolKeys[i];
      if (excluded.indexOf(key) >= 0) continue;
      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
      target[key] = source[key];
    }
  }
  return target;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
function _taggedTemplateLiteral(strings, raw) {
  if (!raw) {
    raw = strings.slice(0);
  }
  return Object.freeze(Object.defineProperties(strings, {
    raw: {
      value: Object.freeze(raw)
    }
  }));
}
;// CONCATENATED MODULE: external "ReactDOM"
const external_ReactDOM_namespaceObject = window["ReactDOM"];
;// CONCATENATED MODULE: ./node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
const sides = (/* unused pure expression or super */ null && (['top', 'right', 'bottom', 'left']));
const alignments = (/* unused pure expression or super */ null && (['start', 'end']));
const placements = /*#__PURE__*/(/* unused pure expression or super */ null && (sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), [])));
const min = Math.min;
const max = Math.max;
const round = Math.round;
const floor = Math.floor;
const createCoords = v => ({
  x: v,
  y: v
});
const oppositeSideMap = {
  left: 'right',
  right: 'left',
  bottom: 'top',
  top: 'bottom'
};
const oppositeAlignmentMap = {
  start: 'end',
  end: 'start'
};
function clamp(start, value, end) {
  return max(start, min(value, end));
}
function evaluate(value, param) {
  return typeof value === 'function' ? value(param) : value;
}
function getSide(placement) {
  return placement.split('-')[0];
}
function getAlignment(placement) {
  return placement.split('-')[1];
}
function getOppositeAxis(axis) {
  return axis === 'x' ? 'y' : 'x';
}
function getAxisLength(axis) {
  return axis === 'y' ? 'height' : 'width';
}
function getSideAxis(placement) {
  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
}
function getAlignmentAxis(placement) {
  return getOppositeAxis(getSideAxis(placement));
}
function getAlignmentSides(placement, rects, rtl) {
  if (rtl === void 0) {
    rtl = false;
  }
  const alignment = getAlignment(placement);
  const alignmentAxis = getAlignmentAxis(placement);
  const length = getAxisLength(alignmentAxis);
  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
  if (rects.reference[length] > rects.floating[length]) {
    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
  }
  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
}
function getExpandedPlacements(placement) {
  const oppositePlacement = getOppositePlacement(placement);
  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
}
function getOppositeAlignmentPlacement(placement) {
  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
}
function getSideList(side, isStart, rtl) {
  const lr = ['left', 'right'];
  const rl = ['right', 'left'];
  const tb = ['top', 'bottom'];
  const bt = ['bottom', 'top'];
  switch (side) {
    case 'top':
    case 'bottom':
      if (rtl) return isStart ? rl : lr;
      return isStart ? lr : rl;
    case 'left':
    case 'right':
      return isStart ? tb : bt;
    default:
      return [];
  }
}
function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
  const alignment = getAlignment(placement);
  let list = getSideList(getSide(placement), direction === 'start', rtl);
  if (alignment) {
    list = list.map(side => side + "-" + alignment);
    if (flipAlignment) {
      list = list.concat(list.map(getOppositeAlignmentPlacement));
    }
  }
  return list;
}
function getOppositePlacement(placement) {
  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
}
function expandPaddingObject(padding) {
  return {
    top: 0,
    right: 0,
    bottom: 0,
    left: 0,
    ...padding
  };
}
function getPaddingObject(padding) {
  return typeof padding !== 'number' ? expandPaddingObject(padding) : {
    top: padding,
    right: padding,
    bottom: padding,
    left: padding
  };
}
function rectToClientRect(rect) {
  return {
    ...rect,
    top: rect.y,
    left: rect.x,
    right: rect.x + rect.width,
    bottom: rect.y + rect.height
  };
}



;// CONCATENATED MODULE: ./node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs
function getNodeName(node) {
  if (isNode(node)) {
    return (node.nodeName || '').toLowerCase();
  }
  // Mocked nodes in testing environments may not be instances of Node. By
  // returning `#document` an infinite loop won't occur.
  // https://github.com/floating-ui/floating-ui/issues/2317
  return '#document';
}
function getWindow(node) {
  var _node$ownerDocument;
  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
}
function getDocumentElement(node) {
  var _ref;
  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
}
function isNode(value) {
  return value instanceof Node || value instanceof getWindow(value).Node;
}
function isElement(value) {
  return value instanceof Element || value instanceof getWindow(value).Element;
}
function isHTMLElement(value) {
  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
}
function isShadowRoot(value) {
  // Browsers without `ShadowRoot` support.
  if (typeof ShadowRoot === 'undefined') {
    return false;
  }
  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
}
function isOverflowElement(element) {
  const {
    overflow,
    overflowX,
    overflowY,
    display
  } = floating_ui_utils_dom_getComputedStyle(element);
  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
}
function isTableElement(element) {
  return ['table', 'td', 'th'].includes(getNodeName(element));
}
function isContainingBlock(element) {
  const webkit = isWebKit();
  const css = floating_ui_utils_dom_getComputedStyle(element);

  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
  return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
}
function getContainingBlock(element) {
  let currentNode = getParentNode(element);
  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
    if (isContainingBlock(currentNode)) {
      return currentNode;
    } else {
      currentNode = getParentNode(currentNode);
    }
  }
  return null;
}
function isWebKit() {
  if (typeof CSS === 'undefined' || !CSS.supports) return false;
  return CSS.supports('-webkit-backdrop-filter', 'none');
}
function isLastTraversableNode(node) {
  return ['html', 'body', '#document'].includes(getNodeName(node));
}
function floating_ui_utils_dom_getComputedStyle(element) {
  return getWindow(element).getComputedStyle(element);
}
function getNodeScroll(element) {
  if (isElement(element)) {
    return {
      scrollLeft: element.scrollLeft,
      scrollTop: element.scrollTop
    };
  }
  return {
    scrollLeft: element.pageXOffset,
    scrollTop: element.pageYOffset
  };
}
function getParentNode(node) {
  if (getNodeName(node) === 'html') {
    return node;
  }
  const result =
  // Step into the shadow DOM of the parent of a slotted node.
  node.assignedSlot ||
  // DOM Element detected.
  node.parentNode ||
  // ShadowRoot detected.
  isShadowRoot(node) && node.host ||
  // Fallback.
  getDocumentElement(node);
  return isShadowRoot(result) ? result.host : result;
}
function getNearestOverflowAncestor(node) {
  const parentNode = getParentNode(node);
  if (isLastTraversableNode(parentNode)) {
    return node.ownerDocument ? node.ownerDocument.body : node.body;
  }
  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
    return parentNode;
  }
  return getNearestOverflowAncestor(parentNode);
}
function getOverflowAncestors(node, list, traverseIframes) {
  var _node$ownerDocument2;
  if (list === void 0) {
    list = [];
  }
  if (traverseIframes === void 0) {
    traverseIframes = true;
  }
  const scrollableAncestor = getNearestOverflowAncestor(node);
  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
  const win = getWindow(scrollableAncestor);
  if (isBody) {
    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
  }
  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
}



;// CONCATENATED MODULE: ./node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs






function getCssDimensions(element) {
  const css = floating_ui_utils_dom_getComputedStyle(element);
  // In testing environments, the `width` and `height` properties are empty
  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
  let width = parseFloat(css.width) || 0;
  let height = parseFloat(css.height) || 0;
  const hasOffset = isHTMLElement(element);
  const offsetWidth = hasOffset ? element.offsetWidth : width;
  const offsetHeight = hasOffset ? element.offsetHeight : height;
  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
  if (shouldFallback) {
    width = offsetWidth;
    height = offsetHeight;
  }
  return {
    width,
    height,
    $: shouldFallback
  };
}

function unwrapElement(element) {
  return !isElement(element) ? element.contextElement : element;
}

function getScale(element) {
  const domElement = unwrapElement(element);
  if (!isHTMLElement(domElement)) {
    return createCoords(1);
  }
  const rect = domElement.getBoundingClientRect();
  const {
    width,
    height,
    $
  } = getCssDimensions(domElement);
  let x = ($ ? round(rect.width) : rect.width) / width;
  let y = ($ ? round(rect.height) : rect.height) / height;

  // 0, NaN, or Infinity should always fallback to 1.

  if (!x || !Number.isFinite(x)) {
    x = 1;
  }
  if (!y || !Number.isFinite(y)) {
    y = 1;
  }
  return {
    x,
    y
  };
}

const noOffsets = /*#__PURE__*/createCoords(0);
function getVisualOffsets(element) {
  const win = getWindow(element);
  if (!isWebKit() || !win.visualViewport) {
    return noOffsets;
  }
  return {
    x: win.visualViewport.offsetLeft,
    y: win.visualViewport.offsetTop
  };
}
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
  if (isFixed === void 0) {
    isFixed = false;
  }
  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
    return false;
  }
  return isFixed;
}

function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
  if (includeScale === void 0) {
    includeScale = false;
  }
  if (isFixedStrategy === void 0) {
    isFixedStrategy = false;
  }
  const clientRect = element.getBoundingClientRect();
  const domElement = unwrapElement(element);
  let scale = createCoords(1);
  if (includeScale) {
    if (offsetParent) {
      if (isElement(offsetParent)) {
        scale = getScale(offsetParent);
      }
    } else {
      scale = getScale(element);
    }
  }
  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
  let x = (clientRect.left + visualOffsets.x) / scale.x;
  let y = (clientRect.top + visualOffsets.y) / scale.y;
  let width = clientRect.width / scale.x;
  let height = clientRect.height / scale.y;
  if (domElement) {
    const win = getWindow(domElement);
    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
    let currentIFrame = win.frameElement;
    while (currentIFrame && offsetParent && offsetWin !== win) {
      const iframeScale = getScale(currentIFrame);
      const iframeRect = currentIFrame.getBoundingClientRect();
      const css = floating_ui_utils_dom_getComputedStyle(currentIFrame);
      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
      x *= iframeScale.x;
      y *= iframeScale.y;
      width *= iframeScale.x;
      height *= iframeScale.y;
      x += left;
      y += top;
      currentIFrame = getWindow(currentIFrame).frameElement;
    }
  }
  return rectToClientRect({
    width,
    height,
    x,
    y
  });
}

function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
  let {
    rect,
    offsetParent,
    strategy
  } = _ref;
  const isOffsetParentAnElement = isHTMLElement(offsetParent);
  const documentElement = getDocumentElement(offsetParent);
  if (offsetParent === documentElement) {
    return rect;
  }
  let scroll = {
    scrollLeft: 0,
    scrollTop: 0
  };
  let scale = createCoords(1);
  const offsets = createCoords(0);
  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
      scroll = getNodeScroll(offsetParent);
    }
    if (isHTMLElement(offsetParent)) {
      const offsetRect = getBoundingClientRect(offsetParent);
      scale = getScale(offsetParent);
      offsets.x = offsetRect.x + offsetParent.clientLeft;
      offsets.y = offsetRect.y + offsetParent.clientTop;
    }
  }
  return {
    width: rect.width * scale.x,
    height: rect.height * scale.y,
    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
  };
}

function getClientRects(element) {
  return Array.from(element.getClientRects());
}

function getWindowScrollBarX(element) {
  // If <html> has a CSS width greater than the viewport, then this will be
  // incorrect for RTL.
  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
}

// Gets the entire size of the scrollable document area, even extending outside
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
function getDocumentRect(element) {
  const html = getDocumentElement(element);
  const scroll = getNodeScroll(element);
  const body = element.ownerDocument.body;
  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
  const y = -scroll.scrollTop;
  if (floating_ui_utils_dom_getComputedStyle(body).direction === 'rtl') {
    x += max(html.clientWidth, body.clientWidth) - width;
  }
  return {
    width,
    height,
    x,
    y
  };
}

function getViewportRect(element, strategy) {
  const win = getWindow(element);
  const html = getDocumentElement(element);
  const visualViewport = win.visualViewport;
  let width = html.clientWidth;
  let height = html.clientHeight;
  let x = 0;
  let y = 0;
  if (visualViewport) {
    width = visualViewport.width;
    height = visualViewport.height;
    const visualViewportBased = isWebKit();
    if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
      x = visualViewport.offsetLeft;
      y = visualViewport.offsetTop;
    }
  }
  return {
    width,
    height,
    x,
    y
  };
}

// Returns the inner client rect, subtracting scrollbars if present.
function getInnerBoundingClientRect(element, strategy) {
  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
  const top = clientRect.top + element.clientTop;
  const left = clientRect.left + element.clientLeft;
  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
  const width = element.clientWidth * scale.x;
  const height = element.clientHeight * scale.y;
  const x = left * scale.x;
  const y = top * scale.y;
  return {
    width,
    height,
    x,
    y
  };
}
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
  let rect;
  if (clippingAncestor === 'viewport') {
    rect = getViewportRect(element, strategy);
  } else if (clippingAncestor === 'document') {
    rect = getDocumentRect(getDocumentElement(element));
  } else if (isElement(clippingAncestor)) {
    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
  } else {
    const visualOffsets = getVisualOffsets(element);
    rect = {
      ...clippingAncestor,
      x: clippingAncestor.x - visualOffsets.x,
      y: clippingAncestor.y - visualOffsets.y
    };
  }
  return rectToClientRect(rect);
}
function hasFixedPositionAncestor(element, stopNode) {
  const parentNode = getParentNode(element);
  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
    return false;
  }
  return floating_ui_utils_dom_getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
}

// A "clipping ancestor" is an `overflow` element with the characteristic of
// clipping (or hiding) child elements. This returns all clipping ancestors
// of the given element up the tree.
function getClippingElementAncestors(element, cache) {
  const cachedResult = cache.get(element);
  if (cachedResult) {
    return cachedResult;
  }
  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
  let currentContainingBlockComputedStyle = null;
  const elementIsFixed = floating_ui_utils_dom_getComputedStyle(element).position === 'fixed';
  let currentNode = elementIsFixed ? getParentNode(element) : element;

  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
    const computedStyle = floating_ui_utils_dom_getComputedStyle(currentNode);
    const currentNodeIsContaining = isContainingBlock(currentNode);
    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
      currentContainingBlockComputedStyle = null;
    }
    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
    if (shouldDropCurrentNode) {
      // Drop non-containing blocks.
      result = result.filter(ancestor => ancestor !== currentNode);
    } else {
      // Record last containing block for next iteration.
      currentContainingBlockComputedStyle = computedStyle;
    }
    currentNode = getParentNode(currentNode);
  }
  cache.set(element, result);
  return result;
}

// Gets the maximum area that the element is visible in due to any number of
// clipping ancestors.
function getClippingRect(_ref) {
  let {
    element,
    boundary,
    rootBoundary,
    strategy
  } = _ref;
  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
  const firstClippingAncestor = clippingAncestors[0];
  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
    accRect.top = max(rect.top, accRect.top);
    accRect.right = min(rect.right, accRect.right);
    accRect.bottom = min(rect.bottom, accRect.bottom);
    accRect.left = max(rect.left, accRect.left);
    return accRect;
  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
  return {
    width: clippingRect.right - clippingRect.left,
    height: clippingRect.bottom - clippingRect.top,
    x: clippingRect.left,
    y: clippingRect.top
  };
}

function getDimensions(element) {
  return getCssDimensions(element);
}

function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
  const isOffsetParentAnElement = isHTMLElement(offsetParent);
  const documentElement = getDocumentElement(offsetParent);
  const isFixed = strategy === 'fixed';
  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
  let scroll = {
    scrollLeft: 0,
    scrollTop: 0
  };
  const offsets = createCoords(0);
  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
      scroll = getNodeScroll(offsetParent);
    }
    if (isOffsetParentAnElement) {
      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
      offsets.x = offsetRect.x + offsetParent.clientLeft;
      offsets.y = offsetRect.y + offsetParent.clientTop;
    } else if (documentElement) {
      offsets.x = getWindowScrollBarX(documentElement);
    }
  }
  return {
    x: rect.left + scroll.scrollLeft - offsets.x,
    y: rect.top + scroll.scrollTop - offsets.y,
    width: rect.width,
    height: rect.height
  };
}

function getTrueOffsetParent(element, polyfill) {
  if (!isHTMLElement(element) || floating_ui_utils_dom_getComputedStyle(element).position === 'fixed') {
    return null;
  }
  if (polyfill) {
    return polyfill(element);
  }
  return element.offsetParent;
}

// Gets the closest ancestor positioned element. Handles some edge cases,
// such as table ancestors and cross browser bugs.
function getOffsetParent(element, polyfill) {
  const window = getWindow(element);
  if (!isHTMLElement(element)) {
    return window;
  }
  let offsetParent = getTrueOffsetParent(element, polyfill);
  while (offsetParent && isTableElement(offsetParent) && floating_ui_utils_dom_getComputedStyle(offsetParent).position === 'static') {
    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
  }
  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && floating_ui_utils_dom_getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
    return window;
  }
  return offsetParent || getContainingBlock(element) || window;
}

const getElementRects = async function (_ref) {
  let {
    reference,
    floating,
    strategy
  } = _ref;
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
  const getDimensionsFn = this.getDimensions;
  return {
    reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
    floating: {
      x: 0,
      y: 0,
      ...(await getDimensionsFn(floating))
    }
  };
};

function isRTL(element) {
  return floating_ui_utils_dom_getComputedStyle(element).direction === 'rtl';
}

const platform = {
  convertOffsetParentRelativeRectToViewportRelativeRect,
  getDocumentElement: getDocumentElement,
  getClippingRect,
  getOffsetParent,
  getElementRects,
  getClientRects,
  getDimensions,
  getScale,
  isElement: isElement,
  isRTL
};

// https://samthor.au/2021/observing-dom/
function observeMove(element, onMove) {
  let io = null;
  let timeoutId;
  const root = getDocumentElement(element);
  function cleanup() {
    clearTimeout(timeoutId);
    io && io.disconnect();
    io = null;
  }
  function refresh(skip, threshold) {
    if (skip === void 0) {
      skip = false;
    }
    if (threshold === void 0) {
      threshold = 1;
    }
    cleanup();
    const {
      left,
      top,
      width,
      height
    } = element.getBoundingClientRect();
    if (!skip) {
      onMove();
    }
    if (!width || !height) {
      return;
    }
    const insetTop = floor(top);
    const insetRight = floor(root.clientWidth - (left + width));
    const insetBottom = floor(root.clientHeight - (top + height));
    const insetLeft = floor(left);
    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
    const options = {
      rootMargin,
      threshold: max(0, min(1, threshold)) || 1
    };
    let isFirstUpdate = true;
    function handleObserve(entries) {
      const ratio = entries[0].intersectionRatio;
      if (ratio !== threshold) {
        if (!isFirstUpdate) {
          return refresh();
        }
        if (!ratio) {
          timeoutId = setTimeout(() => {
            refresh(false, 1e-7);
          }, 100);
        } else {
          refresh(false, ratio);
        }
      }
      isFirstUpdate = false;
    }

    // Older browsers don't support a `document` as the root and will throw an
    // error.
    try {
      io = new IntersectionObserver(handleObserve, {
        ...options,
        // Handle <iframe>s
        root: root.ownerDocument
      });
    } catch (e) {
      io = new IntersectionObserver(handleObserve, options);
    }
    io.observe(element);
  }
  refresh(true);
  return cleanup;
}

/**
 * Automatically updates the position of the floating element when necessary.
 * Should only be called when the floating element is mounted on the DOM or
 * visible on the screen.
 * @returns cleanup function that should be invoked when the floating element is
 * removed from the DOM or hidden from the screen.
 * @see https://floating-ui.com/docs/autoUpdate
 */
function autoUpdate(reference, floating, update, options) {
  if (options === void 0) {
    options = {};
  }
  const {
    ancestorScroll = true,
    ancestorResize = true,
    elementResize = typeof ResizeObserver === 'function',
    layoutShift = typeof IntersectionObserver === 'function',
    animationFrame = false
  } = options;
  const referenceEl = unwrapElement(reference);
  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
  ancestors.forEach(ancestor => {
    ancestorScroll && ancestor.addEventListener('scroll', update, {
      passive: true
    });
    ancestorResize && ancestor.addEventListener('resize', update);
  });
  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
  let reobserveFrame = -1;
  let resizeObserver = null;
  if (elementResize) {
    resizeObserver = new ResizeObserver(_ref => {
      let [firstEntry] = _ref;
      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
        // Prevent update loops when using the `size` middleware.
        // https://github.com/floating-ui/floating-ui/issues/1740
        resizeObserver.unobserve(floating);
        cancelAnimationFrame(reobserveFrame);
        reobserveFrame = requestAnimationFrame(() => {
          resizeObserver && resizeObserver.observe(floating);
        });
      }
      update();
    });
    if (referenceEl && !animationFrame) {
      resizeObserver.observe(referenceEl);
    }
    resizeObserver.observe(floating);
  }
  let frameId;
  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
  if (animationFrame) {
    frameLoop();
  }
  function frameLoop() {
    const nextRefRect = getBoundingClientRect(reference);
    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
      update();
    }
    prevRefRect = nextRefRect;
    frameId = requestAnimationFrame(frameLoop);
  }
  update();
  return () => {
    ancestors.forEach(ancestor => {
      ancestorScroll && ancestor.removeEventListener('scroll', update);
      ancestorResize && ancestor.removeEventListener('resize', update);
    });
    cleanupIo && cleanupIo();
    resizeObserver && resizeObserver.disconnect();
    resizeObserver = null;
    if (animationFrame) {
      cancelAnimationFrame(frameId);
    }
  };
}

/**
 * Computes the `x` and `y` coordinates that will place the floating element
 * next to a reference element when it is given a certain CSS positioning
 * strategy.
 */
const computePosition = (reference, floating, options) => {
  // This caches the expensive `getClippingElementAncestors` function so that
  // multiple lifecycle resets re-use the same result. It only lives for a
  // single call. If other functions become expensive, we can add them as well.
  const cache = new Map();
  const mergedOptions = {
    platform,
    ...options
  };
  const platformWithCache = {
    ...mergedOptions.platform,
    _c: cache
  };
  return computePosition$1(reference, floating, {
    ...mergedOptions,
    platform: platformWithCache
  });
};



;// CONCATENATED MODULE: ./node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js


var index =  external_React_.useLayoutEffect ;

/* harmony default export */ const use_isomorphic_layout_effect_browser_esm = (index);

;// CONCATENATED MODULE: ./node_modules/react-select/dist/index-a301f526.esm.js













var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
// ==============================
// NO OP
// ==============================

var noop = function noop() {};

// ==============================
// Class Name Prefixer
// ==============================

/**
 String representation of component state for styling with class names.

 Expects an array of strings OR a string/object pair:
 - className(['comp', 'comp-arg', 'comp-arg-2'])
   @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
 - className('comp', { some: true, state: false })
   @returns 'react-select__comp react-select__comp--some'
*/
function applyPrefixToName(prefix, name) {
  if (!name) {
    return prefix;
  } else if (name[0] === '-') {
    return prefix + name;
  } else {
    return prefix + '__' + name;
  }
}
function classNames(prefix, state) {
  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
    classNameList[_key - 2] = arguments[_key];
  }
  var arr = [].concat(classNameList);
  if (state && prefix) {
    for (var key in state) {
      if (state.hasOwnProperty(key) && state[key]) {
        arr.push("".concat(applyPrefixToName(prefix, key)));
      }
    }
  }
  return arr.filter(function (i) {
    return i;
  }).map(function (i) {
    return String(i).trim();
  }).join(' ');
}
// ==============================
// Clean Value
// ==============================

var cleanValue = function cleanValue(value) {
  if (index_a301f526_esm_isArray(value)) return value.filter(Boolean);
  if (typeof_typeof(value) === 'object' && value !== null) return [value];
  return [];
};

// ==============================
// Clean Common Props
// ==============================

var cleanCommonProps = function cleanCommonProps(props) {
  //className
  props.className;
    props.clearValue;
    props.cx;
    props.getStyles;
    props.getClassNames;
    props.getValue;
    props.hasValue;
    props.isMulti;
    props.isRtl;
    props.options;
    props.selectOption;
    props.selectProps;
    props.setValue;
    props.theme;
    var innerProps = objectWithoutProperties_objectWithoutProperties(props, _excluded$4);
  return objectSpread2_objectSpread2({}, innerProps);
};

// ==============================
// Get Style Props
// ==============================

var getStyleProps = function getStyleProps(props, name, classNamesState) {
  var cx = props.cx,
    getStyles = props.getStyles,
    getClassNames = props.getClassNames,
    className = props.className;
  return {
    css: getStyles(name, props),
    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
  };
};

// ==============================
// Handle Input Change
// ==============================

function handleInputChange(inputValue, actionMeta, onInputChange) {
  if (onInputChange) {
    var _newValue = onInputChange(inputValue, actionMeta);
    if (typeof _newValue === 'string') return _newValue;
  }
  return inputValue;
}

// ==============================
// Scroll Helpers
// ==============================

function isDocumentElement(el) {
  return [document.documentElement, document.body, window].indexOf(el) > -1;
}

// Normalized Scroll Top
// ------------------------------

function normalizedHeight(el) {
  if (isDocumentElement(el)) {
    return window.innerHeight;
  }
  return el.clientHeight;
}

// Normalized scrollTo & scrollTop
// ------------------------------

function getScrollTop(el) {
  if (isDocumentElement(el)) {
    return window.pageYOffset;
  }
  return el.scrollTop;
}
function scrollTo(el, top) {
  // with a scroll distance, we perform scroll on the element
  if (isDocumentElement(el)) {
    window.scrollTo(0, top);
    return;
  }
  el.scrollTop = top;
}

// Get Scroll Parent
// ------------------------------

function getScrollParent(element) {
  var style = getComputedStyle(element);
  var excludeStaticParent = style.position === 'absolute';
  var overflowRx = /(auto|scroll)/;
  if (style.position === 'fixed') return document.documentElement;
  for (var parent = element; parent = parent.parentElement;) {
    style = getComputedStyle(parent);
    if (excludeStaticParent && style.position === 'static') {
      continue;
    }
    if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
      return parent;
    }
  }
  return document.documentElement;
}

// Animated Scroll To
// ------------------------------

/**
  @param t: time (elapsed)
  @param b: initial value
  @param c: amount of change
  @param d: duration
*/
function easeOutCubic(t, b, c, d) {
  return c * ((t = t / d - 1) * t * t + 1) + b;
}
function animatedScrollTo(element, to) {
  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
  var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
  var start = getScrollTop(element);
  var change = to - start;
  var increment = 10;
  var currentTime = 0;
  function animateScroll() {
    currentTime += increment;
    var val = easeOutCubic(currentTime, start, change, duration);
    scrollTo(element, val);
    if (currentTime < duration) {
      window.requestAnimationFrame(animateScroll);
    } else {
      callback(element);
    }
  }
  animateScroll();
}

// Scroll Into View
// ------------------------------

function scrollIntoView(menuEl, focusedEl) {
  var menuRect = menuEl.getBoundingClientRect();
  var focusedRect = focusedEl.getBoundingClientRect();
  var overScroll = focusedEl.offsetHeight / 3;
  if (focusedRect.bottom + overScroll > menuRect.bottom) {
    scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));
  } else if (focusedRect.top - overScroll < menuRect.top) {
    scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
  }
}

// ==============================
// Get bounding client object
// ==============================

// cannot get keys using array notation with DOMRect
function getBoundingClientObj(element) {
  var rect = element.getBoundingClientRect();
  return {
    bottom: rect.bottom,
    height: rect.height,
    left: rect.left,
    right: rect.right,
    top: rect.top,
    width: rect.width
  };
}

// ==============================
// Touch Capability Detector
// ==============================

function isTouchCapable() {
  try {
    document.createEvent('TouchEvent');
    return true;
  } catch (e) {
    return false;
  }
}

// ==============================
// Mobile Device Detector
// ==============================

function isMobileDevice() {
  try {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
  } catch (e) {
    return false;
  }
}

// ==============================
// Passive Event Detector
// ==============================

// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36
var passiveOptionAccessed = false;
var options = {
  get passive() {
    return passiveOptionAccessed = true;
  }
};
// check for SSR
var w = typeof window !== 'undefined' ? window : {};
if (w.addEventListener && w.removeEventListener) {
  w.addEventListener('p', noop, options);
  w.removeEventListener('p', noop, false);
}
var supportsPassiveEvents = passiveOptionAccessed;
function notNullish(item) {
  return item != null;
}
function index_a301f526_esm_isArray(arg) {
  return Array.isArray(arg);
}
function valueTernary(isMulti, multiValue, singleValue) {
  return isMulti ? multiValue : singleValue;
}
function singleValueAsValue(singleValue) {
  return singleValue;
}
function multiValueAsValue(multiValue) {
  return multiValue;
}
var removeProps = function removeProps(propsObj) {
  for (var _len2 = arguments.length, properties = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
    properties[_key2 - 1] = arguments[_key2];
  }
  var propsMap = Object.entries(propsObj).filter(function (_ref) {
    var _ref2 = esm_slicedToArray_slicedToArray(_ref, 1),
      key = _ref2[0];
    return !properties.includes(key);
  });
  return propsMap.reduce(function (newProps, _ref3) {
    var _ref4 = esm_slicedToArray_slicedToArray(_ref3, 2),
      key = _ref4[0],
      val = _ref4[1];
    newProps[key] = val;
    return newProps;
  }, {});
};

var _excluded$3 = ["children", "innerProps"],
  _excluded2$1 = ["children", "innerProps"];
function getMenuPlacement(_ref) {
  var preferredMaxHeight = _ref.maxHeight,
    menuEl = _ref.menuEl,
    minHeight = _ref.minHeight,
    preferredPlacement = _ref.placement,
    shouldScroll = _ref.shouldScroll,
    isFixedPosition = _ref.isFixedPosition,
    controlHeight = _ref.controlHeight;
  var scrollParent = getScrollParent(menuEl);
  var defaultState = {
    placement: 'bottom',
    maxHeight: preferredMaxHeight
  };

  // something went wrong, return default state
  if (!menuEl || !menuEl.offsetParent) return defaultState;

  // we can't trust `scrollParent.scrollHeight` --> it may increase when
  // the menu is rendered
  var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
    scrollHeight = _scrollParent$getBoun.height;
  var _menuEl$getBoundingCl = menuEl.getBoundingClientRect(),
    menuBottom = _menuEl$getBoundingCl.bottom,
    menuHeight = _menuEl$getBoundingCl.height,
    menuTop = _menuEl$getBoundingCl.top;
  var _menuEl$offsetParent$ = menuEl.offsetParent.getBoundingClientRect(),
    containerTop = _menuEl$offsetParent$.top;
  var viewHeight = isFixedPosition ? window.innerHeight : normalizedHeight(scrollParent);
  var scrollTop = getScrollTop(scrollParent);
  var marginBottom = parseInt(getComputedStyle(menuEl).marginBottom, 10);
  var marginTop = parseInt(getComputedStyle(menuEl).marginTop, 10);
  var viewSpaceAbove = containerTop - marginTop;
  var viewSpaceBelow = viewHeight - menuTop;
  var scrollSpaceAbove = viewSpaceAbove + scrollTop;
  var scrollSpaceBelow = scrollHeight - scrollTop - menuTop;
  var scrollDown = menuBottom - viewHeight + scrollTop + marginBottom;
  var scrollUp = scrollTop + menuTop - marginTop;
  var scrollDuration = 160;
  switch (preferredPlacement) {
    case 'auto':
    case 'bottom':
      // 1: the menu will fit, do nothing
      if (viewSpaceBelow >= menuHeight) {
        return {
          placement: 'bottom',
          maxHeight: preferredMaxHeight
        };
      }

      // 2: the menu will fit, if scrolled
      if (scrollSpaceBelow >= menuHeight && !isFixedPosition) {
        if (shouldScroll) {
          animatedScrollTo(scrollParent, scrollDown, scrollDuration);
        }
        return {
          placement: 'bottom',
          maxHeight: preferredMaxHeight
        };
      }

      // 3: the menu will fit, if constrained
      if (!isFixedPosition && scrollSpaceBelow >= minHeight || isFixedPosition && viewSpaceBelow >= minHeight) {
        if (shouldScroll) {
          animatedScrollTo(scrollParent, scrollDown, scrollDuration);
        }

        // we want to provide as much of the menu as possible to the user,
        // so give them whatever is available below rather than the minHeight.
        var constrainedHeight = isFixedPosition ? viewSpaceBelow - marginBottom : scrollSpaceBelow - marginBottom;
        return {
          placement: 'bottom',
          maxHeight: constrainedHeight
        };
      }

      // 4. Forked beviour when there isn't enough space below

      // AUTO: flip the menu, render above
      if (preferredPlacement === 'auto' || isFixedPosition) {
        // may need to be constrained after flipping
        var _constrainedHeight = preferredMaxHeight;
        var spaceAbove = isFixedPosition ? viewSpaceAbove : scrollSpaceAbove;
        if (spaceAbove >= minHeight) {
          _constrainedHeight = Math.min(spaceAbove - marginBottom - controlHeight, preferredMaxHeight);
        }
        return {
          placement: 'top',
          maxHeight: _constrainedHeight
        };
      }

      // BOTTOM: allow browser to increase scrollable area and immediately set scroll
      if (preferredPlacement === 'bottom') {
        if (shouldScroll) {
          scrollTo(scrollParent, scrollDown);
        }
        return {
          placement: 'bottom',
          maxHeight: preferredMaxHeight
        };
      }
      break;
    case 'top':
      // 1: the menu will fit, do nothing
      if (viewSpaceAbove >= menuHeight) {
        return {
          placement: 'top',
          maxHeight: preferredMaxHeight
        };
      }

      // 2: the menu will fit, if scrolled
      if (scrollSpaceAbove >= menuHeight && !isFixedPosition) {
        if (shouldScroll) {
          animatedScrollTo(scrollParent, scrollUp, scrollDuration);
        }
        return {
          placement: 'top',
          maxHeight: preferredMaxHeight
        };
      }

      // 3: the menu will fit, if constrained
      if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
        var _constrainedHeight2 = preferredMaxHeight;

        // we want to provide as much of the menu as possible to the user,
        // so give them whatever is available below rather than the minHeight.
        if (!isFixedPosition && scrollSpaceAbove >= minHeight || isFixedPosition && viewSpaceAbove >= minHeight) {
          _constrainedHeight2 = isFixedPosition ? viewSpaceAbove - marginTop : scrollSpaceAbove - marginTop;
        }
        if (shouldScroll) {
          animatedScrollTo(scrollParent, scrollUp, scrollDuration);
        }
        return {
          placement: 'top',
          maxHeight: _constrainedHeight2
        };
      }

      // 4. not enough space, the browser WILL NOT increase scrollable area when
      // absolutely positioned element rendered above the viewport (only below).
      // Flip the menu, render below
      return {
        placement: 'bottom',
        maxHeight: preferredMaxHeight
      };
    default:
      throw new Error("Invalid placement provided \"".concat(preferredPlacement, "\"."));
  }
  return defaultState;
}

// Menu Component
// ------------------------------

function alignToControl(placement) {
  var placementToCSSProp = {
    bottom: 'top',
    top: 'bottom'
  };
  return placement ? placementToCSSProp[placement] : 'bottom';
}
var coercePlacement = function coercePlacement(p) {
  return p === 'auto' ? 'bottom' : p;
};
var menuCSS = function menuCSS(_ref2, unstyled) {
  var _objectSpread2;
  var placement = _ref2.placement,
    _ref2$theme = _ref2.theme,
    borderRadius = _ref2$theme.borderRadius,
    spacing = _ref2$theme.spacing,
    colors = _ref2$theme.colors;
  return objectSpread2_objectSpread2((_objectSpread2 = {
    label: 'menu'
  }, esm_defineProperty_defineProperty(_objectSpread2, alignToControl(placement), '100%'), esm_defineProperty_defineProperty(_objectSpread2, "position", 'absolute'), esm_defineProperty_defineProperty(_objectSpread2, "width", '100%'), esm_defineProperty_defineProperty(_objectSpread2, "zIndex", 1), _objectSpread2), unstyled ? {} : {
    backgroundColor: colors.neutral0,
    borderRadius: borderRadius,
    boxShadow: '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)',
    marginBottom: spacing.menuGutter,
    marginTop: spacing.menuGutter
  });
};
var PortalPlacementContext = /*#__PURE__*/(0,external_React_.createContext)(null);

// NOTE: internal only
var MenuPlacer = function MenuPlacer(props) {
  var children = props.children,
    minMenuHeight = props.minMenuHeight,
    maxMenuHeight = props.maxMenuHeight,
    menuPlacement = props.menuPlacement,
    menuPosition = props.menuPosition,
    menuShouldScrollIntoView = props.menuShouldScrollIntoView,
    theme = props.theme;
  var _ref3 = (0,external_React_.useContext)(PortalPlacementContext) || {},
    setPortalPlacement = _ref3.setPortalPlacement;
  var ref = (0,external_React_.useRef)(null);
  var _useState = (0,external_React_.useState)(maxMenuHeight),
    _useState2 = esm_slicedToArray_slicedToArray(_useState, 2),
    maxHeight = _useState2[0],
    setMaxHeight = _useState2[1];
  var _useState3 = (0,external_React_.useState)(null),
    _useState4 = esm_slicedToArray_slicedToArray(_useState3, 2),
    placement = _useState4[0],
    setPlacement = _useState4[1];
  var controlHeight = theme.spacing.controlHeight;
  use_isomorphic_layout_effect_browser_esm(function () {
    var menuEl = ref.current;
    if (!menuEl) return;

    // DO NOT scroll if position is fixed
    var isFixedPosition = menuPosition === 'fixed';
    var shouldScroll = menuShouldScrollIntoView && !isFixedPosition;
    var state = getMenuPlacement({
      maxHeight: maxMenuHeight,
      menuEl: menuEl,
      minHeight: minMenuHeight,
      placement: menuPlacement,
      shouldScroll: shouldScroll,
      isFixedPosition: isFixedPosition,
      controlHeight: controlHeight
    });
    setMaxHeight(state.maxHeight);
    setPlacement(state.placement);
    setPortalPlacement === null || setPortalPlacement === void 0 ? void 0 : setPortalPlacement(state.placement);
  }, [maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, setPortalPlacement, controlHeight]);
  return children({
    ref: ref,
    placerProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
      placement: placement || coercePlacement(menuPlacement),
      maxHeight: maxHeight
    })
  });
};
var Menu = function Menu(props) {
  var children = props.children,
    innerRef = props.innerRef,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'menu', {
    menu: true
  }), {
    ref: innerRef
  }, innerProps), children);
};
var Menu$1 = Menu;

// ==============================
// Menu List
// ==============================

var menuListCSS = function menuListCSS(_ref4, unstyled) {
  var maxHeight = _ref4.maxHeight,
    baseUnit = _ref4.theme.spacing.baseUnit;
  return objectSpread2_objectSpread2({
    maxHeight: maxHeight,
    overflowY: 'auto',
    position: 'relative',
    // required for offset[Height, Top] > keyboard scroll
    WebkitOverflowScrolling: 'touch'
  }, unstyled ? {} : {
    paddingBottom: baseUnit,
    paddingTop: baseUnit
  });
};
var MenuList = function MenuList(props) {
  var children = props.children,
    innerProps = props.innerProps,
    innerRef = props.innerRef,
    isMulti = props.isMulti;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'menuList', {
    'menu-list': true,
    'menu-list--is-multi': isMulti
  }), {
    ref: innerRef
  }, innerProps), children);
};

// ==============================
// Menu Notices
// ==============================

var noticeCSS = function noticeCSS(_ref5, unstyled) {
  var _ref5$theme = _ref5.theme,
    baseUnit = _ref5$theme.spacing.baseUnit,
    colors = _ref5$theme.colors;
  return objectSpread2_objectSpread2({
    textAlign: 'center'
  }, unstyled ? {} : {
    color: colors.neutral40,
    padding: "".concat(baseUnit * 2, "px ").concat(baseUnit * 3, "px")
  });
};
var noOptionsMessageCSS = noticeCSS;
var loadingMessageCSS = noticeCSS;
var NoOptionsMessage = function NoOptionsMessage(_ref6) {
  var _ref6$children = _ref6.children,
    children = _ref6$children === void 0 ? 'No options' : _ref6$children,
    innerProps = _ref6.innerProps,
    restProps = objectWithoutProperties_objectWithoutProperties(_ref6, _excluded$3);
  return jsx("div", esm_extends_extends({}, getStyleProps(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
    children: children,
    innerProps: innerProps
  }), 'noOptionsMessage', {
    'menu-notice': true,
    'menu-notice--no-options': true
  }), innerProps), children);
};
var LoadingMessage = function LoadingMessage(_ref7) {
  var _ref7$children = _ref7.children,
    children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
    innerProps = _ref7.innerProps,
    restProps = objectWithoutProperties_objectWithoutProperties(_ref7, _excluded2$1);
  return jsx("div", esm_extends_extends({}, getStyleProps(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
    children: children,
    innerProps: innerProps
  }), 'loadingMessage', {
    'menu-notice': true,
    'menu-notice--loading': true
  }), innerProps), children);
};

// ==============================
// Menu Portal
// ==============================

var menuPortalCSS = function menuPortalCSS(_ref8) {
  var rect = _ref8.rect,
    offset = _ref8.offset,
    position = _ref8.position;
  return {
    left: rect.left,
    position: position,
    top: offset,
    width: rect.width,
    zIndex: 1
  };
};
var MenuPortal = function MenuPortal(props) {
  var appendTo = props.appendTo,
    children = props.children,
    controlElement = props.controlElement,
    innerProps = props.innerProps,
    menuPlacement = props.menuPlacement,
    menuPosition = props.menuPosition;
  var menuPortalRef = (0,external_React_.useRef)(null);
  var cleanupRef = (0,external_React_.useRef)(null);
  var _useState5 = (0,external_React_.useState)(coercePlacement(menuPlacement)),
    _useState6 = esm_slicedToArray_slicedToArray(_useState5, 2),
    placement = _useState6[0],
    setPortalPlacement = _useState6[1];
  var portalPlacementContext = (0,external_React_.useMemo)(function () {
    return {
      setPortalPlacement: setPortalPlacement
    };
  }, []);
  var _useState7 = (0,external_React_.useState)(null),
    _useState8 = esm_slicedToArray_slicedToArray(_useState7, 2),
    computedPosition = _useState8[0],
    setComputedPosition = _useState8[1];
  var updateComputedPosition = (0,external_React_.useCallback)(function () {
    if (!controlElement) return;
    var rect = getBoundingClientObj(controlElement);
    var scrollDistance = menuPosition === 'fixed' ? 0 : window.pageYOffset;
    var offset = rect[placement] + scrollDistance;
    if (offset !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset) || rect.left !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left) || rect.width !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width)) {
      setComputedPosition({
        offset: offset,
        rect: rect
      });
    }
  }, [controlElement, menuPosition, placement, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.left, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.rect.width]);
  use_isomorphic_layout_effect_browser_esm(function () {
    updateComputedPosition();
  }, [updateComputedPosition]);
  var runAutoUpdate = (0,external_React_.useCallback)(function () {
    if (typeof cleanupRef.current === 'function') {
      cleanupRef.current();
      cleanupRef.current = null;
    }
    if (controlElement && menuPortalRef.current) {
      cleanupRef.current = autoUpdate(controlElement, menuPortalRef.current, updateComputedPosition, {
        elementResize: 'ResizeObserver' in window
      });
    }
  }, [controlElement, updateComputedPosition]);
  use_isomorphic_layout_effect_browser_esm(function () {
    runAutoUpdate();
  }, [runAutoUpdate]);
  var setMenuPortalElement = (0,external_React_.useCallback)(function (menuPortalElement) {
    menuPortalRef.current = menuPortalElement;
    runAutoUpdate();
  }, [runAutoUpdate]);

  // bail early if required elements aren't present
  if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;

  // same wrapper element whether fixed or portalled
  var menuWrapper = jsx("div", esm_extends_extends({
    ref: setMenuPortalElement
  }, getStyleProps(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, props), {}, {
    offset: computedPosition.offset,
    position: menuPosition,
    rect: computedPosition.rect
  }), 'menuPortal', {
    'menu-portal': true
  }), innerProps), children);
  return jsx(PortalPlacementContext.Provider, {
    value: portalPlacementContext
  }, appendTo ? /*#__PURE__*/(0,external_ReactDOM_namespaceObject.createPortal)(menuWrapper, appendTo) : menuWrapper);
};

// ==============================
// Root Container
// ==============================

var containerCSS = function containerCSS(_ref) {
  var isDisabled = _ref.isDisabled,
    isRtl = _ref.isRtl;
  return {
    label: 'container',
    direction: isRtl ? 'rtl' : undefined,
    pointerEvents: isDisabled ? 'none' : undefined,
    // cancel mouse events when disabled
    position: 'relative'
  };
};
var SelectContainer = function SelectContainer(props) {
  var children = props.children,
    innerProps = props.innerProps,
    isDisabled = props.isDisabled,
    isRtl = props.isRtl;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'container', {
    '--is-disabled': isDisabled,
    '--is-rtl': isRtl
  }), innerProps), children);
};

// ==============================
// Value Container
// ==============================

var valueContainerCSS = function valueContainerCSS(_ref2, unstyled) {
  var spacing = _ref2.theme.spacing,
    isMulti = _ref2.isMulti,
    hasValue = _ref2.hasValue,
    controlShouldRenderValue = _ref2.selectProps.controlShouldRenderValue;
  return objectSpread2_objectSpread2({
    alignItems: 'center',
    display: isMulti && hasValue && controlShouldRenderValue ? 'flex' : 'grid',
    flex: 1,
    flexWrap: 'wrap',
    WebkitOverflowScrolling: 'touch',
    position: 'relative',
    overflow: 'hidden'
  }, unstyled ? {} : {
    padding: "".concat(spacing.baseUnit / 2, "px ").concat(spacing.baseUnit * 2, "px")
  });
};
var ValueContainer = function ValueContainer(props) {
  var children = props.children,
    innerProps = props.innerProps,
    isMulti = props.isMulti,
    hasValue = props.hasValue;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'valueContainer', {
    'value-container': true,
    'value-container--is-multi': isMulti,
    'value-container--has-value': hasValue
  }), innerProps), children);
};

// ==============================
// Indicator Container
// ==============================

var indicatorsContainerCSS = function indicatorsContainerCSS() {
  return {
    alignItems: 'center',
    alignSelf: 'stretch',
    display: 'flex',
    flexShrink: 0
  };
};
var IndicatorsContainer = function IndicatorsContainer(props) {
  var children = props.children,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'indicatorsContainer', {
    indicators: true
  }), innerProps), children);
};

var _templateObject;
var _excluded$2 = ["size"],
  _excluded2 = ["innerProps", "isRtl", "size"];
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

// ==============================
// Dropdown & Clear Icons
// ==============================
var _ref2 =  true ? {
  name: "8mmkcg",
  styles: "display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"
} : 0;
var Svg = function Svg(_ref) {
  var size = _ref.size,
    props = objectWithoutProperties_objectWithoutProperties(_ref, _excluded$2);
  return jsx("svg", esm_extends_extends({
    height: size,
    width: size,
    viewBox: "0 0 20 20",
    "aria-hidden": "true",
    focusable: "false",
    css: _ref2
  }, props));
};
var CrossIcon = function CrossIcon(props) {
  return jsx(Svg, esm_extends_extends({
    size: 20
  }, props), jsx("path", {
    d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
  }));
};
var DownChevron = function DownChevron(props) {
  return jsx(Svg, esm_extends_extends({
    size: 20
  }, props), jsx("path", {
    d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
  }));
};

// ==============================
// Dropdown & Clear Buttons
// ==============================

var baseCSS = function baseCSS(_ref3, unstyled) {
  var isFocused = _ref3.isFocused,
    _ref3$theme = _ref3.theme,
    baseUnit = _ref3$theme.spacing.baseUnit,
    colors = _ref3$theme.colors;
  return objectSpread2_objectSpread2({
    label: 'indicatorContainer',
    display: 'flex',
    transition: 'color 150ms'
  }, unstyled ? {} : {
    color: isFocused ? colors.neutral60 : colors.neutral20,
    padding: baseUnit * 2,
    ':hover': {
      color: isFocused ? colors.neutral80 : colors.neutral40
    }
  });
};
var dropdownIndicatorCSS = baseCSS;
var DropdownIndicator = function DropdownIndicator(props) {
  var children = props.children,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'dropdownIndicator', {
    indicator: true,
    'dropdown-indicator': true
  }), innerProps), children || jsx(DownChevron, null));
};
var clearIndicatorCSS = baseCSS;
var ClearIndicator = function ClearIndicator(props) {
  var children = props.children,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'clearIndicator', {
    indicator: true,
    'clear-indicator': true
  }), innerProps), children || jsx(CrossIcon, null));
};

// ==============================
// Separator
// ==============================

var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
  var isDisabled = _ref4.isDisabled,
    _ref4$theme = _ref4.theme,
    baseUnit = _ref4$theme.spacing.baseUnit,
    colors = _ref4$theme.colors;
  return objectSpread2_objectSpread2({
    label: 'indicatorSeparator',
    alignSelf: 'stretch',
    width: 1
  }, unstyled ? {} : {
    backgroundColor: isDisabled ? colors.neutral10 : colors.neutral20,
    marginBottom: baseUnit * 2,
    marginTop: baseUnit * 2
  });
};
var IndicatorSeparator = function IndicatorSeparator(props) {
  var innerProps = props.innerProps;
  return jsx("span", esm_extends_extends({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
    'indicator-separator': true
  })));
};

// ==============================
// Loading
// ==============================

var loadingDotAnimations = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5, unstyled) {
  var isFocused = _ref5.isFocused,
    size = _ref5.size,
    _ref5$theme = _ref5.theme,
    colors = _ref5$theme.colors,
    baseUnit = _ref5$theme.spacing.baseUnit;
  return objectSpread2_objectSpread2({
    label: 'loadingIndicator',
    display: 'flex',
    transition: 'color 150ms',
    alignSelf: 'center',
    fontSize: size,
    lineHeight: 1,
    marginRight: size,
    textAlign: 'center',
    verticalAlign: 'middle'
  }, unstyled ? {} : {
    color: isFocused ? colors.neutral60 : colors.neutral20,
    padding: baseUnit * 2
  });
};
var LoadingDot = function LoadingDot(_ref6) {
  var delay = _ref6.delay,
    offset = _ref6.offset;
  return jsx("span", {
    css: /*#__PURE__*/css({
      animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
      backgroundColor: 'currentColor',
      borderRadius: '1em',
      display: 'inline-block',
      marginLeft: offset ? '1em' : undefined,
      height: '1em',
      verticalAlign: 'top',
      width: '1em'
    },  true ? "" : 0,  true ? "" : 0)
  });
};
var LoadingIndicator = function LoadingIndicator(_ref7) {
  var innerProps = _ref7.innerProps,
    isRtl = _ref7.isRtl,
    _ref7$size = _ref7.size,
    size = _ref7$size === void 0 ? 4 : _ref7$size,
    restProps = objectWithoutProperties_objectWithoutProperties(_ref7, _excluded2);
  return jsx("div", esm_extends_extends({}, getStyleProps(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restProps), {}, {
    innerProps: innerProps,
    isRtl: isRtl,
    size: size
  }), 'loadingIndicator', {
    indicator: true,
    'loading-indicator': true
  }), innerProps), jsx(LoadingDot, {
    delay: 0,
    offset: isRtl
  }), jsx(LoadingDot, {
    delay: 160,
    offset: true
  }), jsx(LoadingDot, {
    delay: 320,
    offset: !isRtl
  }));
};

var css$1 = function css(_ref, unstyled) {
  var isDisabled = _ref.isDisabled,
    isFocused = _ref.isFocused,
    _ref$theme = _ref.theme,
    colors = _ref$theme.colors,
    borderRadius = _ref$theme.borderRadius,
    spacing = _ref$theme.spacing;
  return objectSpread2_objectSpread2({
    label: 'control',
    alignItems: 'center',
    cursor: 'default',
    display: 'flex',
    flexWrap: 'wrap',
    justifyContent: 'space-between',
    minHeight: spacing.controlHeight,
    outline: '0 !important',
    position: 'relative',
    transition: 'all 100ms'
  }, unstyled ? {} : {
    backgroundColor: isDisabled ? colors.neutral5 : colors.neutral0,
    borderColor: isDisabled ? colors.neutral10 : isFocused ? colors.primary : colors.neutral20,
    borderRadius: borderRadius,
    borderStyle: 'solid',
    borderWidth: 1,
    boxShadow: isFocused ? "0 0 0 1px ".concat(colors.primary) : undefined,
    '&:hover': {
      borderColor: isFocused ? colors.primary : colors.neutral30
    }
  });
};
var Control = function Control(props) {
  var children = props.children,
    isDisabled = props.isDisabled,
    isFocused = props.isFocused,
    innerRef = props.innerRef,
    innerProps = props.innerProps,
    menuIsOpen = props.menuIsOpen;
  return jsx("div", esm_extends_extends({
    ref: innerRef
  }, getStyleProps(props, 'control', {
    control: true,
    'control--is-disabled': isDisabled,
    'control--is-focused': isFocused,
    'control--menu-is-open': menuIsOpen
  }), innerProps, {
    "aria-disabled": isDisabled || undefined
  }), children);
};
var Control$1 = Control;

var _excluded$1 = ["data"];
var groupCSS = function groupCSS(_ref, unstyled) {
  var spacing = _ref.theme.spacing;
  return unstyled ? {} : {
    paddingBottom: spacing.baseUnit * 2,
    paddingTop: spacing.baseUnit * 2
  };
};
var Group = function Group(props) {
  var children = props.children,
    cx = props.cx,
    getStyles = props.getStyles,
    getClassNames = props.getClassNames,
    Heading = props.Heading,
    headingProps = props.headingProps,
    innerProps = props.innerProps,
    label = props.label,
    theme = props.theme,
    selectProps = props.selectProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'group', {
    group: true
  }), innerProps), jsx(Heading, esm_extends_extends({}, headingProps, {
    selectProps: selectProps,
    theme: theme,
    getStyles: getStyles,
    getClassNames: getClassNames,
    cx: cx
  }), label), jsx("div", null, children));
};
var groupHeadingCSS = function groupHeadingCSS(_ref2, unstyled) {
  var _ref2$theme = _ref2.theme,
    colors = _ref2$theme.colors,
    spacing = _ref2$theme.spacing;
  return objectSpread2_objectSpread2({
    label: 'group',
    cursor: 'default',
    display: 'block'
  }, unstyled ? {} : {
    color: colors.neutral40,
    fontSize: '75%',
    fontWeight: 500,
    marginBottom: '0.25em',
    paddingLeft: spacing.baseUnit * 3,
    paddingRight: spacing.baseUnit * 3,
    textTransform: 'uppercase'
  });
};
var GroupHeading = function GroupHeading(props) {
  var _cleanCommonProps = cleanCommonProps(props);
    _cleanCommonProps.data;
    var innerProps = objectWithoutProperties_objectWithoutProperties(_cleanCommonProps, _excluded$1);
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'groupHeading', {
    'group-heading': true
  }), innerProps));
};
var Group$1 = Group;

var index_a301f526_esm_excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName"];
var inputCSS = function inputCSS(_ref, unstyled) {
  var isDisabled = _ref.isDisabled,
    value = _ref.value,
    _ref$theme = _ref.theme,
    spacing = _ref$theme.spacing,
    colors = _ref$theme.colors;
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({
    visibility: isDisabled ? 'hidden' : 'visible',
    // force css to recompute when value change due to @emotion bug.
    // We can remove it whenever the bug is fixed.
    transform: value ? 'translateZ(0)' : ''
  }, containerStyle), unstyled ? {} : {
    margin: spacing.baseUnit / 2,
    paddingBottom: spacing.baseUnit / 2,
    paddingTop: spacing.baseUnit / 2,
    color: colors.neutral80
  });
};
var spacingStyle = {
  gridArea: '1 / 2',
  font: 'inherit',
  minWidth: '2px',
  border: 0,
  margin: 0,
  outline: 0,
  padding: 0
};
var containerStyle = {
  flex: '1 1 auto',
  display: 'inline-grid',
  gridArea: '1 / 1 / 2 / 3',
  gridTemplateColumns: '0 min-content',
  '&:after': objectSpread2_objectSpread2({
    content: 'attr(data-value) " "',
    visibility: 'hidden',
    whiteSpace: 'pre'
  }, spacingStyle)
};
var inputStyle = function inputStyle(isHidden) {
  return objectSpread2_objectSpread2({
    label: 'input',
    color: 'inherit',
    background: 0,
    opacity: isHidden ? 0 : 1,
    width: '100%'
  }, spacingStyle);
};
var Input = function Input(props) {
  var cx = props.cx,
    value = props.value;
  var _cleanCommonProps = cleanCommonProps(props),
    innerRef = _cleanCommonProps.innerRef,
    isDisabled = _cleanCommonProps.isDisabled,
    isHidden = _cleanCommonProps.isHidden,
    inputClassName = _cleanCommonProps.inputClassName,
    innerProps = objectWithoutProperties_objectWithoutProperties(_cleanCommonProps, index_a301f526_esm_excluded);
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'input', {
    'input-container': true
  }), {
    "data-value": value || ''
  }), jsx("input", esm_extends_extends({
    className: cx({
      input: true
    }, inputClassName),
    ref: innerRef,
    style: inputStyle(isHidden),
    disabled: isDisabled
  }, innerProps)));
};
var Input$1 = Input;

var multiValueCSS = function multiValueCSS(_ref, unstyled) {
  var _ref$theme = _ref.theme,
    spacing = _ref$theme.spacing,
    borderRadius = _ref$theme.borderRadius,
    colors = _ref$theme.colors;
  return objectSpread2_objectSpread2({
    label: 'multiValue',
    display: 'flex',
    minWidth: 0
  }, unstyled ? {} : {
    backgroundColor: colors.neutral10,
    borderRadius: borderRadius / 2,
    margin: spacing.baseUnit / 2
  });
};
var multiValueLabelCSS = function multiValueLabelCSS(_ref2, unstyled) {
  var _ref2$theme = _ref2.theme,
    borderRadius = _ref2$theme.borderRadius,
    colors = _ref2$theme.colors,
    cropWithEllipsis = _ref2.cropWithEllipsis;
  return objectSpread2_objectSpread2({
    overflow: 'hidden',
    textOverflow: cropWithEllipsis || cropWithEllipsis === undefined ? 'ellipsis' : undefined,
    whiteSpace: 'nowrap'
  }, unstyled ? {} : {
    borderRadius: borderRadius / 2,
    color: colors.neutral80,
    fontSize: '85%',
    padding: 3,
    paddingLeft: 6
  });
};
var multiValueRemoveCSS = function multiValueRemoveCSS(_ref3, unstyled) {
  var _ref3$theme = _ref3.theme,
    spacing = _ref3$theme.spacing,
    borderRadius = _ref3$theme.borderRadius,
    colors = _ref3$theme.colors,
    isFocused = _ref3.isFocused;
  return objectSpread2_objectSpread2({
    alignItems: 'center',
    display: 'flex'
  }, unstyled ? {} : {
    borderRadius: borderRadius / 2,
    backgroundColor: isFocused ? colors.dangerLight : undefined,
    paddingLeft: spacing.baseUnit,
    paddingRight: spacing.baseUnit,
    ':hover': {
      backgroundColor: colors.dangerLight,
      color: colors.danger
    }
  });
};
var MultiValueGeneric = function MultiValueGeneric(_ref4) {
  var children = _ref4.children,
    innerProps = _ref4.innerProps;
  return jsx("div", innerProps, children);
};
var MultiValueContainer = MultiValueGeneric;
var MultiValueLabel = MultiValueGeneric;
function MultiValueRemove(_ref5) {
  var children = _ref5.children,
    innerProps = _ref5.innerProps;
  return jsx("div", esm_extends_extends({
    role: "button"
  }, innerProps), children || jsx(CrossIcon, {
    size: 14
  }));
}
var MultiValue = function MultiValue(props) {
  var children = props.children,
    components = props.components,
    data = props.data,
    innerProps = props.innerProps,
    isDisabled = props.isDisabled,
    removeProps = props.removeProps,
    selectProps = props.selectProps;
  var Container = components.Container,
    Label = components.Label,
    Remove = components.Remove;
  return jsx(Container, {
    data: data,
    innerProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getStyleProps(props, 'multiValue', {
      'multi-value': true,
      'multi-value--is-disabled': isDisabled
    })), innerProps),
    selectProps: selectProps
  }, jsx(Label, {
    data: data,
    innerProps: objectSpread2_objectSpread2({}, getStyleProps(props, 'multiValueLabel', {
      'multi-value__label': true
    })),
    selectProps: selectProps
  }, children), jsx(Remove, {
    data: data,
    innerProps: objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, getStyleProps(props, 'multiValueRemove', {
      'multi-value__remove': true
    })), {}, {
      'aria-label': "Remove ".concat(children || 'option')
    }, removeProps),
    selectProps: selectProps
  }));
};
var MultiValue$1 = MultiValue;

var optionCSS = function optionCSS(_ref, unstyled) {
  var isDisabled = _ref.isDisabled,
    isFocused = _ref.isFocused,
    isSelected = _ref.isSelected,
    _ref$theme = _ref.theme,
    spacing = _ref$theme.spacing,
    colors = _ref$theme.colors;
  return objectSpread2_objectSpread2({
    label: 'option',
    cursor: 'default',
    display: 'block',
    fontSize: 'inherit',
    width: '100%',
    userSelect: 'none',
    WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)'
  }, unstyled ? {} : {
    backgroundColor: isSelected ? colors.primary : isFocused ? colors.primary25 : 'transparent',
    color: isDisabled ? colors.neutral20 : isSelected ? colors.neutral0 : 'inherit',
    padding: "".concat(spacing.baseUnit * 2, "px ").concat(spacing.baseUnit * 3, "px"),
    // provide some affordance on touch devices
    ':active': {
      backgroundColor: !isDisabled ? isSelected ? colors.primary : colors.primary50 : undefined
    }
  });
};
var index_a301f526_esm_Option = function Option(props) {
  var children = props.children,
    isDisabled = props.isDisabled,
    isFocused = props.isFocused,
    isSelected = props.isSelected,
    innerRef = props.innerRef,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'option', {
    option: true,
    'option--is-disabled': isDisabled,
    'option--is-focused': isFocused,
    'option--is-selected': isSelected
  }), {
    ref: innerRef,
    "aria-disabled": isDisabled
  }, innerProps), children);
};
var Option$1 = index_a301f526_esm_Option;

var placeholderCSS = function placeholderCSS(_ref, unstyled) {
  var _ref$theme = _ref.theme,
    spacing = _ref$theme.spacing,
    colors = _ref$theme.colors;
  return objectSpread2_objectSpread2({
    label: 'placeholder',
    gridArea: '1 / 1 / 2 / 3'
  }, unstyled ? {} : {
    color: colors.neutral50,
    marginLeft: spacing.baseUnit / 2,
    marginRight: spacing.baseUnit / 2
  });
};
var Placeholder = function Placeholder(props) {
  var children = props.children,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'placeholder', {
    placeholder: true
  }), innerProps), children);
};
var Placeholder$1 = Placeholder;

var index_a301f526_esm_css = function css(_ref, unstyled) {
  var isDisabled = _ref.isDisabled,
    _ref$theme = _ref.theme,
    spacing = _ref$theme.spacing,
    colors = _ref$theme.colors;
  return objectSpread2_objectSpread2({
    label: 'singleValue',
    gridArea: '1 / 1 / 2 / 3',
    maxWidth: '100%',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap'
  }, unstyled ? {} : {
    color: isDisabled ? colors.neutral40 : colors.neutral80,
    marginLeft: spacing.baseUnit / 2,
    marginRight: spacing.baseUnit / 2
  });
};
var SingleValue = function SingleValue(props) {
  var children = props.children,
    isDisabled = props.isDisabled,
    innerProps = props.innerProps;
  return jsx("div", esm_extends_extends({}, getStyleProps(props, 'singleValue', {
    'single-value': true,
    'single-value--is-disabled': isDisabled
  }), innerProps), children);
};
var SingleValue$1 = SingleValue;

var components = {
  ClearIndicator: ClearIndicator,
  Control: Control$1,
  DropdownIndicator: DropdownIndicator,
  DownChevron: DownChevron,
  CrossIcon: CrossIcon,
  Group: Group$1,
  GroupHeading: GroupHeading,
  IndicatorsContainer: IndicatorsContainer,
  IndicatorSeparator: IndicatorSeparator,
  Input: Input$1,
  LoadingIndicator: LoadingIndicator,
  Menu: Menu$1,
  MenuList: MenuList,
  MenuPortal: MenuPortal,
  LoadingMessage: LoadingMessage,
  NoOptionsMessage: NoOptionsMessage,
  MultiValue: MultiValue$1,
  MultiValueContainer: MultiValueContainer,
  MultiValueLabel: MultiValueLabel,
  MultiValueRemove: MultiValueRemove,
  Option: Option$1,
  Placeholder: Placeholder$1,
  SelectContainer: SelectContainer,
  SingleValue: SingleValue$1,
  ValueContainer: ValueContainer
};
var defaultComponents = function defaultComponents(props) {
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, components), props.components);
};



;// CONCATENATED MODULE: ./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js





var useStateManager_7e1e8489_esm_excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
function useStateManager(_ref) {
  var _ref$defaultInputValu = _ref.defaultInputValue,
    defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
    _ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,
    defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,
    _ref$defaultValue = _ref.defaultValue,
    defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,
    propsInputValue = _ref.inputValue,
    propsMenuIsOpen = _ref.menuIsOpen,
    propsOnChange = _ref.onChange,
    propsOnInputChange = _ref.onInputChange,
    propsOnMenuClose = _ref.onMenuClose,
    propsOnMenuOpen = _ref.onMenuOpen,
    propsValue = _ref.value,
    restSelectProps = objectWithoutProperties_objectWithoutProperties(_ref, useStateManager_7e1e8489_esm_excluded);
  var _useState = (0,external_React_.useState)(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
    _useState2 = esm_slicedToArray_slicedToArray(_useState, 2),
    stateInputValue = _useState2[0],
    setStateInputValue = _useState2[1];
  var _useState3 = (0,external_React_.useState)(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
    _useState4 = esm_slicedToArray_slicedToArray(_useState3, 2),
    stateMenuIsOpen = _useState4[0],
    setStateMenuIsOpen = _useState4[1];
  var _useState5 = (0,external_React_.useState)(propsValue !== undefined ? propsValue : defaultValue),
    _useState6 = esm_slicedToArray_slicedToArray(_useState5, 2),
    stateValue = _useState6[0],
    setStateValue = _useState6[1];
  var onChange = (0,external_React_.useCallback)(function (value, actionMeta) {
    if (typeof propsOnChange === 'function') {
      propsOnChange(value, actionMeta);
    }
    setStateValue(value);
  }, [propsOnChange]);
  var onInputChange = (0,external_React_.useCallback)(function (value, actionMeta) {
    var newValue;
    if (typeof propsOnInputChange === 'function') {
      newValue = propsOnInputChange(value, actionMeta);
    }
    setStateInputValue(newValue !== undefined ? newValue : value);
  }, [propsOnInputChange]);
  var onMenuOpen = (0,external_React_.useCallback)(function () {
    if (typeof propsOnMenuOpen === 'function') {
      propsOnMenuOpen();
    }
    setStateMenuIsOpen(true);
  }, [propsOnMenuOpen]);
  var onMenuClose = (0,external_React_.useCallback)(function () {
    if (typeof propsOnMenuClose === 'function') {
      propsOnMenuClose();
    }
    setStateMenuIsOpen(false);
  }, [propsOnMenuClose]);
  var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
  var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
  var value = propsValue !== undefined ? propsValue : stateValue;
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
    inputValue: inputValue,
    menuIsOpen: menuIsOpen,
    onChange: onChange,
    onInputChange: onInputChange,
    onMenuClose: onMenuClose,
    onMenuOpen: onMenuOpen,
    value: value
  });
}



;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/classCallCheck.js
function _classCallCheck(instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");
  }
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/createClass.js

function _defineProperties(target, props) {
  for (var i = 0; i < props.length; i++) {
    var descriptor = props[i];
    descriptor.enumerable = descriptor.enumerable || false;
    descriptor.configurable = true;
    if ("value" in descriptor) descriptor.writable = true;
    Object.defineProperty(target, toPropertyKey_toPropertyKey(descriptor.key), descriptor);
  }
}
function _createClass(Constructor, protoProps, staticProps) {
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
  if (staticProps) _defineProperties(Constructor, staticProps);
  Object.defineProperty(Constructor, "prototype", {
    writable: false
  });
  return Constructor;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
function _setPrototypeOf(o, p) {
  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
    o.__proto__ = p;
    return o;
  };
  return _setPrototypeOf(o, p);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/inherits.js

function _inherits(subClass, superClass) {
  if (typeof superClass !== "function" && superClass !== null) {
    throw new TypeError("Super expression must either be null or a function");
  }
  subClass.prototype = Object.create(superClass && superClass.prototype, {
    constructor: {
      value: subClass,
      writable: true,
      configurable: true
    }
  });
  Object.defineProperty(subClass, "prototype", {
    writable: false
  });
  if (superClass) _setPrototypeOf(subClass, superClass);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
function _getPrototypeOf(o) {
  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
    return o.__proto__ || Object.getPrototypeOf(o);
  };
  return _getPrototypeOf(o);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
function _isNativeReflectConstruct() {
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
  if (Reflect.construct.sham) return false;
  if (typeof Proxy === "function") return true;
  try {
    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
    return true;
  } catch (e) {
    return false;
  }
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
function _assertThisInitialized(self) {
  if (self === void 0) {
    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  }
  return self;
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js


function _possibleConstructorReturn(self, call) {
  if (call && (typeof_typeof(call) === "object" || typeof call === "function")) {
    return call;
  } else if (call !== void 0) {
    throw new TypeError("Derived constructors may only return object or undefined");
  }
  return _assertThisInitialized(self);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/createSuper.js



function _createSuper(Derived) {
  var hasNativeReflectConstruct = _isNativeReflectConstruct();
  return function _createSuperInternal() {
    var Super = _getPrototypeOf(Derived),
      result;
    if (hasNativeReflectConstruct) {
      var NewTarget = _getPrototypeOf(this).constructor;
      result = Reflect.construct(Super, arguments, NewTarget);
    } else {
      result = Super.apply(this, arguments);
    }
    return _possibleConstructorReturn(this, result);
  };
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js

function _arrayWithoutHoles(arr) {
  if (Array.isArray(arr)) return arrayLikeToArray_arrayLikeToArray(arr);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/iterableToArray.js
function _iterableToArray(iter) {
  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
function _nonIterableSpread() {
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
;// CONCATENATED MODULE: ./node_modules/react-select/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js




function _toConsumableArray(arr) {
  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || unsupportedIterableToArray_unsupportedIterableToArray(arr) || _nonIterableSpread();
}
;// CONCATENATED MODULE: ./node_modules/memoize-one/dist/memoize-one.esm.js
var safeIsNaN = Number.isNaN ||
    function ponyfill(value) {
        return typeof value === 'number' && value !== value;
    };
function isEqual(first, second) {
    if (first === second) {
        return true;
    }
    if (safeIsNaN(first) && safeIsNaN(second)) {
        return true;
    }
    return false;
}
function areInputsEqual(newInputs, lastInputs) {
    if (newInputs.length !== lastInputs.length) {
        return false;
    }
    for (var i = 0; i < newInputs.length; i++) {
        if (!isEqual(newInputs[i], lastInputs[i])) {
            return false;
        }
    }
    return true;
}

function memoizeOne(resultFn, isEqual) {
    if (isEqual === void 0) { isEqual = areInputsEqual; }
    var cache = null;
    function memoized() {
        var newArgs = [];
        for (var _i = 0; _i < arguments.length; _i++) {
            newArgs[_i] = arguments[_i];
        }
        if (cache && cache.lastThis === this && isEqual(newArgs, cache.lastArgs)) {
            return cache.lastResult;
        }
        var lastResult = resultFn.apply(this, newArgs);
        cache = {
            lastResult: lastResult,
            lastArgs: newArgs,
            lastThis: this,
        };
        return lastResult;
    }
    memoized.clear = function clear() {
        cache = null;
    };
    return memoized;
}



;// CONCATENATED MODULE: ./node_modules/react-select/dist/Select-49a62830.esm.js














function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

// Assistive text to describe visual elements. Hidden for sighted users.
var _ref =  true ? {
  name: "7pg0cj-a11yText",
  styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
} : 0;
var A11yText = function A11yText(props) {
  return jsx("span", esm_extends_extends({
    css: _ref
  }, props));
};
var A11yText$1 = A11yText;

var defaultAriaLiveMessages = {
  guidance: function guidance(props) {
    var isSearchable = props.isSearchable,
      isMulti = props.isMulti,
      tabSelectsValue = props.tabSelectsValue,
      context = props.context,
      isInitialFocus = props.isInitialFocus;
    switch (context) {
      case 'menu':
        return "Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu".concat(tabSelectsValue ? ', press Tab to select the option and exit the menu' : '', ".");
      case 'input':
        return isInitialFocus ? "".concat(props['aria-label'] || 'Select', " is focused ").concat(isSearchable ? ',type to refine list' : '', ", press Down to open the menu, ").concat(isMulti ? ' press left to focus selected values' : '') : '';
      case 'value':
        return 'Use left and right to toggle between focused values, press Backspace to remove the currently focused value';
      default:
        return '';
    }
  },
  onChange: function onChange(props) {
    var action = props.action,
      _props$label = props.label,
      label = _props$label === void 0 ? '' : _props$label,
      labels = props.labels,
      isDisabled = props.isDisabled;
    switch (action) {
      case 'deselect-option':
      case 'pop-value':
      case 'remove-value':
        return "option ".concat(label, ", deselected.");
      case 'clear':
        return 'All selected options have been cleared.';
      case 'initial-input-focus':
        return "option".concat(labels.length > 1 ? 's' : '', " ").concat(labels.join(','), ", selected.");
      case 'select-option':
        return isDisabled ? "option ".concat(label, " is disabled. Select another option.") : "option ".concat(label, ", selected.");
      default:
        return '';
    }
  },
  onFocus: function onFocus(props) {
    var context = props.context,
      focused = props.focused,
      options = props.options,
      _props$label2 = props.label,
      label = _props$label2 === void 0 ? '' : _props$label2,
      selectValue = props.selectValue,
      isDisabled = props.isDisabled,
      isSelected = props.isSelected,
      isAppleDevice = props.isAppleDevice;
    var getArrayIndex = function getArrayIndex(arr, item) {
      return arr && arr.length ? "".concat(arr.indexOf(item) + 1, " of ").concat(arr.length) : '';
    };
    if (context === 'value' && selectValue) {
      return "value ".concat(label, " focused, ").concat(getArrayIndex(selectValue, focused), ".");
    }
    if (context === 'menu' && isAppleDevice) {
      var disabled = isDisabled ? ' disabled' : '';
      var status = "".concat(isSelected ? ' selected' : '').concat(disabled);
      return "".concat(label).concat(status, ", ").concat(getArrayIndex(options, focused), ".");
    }
    return '';
  },
  onFilter: function onFilter(props) {
    var inputValue = props.inputValue,
      resultsMessage = props.resultsMessage;
    return "".concat(resultsMessage).concat(inputValue ? ' for search term ' + inputValue : '', ".");
  }
};

var LiveRegion = function LiveRegion(props) {
  var ariaSelection = props.ariaSelection,
    focusedOption = props.focusedOption,
    focusedValue = props.focusedValue,
    focusableOptions = props.focusableOptions,
    isFocused = props.isFocused,
    selectValue = props.selectValue,
    selectProps = props.selectProps,
    id = props.id,
    isAppleDevice = props.isAppleDevice;
  var ariaLiveMessages = selectProps.ariaLiveMessages,
    getOptionLabel = selectProps.getOptionLabel,
    inputValue = selectProps.inputValue,
    isMulti = selectProps.isMulti,
    isOptionDisabled = selectProps.isOptionDisabled,
    isSearchable = selectProps.isSearchable,
    menuIsOpen = selectProps.menuIsOpen,
    options = selectProps.options,
    screenReaderStatus = selectProps.screenReaderStatus,
    tabSelectsValue = selectProps.tabSelectsValue,
    isLoading = selectProps.isLoading;
  var ariaLabel = selectProps['aria-label'];
  var ariaLive = selectProps['aria-live'];

  // Update aria live message configuration when prop changes
  var messages = (0,external_React_.useMemo)(function () {
    return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultAriaLiveMessages), ariaLiveMessages || {});
  }, [ariaLiveMessages]);

  // Update aria live selected option when prop changes
  var ariaSelected = (0,external_React_.useMemo)(function () {
    var message = '';
    if (ariaSelection && messages.onChange) {
      var option = ariaSelection.option,
        selectedOptions = ariaSelection.options,
        removedValue = ariaSelection.removedValue,
        removedValues = ariaSelection.removedValues,
        value = ariaSelection.value;
      // select-option when !isMulti does not return option so we assume selected option is value
      var asOption = function asOption(val) {
        return !Array.isArray(val) ? val : null;
      };

      // If there is just one item from the action then get its label
      var selected = removedValue || option || asOption(value);
      var label = selected ? getOptionLabel(selected) : '';

      // If there are multiple items from the action then return an array of labels
      var multiSelected = selectedOptions || removedValues || undefined;
      var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
      var onChangeProps = objectSpread2_objectSpread2({
        // multiSelected items are usually items that have already been selected
        // or set by the user as a default value so we assume they are not disabled
        isDisabled: selected && isOptionDisabled(selected, selectValue),
        label: label,
        labels: labels
      }, ariaSelection);
      message = messages.onChange(onChangeProps);
    }
    return message;
  }, [ariaSelection, messages, isOptionDisabled, selectValue, getOptionLabel]);
  var ariaFocused = (0,external_React_.useMemo)(function () {
    var focusMsg = '';
    var focused = focusedOption || focusedValue;
    var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));
    if (focused && messages.onFocus) {
      var onFocusProps = {
        focused: focused,
        label: getOptionLabel(focused),
        isDisabled: isOptionDisabled(focused, selectValue),
        isSelected: isSelected,
        options: focusableOptions,
        context: focused === focusedOption ? 'menu' : 'value',
        selectValue: selectValue,
        isAppleDevice: isAppleDevice
      };
      focusMsg = messages.onFocus(onFocusProps);
    }
    return focusMsg;
  }, [focusedOption, focusedValue, getOptionLabel, isOptionDisabled, messages, focusableOptions, selectValue, isAppleDevice]);
  var ariaResults = (0,external_React_.useMemo)(function () {
    var resultsMsg = '';
    if (menuIsOpen && options.length && !isLoading && messages.onFilter) {
      var resultsMessage = screenReaderStatus({
        count: focusableOptions.length
      });
      resultsMsg = messages.onFilter({
        inputValue: inputValue,
        resultsMessage: resultsMessage
      });
    }
    return resultsMsg;
  }, [focusableOptions, inputValue, menuIsOpen, messages, options, screenReaderStatus, isLoading]);
  var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus';
  var ariaGuidance = (0,external_React_.useMemo)(function () {
    var guidanceMsg = '';
    if (messages.guidance) {
      var context = focusedValue ? 'value' : menuIsOpen ? 'menu' : 'input';
      guidanceMsg = messages.guidance({
        'aria-label': ariaLabel,
        context: context,
        isDisabled: focusedOption && isOptionDisabled(focusedOption, selectValue),
        isMulti: isMulti,
        isSearchable: isSearchable,
        tabSelectsValue: tabSelectsValue,
        isInitialFocus: isInitialFocus
      });
    }
    return guidanceMsg;
  }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
  var ScreenReaderText = jsx(external_React_.Fragment, null, jsx("span", {
    id: "aria-selection"
  }, ariaSelected), jsx("span", {
    id: "aria-focused"
  }, ariaFocused), jsx("span", {
    id: "aria-results"
  }, ariaResults), jsx("span", {
    id: "aria-guidance"
  }, ariaGuidance));
  return jsx(external_React_.Fragment, null, jsx(A11yText$1, {
    id: id
  }, isInitialFocus && ScreenReaderText), jsx(A11yText$1, {
    "aria-live": ariaLive,
    "aria-atomic": "false",
    "aria-relevant": "additions text",
    role: "log"
  }, isFocused && !isInitialFocus && ScreenReaderText));
};
var LiveRegion$1 = LiveRegion;

var diacritics = [{
  base: 'A',
  letters: "A\u24B6\uFF21\xC0\xC1\xC2\u1EA6\u1EA4\u1EAA\u1EA8\xC3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\xC4\u01DE\u1EA2\xC5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F"
}, {
  base: 'AA',
  letters: "\uA732"
}, {
  base: 'AE',
  letters: "\xC6\u01FC\u01E2"
}, {
  base: 'AO',
  letters: "\uA734"
}, {
  base: 'AU',
  letters: "\uA736"
}, {
  base: 'AV',
  letters: "\uA738\uA73A"
}, {
  base: 'AY',
  letters: "\uA73C"
}, {
  base: 'B',
  letters: "B\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181"
}, {
  base: 'C',
  letters: "C\u24B8\uFF23\u0106\u0108\u010A\u010C\xC7\u1E08\u0187\u023B\uA73E"
}, {
  base: 'D',
  letters: "D\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779"
}, {
  base: 'DZ',
  letters: "\u01F1\u01C4"
}, {
  base: 'Dz',
  letters: "\u01F2\u01C5"
}, {
  base: 'E',
  letters: "E\u24BA\uFF25\xC8\xC9\xCA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\xCB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E"
}, {
  base: 'F',
  letters: "F\u24BB\uFF26\u1E1E\u0191\uA77B"
}, {
  base: 'G',
  letters: "G\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E"
}, {
  base: 'H',
  letters: "H\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D"
}, {
  base: 'I',
  letters: "I\u24BE\uFF29\xCC\xCD\xCE\u0128\u012A\u012C\u0130\xCF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197"
}, {
  base: 'J',
  letters: "J\u24BF\uFF2A\u0134\u0248"
}, {
  base: 'K',
  letters: "K\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2"
}, {
  base: 'L',
  letters: "L\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780"
}, {
  base: 'LJ',
  letters: "\u01C7"
}, {
  base: 'Lj',
  letters: "\u01C8"
}, {
  base: 'M',
  letters: "M\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C"
}, {
  base: 'N',
  letters: "N\u24C3\uFF2E\u01F8\u0143\xD1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4"
}, {
  base: 'NJ',
  letters: "\u01CA"
}, {
  base: 'Nj',
  letters: "\u01CB"
}, {
  base: 'O',
  letters: "O\u24C4\uFF2F\xD2\xD3\xD4\u1ED2\u1ED0\u1ED6\u1ED4\xD5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\xD6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\xD8\u01FE\u0186\u019F\uA74A\uA74C"
}, {
  base: 'OI',
  letters: "\u01A2"
}, {
  base: 'OO',
  letters: "\uA74E"
}, {
  base: 'OU',
  letters: "\u0222"
}, {
  base: 'P',
  letters: "P\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754"
}, {
  base: 'Q',
  letters: "Q\u24C6\uFF31\uA756\uA758\u024A"
}, {
  base: 'R',
  letters: "R\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782"
}, {
  base: 'S',
  letters: "S\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784"
}, {
  base: 'T',
  letters: "T\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786"
}, {
  base: 'TZ',
  letters: "\uA728"
}, {
  base: 'U',
  letters: "U\u24CA\uFF35\xD9\xDA\xDB\u0168\u1E78\u016A\u1E7A\u016C\xDC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244"
}, {
  base: 'V',
  letters: "V\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245"
}, {
  base: 'VY',
  letters: "\uA760"
}, {
  base: 'W',
  letters: "W\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72"
}, {
  base: 'X',
  letters: "X\u24CD\uFF38\u1E8A\u1E8C"
}, {
  base: 'Y',
  letters: "Y\u24CE\uFF39\u1EF2\xDD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE"
}, {
  base: 'Z',
  letters: "Z\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762"
}, {
  base: 'a',
  letters: "a\u24D0\uFF41\u1E9A\xE0\xE1\xE2\u1EA7\u1EA5\u1EAB\u1EA9\xE3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\xE4\u01DF\u1EA3\xE5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250"
}, {
  base: 'aa',
  letters: "\uA733"
}, {
  base: 'ae',
  letters: "\xE6\u01FD\u01E3"
}, {
  base: 'ao',
  letters: "\uA735"
}, {
  base: 'au',
  letters: "\uA737"
}, {
  base: 'av',
  letters: "\uA739\uA73B"
}, {
  base: 'ay',
  letters: "\uA73D"
}, {
  base: 'b',
  letters: "b\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253"
}, {
  base: 'c',
  letters: "c\u24D2\uFF43\u0107\u0109\u010B\u010D\xE7\u1E09\u0188\u023C\uA73F\u2184"
}, {
  base: 'd',
  letters: "d\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A"
}, {
  base: 'dz',
  letters: "\u01F3\u01C6"
}, {
  base: 'e',
  letters: "e\u24D4\uFF45\xE8\xE9\xEA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\xEB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD"
}, {
  base: 'f',
  letters: "f\u24D5\uFF46\u1E1F\u0192\uA77C"
}, {
  base: 'g',
  letters: "g\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F"
}, {
  base: 'h',
  letters: "h\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265"
}, {
  base: 'hv',
  letters: "\u0195"
}, {
  base: 'i',
  letters: "i\u24D8\uFF49\xEC\xED\xEE\u0129\u012B\u012D\xEF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131"
}, {
  base: 'j',
  letters: "j\u24D9\uFF4A\u0135\u01F0\u0249"
}, {
  base: 'k',
  letters: "k\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3"
}, {
  base: 'l',
  letters: "l\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747"
}, {
  base: 'lj',
  letters: "\u01C9"
}, {
  base: 'm',
  letters: "m\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F"
}, {
  base: 'n',
  letters: "n\u24DD\uFF4E\u01F9\u0144\xF1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5"
}, {
  base: 'nj',
  letters: "\u01CC"
}, {
  base: 'o',
  letters: "o\u24DE\uFF4F\xF2\xF3\xF4\u1ED3\u1ED1\u1ED7\u1ED5\xF5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\xF6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\xF8\u01FF\u0254\uA74B\uA74D\u0275"
}, {
  base: 'oi',
  letters: "\u01A3"
}, {
  base: 'ou',
  letters: "\u0223"
}, {
  base: 'oo',
  letters: "\uA74F"
}, {
  base: 'p',
  letters: "p\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755"
}, {
  base: 'q',
  letters: "q\u24E0\uFF51\u024B\uA757\uA759"
}, {
  base: 'r',
  letters: "r\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783"
}, {
  base: 's',
  letters: "s\u24E2\uFF53\xDF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B"
}, {
  base: 't',
  letters: "t\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787"
}, {
  base: 'tz',
  letters: "\uA729"
}, {
  base: 'u',
  letters: "u\u24E4\uFF55\xF9\xFA\xFB\u0169\u1E79\u016B\u1E7B\u016D\xFC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289"
}, {
  base: 'v',
  letters: "v\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C"
}, {
  base: 'vy',
  letters: "\uA761"
}, {
  base: 'w',
  letters: "w\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73"
}, {
  base: 'x',
  letters: "x\u24E7\uFF58\u1E8B\u1E8D"
}, {
  base: 'y',
  letters: "y\u24E8\uFF59\u1EF3\xFD\u0177\u1EF9\u0233\u1E8F\xFF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF"
}, {
  base: 'z',
  letters: "z\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763"
}];
var anyDiacritic = new RegExp('[' + diacritics.map(function (d) {
  return d.letters;
}).join('') + ']', 'g');
var diacriticToBase = {};
for (var i = 0; i < diacritics.length; i++) {
  var diacritic = diacritics[i];
  for (var j = 0; j < diacritic.letters.length; j++) {
    diacriticToBase[diacritic.letters[j]] = diacritic.base;
  }
}
var stripDiacritics = function stripDiacritics(str) {
  return str.replace(anyDiacritic, function (match) {
    return diacriticToBase[match];
  });
};

var memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
var trimString = function trimString(str) {
  return str.replace(/^\s+|\s+$/g, '');
};
var defaultStringify = function defaultStringify(option) {
  return "".concat(option.label, " ").concat(option.value);
};
var createFilter = function createFilter(config) {
  return function (option, rawInput) {
    // eslint-disable-next-line no-underscore-dangle
    if (option.data.__isNew__) return true;
    var _ignoreCase$ignoreAcc = objectSpread2_objectSpread2({
        ignoreCase: true,
        ignoreAccents: true,
        stringify: defaultStringify,
        trim: true,
        matchFrom: 'any'
      }, config),
      ignoreCase = _ignoreCase$ignoreAcc.ignoreCase,
      ignoreAccents = _ignoreCase$ignoreAcc.ignoreAccents,
      stringify = _ignoreCase$ignoreAcc.stringify,
      trim = _ignoreCase$ignoreAcc.trim,
      matchFrom = _ignoreCase$ignoreAcc.matchFrom;
    var input = trim ? trimString(rawInput) : rawInput;
    var candidate = trim ? trimString(stringify(option)) : stringify(option);
    if (ignoreCase) {
      input = input.toLowerCase();
      candidate = candidate.toLowerCase();
    }
    if (ignoreAccents) {
      input = memoizedStripDiacriticsForInput(input);
      candidate = stripDiacritics(candidate);
    }
    return matchFrom === 'start' ? candidate.substr(0, input.length) === input : candidate.indexOf(input) > -1;
  };
};

var Select_49a62830_esm_excluded = ["innerRef"];
function DummyInput(_ref) {
  var innerRef = _ref.innerRef,
    props = objectWithoutProperties_objectWithoutProperties(_ref, Select_49a62830_esm_excluded);
  // Remove animation props not meant for HTML elements
  var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
  return jsx("input", esm_extends_extends({
    ref: innerRef
  }, filteredProps, {
    css: /*#__PURE__*/css({
      label: 'dummyInput',
      // get rid of any default styles
      background: 0,
      border: 0,
      // important! this hides the flashing cursor
      caretColor: 'transparent',
      fontSize: 'inherit',
      gridArea: '1 / 1 / 2 / 3',
      outline: 0,
      padding: 0,
      // important! without `width` browsers won't allow focus
      width: 1,
      // remove cursor on desktop
      color: 'transparent',
      // remove cursor on mobile whilst maintaining "scroll into view" behaviour
      left: -100,
      opacity: 0,
      position: 'relative',
      transform: 'scale(.01)'
    },  true ? "" : 0,  true ? "" : 0)
  }));
}

var cancelScroll = function cancelScroll(event) {
  if (event.cancelable) event.preventDefault();
  event.stopPropagation();
};
function useScrollCapture(_ref) {
  var isEnabled = _ref.isEnabled,
    onBottomArrive = _ref.onBottomArrive,
    onBottomLeave = _ref.onBottomLeave,
    onTopArrive = _ref.onTopArrive,
    onTopLeave = _ref.onTopLeave;
  var isBottom = (0,external_React_.useRef)(false);
  var isTop = (0,external_React_.useRef)(false);
  var touchStart = (0,external_React_.useRef)(0);
  var scrollTarget = (0,external_React_.useRef)(null);
  var handleEventDelta = (0,external_React_.useCallback)(function (event, delta) {
    if (scrollTarget.current === null) return;
    var _scrollTarget$current = scrollTarget.current,
      scrollTop = _scrollTarget$current.scrollTop,
      scrollHeight = _scrollTarget$current.scrollHeight,
      clientHeight = _scrollTarget$current.clientHeight;
    var target = scrollTarget.current;
    var isDeltaPositive = delta > 0;
    var availableScroll = scrollHeight - clientHeight - scrollTop;
    var shouldCancelScroll = false;

    // reset bottom/top flags
    if (availableScroll > delta && isBottom.current) {
      if (onBottomLeave) onBottomLeave(event);
      isBottom.current = false;
    }
    if (isDeltaPositive && isTop.current) {
      if (onTopLeave) onTopLeave(event);
      isTop.current = false;
    }

    // bottom limit
    if (isDeltaPositive && delta > availableScroll) {
      if (onBottomArrive && !isBottom.current) {
        onBottomArrive(event);
      }
      target.scrollTop = scrollHeight;
      shouldCancelScroll = true;
      isBottom.current = true;

      // top limit
    } else if (!isDeltaPositive && -delta > scrollTop) {
      if (onTopArrive && !isTop.current) {
        onTopArrive(event);
      }
      target.scrollTop = 0;
      shouldCancelScroll = true;
      isTop.current = true;
    }

    // cancel scroll
    if (shouldCancelScroll) {
      cancelScroll(event);
    }
  }, [onBottomArrive, onBottomLeave, onTopArrive, onTopLeave]);
  var onWheel = (0,external_React_.useCallback)(function (event) {
    handleEventDelta(event, event.deltaY);
  }, [handleEventDelta]);
  var onTouchStart = (0,external_React_.useCallback)(function (event) {
    // set touch start so we can calculate touchmove delta
    touchStart.current = event.changedTouches[0].clientY;
  }, []);
  var onTouchMove = (0,external_React_.useCallback)(function (event) {
    var deltaY = touchStart.current - event.changedTouches[0].clientY;
    handleEventDelta(event, deltaY);
  }, [handleEventDelta]);
  var startListening = (0,external_React_.useCallback)(function (el) {
    // bail early if no element is available to attach to
    if (!el) return;
    var notPassive = supportsPassiveEvents ? {
      passive: false
    } : false;
    el.addEventListener('wheel', onWheel, notPassive);
    el.addEventListener('touchstart', onTouchStart, notPassive);
    el.addEventListener('touchmove', onTouchMove, notPassive);
  }, [onTouchMove, onTouchStart, onWheel]);
  var stopListening = (0,external_React_.useCallback)(function (el) {
    // bail early if no element is available to detach from
    if (!el) return;
    el.removeEventListener('wheel', onWheel, false);
    el.removeEventListener('touchstart', onTouchStart, false);
    el.removeEventListener('touchmove', onTouchMove, false);
  }, [onTouchMove, onTouchStart, onWheel]);
  (0,external_React_.useEffect)(function () {
    if (!isEnabled) return;
    var element = scrollTarget.current;
    startListening(element);
    return function () {
      stopListening(element);
    };
  }, [isEnabled, startListening, stopListening]);
  return function (element) {
    scrollTarget.current = element;
  };
}

var STYLE_KEYS = ['boxSizing', 'height', 'overflow', 'paddingRight', 'position'];
var LOCK_STYLES = {
  boxSizing: 'border-box',
  // account for possible declaration `width: 100%;` on body
  overflow: 'hidden',
  position: 'relative',
  height: '100%'
};
function preventTouchMove(e) {
  e.preventDefault();
}
function allowTouchMove(e) {
  e.stopPropagation();
}
function preventInertiaScroll() {
  var top = this.scrollTop;
  var totalScroll = this.scrollHeight;
  var currentScroll = top + this.offsetHeight;
  if (top === 0) {
    this.scrollTop = 1;
  } else if (currentScroll === totalScroll) {
    this.scrollTop = top - 1;
  }
}

// `ontouchstart` check works on most browsers
// `maxTouchPoints` works on IE10/11 and Surface
function isTouchDevice() {
  return 'ontouchstart' in window || navigator.maxTouchPoints;
}
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
var activeScrollLocks = 0;
var listenerOptions = {
  capture: false,
  passive: false
};
function useScrollLock(_ref) {
  var isEnabled = _ref.isEnabled,
    _ref$accountForScroll = _ref.accountForScrollbars,
    accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
  var originalStyles = (0,external_React_.useRef)({});
  var scrollTarget = (0,external_React_.useRef)(null);
  var addScrollLock = (0,external_React_.useCallback)(function (touchScrollTarget) {
    if (!canUseDOM) return;
    var target = document.body;
    var targetStyle = target && target.style;
    if (accountForScrollbars) {
      // store any styles already applied to the body
      STYLE_KEYS.forEach(function (key) {
        var val = targetStyle && targetStyle[key];
        originalStyles.current[key] = val;
      });
    }

    // apply the lock styles and padding if this is the first scroll lock
    if (accountForScrollbars && activeScrollLocks < 1) {
      var currentPadding = parseInt(originalStyles.current.paddingRight, 10) || 0;
      var clientWidth = document.body ? document.body.clientWidth : 0;
      var adjustedPadding = window.innerWidth - clientWidth + currentPadding || 0;
      Object.keys(LOCK_STYLES).forEach(function (key) {
        var val = LOCK_STYLES[key];
        if (targetStyle) {
          targetStyle[key] = val;
        }
      });
      if (targetStyle) {
        targetStyle.paddingRight = "".concat(adjustedPadding, "px");
      }
    }

    // account for touch devices
    if (target && isTouchDevice()) {
      // Mobile Safari ignores { overflow: hidden } declaration on the body.
      target.addEventListener('touchmove', preventTouchMove, listenerOptions);

      // Allow scroll on provided target
      if (touchScrollTarget) {
        touchScrollTarget.addEventListener('touchstart', preventInertiaScroll, listenerOptions);
        touchScrollTarget.addEventListener('touchmove', allowTouchMove, listenerOptions);
      }
    }

    // increment active scroll locks
    activeScrollLocks += 1;
  }, [accountForScrollbars]);
  var removeScrollLock = (0,external_React_.useCallback)(function (touchScrollTarget) {
    if (!canUseDOM) return;
    var target = document.body;
    var targetStyle = target && target.style;

    // safely decrement active scroll locks
    activeScrollLocks = Math.max(activeScrollLocks - 1, 0);

    // reapply original body styles, if any
    if (accountForScrollbars && activeScrollLocks < 1) {
      STYLE_KEYS.forEach(function (key) {
        var val = originalStyles.current[key];
        if (targetStyle) {
          targetStyle[key] = val;
        }
      });
    }

    // remove touch listeners
    if (target && isTouchDevice()) {
      target.removeEventListener('touchmove', preventTouchMove, listenerOptions);
      if (touchScrollTarget) {
        touchScrollTarget.removeEventListener('touchstart', preventInertiaScroll, listenerOptions);
        touchScrollTarget.removeEventListener('touchmove', allowTouchMove, listenerOptions);
      }
    }
  }, [accountForScrollbars]);
  (0,external_React_.useEffect)(function () {
    if (!isEnabled) return;
    var element = scrollTarget.current;
    addScrollLock(element);
    return function () {
      removeScrollLock(element);
    };
  }, [isEnabled, addScrollLock, removeScrollLock]);
  return function (element) {
    scrollTarget.current = element;
  };
}

function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
var blurSelectInput = function blurSelectInput(event) {
  var element = event.target;
  return element.ownerDocument.activeElement && element.ownerDocument.activeElement.blur();
};
var _ref2$1 =  true ? {
  name: "1kfdb0e",
  styles: "position:fixed;left:0;bottom:0;right:0;top:0"
} : 0;
function ScrollManager(_ref) {
  var children = _ref.children,
    lockEnabled = _ref.lockEnabled,
    _ref$captureEnabled = _ref.captureEnabled,
    captureEnabled = _ref$captureEnabled === void 0 ? true : _ref$captureEnabled,
    onBottomArrive = _ref.onBottomArrive,
    onBottomLeave = _ref.onBottomLeave,
    onTopArrive = _ref.onTopArrive,
    onTopLeave = _ref.onTopLeave;
  var setScrollCaptureTarget = useScrollCapture({
    isEnabled: captureEnabled,
    onBottomArrive: onBottomArrive,
    onBottomLeave: onBottomLeave,
    onTopArrive: onTopArrive,
    onTopLeave: onTopLeave
  });
  var setScrollLockTarget = useScrollLock({
    isEnabled: lockEnabled
  });
  var targetRef = function targetRef(element) {
    setScrollCaptureTarget(element);
    setScrollLockTarget(element);
  };
  return jsx(external_React_.Fragment, null, lockEnabled && jsx("div", {
    onClick: blurSelectInput,
    css: _ref2$1
  }), children(targetRef));
}

function Select_49a62830_esm_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
var Select_49a62830_esm_ref2 =  true ? {
  name: "1a0ro4n-requiredInput",
  styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"
} : 0;
var RequiredInput = function RequiredInput(_ref) {
  var name = _ref.name,
    onFocus = _ref.onFocus;
  return jsx("input", {
    required: true,
    name: name,
    tabIndex: -1,
    "aria-hidden": "true",
    onFocus: onFocus,
    css: Select_49a62830_esm_ref2
    // Prevent `Switching from uncontrolled to controlled` error
    ,
    value: "",
    onChange: function onChange() {}
  });
};
var RequiredInput$1 = RequiredInput;

/// <reference types="user-agent-data-types" />

function testPlatform(re) {
  var _window$navigator$use;
  return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
}
function isIPhone() {
  return testPlatform(/^iPhone/i);
}
function isMac() {
  return testPlatform(/^Mac/i);
}
function isIPad() {
  return testPlatform(/^iPad/i) ||
  // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
  isMac() && navigator.maxTouchPoints > 1;
}
function isIOS() {
  return isIPhone() || isIPad();
}
function isAppleDevice() {
  return isMac() || isIOS();
}

var formatGroupLabel = function formatGroupLabel(group) {
  return group.label;
};
var Select_49a62830_esm_getOptionLabel$1 = function getOptionLabel(option) {
  return option.label;
};
var Select_49a62830_esm_getOptionValue$1 = function getOptionValue(option) {
  return option.value;
};
var isOptionDisabled = function isOptionDisabled(option) {
  return !!option.isDisabled;
};

var defaultStyles = {
  clearIndicator: clearIndicatorCSS,
  container: containerCSS,
  control: css$1,
  dropdownIndicator: dropdownIndicatorCSS,
  group: groupCSS,
  groupHeading: groupHeadingCSS,
  indicatorsContainer: indicatorsContainerCSS,
  indicatorSeparator: indicatorSeparatorCSS,
  input: inputCSS,
  loadingIndicator: loadingIndicatorCSS,
  loadingMessage: loadingMessageCSS,
  menu: menuCSS,
  menuList: menuListCSS,
  menuPortal: menuPortalCSS,
  multiValue: multiValueCSS,
  multiValueLabel: multiValueLabelCSS,
  multiValueRemove: multiValueRemoveCSS,
  noOptionsMessage: noOptionsMessageCSS,
  option: optionCSS,
  placeholder: placeholderCSS,
  singleValue: index_a301f526_esm_css,
  valueContainer: valueContainerCSS
};
// Merge Utility
// Allows consumers to extend a base Select with additional styles

function mergeStyles(source) {
  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  // initialize with source styles
  var styles = _objectSpread({}, source);

  // massage in target styles
  Object.keys(target).forEach(function (keyAsString) {
    var key = keyAsString;
    if (source[key]) {
      styles[key] = function (rsCss, props) {
        return target[key](source[key](rsCss, props), props);
      };
    } else {
      styles[key] = target[key];
    }
  });
  return styles;
}

var colors = {
  primary: '#2684FF',
  primary75: '#4C9AFF',
  primary50: '#B2D4FF',
  primary25: '#DEEBFF',
  danger: '#DE350B',
  dangerLight: '#FFBDAD',
  neutral0: 'hsl(0, 0%, 100%)',
  neutral5: 'hsl(0, 0%, 95%)',
  neutral10: 'hsl(0, 0%, 90%)',
  neutral20: 'hsl(0, 0%, 80%)',
  neutral30: 'hsl(0, 0%, 70%)',
  neutral40: 'hsl(0, 0%, 60%)',
  neutral50: 'hsl(0, 0%, 50%)',
  neutral60: 'hsl(0, 0%, 40%)',
  neutral70: 'hsl(0, 0%, 30%)',
  neutral80: 'hsl(0, 0%, 20%)',
  neutral90: 'hsl(0, 0%, 10%)'
};
var borderRadius = 4;
// Used to calculate consistent margin/padding on elements
var baseUnit = 4;
// The minimum height of the control
var controlHeight = 38;
// The amount of space between the control and menu */
var menuGutter = baseUnit * 2;
var spacing = {
  baseUnit: baseUnit,
  controlHeight: controlHeight,
  menuGutter: menuGutter
};
var defaultTheme = {
  borderRadius: borderRadius,
  colors: colors,
  spacing: spacing
};

var defaultProps = {
  'aria-live': 'polite',
  backspaceRemovesValue: true,
  blurInputOnSelect: isTouchCapable(),
  captureMenuScroll: !isTouchCapable(),
  classNames: {},
  closeMenuOnSelect: true,
  closeMenuOnScroll: false,
  components: {},
  controlShouldRenderValue: true,
  escapeClearsValue: false,
  filterOption: createFilter(),
  formatGroupLabel: formatGroupLabel,
  getOptionLabel: Select_49a62830_esm_getOptionLabel$1,
  getOptionValue: Select_49a62830_esm_getOptionValue$1,
  isDisabled: false,
  isLoading: false,
  isMulti: false,
  isRtl: false,
  isSearchable: true,
  isOptionDisabled: isOptionDisabled,
  loadingMessage: function loadingMessage() {
    return 'Loading...';
  },
  maxMenuHeight: 300,
  minMenuHeight: 140,
  menuIsOpen: false,
  menuPlacement: 'bottom',
  menuPosition: 'absolute',
  menuShouldBlockScroll: false,
  menuShouldScrollIntoView: !isMobileDevice(),
  noOptionsMessage: function noOptionsMessage() {
    return 'No options';
  },
  openMenuOnFocus: false,
  openMenuOnClick: true,
  options: [],
  pageSize: 5,
  placeholder: 'Select...',
  screenReaderStatus: function screenReaderStatus(_ref) {
    var count = _ref.count;
    return "".concat(count, " result").concat(count !== 1 ? 's' : '', " available");
  },
  styles: {},
  tabIndex: 0,
  tabSelectsValue: true,
  unstyled: false
};
function toCategorizedOption(props, option, selectValue, index) {
  var isDisabled = _isOptionDisabled(props, option, selectValue);
  var isSelected = _isOptionSelected(props, option, selectValue);
  var label = getOptionLabel(props, option);
  var value = getOptionValue(props, option);
  return {
    type: 'option',
    data: option,
    isDisabled: isDisabled,
    isSelected: isSelected,
    label: label,
    value: value,
    index: index
  };
}
function buildCategorizedOptions(props, selectValue) {
  return props.options.map(function (groupOrOption, groupOrOptionIndex) {
    if ('options' in groupOrOption) {
      var categorizedOptions = groupOrOption.options.map(function (option, optionIndex) {
        return toCategorizedOption(props, option, selectValue, optionIndex);
      }).filter(function (categorizedOption) {
        return isFocusable(props, categorizedOption);
      });
      return categorizedOptions.length > 0 ? {
        type: 'group',
        data: groupOrOption,
        options: categorizedOptions,
        index: groupOrOptionIndex
      } : undefined;
    }
    var categorizedOption = toCategorizedOption(props, groupOrOption, selectValue, groupOrOptionIndex);
    return isFocusable(props, categorizedOption) ? categorizedOption : undefined;
  }).filter(notNullish);
}
function buildFocusableOptionsFromCategorizedOptions(categorizedOptions) {
  return categorizedOptions.reduce(function (optionsAccumulator, categorizedOption) {
    if (categorizedOption.type === 'group') {
      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function (option) {
        return option.data;
      })));
    } else {
      optionsAccumulator.push(categorizedOption.data);
    }
    return optionsAccumulator;
  }, []);
}
function buildFocusableOptionsWithIds(categorizedOptions, optionId) {
  return categorizedOptions.reduce(function (optionsAccumulator, categorizedOption) {
    if (categorizedOption.type === 'group') {
      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function (option) {
        return {
          data: option.data,
          id: "".concat(optionId, "-").concat(categorizedOption.index, "-").concat(option.index)
        };
      })));
    } else {
      optionsAccumulator.push({
        data: categorizedOption.data,
        id: "".concat(optionId, "-").concat(categorizedOption.index)
      });
    }
    return optionsAccumulator;
  }, []);
}
function buildFocusableOptions(props, selectValue) {
  return buildFocusableOptionsFromCategorizedOptions(buildCategorizedOptions(props, selectValue));
}
function isFocusable(props, categorizedOption) {
  var _props$inputValue = props.inputValue,
    inputValue = _props$inputValue === void 0 ? '' : _props$inputValue;
  var data = categorizedOption.data,
    isSelected = categorizedOption.isSelected,
    label = categorizedOption.label,
    value = categorizedOption.value;
  return (!shouldHideSelectedOptions(props) || !isSelected) && _filterOption(props, {
    label: label,
    value: value,
    data: data
  }, inputValue);
}
function getNextFocusedValue(state, nextSelectValue) {
  var focusedValue = state.focusedValue,
    lastSelectValue = state.selectValue;
  var lastFocusedIndex = lastSelectValue.indexOf(focusedValue);
  if (lastFocusedIndex > -1) {
    var nextFocusedIndex = nextSelectValue.indexOf(focusedValue);
    if (nextFocusedIndex > -1) {
      // the focused value is still in the selectValue, return it
      return focusedValue;
    } else if (lastFocusedIndex < nextSelectValue.length) {
      // the focusedValue is not present in the next selectValue array by
      // reference, so return the new value at the same index
      return nextSelectValue[lastFocusedIndex];
    }
  }
  return null;
}
function getNextFocusedOption(state, options) {
  var lastFocusedOption = state.focusedOption;
  return lastFocusedOption && options.indexOf(lastFocusedOption) > -1 ? lastFocusedOption : options[0];
}
var getFocusedOptionId = function getFocusedOptionId(focusableOptionsWithIds, focusedOption) {
  var _focusableOptionsWith;
  var focusedOptionId = (_focusableOptionsWith = focusableOptionsWithIds.find(function (option) {
    return option.data === focusedOption;
  })) === null || _focusableOptionsWith === void 0 ? void 0 : _focusableOptionsWith.id;
  return focusedOptionId || null;
};
var getOptionLabel = function getOptionLabel(props, data) {
  return props.getOptionLabel(data);
};
var getOptionValue = function getOptionValue(props, data) {
  return props.getOptionValue(data);
};
function _isOptionDisabled(props, option, selectValue) {
  return typeof props.isOptionDisabled === 'function' ? props.isOptionDisabled(option, selectValue) : false;
}
function _isOptionSelected(props, option, selectValue) {
  if (selectValue.indexOf(option) > -1) return true;
  if (typeof props.isOptionSelected === 'function') {
    return props.isOptionSelected(option, selectValue);
  }
  var candidate = getOptionValue(props, option);
  return selectValue.some(function (i) {
    return getOptionValue(props, i) === candidate;
  });
}
function _filterOption(props, option, inputValue) {
  return props.filterOption ? props.filterOption(option, inputValue) : true;
}
var shouldHideSelectedOptions = function shouldHideSelectedOptions(props) {
  var hideSelectedOptions = props.hideSelectedOptions,
    isMulti = props.isMulti;
  if (hideSelectedOptions === undefined) return isMulti;
  return hideSelectedOptions;
};
var instanceId = 1;
var Select_49a62830_esm_Select = /*#__PURE__*/function (_Component) {
  _inherits(Select, _Component);
  var _super = _createSuper(Select);
  // Misc. Instance Properties
  // ------------------------------

  // TODO

  // Refs
  // ------------------------------

  // Lifecycle
  // ------------------------------

  function Select(_props) {
    var _this;
    _classCallCheck(this, Select);
    _this = _super.call(this, _props);
    _this.state = {
      ariaSelection: null,
      focusedOption: null,
      focusedOptionId: null,
      focusableOptionsWithIds: [],
      focusedValue: null,
      inputIsHidden: false,
      isFocused: false,
      selectValue: [],
      clearFocusValueOnUpdate: false,
      prevWasFocused: false,
      inputIsHiddenAfterUpdate: undefined,
      prevProps: undefined,
      instancePrefix: ''
    };
    _this.blockOptionHover = false;
    _this.isComposing = false;
    _this.commonProps = void 0;
    _this.initialTouchX = 0;
    _this.initialTouchY = 0;
    _this.openAfterFocus = false;
    _this.scrollToFocusedOptionOnUpdate = false;
    _this.userIsDragging = void 0;
    _this.isAppleDevice = isAppleDevice();
    _this.controlRef = null;
    _this.getControlRef = function (ref) {
      _this.controlRef = ref;
    };
    _this.focusedOptionRef = null;
    _this.getFocusedOptionRef = function (ref) {
      _this.focusedOptionRef = ref;
    };
    _this.menuListRef = null;
    _this.getMenuListRef = function (ref) {
      _this.menuListRef = ref;
    };
    _this.inputRef = null;
    _this.getInputRef = function (ref) {
      _this.inputRef = ref;
    };
    _this.focus = _this.focusInput;
    _this.blur = _this.blurInput;
    _this.onChange = function (newValue, actionMeta) {
      var _this$props = _this.props,
        onChange = _this$props.onChange,
        name = _this$props.name;
      actionMeta.name = name;
      _this.ariaOnChange(newValue, actionMeta);
      onChange(newValue, actionMeta);
    };
    _this.setValue = function (newValue, action, option) {
      var _this$props2 = _this.props,
        closeMenuOnSelect = _this$props2.closeMenuOnSelect,
        isMulti = _this$props2.isMulti,
        inputValue = _this$props2.inputValue;
      _this.onInputChange('', {
        action: 'set-value',
        prevInputValue: inputValue
      });
      if (closeMenuOnSelect) {
        _this.setState({
          inputIsHiddenAfterUpdate: !isMulti
        });
        _this.onMenuClose();
      }
      // when the select value should change, we should reset focusedValue
      _this.setState({
        clearFocusValueOnUpdate: true
      });
      _this.onChange(newValue, {
        action: action,
        option: option
      });
    };
    _this.selectOption = function (newValue) {
      var _this$props3 = _this.props,
        blurInputOnSelect = _this$props3.blurInputOnSelect,
        isMulti = _this$props3.isMulti,
        name = _this$props3.name;
      var selectValue = _this.state.selectValue;
      var deselected = isMulti && _this.isOptionSelected(newValue, selectValue);
      var isDisabled = _this.isOptionDisabled(newValue, selectValue);
      if (deselected) {
        var candidate = _this.getOptionValue(newValue);
        _this.setValue(multiValueAsValue(selectValue.filter(function (i) {
          return _this.getOptionValue(i) !== candidate;
        })), 'deselect-option', newValue);
      } else if (!isDisabled) {
        // Select option if option is not disabled
        if (isMulti) {
          _this.setValue(multiValueAsValue([].concat(_toConsumableArray(selectValue), [newValue])), 'select-option', newValue);
        } else {
          _this.setValue(singleValueAsValue(newValue), 'select-option');
        }
      } else {
        _this.ariaOnChange(singleValueAsValue(newValue), {
          action: 'select-option',
          option: newValue,
          name: name
        });
        return;
      }
      if (blurInputOnSelect) {
        _this.blurInput();
      }
    };
    _this.removeValue = function (removedValue) {
      var isMulti = _this.props.isMulti;
      var selectValue = _this.state.selectValue;
      var candidate = _this.getOptionValue(removedValue);
      var newValueArray = selectValue.filter(function (i) {
        return _this.getOptionValue(i) !== candidate;
      });
      var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);
      _this.onChange(newValue, {
        action: 'remove-value',
        removedValue: removedValue
      });
      _this.focusInput();
    };
    _this.clearValue = function () {
      var selectValue = _this.state.selectValue;
      _this.onChange(valueTernary(_this.props.isMulti, [], null), {
        action: 'clear',
        removedValues: selectValue
      });
    };
    _this.popValue = function () {
      var isMulti = _this.props.isMulti;
      var selectValue = _this.state.selectValue;
      var lastSelectedValue = selectValue[selectValue.length - 1];
      var newValueArray = selectValue.slice(0, selectValue.length - 1);
      var newValue = valueTernary(isMulti, newValueArray, newValueArray[0] || null);
      _this.onChange(newValue, {
        action: 'pop-value',
        removedValue: lastSelectedValue
      });
    };
    _this.getFocusedOptionId = function (focusedOption) {
      return getFocusedOptionId(_this.state.focusableOptionsWithIds, focusedOption);
    };
    _this.getFocusableOptionsWithIds = function () {
      return buildFocusableOptionsWithIds(buildCategorizedOptions(_this.props, _this.state.selectValue), _this.getElementId('option'));
    };
    _this.getValue = function () {
      return _this.state.selectValue;
    };
    _this.cx = function () {
      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
        args[_key] = arguments[_key];
      }
      return classNames.apply(void 0, [_this.props.classNamePrefix].concat(args));
    };
    _this.getOptionLabel = function (data) {
      return getOptionLabel(_this.props, data);
    };
    _this.getOptionValue = function (data) {
      return getOptionValue(_this.props, data);
    };
    _this.getStyles = function (key, props) {
      var unstyled = _this.props.unstyled;
      var base = defaultStyles[key](props, unstyled);
      base.boxSizing = 'border-box';
      var custom = _this.props.styles[key];
      return custom ? custom(base, props) : base;
    };
    _this.getClassNames = function (key, props) {
      var _this$props$className, _this$props$className2;
      return (_this$props$className = (_this$props$className2 = _this.props.classNames)[key]) === null || _this$props$className === void 0 ? void 0 : _this$props$className.call(_this$props$className2, props);
    };
    _this.getElementId = function (element) {
      return "".concat(_this.state.instancePrefix, "-").concat(element);
    };
    _this.getComponents = function () {
      return defaultComponents(_this.props);
    };
    _this.buildCategorizedOptions = function () {
      return buildCategorizedOptions(_this.props, _this.state.selectValue);
    };
    _this.getCategorizedOptions = function () {
      return _this.props.menuIsOpen ? _this.buildCategorizedOptions() : [];
    };
    _this.buildFocusableOptions = function () {
      return buildFocusableOptionsFromCategorizedOptions(_this.buildCategorizedOptions());
    };
    _this.getFocusableOptions = function () {
      return _this.props.menuIsOpen ? _this.buildFocusableOptions() : [];
    };
    _this.ariaOnChange = function (value, actionMeta) {
      _this.setState({
        ariaSelection: objectSpread2_objectSpread2({
          value: value
        }, actionMeta)
      });
    };
    _this.onMenuMouseDown = function (event) {
      if (event.button !== 0) {
        return;
      }
      event.stopPropagation();
      event.preventDefault();
      _this.focusInput();
    };
    _this.onMenuMouseMove = function (event) {
      _this.blockOptionHover = false;
    };
    _this.onControlMouseDown = function (event) {
      // Event captured by dropdown indicator
      if (event.defaultPrevented) {
        return;
      }
      var openMenuOnClick = _this.props.openMenuOnClick;
      if (!_this.state.isFocused) {
        if (openMenuOnClick) {
          _this.openAfterFocus = true;
        }
        _this.focusInput();
      } else if (!_this.props.menuIsOpen) {
        if (openMenuOnClick) {
          _this.openMenu('first');
        }
      } else {
        if (event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
          _this.onMenuClose();
        }
      }
      if (event.target.tagName !== 'INPUT' && event.target.tagName !== 'TEXTAREA') {
        event.preventDefault();
      }
    };
    _this.onDropdownIndicatorMouseDown = function (event) {
      // ignore mouse events that weren't triggered by the primary button
      if (event && event.type === 'mousedown' && event.button !== 0) {
        return;
      }
      if (_this.props.isDisabled) return;
      var _this$props4 = _this.props,
        isMulti = _this$props4.isMulti,
        menuIsOpen = _this$props4.menuIsOpen;
      _this.focusInput();
      if (menuIsOpen) {
        _this.setState({
          inputIsHiddenAfterUpdate: !isMulti
        });
        _this.onMenuClose();
      } else {
        _this.openMenu('first');
      }
      event.preventDefault();
    };
    _this.onClearIndicatorMouseDown = function (event) {
      // ignore mouse events that weren't triggered by the primary button
      if (event && event.type === 'mousedown' && event.button !== 0) {
        return;
      }
      _this.clearValue();
      event.preventDefault();
      _this.openAfterFocus = false;
      if (event.type === 'touchend') {
        _this.focusInput();
      } else {
        setTimeout(function () {
          return _this.focusInput();
        });
      }
    };
    _this.onScroll = function (event) {
      if (typeof _this.props.closeMenuOnScroll === 'boolean') {
        if (event.target instanceof HTMLElement && isDocumentElement(event.target)) {
          _this.props.onMenuClose();
        }
      } else if (typeof _this.props.closeMenuOnScroll === 'function') {
        if (_this.props.closeMenuOnScroll(event)) {
          _this.props.onMenuClose();
        }
      }
    };
    _this.onCompositionStart = function () {
      _this.isComposing = true;
    };
    _this.onCompositionEnd = function () {
      _this.isComposing = false;
    };
    _this.onTouchStart = function (_ref2) {
      var touches = _ref2.touches;
      var touch = touches && touches.item(0);
      if (!touch) {
        return;
      }
      _this.initialTouchX = touch.clientX;
      _this.initialTouchY = touch.clientY;
      _this.userIsDragging = false;
    };
    _this.onTouchMove = function (_ref3) {
      var touches = _ref3.touches;
      var touch = touches && touches.item(0);
      if (!touch) {
        return;
      }
      var deltaX = Math.abs(touch.clientX - _this.initialTouchX);
      var deltaY = Math.abs(touch.clientY - _this.initialTouchY);
      var moveThreshold = 5;
      _this.userIsDragging = deltaX > moveThreshold || deltaY > moveThreshold;
    };
    _this.onTouchEnd = function (event) {
      if (_this.userIsDragging) return;

      // close the menu if the user taps outside
      // we're checking on event.target here instead of event.currentTarget, because we want to assert information
      // on events on child elements, not the document (which we've attached this handler to).
      if (_this.controlRef && !_this.controlRef.contains(event.target) && _this.menuListRef && !_this.menuListRef.contains(event.target)) {
        _this.blurInput();
      }

      // reset move vars
      _this.initialTouchX = 0;
      _this.initialTouchY = 0;
    };
    _this.onControlTouchEnd = function (event) {
      if (_this.userIsDragging) return;
      _this.onControlMouseDown(event);
    };
    _this.onClearIndicatorTouchEnd = function (event) {
      if (_this.userIsDragging) return;
      _this.onClearIndicatorMouseDown(event);
    };
    _this.onDropdownIndicatorTouchEnd = function (event) {
      if (_this.userIsDragging) return;
      _this.onDropdownIndicatorMouseDown(event);
    };
    _this.handleInputChange = function (event) {
      var prevInputValue = _this.props.inputValue;
      var inputValue = event.currentTarget.value;
      _this.setState({
        inputIsHiddenAfterUpdate: false
      });
      _this.onInputChange(inputValue, {
        action: 'input-change',
        prevInputValue: prevInputValue
      });
      if (!_this.props.menuIsOpen) {
        _this.onMenuOpen();
      }
    };
    _this.onInputFocus = function (event) {
      if (_this.props.onFocus) {
        _this.props.onFocus(event);
      }
      _this.setState({
        inputIsHiddenAfterUpdate: false,
        isFocused: true
      });
      if (_this.openAfterFocus || _this.props.openMenuOnFocus) {
        _this.openMenu('first');
      }
      _this.openAfterFocus = false;
    };
    _this.onInputBlur = function (event) {
      var prevInputValue = _this.props.inputValue;
      if (_this.menuListRef && _this.menuListRef.contains(document.activeElement)) {
        _this.inputRef.focus();
        return;
      }
      if (_this.props.onBlur) {
        _this.props.onBlur(event);
      }
      _this.onInputChange('', {
        action: 'input-blur',
        prevInputValue: prevInputValue
      });
      _this.onMenuClose();
      _this.setState({
        focusedValue: null,
        isFocused: false
      });
    };
    _this.onOptionHover = function (focusedOption) {
      if (_this.blockOptionHover || _this.state.focusedOption === focusedOption) {
        return;
      }
      var options = _this.getFocusableOptions();
      var focusedOptionIndex = options.indexOf(focusedOption);
      _this.setState({
        focusedOption: focusedOption,
        focusedOptionId: focusedOptionIndex > -1 ? _this.getFocusedOptionId(focusedOption) : null
      });
    };
    _this.shouldHideSelectedOptions = function () {
      return shouldHideSelectedOptions(_this.props);
    };
    _this.onValueInputFocus = function (e) {
      e.preventDefault();
      e.stopPropagation();
      _this.focus();
    };
    _this.onKeyDown = function (event) {
      var _this$props5 = _this.props,
        isMulti = _this$props5.isMulti,
        backspaceRemovesValue = _this$props5.backspaceRemovesValue,
        escapeClearsValue = _this$props5.escapeClearsValue,
        inputValue = _this$props5.inputValue,
        isClearable = _this$props5.isClearable,
        isDisabled = _this$props5.isDisabled,
        menuIsOpen = _this$props5.menuIsOpen,
        onKeyDown = _this$props5.onKeyDown,
        tabSelectsValue = _this$props5.tabSelectsValue,
        openMenuOnFocus = _this$props5.openMenuOnFocus;
      var _this$state = _this.state,
        focusedOption = _this$state.focusedOption,
        focusedValue = _this$state.focusedValue,
        selectValue = _this$state.selectValue;
      if (isDisabled) return;
      if (typeof onKeyDown === 'function') {
        onKeyDown(event);
        if (event.defaultPrevented) {
          return;
        }
      }

      // Block option hover events when the user has just pressed a key
      _this.blockOptionHover = true;
      switch (event.key) {
        case 'ArrowLeft':
          if (!isMulti || inputValue) return;
          _this.focusValue('previous');
          break;
        case 'ArrowRight':
          if (!isMulti || inputValue) return;
          _this.focusValue('next');
          break;
        case 'Delete':
        case 'Backspace':
          if (inputValue) return;
          if (focusedValue) {
            _this.removeValue(focusedValue);
          } else {
            if (!backspaceRemovesValue) return;
            if (isMulti) {
              _this.popValue();
            } else if (isClearable) {
              _this.clearValue();
            }
          }
          break;
        case 'Tab':
          if (_this.isComposing) return;
          if (event.shiftKey || !menuIsOpen || !tabSelectsValue || !focusedOption ||
          // don't capture the event if the menu opens on focus and the focused
          // option is already selected; it breaks the flow of navigation
          openMenuOnFocus && _this.isOptionSelected(focusedOption, selectValue)) {
            return;
          }
          _this.selectOption(focusedOption);
          break;
        case 'Enter':
          if (event.keyCode === 229) {
            // ignore the keydown event from an Input Method Editor(IME)
            // ref. https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode
            break;
          }
          if (menuIsOpen) {
            if (!focusedOption) return;
            if (_this.isComposing) return;
            _this.selectOption(focusedOption);
            break;
          }
          return;
        case 'Escape':
          if (menuIsOpen) {
            _this.setState({
              inputIsHiddenAfterUpdate: false
            });
            _this.onInputChange('', {
              action: 'menu-close',
              prevInputValue: inputValue
            });
            _this.onMenuClose();
          } else if (isClearable && escapeClearsValue) {
            _this.clearValue();
          }
          break;
        case ' ':
          // space
          if (inputValue) {
            return;
          }
          if (!menuIsOpen) {
            _this.openMenu('first');
            break;
          }
          if (!focusedOption) return;
          _this.selectOption(focusedOption);
          break;
        case 'ArrowUp':
          if (menuIsOpen) {
            _this.focusOption('up');
          } else {
            _this.openMenu('last');
          }
          break;
        case 'ArrowDown':
          if (menuIsOpen) {
            _this.focusOption('down');
          } else {
            _this.openMenu('first');
          }
          break;
        case 'PageUp':
          if (!menuIsOpen) return;
          _this.focusOption('pageup');
          break;
        case 'PageDown':
          if (!menuIsOpen) return;
          _this.focusOption('pagedown');
          break;
        case 'Home':
          if (!menuIsOpen) return;
          _this.focusOption('first');
          break;
        case 'End':
          if (!menuIsOpen) return;
          _this.focusOption('last');
          break;
        default:
          return;
      }
      event.preventDefault();
    };
    _this.state.instancePrefix = 'react-select-' + (_this.props.instanceId || ++instanceId);
    _this.state.selectValue = cleanValue(_props.value);
    // Set focusedOption if menuIsOpen is set on init (e.g. defaultMenuIsOpen)
    if (_props.menuIsOpen && _this.state.selectValue.length) {
      var focusableOptionsWithIds = _this.getFocusableOptionsWithIds();
      var focusableOptions = _this.buildFocusableOptions();
      var optionIndex = focusableOptions.indexOf(_this.state.selectValue[0]);
      _this.state.focusableOptionsWithIds = focusableOptionsWithIds;
      _this.state.focusedOption = focusableOptions[optionIndex];
      _this.state.focusedOptionId = getFocusedOptionId(focusableOptionsWithIds, focusableOptions[optionIndex]);
    }
    return _this;
  }
  _createClass(Select, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      this.startListeningComposition();
      this.startListeningToTouch();
      if (this.props.closeMenuOnScroll && document && document.addEventListener) {
        // Listen to all scroll events, and filter them out inside of 'onScroll'
        document.addEventListener('scroll', this.onScroll, true);
      }
      if (this.props.autoFocus) {
        this.focusInput();
      }

      // Scroll focusedOption into view if menuIsOpen is set on mount (e.g. defaultMenuIsOpen)
      if (this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef) {
        scrollIntoView(this.menuListRef, this.focusedOptionRef);
      }
    }
  }, {
    key: "componentDidUpdate",
    value: function componentDidUpdate(prevProps) {
      var _this$props6 = this.props,
        isDisabled = _this$props6.isDisabled,
        menuIsOpen = _this$props6.menuIsOpen;
      var isFocused = this.state.isFocused;
      if (
      // ensure focus is restored correctly when the control becomes enabled
      isFocused && !isDisabled && prevProps.isDisabled ||
      // ensure focus is on the Input when the menu opens
      isFocused && menuIsOpen && !prevProps.menuIsOpen) {
        this.focusInput();
      }
      if (isFocused && isDisabled && !prevProps.isDisabled) {
        // ensure select state gets blurred in case Select is programmatically disabled while focused
        // eslint-disable-next-line react/no-did-update-set-state
        this.setState({
          isFocused: false
        }, this.onMenuClose);
      } else if (!isFocused && !isDisabled && prevProps.isDisabled && this.inputRef === document.activeElement) {
        // ensure select state gets focused in case Select is programatically re-enabled while focused (Firefox)
        // eslint-disable-next-line react/no-did-update-set-state
        this.setState({
          isFocused: true
        });
      }

      // scroll the focused option into view if necessary
      if (this.menuListRef && this.focusedOptionRef && this.scrollToFocusedOptionOnUpdate) {
        scrollIntoView(this.menuListRef, this.focusedOptionRef);
        this.scrollToFocusedOptionOnUpdate = false;
      }
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      this.stopListeningComposition();
      this.stopListeningToTouch();
      document.removeEventListener('scroll', this.onScroll, true);
    }

    // ==============================
    // Consumer Handlers
    // ==============================
  }, {
    key: "onMenuOpen",
    value: function onMenuOpen() {
      this.props.onMenuOpen();
    }
  }, {
    key: "onMenuClose",
    value: function onMenuClose() {
      this.onInputChange('', {
        action: 'menu-close',
        prevInputValue: this.props.inputValue
      });
      this.props.onMenuClose();
    }
  }, {
    key: "onInputChange",
    value: function onInputChange(newValue, actionMeta) {
      this.props.onInputChange(newValue, actionMeta);
    }

    // ==============================
    // Methods
    // ==============================
  }, {
    key: "focusInput",
    value: function focusInput() {
      if (!this.inputRef) return;
      this.inputRef.focus();
    }
  }, {
    key: "blurInput",
    value: function blurInput() {
      if (!this.inputRef) return;
      this.inputRef.blur();
    }

    // aliased for consumers
  }, {
    key: "openMenu",
    value: function openMenu(focusOption) {
      var _this2 = this;
      var _this$state2 = this.state,
        selectValue = _this$state2.selectValue,
        isFocused = _this$state2.isFocused;
      var focusableOptions = this.buildFocusableOptions();
      var openAtIndex = focusOption === 'first' ? 0 : focusableOptions.length - 1;
      if (!this.props.isMulti) {
        var selectedIndex = focusableOptions.indexOf(selectValue[0]);
        if (selectedIndex > -1) {
          openAtIndex = selectedIndex;
        }
      }

      // only scroll if the menu isn't already open
      this.scrollToFocusedOptionOnUpdate = !(isFocused && this.menuListRef);
      this.setState({
        inputIsHiddenAfterUpdate: false,
        focusedValue: null,
        focusedOption: focusableOptions[openAtIndex],
        focusedOptionId: this.getFocusedOptionId(focusableOptions[openAtIndex])
      }, function () {
        return _this2.onMenuOpen();
      });
    }
  }, {
    key: "focusValue",
    value: function focusValue(direction) {
      var _this$state3 = this.state,
        selectValue = _this$state3.selectValue,
        focusedValue = _this$state3.focusedValue;

      // Only multiselects support value focusing
      if (!this.props.isMulti) return;
      this.setState({
        focusedOption: null
      });
      var focusedIndex = selectValue.indexOf(focusedValue);
      if (!focusedValue) {
        focusedIndex = -1;
      }
      var lastIndex = selectValue.length - 1;
      var nextFocus = -1;
      if (!selectValue.length) return;
      switch (direction) {
        case 'previous':
          if (focusedIndex === 0) {
            // don't cycle from the start to the end
            nextFocus = 0;
          } else if (focusedIndex === -1) {
            // if nothing is focused, focus the last value first
            nextFocus = lastIndex;
          } else {
            nextFocus = focusedIndex - 1;
          }
          break;
        case 'next':
          if (focusedIndex > -1 && focusedIndex < lastIndex) {
            nextFocus = focusedIndex + 1;
          }
          break;
      }
      this.setState({
        inputIsHidden: nextFocus !== -1,
        focusedValue: selectValue[nextFocus]
      });
    }
  }, {
    key: "focusOption",
    value: function focusOption() {
      var direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'first';
      var pageSize = this.props.pageSize;
      var focusedOption = this.state.focusedOption;
      var options = this.getFocusableOptions();
      if (!options.length) return;
      var nextFocus = 0; // handles 'first'
      var focusedIndex = options.indexOf(focusedOption);
      if (!focusedOption) {
        focusedIndex = -1;
      }
      if (direction === 'up') {
        nextFocus = focusedIndex > 0 ? focusedIndex - 1 : options.length - 1;
      } else if (direction === 'down') {
        nextFocus = (focusedIndex + 1) % options.length;
      } else if (direction === 'pageup') {
        nextFocus = focusedIndex - pageSize;
        if (nextFocus < 0) nextFocus = 0;
      } else if (direction === 'pagedown') {
        nextFocus = focusedIndex + pageSize;
        if (nextFocus > options.length - 1) nextFocus = options.length - 1;
      } else if (direction === 'last') {
        nextFocus = options.length - 1;
      }
      this.scrollToFocusedOptionOnUpdate = true;
      this.setState({
        focusedOption: options[nextFocus],
        focusedValue: null,
        focusedOptionId: this.getFocusedOptionId(options[nextFocus])
      });
    }
  }, {
    key: "getTheme",
    value:
    // ==============================
    // Getters
    // ==============================

    function getTheme() {
      // Use the default theme if there are no customisations.
      if (!this.props.theme) {
        return defaultTheme;
      }
      // If the theme prop is a function, assume the function
      // knows how to merge the passed-in default theme with
      // its own modifications.
      if (typeof this.props.theme === 'function') {
        return this.props.theme(defaultTheme);
      }
      // Otherwise, if a plain theme object was passed in,
      // overlay it with the default theme.
      return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultTheme), this.props.theme);
    }
  }, {
    key: "getCommonProps",
    value: function getCommonProps() {
      var clearValue = this.clearValue,
        cx = this.cx,
        getStyles = this.getStyles,
        getClassNames = this.getClassNames,
        getValue = this.getValue,
        selectOption = this.selectOption,
        setValue = this.setValue,
        props = this.props;
      var isMulti = props.isMulti,
        isRtl = props.isRtl,
        options = props.options;
      var hasValue = this.hasValue();
      return {
        clearValue: clearValue,
        cx: cx,
        getStyles: getStyles,
        getClassNames: getClassNames,
        getValue: getValue,
        hasValue: hasValue,
        isMulti: isMulti,
        isRtl: isRtl,
        options: options,
        selectOption: selectOption,
        selectProps: props,
        setValue: setValue,
        theme: this.getTheme()
      };
    }
  }, {
    key: "hasValue",
    value: function hasValue() {
      var selectValue = this.state.selectValue;
      return selectValue.length > 0;
    }
  }, {
    key: "hasOptions",
    value: function hasOptions() {
      return !!this.getFocusableOptions().length;
    }
  }, {
    key: "isClearable",
    value: function isClearable() {
      var _this$props7 = this.props,
        isClearable = _this$props7.isClearable,
        isMulti = _this$props7.isMulti;

      // single select, by default, IS NOT clearable
      // multi select, by default, IS clearable
      if (isClearable === undefined) return isMulti;
      return isClearable;
    }
  }, {
    key: "isOptionDisabled",
    value: function isOptionDisabled(option, selectValue) {
      return _isOptionDisabled(this.props, option, selectValue);
    }
  }, {
    key: "isOptionSelected",
    value: function isOptionSelected(option, selectValue) {
      return _isOptionSelected(this.props, option, selectValue);
    }
  }, {
    key: "filterOption",
    value: function filterOption(option, inputValue) {
      return _filterOption(this.props, option, inputValue);
    }
  }, {
    key: "formatOptionLabel",
    value: function formatOptionLabel(data, context) {
      if (typeof this.props.formatOptionLabel === 'function') {
        var _inputValue = this.props.inputValue;
        var _selectValue = this.state.selectValue;
        return this.props.formatOptionLabel(data, {
          context: context,
          inputValue: _inputValue,
          selectValue: _selectValue
        });
      } else {
        return this.getOptionLabel(data);
      }
    }
  }, {
    key: "formatGroupLabel",
    value: function formatGroupLabel(data) {
      return this.props.formatGroupLabel(data);
    }

    // ==============================
    // Mouse Handlers
    // ==============================
  }, {
    key: "startListeningComposition",
    value:
    // ==============================
    // Composition Handlers
    // ==============================

    function startListeningComposition() {
      if (document && document.addEventListener) {
        document.addEventListener('compositionstart', this.onCompositionStart, false);
        document.addEventListener('compositionend', this.onCompositionEnd, false);
      }
    }
  }, {
    key: "stopListeningComposition",
    value: function stopListeningComposition() {
      if (document && document.removeEventListener) {
        document.removeEventListener('compositionstart', this.onCompositionStart);
        document.removeEventListener('compositionend', this.onCompositionEnd);
      }
    }
  }, {
    key: "startListeningToTouch",
    value:
    // ==============================
    // Touch Handlers
    // ==============================

    function startListeningToTouch() {
      if (document && document.addEventListener) {
        document.addEventListener('touchstart', this.onTouchStart, false);
        document.addEventListener('touchmove', this.onTouchMove, false);
        document.addEventListener('touchend', this.onTouchEnd, false);
      }
    }
  }, {
    key: "stopListeningToTouch",
    value: function stopListeningToTouch() {
      if (document && document.removeEventListener) {
        document.removeEventListener('touchstart', this.onTouchStart);
        document.removeEventListener('touchmove', this.onTouchMove);
        document.removeEventListener('touchend', this.onTouchEnd);
      }
    }
  }, {
    key: "renderInput",
    value:
    // ==============================
    // Renderers
    // ==============================
    function renderInput() {
      var _this$props8 = this.props,
        isDisabled = _this$props8.isDisabled,
        isSearchable = _this$props8.isSearchable,
        inputId = _this$props8.inputId,
        inputValue = _this$props8.inputValue,
        tabIndex = _this$props8.tabIndex,
        form = _this$props8.form,
        menuIsOpen = _this$props8.menuIsOpen,
        required = _this$props8.required;
      var _this$getComponents = this.getComponents(),
        Input = _this$getComponents.Input;
      var _this$state4 = this.state,
        inputIsHidden = _this$state4.inputIsHidden,
        ariaSelection = _this$state4.ariaSelection;
      var commonProps = this.commonProps;
      var id = inputId || this.getElementId('input');

      // aria attributes makes the JSX "noisy", separated for clarity
      var ariaAttributes = objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
        'aria-autocomplete': 'list',
        'aria-expanded': menuIsOpen,
        'aria-haspopup': true,
        'aria-errormessage': this.props['aria-errormessage'],
        'aria-invalid': this.props['aria-invalid'],
        'aria-label': this.props['aria-label'],
        'aria-labelledby': this.props['aria-labelledby'],
        'aria-required': required,
        role: 'combobox',
        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId || ''
      }, menuIsOpen && {
        'aria-controls': this.getElementId('listbox')
      }), !isSearchable && {
        'aria-readonly': true
      }), this.hasValue() ? (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus' && {
        'aria-describedby': this.getElementId('live-region')
      } : {
        'aria-describedby': this.getElementId('placeholder')
      });
      if (!isSearchable) {
        // use a dummy input to maintain focus/blur functionality
        return /*#__PURE__*/external_React_.createElement(DummyInput, esm_extends_extends({
          id: id,
          innerRef: this.getInputRef,
          onBlur: this.onInputBlur,
          onChange: noop,
          onFocus: this.onInputFocus,
          disabled: isDisabled,
          tabIndex: tabIndex,
          inputMode: "none",
          form: form,
          value: ""
        }, ariaAttributes));
      }
      return /*#__PURE__*/external_React_.createElement(Input, esm_extends_extends({}, commonProps, {
        autoCapitalize: "none",
        autoComplete: "off",
        autoCorrect: "off",
        id: id,
        innerRef: this.getInputRef,
        isDisabled: isDisabled,
        isHidden: inputIsHidden,
        onBlur: this.onInputBlur,
        onChange: this.handleInputChange,
        onFocus: this.onInputFocus,
        spellCheck: "false",
        tabIndex: tabIndex,
        form: form,
        type: "text",
        value: inputValue
      }, ariaAttributes));
    }
  }, {
    key: "renderPlaceholderOrValue",
    value: function renderPlaceholderOrValue() {
      var _this3 = this;
      var _this$getComponents2 = this.getComponents(),
        MultiValue = _this$getComponents2.MultiValue,
        MultiValueContainer = _this$getComponents2.MultiValueContainer,
        MultiValueLabel = _this$getComponents2.MultiValueLabel,
        MultiValueRemove = _this$getComponents2.MultiValueRemove,
        SingleValue = _this$getComponents2.SingleValue,
        Placeholder = _this$getComponents2.Placeholder;
      var commonProps = this.commonProps;
      var _this$props9 = this.props,
        controlShouldRenderValue = _this$props9.controlShouldRenderValue,
        isDisabled = _this$props9.isDisabled,
        isMulti = _this$props9.isMulti,
        inputValue = _this$props9.inputValue,
        placeholder = _this$props9.placeholder;
      var _this$state5 = this.state,
        selectValue = _this$state5.selectValue,
        focusedValue = _this$state5.focusedValue,
        isFocused = _this$state5.isFocused;
      if (!this.hasValue() || !controlShouldRenderValue) {
        return inputValue ? null : /*#__PURE__*/external_React_.createElement(Placeholder, esm_extends_extends({}, commonProps, {
          key: "placeholder",
          isDisabled: isDisabled,
          isFocused: isFocused,
          innerProps: {
            id: this.getElementId('placeholder')
          }
        }), placeholder);
      }
      if (isMulti) {
        return selectValue.map(function (opt, index) {
          var isOptionFocused = opt === focusedValue;
          var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
          return /*#__PURE__*/external_React_.createElement(MultiValue, esm_extends_extends({}, commonProps, {
            components: {
              Container: MultiValueContainer,
              Label: MultiValueLabel,
              Remove: MultiValueRemove
            },
            isFocused: isOptionFocused,
            isDisabled: isDisabled,
            key: key,
            index: index,
            removeProps: {
              onClick: function onClick() {
                return _this3.removeValue(opt);
              },
              onTouchEnd: function onTouchEnd() {
                return _this3.removeValue(opt);
              },
              onMouseDown: function onMouseDown(e) {
                e.preventDefault();
              }
            },
            data: opt
          }), _this3.formatOptionLabel(opt, 'value'));
        });
      }
      if (inputValue) {
        return null;
      }
      var singleValue = selectValue[0];
      return /*#__PURE__*/external_React_.createElement(SingleValue, esm_extends_extends({}, commonProps, {
        data: singleValue,
        isDisabled: isDisabled
      }), this.formatOptionLabel(singleValue, 'value'));
    }
  }, {
    key: "renderClearIndicator",
    value: function renderClearIndicator() {
      var _this$getComponents3 = this.getComponents(),
        ClearIndicator = _this$getComponents3.ClearIndicator;
      var commonProps = this.commonProps;
      var _this$props10 = this.props,
        isDisabled = _this$props10.isDisabled,
        isLoading = _this$props10.isLoading;
      var isFocused = this.state.isFocused;
      if (!this.isClearable() || !ClearIndicator || isDisabled || !this.hasValue() || isLoading) {
        return null;
      }
      var innerProps = {
        onMouseDown: this.onClearIndicatorMouseDown,
        onTouchEnd: this.onClearIndicatorTouchEnd,
        'aria-hidden': 'true'
      };
      return /*#__PURE__*/external_React_.createElement(ClearIndicator, esm_extends_extends({}, commonProps, {
        innerProps: innerProps,
        isFocused: isFocused
      }));
    }
  }, {
    key: "renderLoadingIndicator",
    value: function renderLoadingIndicator() {
      var _this$getComponents4 = this.getComponents(),
        LoadingIndicator = _this$getComponents4.LoadingIndicator;
      var commonProps = this.commonProps;
      var _this$props11 = this.props,
        isDisabled = _this$props11.isDisabled,
        isLoading = _this$props11.isLoading;
      var isFocused = this.state.isFocused;
      if (!LoadingIndicator || !isLoading) return null;
      var innerProps = {
        'aria-hidden': 'true'
      };
      return /*#__PURE__*/external_React_.createElement(LoadingIndicator, esm_extends_extends({}, commonProps, {
        innerProps: innerProps,
        isDisabled: isDisabled,
        isFocused: isFocused
      }));
    }
  }, {
    key: "renderIndicatorSeparator",
    value: function renderIndicatorSeparator() {
      var _this$getComponents5 = this.getComponents(),
        DropdownIndicator = _this$getComponents5.DropdownIndicator,
        IndicatorSeparator = _this$getComponents5.IndicatorSeparator;

      // separator doesn't make sense without the dropdown indicator
      if (!DropdownIndicator || !IndicatorSeparator) return null;
      var commonProps = this.commonProps;
      var isDisabled = this.props.isDisabled;
      var isFocused = this.state.isFocused;
      return /*#__PURE__*/external_React_.createElement(IndicatorSeparator, esm_extends_extends({}, commonProps, {
        isDisabled: isDisabled,
        isFocused: isFocused
      }));
    }
  }, {
    key: "renderDropdownIndicator",
    value: function renderDropdownIndicator() {
      var _this$getComponents6 = this.getComponents(),
        DropdownIndicator = _this$getComponents6.DropdownIndicator;
      if (!DropdownIndicator) return null;
      var commonProps = this.commonProps;
      var isDisabled = this.props.isDisabled;
      var isFocused = this.state.isFocused;
      var innerProps = {
        onMouseDown: this.onDropdownIndicatorMouseDown,
        onTouchEnd: this.onDropdownIndicatorTouchEnd,
        'aria-hidden': 'true'
      };
      return /*#__PURE__*/external_React_.createElement(DropdownIndicator, esm_extends_extends({}, commonProps, {
        innerProps: innerProps,
        isDisabled: isDisabled,
        isFocused: isFocused
      }));
    }
  }, {
    key: "renderMenu",
    value: function renderMenu() {
      var _this4 = this;
      var _this$getComponents7 = this.getComponents(),
        Group = _this$getComponents7.Group,
        GroupHeading = _this$getComponents7.GroupHeading,
        Menu = _this$getComponents7.Menu,
        MenuList = _this$getComponents7.MenuList,
        MenuPortal = _this$getComponents7.MenuPortal,
        LoadingMessage = _this$getComponents7.LoadingMessage,
        NoOptionsMessage = _this$getComponents7.NoOptionsMessage,
        Option = _this$getComponents7.Option;
      var commonProps = this.commonProps;
      var focusedOption = this.state.focusedOption;
      var _this$props12 = this.props,
        captureMenuScroll = _this$props12.captureMenuScroll,
        inputValue = _this$props12.inputValue,
        isLoading = _this$props12.isLoading,
        loadingMessage = _this$props12.loadingMessage,
        minMenuHeight = _this$props12.minMenuHeight,
        maxMenuHeight = _this$props12.maxMenuHeight,
        menuIsOpen = _this$props12.menuIsOpen,
        menuPlacement = _this$props12.menuPlacement,
        menuPosition = _this$props12.menuPosition,
        menuPortalTarget = _this$props12.menuPortalTarget,
        menuShouldBlockScroll = _this$props12.menuShouldBlockScroll,
        menuShouldScrollIntoView = _this$props12.menuShouldScrollIntoView,
        noOptionsMessage = _this$props12.noOptionsMessage,
        onMenuScrollToTop = _this$props12.onMenuScrollToTop,
        onMenuScrollToBottom = _this$props12.onMenuScrollToBottom;
      if (!menuIsOpen) return null;

      // TODO: Internal Option Type here
      var render = function render(props, id) {
        var type = props.type,
          data = props.data,
          isDisabled = props.isDisabled,
          isSelected = props.isSelected,
          label = props.label,
          value = props.value;
        var isFocused = focusedOption === data;
        var onHover = isDisabled ? undefined : function () {
          return _this4.onOptionHover(data);
        };
        var onSelect = isDisabled ? undefined : function () {
          return _this4.selectOption(data);
        };
        var optionId = "".concat(_this4.getElementId('option'), "-").concat(id);
        var innerProps = {
          id: optionId,
          onClick: onSelect,
          onMouseMove: onHover,
          onMouseOver: onHover,
          tabIndex: -1,
          role: 'option',
          'aria-selected': _this4.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
        };

        return /*#__PURE__*/external_React_.createElement(Option, esm_extends_extends({}, commonProps, {
          innerProps: innerProps,
          data: data,
          isDisabled: isDisabled,
          isSelected: isSelected,
          key: optionId,
          label: label,
          type: type,
          value: value,
          isFocused: isFocused,
          innerRef: isFocused ? _this4.getFocusedOptionRef : undefined
        }), _this4.formatOptionLabel(props.data, 'menu'));
      };
      var menuUI;
      if (this.hasOptions()) {
        menuUI = this.getCategorizedOptions().map(function (item) {
          if (item.type === 'group') {
            var _data = item.data,
              options = item.options,
              groupIndex = item.index;
            var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
            var headingId = "".concat(groupId, "-heading");
            return /*#__PURE__*/external_React_.createElement(Group, esm_extends_extends({}, commonProps, {
              key: groupId,
              data: _data,
              options: options,
              Heading: GroupHeading,
              headingProps: {
                id: headingId,
                data: item.data
              },
              label: _this4.formatGroupLabel(item.data)
            }), item.options.map(function (option) {
              return render(option, "".concat(groupIndex, "-").concat(option.index));
            }));
          } else if (item.type === 'option') {
            return render(item, "".concat(item.index));
          }
        });
      } else if (isLoading) {
        var message = loadingMessage({
          inputValue: inputValue
        });
        if (message === null) return null;
        menuUI = /*#__PURE__*/external_React_.createElement(LoadingMessage, commonProps, message);
      } else {
        var _message = noOptionsMessage({
          inputValue: inputValue
        });
        if (_message === null) return null;
        menuUI = /*#__PURE__*/external_React_.createElement(NoOptionsMessage, commonProps, _message);
      }
      var menuPlacementProps = {
        minMenuHeight: minMenuHeight,
        maxMenuHeight: maxMenuHeight,
        menuPlacement: menuPlacement,
        menuPosition: menuPosition,
        menuShouldScrollIntoView: menuShouldScrollIntoView
      };
      var menuElement = /*#__PURE__*/external_React_.createElement(MenuPlacer, esm_extends_extends({}, commonProps, menuPlacementProps), function (_ref4) {
        var ref = _ref4.ref,
          _ref4$placerProps = _ref4.placerProps,
          placement = _ref4$placerProps.placement,
          maxHeight = _ref4$placerProps.maxHeight;
        return /*#__PURE__*/external_React_.createElement(Menu, esm_extends_extends({}, commonProps, menuPlacementProps, {
          innerRef: ref,
          innerProps: {
            onMouseDown: _this4.onMenuMouseDown,
            onMouseMove: _this4.onMenuMouseMove
          },
          isLoading: isLoading,
          placement: placement
        }), /*#__PURE__*/external_React_.createElement(ScrollManager, {
          captureEnabled: captureMenuScroll,
          onTopArrive: onMenuScrollToTop,
          onBottomArrive: onMenuScrollToBottom,
          lockEnabled: menuShouldBlockScroll
        }, function (scrollTargetRef) {
          return /*#__PURE__*/external_React_.createElement(MenuList, esm_extends_extends({}, commonProps, {
            innerRef: function innerRef(instance) {
              _this4.getMenuListRef(instance);
              scrollTargetRef(instance);
            },
            innerProps: {
              role: 'listbox',
              'aria-multiselectable': commonProps.isMulti,
              id: _this4.getElementId('listbox')
            },
            isLoading: isLoading,
            maxHeight: maxHeight,
            focusedOption: focusedOption
          }), menuUI);
        }));
      });

      // positioning behaviour is almost identical for portalled and fixed,
      // so we use the same component. the actual portalling logic is forked
      // within the component based on `menuPosition`
      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/external_React_.createElement(MenuPortal, esm_extends_extends({}, commonProps, {
        appendTo: menuPortalTarget,
        controlElement: this.controlRef,
        menuPlacement: menuPlacement,
        menuPosition: menuPosition
      }), menuElement) : menuElement;
    }
  }, {
    key: "renderFormField",
    value: function renderFormField() {
      var _this5 = this;
      var _this$props13 = this.props,
        delimiter = _this$props13.delimiter,
        isDisabled = _this$props13.isDisabled,
        isMulti = _this$props13.isMulti,
        name = _this$props13.name,
        required = _this$props13.required;
      var selectValue = this.state.selectValue;
      if (required && !this.hasValue() && !isDisabled) {
        return /*#__PURE__*/external_React_.createElement(RequiredInput$1, {
          name: name,
          onFocus: this.onValueInputFocus
        });
      }
      if (!name || isDisabled) return;
      if (isMulti) {
        if (delimiter) {
          var value = selectValue.map(function (opt) {
            return _this5.getOptionValue(opt);
          }).join(delimiter);
          return /*#__PURE__*/external_React_.createElement("input", {
            name: name,
            type: "hidden",
            value: value
          });
        } else {
          var input = selectValue.length > 0 ? selectValue.map(function (opt, i) {
            return /*#__PURE__*/external_React_.createElement("input", {
              key: "i-".concat(i),
              name: name,
              type: "hidden",
              value: _this5.getOptionValue(opt)
            });
          }) : /*#__PURE__*/external_React_.createElement("input", {
            name: name,
            type: "hidden",
            value: ""
          });
          return /*#__PURE__*/external_React_.createElement("div", null, input);
        }
      } else {
        var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : '';
        return /*#__PURE__*/external_React_.createElement("input", {
          name: name,
          type: "hidden",
          value: _value
        });
      }
    }
  }, {
    key: "renderLiveRegion",
    value: function renderLiveRegion() {
      var commonProps = this.commonProps;
      var _this$state6 = this.state,
        ariaSelection = _this$state6.ariaSelection,
        focusedOption = _this$state6.focusedOption,
        focusedValue = _this$state6.focusedValue,
        isFocused = _this$state6.isFocused,
        selectValue = _this$state6.selectValue;
      var focusableOptions = this.getFocusableOptions();
      return /*#__PURE__*/external_React_.createElement(LiveRegion$1, esm_extends_extends({}, commonProps, {
        id: this.getElementId('live-region'),
        ariaSelection: ariaSelection,
        focusedOption: focusedOption,
        focusedValue: focusedValue,
        isFocused: isFocused,
        selectValue: selectValue,
        focusableOptions: focusableOptions,
        isAppleDevice: this.isAppleDevice
      }));
    }
  }, {
    key: "render",
    value: function render() {
      var _this$getComponents8 = this.getComponents(),
        Control = _this$getComponents8.Control,
        IndicatorsContainer = _this$getComponents8.IndicatorsContainer,
        SelectContainer = _this$getComponents8.SelectContainer,
        ValueContainer = _this$getComponents8.ValueContainer;
      var _this$props14 = this.props,
        className = _this$props14.className,
        id = _this$props14.id,
        isDisabled = _this$props14.isDisabled,
        menuIsOpen = _this$props14.menuIsOpen;
      var isFocused = this.state.isFocused;
      var commonProps = this.commonProps = this.getCommonProps();
      return /*#__PURE__*/external_React_.createElement(SelectContainer, esm_extends_extends({}, commonProps, {
        className: className,
        innerProps: {
          id: id,
          onKeyDown: this.onKeyDown
        },
        isDisabled: isDisabled,
        isFocused: isFocused
      }), this.renderLiveRegion(), /*#__PURE__*/external_React_.createElement(Control, esm_extends_extends({}, commonProps, {
        innerRef: this.getControlRef,
        innerProps: {
          onMouseDown: this.onControlMouseDown,
          onTouchEnd: this.onControlTouchEnd
        },
        isDisabled: isDisabled,
        isFocused: isFocused,
        menuIsOpen: menuIsOpen
      }), /*#__PURE__*/external_React_.createElement(ValueContainer, esm_extends_extends({}, commonProps, {
        isDisabled: isDisabled
      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/external_React_.createElement(IndicatorsContainer, esm_extends_extends({}, commonProps, {
        isDisabled: isDisabled
      }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
    }
  }], [{
    key: "getDerivedStateFromProps",
    value: function getDerivedStateFromProps(props, state) {
      var prevProps = state.prevProps,
        clearFocusValueOnUpdate = state.clearFocusValueOnUpdate,
        inputIsHiddenAfterUpdate = state.inputIsHiddenAfterUpdate,
        ariaSelection = state.ariaSelection,
        isFocused = state.isFocused,
        prevWasFocused = state.prevWasFocused,
        instancePrefix = state.instancePrefix;
      var options = props.options,
        value = props.value,
        menuIsOpen = props.menuIsOpen,
        inputValue = props.inputValue,
        isMulti = props.isMulti;
      var selectValue = cleanValue(value);
      var newMenuOptionsState = {};
      if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {
        var focusableOptions = menuIsOpen ? buildFocusableOptions(props, selectValue) : [];
        var focusableOptionsWithIds = menuIsOpen ? buildFocusableOptionsWithIds(buildCategorizedOptions(props, selectValue), "".concat(instancePrefix, "-option")) : [];
        var focusedValue = clearFocusValueOnUpdate ? getNextFocusedValue(state, selectValue) : null;
        var focusedOption = getNextFocusedOption(state, focusableOptions);
        var focusedOptionId = getFocusedOptionId(focusableOptionsWithIds, focusedOption);
        newMenuOptionsState = {
          selectValue: selectValue,
          focusedOption: focusedOption,
          focusedOptionId: focusedOptionId,
          focusableOptionsWithIds: focusableOptionsWithIds,
          focusedValue: focusedValue,
          clearFocusValueOnUpdate: false
        };
      }
      // some updates should toggle the state of the input visibility
      var newInputIsHiddenState = inputIsHiddenAfterUpdate != null && props !== prevProps ? {
        inputIsHidden: inputIsHiddenAfterUpdate,
        inputIsHiddenAfterUpdate: undefined
      } : {};
      var newAriaSelection = ariaSelection;
      var hasKeptFocus = isFocused && prevWasFocused;
      if (isFocused && !hasKeptFocus) {
        // If `value` or `defaultValue` props are not empty then announce them
        // when the Select is initially focused
        newAriaSelection = {
          value: valueTernary(isMulti, selectValue, selectValue[0] || null),
          options: selectValue,
          action: 'initial-input-focus'
        };
        hasKeptFocus = !prevWasFocused;
      }

      // If the 'initial-input-focus' action has been set already
      // then reset the ariaSelection to null
      if ((ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus') {
        newAriaSelection = null;
      }
      return objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, newMenuOptionsState), newInputIsHiddenState), {}, {
        prevProps: props,
        ariaSelection: newAriaSelection,
        prevWasFocused: hasKeptFocus
      });
    }
  }]);
  return Select;
}(external_React_.Component);
Select_49a62830_esm_Select.defaultProps = defaultProps;



;// CONCATENATED MODULE: ./node_modules/react-select/dist/react-select.esm.js


























var StateManagedSelect = /*#__PURE__*/(0,external_React_.forwardRef)(function (props, ref) {
  var baseSelectProps = useStateManager(props);
  return /*#__PURE__*/external_React_.createElement(Select_49a62830_esm_Select, esm_extends_extends({
    ref: ref
  }, baseSelectProps));
});
var StateManagedSelect$1 = StateManagedSelect;

var NonceProvider = (function (_ref) {
  var nonce = _ref.nonce,
    children = _ref.children,
    cacheKey = _ref.cacheKey;
  var emotionCache = useMemo(function () {
    return createCache({
      key: cacheKey,
      nonce: nonce
    });
  }, [cacheKey, nonce]);
  return /*#__PURE__*/React.createElement(CacheProvider, {
    value: emotionCache
  }, children);
});



;// CONCATENATED MODULE: ./node_modules/react-select/dist/useAsync-ba7c6b77.esm.js







var useAsync_ba7c6b77_esm_excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
function useAsync(_ref) {
  var _ref$defaultOptions = _ref.defaultOptions,
    propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions,
    _ref$cacheOptions = _ref.cacheOptions,
    cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions,
    propsLoadOptions = _ref.loadOptions;
    _ref.options;
    var _ref$isLoading = _ref.isLoading,
    propsIsLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
    propsOnInputChange = _ref.onInputChange,
    _ref$filterOption = _ref.filterOption,
    filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption,
    restSelectProps = objectWithoutProperties_objectWithoutProperties(_ref, useAsync_ba7c6b77_esm_excluded);
  var propsInputValue = restSelectProps.inputValue;
  var lastRequest = (0,external_React_.useRef)(undefined);
  var mounted = (0,external_React_.useRef)(false);
  var _useState = (0,external_React_.useState)(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined),
    _useState2 = esm_slicedToArray_slicedToArray(_useState, 2),
    defaultOptions = _useState2[0],
    setDefaultOptions = _useState2[1];
  var _useState3 = (0,external_React_.useState)(typeof propsInputValue !== 'undefined' ? propsInputValue : ''),
    _useState4 = esm_slicedToArray_slicedToArray(_useState3, 2),
    stateInputValue = _useState4[0],
    setStateInputValue = _useState4[1];
  var _useState5 = (0,external_React_.useState)(propsDefaultOptions === true),
    _useState6 = esm_slicedToArray_slicedToArray(_useState5, 2),
    isLoading = _useState6[0],
    setIsLoading = _useState6[1];
  var _useState7 = (0,external_React_.useState)(undefined),
    _useState8 = esm_slicedToArray_slicedToArray(_useState7, 2),
    loadedInputValue = _useState8[0],
    setLoadedInputValue = _useState8[1];
  var _useState9 = (0,external_React_.useState)([]),
    _useState10 = esm_slicedToArray_slicedToArray(_useState9, 2),
    loadedOptions = _useState10[0],
    setLoadedOptions = _useState10[1];
  var _useState11 = (0,external_React_.useState)(false),
    _useState12 = esm_slicedToArray_slicedToArray(_useState11, 2),
    passEmptyOptions = _useState12[0],
    setPassEmptyOptions = _useState12[1];
  var _useState13 = (0,external_React_.useState)({}),
    _useState14 = esm_slicedToArray_slicedToArray(_useState13, 2),
    optionsCache = _useState14[0],
    setOptionsCache = _useState14[1];
  var _useState15 = (0,external_React_.useState)(undefined),
    _useState16 = esm_slicedToArray_slicedToArray(_useState15, 2),
    prevDefaultOptions = _useState16[0],
    setPrevDefaultOptions = _useState16[1];
  var _useState17 = (0,external_React_.useState)(undefined),
    _useState18 = esm_slicedToArray_slicedToArray(_useState17, 2),
    prevCacheOptions = _useState18[0],
    setPrevCacheOptions = _useState18[1];
  if (cacheOptions !== prevCacheOptions) {
    setOptionsCache({});
    setPrevCacheOptions(cacheOptions);
  }
  if (propsDefaultOptions !== prevDefaultOptions) {
    setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined);
    setPrevDefaultOptions(propsDefaultOptions);
  }
  (0,external_React_.useEffect)(function () {
    mounted.current = true;
    return function () {
      mounted.current = false;
    };
  }, []);
  var loadOptions = (0,external_React_.useCallback)(function (inputValue, callback) {
    if (!propsLoadOptions) return callback();
    var loader = propsLoadOptions(inputValue, callback);
    if (loader && typeof loader.then === 'function') {
      loader.then(callback, function () {
        return callback();
      });
    }
  }, [propsLoadOptions]);
  (0,external_React_.useEffect)(function () {
    if (propsDefaultOptions === true) {
      loadOptions(stateInputValue, function (options) {
        if (!mounted.current) return;
        setDefaultOptions(options || []);
        setIsLoading(!!lastRequest.current);
      });
    }
    // NOTE: this effect is designed to only run when the component mounts,
    // so we don't want to include any hook dependencies
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  var onInputChange = (0,external_React_.useCallback)(function (newValue, actionMeta) {
    var inputValue = handleInputChange(newValue, actionMeta, propsOnInputChange);
    if (!inputValue) {
      lastRequest.current = undefined;
      setStateInputValue('');
      setLoadedInputValue('');
      setLoadedOptions([]);
      setIsLoading(false);
      setPassEmptyOptions(false);
      return;
    }
    if (cacheOptions && optionsCache[inputValue]) {
      setStateInputValue(inputValue);
      setLoadedInputValue(inputValue);
      setLoadedOptions(optionsCache[inputValue]);
      setIsLoading(false);
      setPassEmptyOptions(false);
    } else {
      var request = lastRequest.current = {};
      setStateInputValue(inputValue);
      setIsLoading(true);
      setPassEmptyOptions(!loadedInputValue);
      loadOptions(inputValue, function (options) {
        if (!mounted) return;
        if (request !== lastRequest.current) return;
        lastRequest.current = undefined;
        setIsLoading(false);
        setLoadedInputValue(inputValue);
        setLoadedOptions(options || []);
        setPassEmptyOptions(false);
        setOptionsCache(options ? objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, optionsCache), {}, esm_defineProperty_defineProperty({}, inputValue, options)) : optionsCache);
      });
    }
  }, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
  var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
    options: options,
    isLoading: isLoading || propsIsLoading,
    onInputChange: onInputChange,
    filterOption: filterOption
  });
}



;// CONCATENATED MODULE: ./node_modules/react-select/async/dist/react-select-async.esm.js

























var AsyncSelect = /*#__PURE__*/(0,external_React_.forwardRef)(function (props, ref) {
  var stateManagedProps = useAsync(props);
  var selectProps = useStateManager(stateManagedProps);
  return /*#__PURE__*/external_React_.createElement(Select_49a62830_esm_Select, esm_extends_extends({
    ref: ref
  }, selectProps));
});
var AsyncSelect$1 = AsyncSelect;



;// CONCATENATED MODULE: ./node_modules/react-select/dist/useCreatable-d97ef2c9.esm.js







var useCreatable_d97ef2c9_esm_excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
var compareOption = function compareOption() {
  var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
  var option = arguments.length > 1 ? arguments[1] : undefined;
  var accessors = arguments.length > 2 ? arguments[2] : undefined;
  var candidate = String(inputValue).toLowerCase();
  var optionValue = String(accessors.getOptionValue(option)).toLowerCase();
  var optionLabel = String(accessors.getOptionLabel(option)).toLowerCase();
  return optionValue === candidate || optionLabel === candidate;
};
var builtins = {
  formatCreateLabel: function formatCreateLabel(inputValue) {
    return "Create \"".concat(inputValue, "\"");
  },
  isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions, accessors) {
    return !(!inputValue || selectValue.some(function (option) {
      return compareOption(inputValue, option, accessors);
    }) || selectOptions.some(function (option) {
      return compareOption(inputValue, option, accessors);
    }));
  },
  getNewOptionData: function getNewOptionData(inputValue, optionLabel) {
    return {
      label: optionLabel,
      value: inputValue,
      __isNew__: true
    };
  }
};
function useCreatable(_ref) {
  var _ref$allowCreateWhile = _ref.allowCreateWhileLoading,
    allowCreateWhileLoading = _ref$allowCreateWhile === void 0 ? false : _ref$allowCreateWhile,
    _ref$createOptionPosi = _ref.createOptionPosition,
    createOptionPosition = _ref$createOptionPosi === void 0 ? 'last' : _ref$createOptionPosi,
    _ref$formatCreateLabe = _ref.formatCreateLabel,
    formatCreateLabel = _ref$formatCreateLabe === void 0 ? builtins.formatCreateLabel : _ref$formatCreateLabe,
    _ref$isValidNewOption = _ref.isValidNewOption,
    isValidNewOption = _ref$isValidNewOption === void 0 ? builtins.isValidNewOption : _ref$isValidNewOption,
    _ref$getNewOptionData = _ref.getNewOptionData,
    getNewOptionData = _ref$getNewOptionData === void 0 ? builtins.getNewOptionData : _ref$getNewOptionData,
    onCreateOption = _ref.onCreateOption,
    _ref$options = _ref.options,
    propsOptions = _ref$options === void 0 ? [] : _ref$options,
    propsOnChange = _ref.onChange,
    restSelectProps = objectWithoutProperties_objectWithoutProperties(_ref, useCreatable_d97ef2c9_esm_excluded);
  var _restSelectProps$getO = restSelectProps.getOptionValue,
    getOptionValue$1 = _restSelectProps$getO === void 0 ? Select_49a62830_esm_getOptionValue$1 : _restSelectProps$getO,
    _restSelectProps$getO2 = restSelectProps.getOptionLabel,
    getOptionLabel$1 = _restSelectProps$getO2 === void 0 ? Select_49a62830_esm_getOptionLabel$1 : _restSelectProps$getO2,
    inputValue = restSelectProps.inputValue,
    isLoading = restSelectProps.isLoading,
    isMulti = restSelectProps.isMulti,
    value = restSelectProps.value,
    name = restSelectProps.name;
  var newOption = (0,external_React_.useMemo)(function () {
    return isValidNewOption(inputValue, cleanValue(value), propsOptions, {
      getOptionValue: getOptionValue$1,
      getOptionLabel: getOptionLabel$1
    }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined;
  }, [formatCreateLabel, getNewOptionData, getOptionLabel$1, getOptionValue$1, inputValue, isValidNewOption, propsOptions, value]);
  var options = (0,external_React_.useMemo)(function () {
    return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(propsOptions)) : [].concat(_toConsumableArray(propsOptions), [newOption]) : propsOptions;
  }, [allowCreateWhileLoading, createOptionPosition, isLoading, newOption, propsOptions]);
  var onChange = (0,external_React_.useCallback)(function (newValue, actionMeta) {
    if (actionMeta.action !== 'select-option') {
      return propsOnChange(newValue, actionMeta);
    }
    var valueArray = Array.isArray(newValue) ? newValue : [newValue];
    if (valueArray[valueArray.length - 1] === newOption) {
      if (onCreateOption) onCreateOption(inputValue);else {
        var newOptionData = getNewOptionData(inputValue, inputValue);
        var newActionMeta = {
          action: 'create-option',
          name: name,
          option: newOptionData
        };
        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
      }
      return;
    }
    propsOnChange(newValue, actionMeta);
  }, [getNewOptionData, inputValue, isMulti, name, newOption, onCreateOption, propsOnChange, value]);
  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
    options: options,
    onChange: onChange
  });
}



;// CONCATENATED MODULE: ./node_modules/react-select/creatable/dist/react-select-creatable.esm.js

























var CreatableSelect = /*#__PURE__*/(0,external_React_.forwardRef)(function (props, ref) {
  var creatableProps = useStateManager(props);
  var selectProps = useCreatable(creatableProps);
  return /*#__PURE__*/external_React_.createElement(Select_49a62830_esm_Select, esm_extends_extends({
    ref: ref
  }, selectProps));
});
var CreatableSelect$1 = CreatableSelect;



;// CONCATENATED MODULE: ./src/blocks/components/select/constant.ts

function constant_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function constant_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? constant_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : constant_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var STYLES = {
  indicatorSeparator: function indicatorSeparator() {
    return {
      display: 'none'
    };
  },
  indicatorsContainer: function indicatorsContainer(provided) {
    return constant_objectSpread(constant_objectSpread({}, provided), {}, {
      maxHeight: '28px'
    });
  },
  menuPortal: function menuPortal(base) {
    return constant_objectSpread(constant_objectSpread({}, base), {}, {
      zIndex: 99999999999
    });
  },
  control: function control(base) {
    return constant_objectSpread(constant_objectSpread({}, base), {}, {
      border: '1px solid #e2e8f0'
    });
  },
  valueContainer: function valueContainer(base) {
    return constant_objectSpread(constant_objectSpread({}, base), {}, {
      padding: '0 6px'
    });
  },
  input: function input(base) {
    return constant_objectSpread(constant_objectSpread({}, base), {}, {
      margin: 0,
      padding: 0
    });
  },
  menuList: function menuList(base) {
    return constant_objectSpread(constant_objectSpread({}, base), {}, {
      maxHeight: '200px'
    });
  }
};
;// CONCATENATED MODULE: ./src/blocks/components/select/Select.tsx



var Select_excluded = ["label", "options", "inline", "responsive", "search", "placeholder", "loading", "multiple", "mode", "onChange", "value", "disabled", "onInputChange"];
function Select_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Select_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Select_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var ReactSelect = function ReactSelect(props) {
  var _options$;
  var label = props.label,
    _props$options = props.options,
    options = _props$options === void 0 ? [] : _props$options,
    _props$inline = props.inline,
    inline = _props$inline === void 0 ? false : _props$inline,
    _props$responsive = props.responsive,
    responsive = _props$responsive === void 0 ? false : _props$responsive,
    _props$search = props.search,
    search = _props$search === void 0 ? false : _props$search,
    _props$placeholder = props.placeholder,
    placeholder = _props$placeholder === void 0 ? null : _props$placeholder,
    loading = props.loading,
    _props$multiple = props.multiple,
    multiple = _props$multiple === void 0 ? false : _props$multiple,
    _props$mode = props.mode,
    mode = _props$mode === void 0 ? "default" : _props$mode,
    _props$onChange = props.onChange,
    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
    value = props.value,
    _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled,
    onInputChange = props.onInputChange,
    otherProps = _objectWithoutProperties(props, Select_excluded);
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(ReactSelect);
  var _useDeviceType = hooks_useDeviceType(),
    DeviceSelector = _useDeviceType.DeviceSelector,
    deviceType = _useDeviceType.deviceType;
  var isAdvance = search || multiple || "undefined" !== typeof loading || !!(options !== null && options !== void 0 && (_options$ = options[0]) !== null && _options$ !== void 0 && _options$.options);
  var currentValue = multiple && responsive ? options.filter(function (o) {
    var _value$deviceType;
    return value === null || value === void 0 || (_value$deviceType = value[deviceType]) === null || _value$deviceType === void 0 ? void 0 : _value$deviceType.includes(o.value);
  }) : multiple && !responsive ? options.filter(function (o) {
    return value === null || value === void 0 ? void 0 : value.includes(o.value);
  }) : !multiple && responsive ? options.find(function (o) {
    return o.value === (value === null || value === void 0 ? void 0 : value[deviceType]);
  }) : options.find(function (o) {
    return o.value === value;
  });
  var selectProps = {
    className: "mzb-select",
    classNamePrefix: "mzb-select",
    isSearchable: search,
    isMulti: multiple,
    theme: function theme(provided) {
      return {
        borderRadius: 2,
        colors: Select_objectSpread(Select_objectSpread({}, provided.colors), {}, {
          primary: "var(--wp-admin-theme-color)"
        }),
        spacing: {
          controlHeight: 30,
          baseUnit: 3,
          menuGutter: 3
        }
      };
    },
    styles: STYLES,
    menuPortalTarget: document.body,
    options: options,
    placeholder: placeholder,
    isLoading: loading,
    getOptionValue: function getOptionValue(option) {
      return option.value;
    },
    getOptionLabel: function getOptionLabel(option) {
      return option.label;
    },
    controlShouldRenderValue: true,
    onChange: function onChange(v) {
      _onChange(isAdvance ? multiple ? v.map(function (o) {
        return o.value;
      }) : responsive ? //@ts-ignore
      Select_objectSpread(Select_objectSpread({}, value !== null && value !== void 0 ? value : {}), {}, defineProperty_defineProperty({}, deviceType, v.value)) : v.value : responsive ? //@ts-ignore
      Select_objectSpread(Select_objectSpread({}, value !== null && value !== void 0 ? value : {}), {}, defineProperty_defineProperty({}, deviceType, v)) : v);
    },
    value: isAdvance ? currentValue : currentValue === null || currentValue === void 0 ? void 0 : currentValue.value,
    isDisabled: loading !== null && loading !== void 0 ? loading : disabled,
    onInputChange: onInputChange,
    components: {
      DropdownIndicator: function DropdownIndicator(dropdownIndicatorProps) {
        return /*#__PURE__*/external_React_default().createElement(components.DropdownIndicator, dropdownIndicatorProps, /*#__PURE__*/external_React_default().createElement("svg", {
          viewBox: "0 0 24 24",
          xmlns: "http://www.w3.org/2000/svg",
          fill: "#000",
          width: "18",
          height: "18",
          className: "components-panel__arrow",
          "aria-hidden": "true",
          focusable: "false"
        }, /*#__PURE__*/external_React_default().createElement("path", {
          d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
        })));
      },
      LoadingIndicator: function LoadingIndicator() {
        return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Spinner, null);
      }
    }
  };
  var ReactSelectComponent = "async" === mode ? AsyncSelect$1 : "creatable" === mode ? CreatableSelect$1 : StateManagedSelect$1;
  var SelectComponent = isAdvance ? ReactSelectComponent : external_wp_components_namespaceObject.SelectControl;
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: classnames_default()("mzb-control", "mzb-select", {
      "mzb-responsive": responsive
    }, {
      "mzb-inline": inline && !responsive
    })
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-select-head",
    style: {
      marginBottom: "8px"
    }
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-select-button-".concat(id),
    className: "mzb-control-label mzb-select-label"
  }, label), responsive && /*#__PURE__*/external_React_default().createElement(DeviceSelector, null)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-select-body"
  }, responsive ? ["desktop", "tablet", "mobile"].map(function (deviceKey) {
    return deviceKey === deviceType && /*#__PURE__*/external_React_default().createElement(SelectComponent, extends_extends({
      key: deviceKey
    }, isAdvance ? selectProps : (0,external_lodash_namespaceObject.pick)(selectProps, ["onChange", "value", "options"]), (0,external_lodash_namespaceObject.omit)(otherProps, ["label"])));
  }) : /*#__PURE__*/external_React_default().createElement(SelectComponent, extends_extends({}, isAdvance ? selectProps : (0,external_lodash_namespaceObject.pick)(selectProps, ["onChange", "value", "options"]), (0,external_lodash_namespaceObject.omit)(otherProps, ["label"])))));
};
/* harmony default export */ const select_Select = (ReactSelect);
;// CONCATENATED MODULE: ./src/blocks/css/utils.ts

function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = utils_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function utils_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return utils_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return utils_arrayLikeToArray(o, minLen); }
function utils_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
/**
 * The `replacePlaceholders` function replaces placeholders in a string with
 * corresponding values from a given object.
 * @param {string} str - The `str` parameter is a string that contains placeholders
 * in the format `{{tag}}`. These placeholders will be replaced with corresponding
 * values from the `placeholders` object.
 * @param placeholders - An object containing key-value pairs where the key is the
 * placeholder tag and the value is the replacement value.
 * @returns the modified string after replacing all the placeholders with their
 * corresponding values.
 */
var replacePlaceholders = function replacePlaceholders(str, placeholders) {
  Object.entries(placeholders).forEach(function (_ref) {
    var _ref2 = slicedToArray_slicedToArray(_ref, 2),
      tag = _ref2[0],
      value = _ref2[1];
    str = str.replaceAll("{{".concat(tag, "}}"), value);
  });
  return str;
};

/**
 * The `meetsConditions` function checks if a given set of settings meets certain
 * conditions specified in the `selectData` object.
 * @param settings - An object that contains various settings. Each setting is
 * identified by a key (string) and has a corresponding value (any data type).
 * @param selectData - The `selectData` parameter is an object that contains a
 * `condition` property. The `condition` property is an array of objects, where
 * each object represents a condition. Each condition object has three properties:
 * @returns The function `meetsConditions` returns a boolean value indicating
 * whether the given `settings` meet the specified conditions in the `selectData`
 * object.
 */
var meetsConditions = function meetsConditions(settings, selectData) {
  var _selectData$condition;
  var depends = true;
  selectData === null || selectData === void 0 || (_selectData$condition = selectData.condition) === null || _selectData$condition === void 0 || _selectData$condition.forEach(function (data) {
    var previous = depends;
    if (data.relation === "==" || data.relation === "===") {
      if (typeof data.value === "string" || typeof data.value === "number" || typeof data.value === "boolean") {
        depends = settings[data.key] === data.value;
      } else {
        var _data$value;
        depends = !!(data !== null && data !== void 0 && (_data$value = data.value) !== null && _data$value !== void 0 && _data$value.includes(settings[data.key]));
      }
    } else if (data.relation === "!=" || data.relation === "!==") {
      if (typeof data.value === "string" || typeof data.value === "number" || typeof data.value === "boolean") {
        depends = settings[data.key] !== data.value;
      } else {
        var _data$value2;
        var selected = false;
        data === null || data === void 0 || (_data$value2 = data.value) === null || _data$value2 === void 0 || _data$value2.forEach(function (arrData) {
          if (settings[data.key] !== arrData) {
            selected = true;
          }
        });
        if (selected) {
          depends = true;
        }
      }
    }
    if (previous === false) {
      depends = false;
    }
  });
  return depends;
};

/**
 * The function checks if an array of block instances contains any instances with a
 * name that includes "magazine-blocks/" or if any of its inner blocks contain such
 * instances.
 * @param blocks - An array of BlockInstance objects. Each BlockInstance object
 * represents a block in a block editor.
 * @returns a boolean value. It returns true if there is at least one block in the
 * given array of BlockInstance objects that has a name containing the string
 * 'magazine-blocks/', or if any of the innerBlocks of a block in the array also have a
 * block with the name containing 'magazine-blocks/'. Otherwise, it returns false.
 */
var hasMagazineBlockBlocks = function hasMagazineBlockBlocks(blocks) {
  var _iterator = _createForOfIteratorHelper(blocks),
    _step;
  try {
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      var _block$name;
      var block = _step.value;
      var name = (_block$name = block === null || block === void 0 ? void 0 : block.name) !== null && _block$name !== void 0 ? _block$name : "";
      if (-1 !== name.indexOf("magazine-blocks/")) {
        return true;
      }
      if (block.innerBlocks && block.innerBlocks.length > 0) {
        if (hasMagazineBlockBlocks(block.innerBlocks)) {
          return true;
        }
      }
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return false;
};
;// CONCATENATED MODULE: ./src/blocks/css/generator/advanced-css.ts
function advanced_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = advanced_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function advanced_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return advanced_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return advanced_css_arrayLikeToArray(o, minLen); }
function advanced_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }

var advancedCSS = function advancedCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID,
    context = props.context;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (!styles) {
    return css;
  }
  var _iterator = advanced_css_createForOfIteratorHelper(styles),
    _step;
  try {
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      var style = _step.value;
      if (!meetsConditions(props.settings, style)) {
        return;
      }
      var selector = replacePlaceholders(style.selector, {
        WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
      });
      if (settingValue && "save" === context) {
        css.allDevice.push(selector);
      }
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const advanced_css = (advancedCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/background-css.ts
function background_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = background_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function background_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return background_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return background_css_arrayLikeToArray(o, minLen); }
function background_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }


var backgroundImageCSS = function backgroundImageCSS(data) {
  var _data$image;
  var cssForDevices = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (data !== null && data !== void 0 && (_data$image = data.image) !== null && _data$image !== void 0 && _data$image.url) {
    cssForDevices.desktop.push("background-image: url(" + data.image.url + ");");
  }
  if (data !== null && data !== void 0 && data.attachment && "default" !== data.attachment) {
    cssForDevices.desktop.push("background-attachment: " + data.attachment + ";");
  }
  Object.keys(DEVICES).forEach(function (device) {
    var _data$position, _data$repeat, _data$size;
    var customSizeKey = "customSize" + (device.charAt(0).toUpperCase() + device.slice(1));
    if (data !== null && data !== void 0 && data.position && (_data$position = data.position) !== null && _data$position !== void 0 && _data$position[device] && "default" !== data.position[device]) {
      cssForDevices[device].push("background-position: ".concat(data.position[device], ";"));
    }
    if (data !== null && data !== void 0 && data.repeat && data !== null && data !== void 0 && (_data$repeat = data.repeat) !== null && _data$repeat !== void 0 && _data$repeat[device] && "default" !== data.repeat[device]) {
      cssForDevices[device].push("background-repeat: ".concat(data.repeat[device], ";"));
    }
    if (data !== null && data !== void 0 && data.size && (_data$size = data.size) !== null && _data$size !== void 0 && _data$size[device] && "default" !== data.size[device]) {
      if ("custom" !== data.size[device]) {
        cssForDevices[device].push("background-size: ".concat(data.size[device], ";"));
      }
      if ("custom" === data.size[device] && data[customSizeKey]) {
        cssForDevices[device].push("background-size: ".concat(data[customSizeKey].value + (data[customSizeKey].unit || ""), " auto;"));
      }
    }
  });
  return cssForDevices;
};
var backgroundCSS = function backgroundCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (!styles) {
    return css;
  }
  var _settingValue$type = settingValue.type,
    type = _settingValue$type === void 0 ? "color" : _settingValue$type,
    image = settingValue.image,
    color = settingValue.color;
  var _iterator = background_css_createForOfIteratorHelper(styles),
    _step;
  try {
    var _loop = function _loop() {
      var style = _step.value;
      if (!meetsConditions(props.settings, style)) {
        return 1; // continue
      }
      var selector = replacePlaceholders(style.selector, {
        WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
      });
      if (color) {
        css.allDevice.push("".concat(selector, "{ background-color: ").concat(color, "; }"));
      }
      if ("image" === type) {
        var imageData = backgroundImageCSS(image !== null && image !== void 0 ? image : {});
        Object.keys(css).forEach(function (type) {
          if (imageData[type].length > 0) {
            css[type].push("".concat(selector, "{ ").concat(imageData[type].join(""), " }"));
          }
        });
      }
    };
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      if (_loop()) continue;
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const background_css = (backgroundCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/border-css.ts
function border_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = border_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function border_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return border_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return border_css_arrayLikeToArray(o, minLen); }
function border_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }


var borderCSS = function borderCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  var tempCSS = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (!styles) {
    return css;
  }
  var _settingValue$type = settingValue.type,
    type = _settingValue$type === void 0 ? "none" : _settingValue$type,
    size = settingValue.size,
    radius = settingValue.radius,
    color = settingValue.color;
  var _iterator = border_css_createForOfIteratorHelper(styles),
    _step;
  try {
    var _loop = function _loop() {
      var style = _step.value;
      if (!meetsConditions(props.settings, style)) {
        return 1; // continue
      }
      var selector = replacePlaceholders(style.selector, {
        WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
      });
      if ("none" !== type) {
        tempCSS.desktop.push("".concat(color ? "border-color: ".concat(color, ";") : "", " border-style: ").concat(type, ";"));
        var _loop2 = function _loop2() {
          if (size !== null && size !== void 0 && size[device]) {
            var _size$device$unit, _size$device, _size$device$top, _size$device2, _size$device$right, _size$device3, _size$device$bottom, _size$device4, _size$device$left, _size$device5;
            var sizeUnit = (_size$device$unit = (_size$device = size[device]) === null || _size$device === void 0 ? void 0 : _size$device.unit) !== null && _size$device$unit !== void 0 ? _size$device$unit : "px";
            var sides = ["".concat((_size$device$top = (_size$device2 = size[device]) === null || _size$device2 === void 0 ? void 0 : _size$device2.top) !== null && _size$device$top !== void 0 ? _size$device$top : 0).concat(sizeUnit), "".concat((_size$device$right = (_size$device3 = size[device]) === null || _size$device3 === void 0 ? void 0 : _size$device3.right) !== null && _size$device$right !== void 0 ? _size$device$right : 0).concat(sizeUnit), "".concat((_size$device$bottom = (_size$device4 = size[device]) === null || _size$device4 === void 0 ? void 0 : _size$device4.bottom) !== null && _size$device$bottom !== void 0 ? _size$device$bottom : 0).concat(sizeUnit), "".concat((_size$device$left = (_size$device5 = size[device]) === null || _size$device5 === void 0 ? void 0 : _size$device5.left) !== null && _size$device$left !== void 0 ? _size$device$left : 0).concat(sizeUnit)];
            if (sides.every(function (side) {
              return "0".concat(sizeUnit) === side;
            })) return 1; // continue
            tempCSS[device].push("border-width: ".concat(sides.join(" "), ";"));
          }
        };
        for (var device in DEVICES) {
          if (_loop2()) continue;
        }
      }
      var _loop3 = function _loop3() {
        if (radius !== null && radius !== void 0 && radius[_device]) {
          var _radius$_device$unit, _radius$_device, _radius$_device$top, _radius$_device2, _radius$_device$right, _radius$_device3, _radius$_device$botto, _radius$_device4, _radius$_device$left, _radius$_device5;
          var radiusUnit = (_radius$_device$unit = (_radius$_device = radius[_device]) === null || _radius$_device === void 0 ? void 0 : _radius$_device.unit) !== null && _radius$_device$unit !== void 0 ? _radius$_device$unit : "px";
          var sides = ["".concat((_radius$_device$top = (_radius$_device2 = radius[_device]) === null || _radius$_device2 === void 0 ? void 0 : _radius$_device2.top) !== null && _radius$_device$top !== void 0 ? _radius$_device$top : 0).concat(radiusUnit), "".concat((_radius$_device$right = (_radius$_device3 = radius[_device]) === null || _radius$_device3 === void 0 ? void 0 : _radius$_device3.right) !== null && _radius$_device$right !== void 0 ? _radius$_device$right : 0).concat(radiusUnit), "".concat((_radius$_device$botto = (_radius$_device4 = radius[_device]) === null || _radius$_device4 === void 0 ? void 0 : _radius$_device4.bottom) !== null && _radius$_device$botto !== void 0 ? _radius$_device$botto : 0).concat(radiusUnit), "".concat((_radius$_device$left = (_radius$_device5 = radius[_device]) === null || _radius$_device5 === void 0 ? void 0 : _radius$_device5.left) !== null && _radius$_device$left !== void 0 ? _radius$_device$left : 0).concat(radiusUnit)];
          if (sides.every(function (side) {
            return "0".concat(radiusUnit) === side;
          })) return 1; // continue
          tempCSS[_device].push("border-radius: ".concat(sides.join(" "), ";"));
        }
      };
      for (var _device in DEVICES) {
        if (_loop3()) continue;
      }
      Object.keys(css).forEach(function (type) {
        var _tempCSS$type;
        if ((tempCSS === null || tempCSS === void 0 || (_tempCSS$type = tempCSS[type]) === null || _tempCSS$type === void 0 ? void 0 : _tempCSS$type.length) > 0) {
          css[type].push("".concat(selector, "{ ").concat(tempCSS[type].join(""), " }"));
        }
      });
    };
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      if (_loop()) continue;
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const border_css = (borderCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/box-shadow-css.ts
function box_shadow_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = box_shadow_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function box_shadow_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return box_shadow_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return box_shadow_css_arrayLikeToArray(o, minLen); }
function box_shadow_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }

var boxShadowCSS = function boxShadowCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  var _settingValue$enable = settingValue.enable,
    enable = _settingValue$enable === void 0 ? false : _settingValue$enable,
    _settingValue$positio = settingValue.position,
    position = _settingValue$positio === void 0 ? "outline" : _settingValue$positio,
    _settingValue$horizon = settingValue.horizontalX,
    horizontalX = _settingValue$horizon === void 0 ? 0 : _settingValue$horizon,
    _settingValue$vertica = settingValue.verticalY,
    verticalY = _settingValue$vertica === void 0 ? 0 : _settingValue$vertica,
    _settingValue$blur = settingValue.blur,
    blur = _settingValue$blur === void 0 ? 10 : _settingValue$blur,
    _settingValue$spread = settingValue.spread,
    spread = _settingValue$spread === void 0 ? 0 : _settingValue$spread,
    _settingValue$color = settingValue.color,
    color = _settingValue$color === void 0 ? "rgba(0,0,0, 0.5)" : _settingValue$color;
  if (!styles || !enable) {
    return css;
  }
  var _iterator = box_shadow_css_createForOfIteratorHelper(styles),
    _step;
  try {
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      var style = _step.value;
      if (!meetsConditions(props.settings, style)) {
        continue;
      }
      var selector = replacePlaceholders(style.selector, {
        WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
      });
      css.allDevice.push(selector + "{ box-shadow:" + (position && "inset" === position ? position : "") + " " + horizontalX + "px " + verticalY + "px " + blur + "px " + spread + "px " + color + "; }");
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const box_shadow_css = (boxShadowCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/common-css.ts

function common_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = common_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function common_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return common_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return common_css_arrayLikeToArray(o, minLen); }
function common_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }



var commonCSS = function commonCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (!styles) {
    return css;
  }
  var _iterator = common_css_createForOfIteratorHelper(styles),
    _step;
  try {
    var _loop = function _loop() {
      var style = _step.value;
      if (!meetsConditions(props.settings, style)) {
        return 1; // continue
      }
      var selector = replacePlaceholders(style.selector, {
        WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
      });
      if ("object" === _typeof(settingValue) && settingValue) {
        if (["desktop", "tablet", "mobile"].some(function (d) {
          return Object.keys(settingValue).includes(d);
        })) {
          Object.keys(DEVICES).forEach(function (device) {
            if (!(0,external_lodash_namespaceObject.isUndefined)(settingValue[device])) {
              if ("object" === _typeof(settingValue[device])) {
                if (!(0,external_lodash_namespaceObject.isUndefined)(settingValue[device].value) || "" !== settingValue[device].value) {
                  css[device].push(replacePlaceholders(selector, {
                    VALUE: settingValue[device].value + settingValue[device].unit || "px"
                  }));
                }
              } else {
                if (!(0,external_lodash_namespaceObject.isUndefined)(settingValue[device]) || "" !== settingValue[device]) {
                  css[device].push(replacePlaceholders(selector, {
                    VALUE: settingValue[device]
                  }));
                }
              }
            }
          });
        } else {
          var _ref = settingValue,
            value = _ref.value,
            unit = _ref.unit;
          if (!(0,external_lodash_namespaceObject.isUndefined)(value) || "" !== value) {
            css.allDevice.push(replacePlaceholders(selector, {
              VALUE: (value !== null && value !== void 0 ? value : 0) + (unit !== null && unit !== void 0 ? unit : "px")
            }));
          }
        }
      } else {
        if (!(0,external_lodash_namespaceObject.isUndefined)(settingValue) || "" !== settingValue) {
          css.allDevice.push(replacePlaceholders(selector, {
            VALUE: settingValue
          }));
        }
      }
    };
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      if (_loop()) continue;
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const common_css = (commonCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/dimension-css.ts
function dimension_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = dimension_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function dimension_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return dimension_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return dimension_css_arrayLikeToArray(o, minLen); }
function dimension_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }


var dimensionCSS = function dimensionCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (!styles) {
    return css;
  }
  var _iterator = dimension_css_createForOfIteratorHelper(styles),
    _step;
  try {
    var _loop = function _loop() {
        var style = _step.value;
        if (!meetsConditions(props.settings, style)) {
          return 0; // continue
        }
        var selector = replacePlaceholders(style.selector, {
          WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
        });
        if (settingValue) {
          if (Object.keys(settingValue).some(function (v) {
            return Object.keys(DEVICES).includes(v);
          })) {
            Object.keys(DEVICES).forEach(function (device) {
              var _settingValue$device, _settingValue$device2, _settingValue$device3, _settingValue$device4;
              if (!settingValue[device]) {
                return;
              }
              if (!Object.keys(settingValue[device]).some(function (v) {
                return ["top", "right", "bottom", "left", "unit"].includes(v);
              })) {
                return;
              }
              var dimensionUnit = settingValue[device].unit || "px";
              var sides = ["".concat(((_settingValue$device = settingValue[device]) === null || _settingValue$device === void 0 ? void 0 : _settingValue$device.top) || 0).concat(dimensionUnit), "".concat(((_settingValue$device2 = settingValue[device]) === null || _settingValue$device2 === void 0 ? void 0 : _settingValue$device2.right) || 0).concat(dimensionUnit), "".concat(((_settingValue$device3 = settingValue[device]) === null || _settingValue$device3 === void 0 ? void 0 : _settingValue$device3.bottom) || 0).concat(dimensionUnit), "".concat(((_settingValue$device4 = settingValue[device]) === null || _settingValue$device4 === void 0 ? void 0 : _settingValue$device4.left) || 0).concat(dimensionUnit)];
              css[device].push(replacePlaceholders(selector, {
                VALUE: sides.join(" ")
              }));
            });
          } else {
            if (!Object.keys(settingValue).some(function (v) {
              return ["top", "right", "bottom", "left", "unit"].includes(v);
            })) {
              return {
                v: void 0
              };
            }
            var dimensionUnit = settingValue.unit || "px";
            var sides = ["".concat((settingValue === null || settingValue === void 0 ? void 0 : settingValue.top) || 0).concat(dimensionUnit), "".concat((settingValue === null || settingValue === void 0 ? void 0 : settingValue.right) || 0).concat(dimensionUnit), "".concat((settingValue === null || settingValue === void 0 ? void 0 : settingValue.bottom) || 0).concat(dimensionUnit), "".concat((settingValue === null || settingValue === void 0 ? void 0 : settingValue.left) || 0).concat(dimensionUnit)];
            css.allDevice.push(replacePlaceholders(selector, {
              VALUE: sides.join(" ")
            }));
          }
        }
      },
      _ret;
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      _ret = _loop();
      if (_ret === 0) continue;
      if (_ret) return _ret.v;
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const dimension_css = (dimensionCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/position-css.ts

var positionCSS = function positionCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  var _settingValue$positio = settingValue.position,
    position = _settingValue$positio === void 0 ? "" : _settingValue$positio,
    _settingValue$top = settingValue.top,
    top = _settingValue$top === void 0 ? 0 : _settingValue$top,
    _settingValue$right = settingValue.right,
    right = _settingValue$right === void 0 ? 0 : _settingValue$right,
    _settingValue$bottom = settingValue.bottom,
    bottom = _settingValue$bottom === void 0 ? 0 : _settingValue$bottom,
    _settingValue$left = settingValue.left,
    left = _settingValue$left === void 0 ? 0 : _settingValue$left;
  styles.forEach(function (style) {
    if (!meetsConditions(props.settings, style)) {
      return;
    }
    var selector = replacePlaceholders(style.selector, {
      WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
    });
    if (position) {
      css.allDevice.push("".concat(selector, " { position: ").concat(position, "px; top: ").concat(top, "px; right: ").concat(right, "px; bottom: ").concat(bottom, "px; left: ").concat(left, "px; }"));
    }
  });
  return css;
};
/* harmony default export */ const position_css = (positionCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/separator-css.ts

var separatorCSS = function separatorCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  if (!styles || !settingValue.enable) {
    return css;
  }
  var _settingValue$color = settingValue.color,
    color = _settingValue$color === void 0 ? "#fff" : _settingValue$color,
    _settingValue$height = settingValue.height,
    height = _settingValue$height === void 0 ? 160 : _settingValue$height,
    _settingValue$width = settingValue.width,
    width = _settingValue$width === void 0 ? 1 : _settingValue$width,
    shadow_enable = settingValue.shadow_enable,
    _settingValue$shadow_ = settingValue.shadow_color,
    shadow_color = _settingValue$shadow_ === void 0 ? "#fff" : _settingValue$shadow_,
    _settingValue$horizon = settingValue.horizontalX,
    horizontalX = _settingValue$horizon === void 0 ? 0 : _settingValue$horizon,
    _settingValue$vertica = settingValue.verticalY,
    verticalY = _settingValue$vertica === void 0 ? 0 : _settingValue$vertica,
    _settingValue$blur = settingValue.blur,
    blur = _settingValue$blur === void 0 ? 0 : _settingValue$blur;
  styles.forEach(function (style) {
    if (!meetsConditions(props.settings, style)) {
      return;
    }
    var selector = replacePlaceholders(style.selector, {
      WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
    });
    var _style = "";
    if (color) {
      _style += "fill: ".concat(color, ";");
    }
    if (height) {
      _style += "height: ".concat(height, "px;");
    }
    if (width) {
      _style += "transform: scaleX(".concat(width, ");");
    }
    if (shadow_enable) {
      _style += "filter: drop-shadow(".concat(horizontalX, "px ").concat(verticalY, "px ").concat(blur, "px ").concat(shadow_color, ");");
    }
    if (_style) {
      css.allDevice.push("".concat(selector, " { ").concat(_style, " }"));
    }
  });
  return css;
};
/* harmony default export */ const separator_css = (separatorCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/typography-css.ts
function typography_css_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = typography_css_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function typography_css_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return typography_css_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return typography_css_arrayLikeToArray(o, minLen); }
function typography_css_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }


var typographyCSS = function typographyCSS(props) {
  var settingValue = props.settingValue,
    settingDef = props.settingDef,
    blockName = props.blockName,
    blockID = props.blockID;
  var styles = settingDef === null || settingDef === void 0 ? void 0 : settingDef.style;
  var css = {
      allDevice: [],
      desktop: [],
      tablet: [],
      mobile: []
    },
    tempCSS = {
      allDevice: [],
      desktop: [],
      tablet: [],
      mobile: []
    };
  var font = "";
  if (!styles) {
    return css;
  }
  var _settingValue$family = settingValue.family,
    family = _settingValue$family === void 0 ? "Default" : _settingValue$family,
    _settingValue$weight = settingValue.weight,
    weight = _settingValue$weight === void 0 ? 400 : _settingValue$weight,
    _settingValue$transfo = settingValue.transform,
    transform = _settingValue$transfo === void 0 ? "default" : _settingValue$transfo,
    _settingValue$decorat = settingValue.decoration,
    decoration = _settingValue$decorat === void 0 ? "default" : _settingValue$decorat,
    _settingValue$type = settingValue.type,
    type = _settingValue$type === void 0 ? "sans-serif" : _settingValue$type,
    size = settingValue.size,
    lineHeight = settingValue.lineHeight,
    letterSpacing = settingValue.letterSpacing;
  var _iterator = typography_css_createForOfIteratorHelper(styles),
    _step;
  try {
    var _loop = function _loop() {
        var style = _step.value;
        if (!meetsConditions(props.settings, style)) {
          return {
            v: void 0
          };
        }
        var selector = replacePlaceholders(style.selector, {
          WRAPPER: ".mzb-".concat(blockName, "-").concat(blockID)
        });
        if ("Default" !== family) {
          font += "@import url('https://fonts.googleapis.com/css?family=".concat(family.replace(" ", "+"), ":").concat(weight, "&display=swap');");
          tempCSS.desktop.push("font-family: ".concat(family, ", ").concat(type, ";"));
        }
        if (weight) {
          tempCSS.desktop.push("font-weight: ".concat(weight, ";"));
        }
        if ("default" !== transform) {
          tempCSS.desktop.push("text-transform: ".concat(transform, ";"));
        }
        if ("default" !== decoration) {
          tempCSS.desktop.push("text-decoration: ".concat(decoration, ";"));
        }
        Object.keys(DEVICES).forEach(function (device) {
          var _size$device, _lineHeight$device, _letterSpacing$device;
          if (size !== null && size !== void 0 && (_size$device = size[device]) !== null && _size$device !== void 0 && _size$device.value) {
            var _size$device$unit, _size$device2;
            tempCSS[device].push("font-size: ".concat(size[device].value).concat((_size$device$unit = (_size$device2 = size[device]) === null || _size$device2 === void 0 ? void 0 : _size$device2.unit) !== null && _size$device$unit !== void 0 ? _size$device$unit : "px", ";"));
          }
          if (lineHeight !== null && lineHeight !== void 0 && (_lineHeight$device = lineHeight[device]) !== null && _lineHeight$device !== void 0 && _lineHeight$device.value) {
            var _lineHeight$device$un, _lineHeight$device2;
            tempCSS[device].push("line-height: ".concat(lineHeight[device].value).concat((_lineHeight$device$un = (_lineHeight$device2 = lineHeight[device]) === null || _lineHeight$device2 === void 0 ? void 0 : _lineHeight$device2.unit) !== null && _lineHeight$device$un !== void 0 ? _lineHeight$device$un : "px", ";"));
          }
          if (letterSpacing !== null && letterSpacing !== void 0 && (_letterSpacing$device = letterSpacing[device]) !== null && _letterSpacing$device !== void 0 && _letterSpacing$device.value) {
            var _letterSpacing$device2, _letterSpacing$device3;
            tempCSS[device].push("letter-spacing: ".concat(letterSpacing[device].value).concat((_letterSpacing$device2 = (_letterSpacing$device3 = letterSpacing[device]) === null || _letterSpacing$device3 === void 0 ? void 0 : _letterSpacing$device3.unit) !== null && _letterSpacing$device2 !== void 0 ? _letterSpacing$device2 : "px"));
          }
        });
        Object.keys(css).forEach(function (type) {
          if (tempCSS[type].length > 0) {
            css[type].push("".concat(selector, "{ ").concat(tempCSS[type].join(""), " }"));
          }
        });
        if (font) {
          css.allDevice.unshift(font);
        }
      },
      _ret;
    for (_iterator.s(); !(_step = _iterator.n()).done;) {
      _ret = _loop();
      if (_ret) return _ret.v;
    }
  } catch (err) {
    _iterator.e(err);
  } finally {
    _iterator.f();
  }
  return css;
};
/* harmony default export */ const typography_css = (typographyCSS);
;// CONCATENATED MODULE: ./src/blocks/css/generator/index.ts









var generator = {
  empty: function empty() {
    return {
      allDevice: [],
      desktop: [],
      tablet: [],
      mobile: []
    };
  },
  border: border_css,
  dimension: dimension_css,
  background: background_css,
  boxShadow: box_shadow_css,
  typography: typography_css,
  separator: separator_css,
  advanced: advanced_css,
  common: common_css,
  position: position_css
};
/* harmony default export */ const css_generator = (generator);
;// CONCATENATED MODULE: ./src/blocks/css/generate-block-css.ts


function generate_block_css_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function generate_block_css_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? generate_block_css_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : generate_block_css_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }



var getSettingStyleGenerator = function getSettingStyleGenerator(settingName, settingValue) {
  if (settingValue !== null && settingValue !== void 0 && settingValue.border) {
    return css_generator.border;
  } else if (settingValue !== null && settingValue !== void 0 && settingValue.background) {
    return css_generator.background;
  } else if (settingValue !== null && settingValue !== void 0 && settingValue.typography) {
    return css_generator.typography;
  } else if (settingValue !== null && settingValue !== void 0 && settingValue.boxShadow) {
    return css_generator.boxShadow;
  } else if (settingValue !== null && settingValue !== void 0 && settingValue.dimension) {
    return css_generator.dimension;
  } else if (settingValue !== null && settingValue !== void 0 && settingValue.topSeparator || settingValue !== null && settingValue !== void 0 && settingValue.bottomSeparator) {
    return css_generator.separator;
  } else if (settingValue !== null && settingValue !== void 0 && settingValue.positionProperty) {
    return css_generator.position;
  } else if (["hideOnDesktop", "hideOnTablet", "hideOnMobile", "colReverseOnTablet", "colReverseOnMobile"].includes(settingName)) {
    return css_generator.advanced;
  }
  return css_generator.common;
};
var generate_block_css_generateBlockCSS = function generateBlockCSS(_ref) {
  var _getBlockType;
  var settings = _ref.settings,
    blockName = _ref.blockName,
    blockID = _ref.blockID,
    _ref$deviceType = _ref.deviceType,
    deviceType = _ref$deviceType === void 0 ? "desktop" : _ref$deviceType,
    _ref$context = _ref.context,
    context = _ref$context === void 0 ? "editor" : _ref$context;
  var cssForDevices = {
    allDevice: [],
    desktop: [],
    tablet: [],
    mobile: []
  };
  var attributesDef = (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)("magazine-blocks/" + ("button" === blockName ? "button-inner" : "buttons" === blockName ? "button" : blockName))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.attributes;
  if (!attributesDef) return "";
  var defaultSettings = Object.entries(attributesDef).reduce(function (acc, _ref2) {
    var _ref3 = slicedToArray_slicedToArray(_ref2, 2),
      key = _ref3[0],
      value = _ref3[1];
    if (value !== null && value !== void 0 && value["default"]) {
      acc[key] = value["default"];
    }
    return acc;
  }, {});
  for (var _i = 0, _Object$entries = Object.entries(settings); _i < _Object$entries.length; _i++) {
    var _Object$entries$_i = slicedToArray_slicedToArray(_Object$entries[_i], 2),
      _settingName = _Object$entries$_i[0],
      settingValue = _Object$entries$_i[1];
    var attributeDef = attributesDef[_settingName];
    var settingStyle = attributeDef === null || attributeDef === void 0 ? void 0 : attributeDef.style;
    if (!settingStyle) {
      continue;
    }
    var settingStyleGenerator = getSettingStyleGenerator(_settingName, settingValue);
    if (!settingStyleGenerator) {
      continue;
    }
    var settingCSSForDevices = settingStyleGenerator({
      blockID: blockID,
      settingDef: attributeDef,
      settingName: _settingName,
      settingValue: settingValue,
      settings: generate_block_css_objectSpread(generate_block_css_objectSpread({}, defaultSettings), settings),
      blockName: blockName,
      context: context
    });
    if (!settingCSSForDevices) {
      continue;
    }
    cssForDevices.allDevice = cssForDevices.allDevice.concat(settingCSSForDevices.allDevice);
    cssForDevices.desktop = cssForDevices.desktop.concat(settingCSSForDevices.desktop);
    cssForDevices.tablet = cssForDevices.tablet.concat(settingCSSForDevices.tablet);
    cssForDevices.mobile = cssForDevices.mobile.concat(settingCSSForDevices.mobile);
  }
  if (cssForDevices.allDevice.length > 0) {
    cssForDevices.allDevice.forEach(function (str, index) {
      if (str.includes("@import")) {
        cssForDevices.allDevice.splice(index, 1);
        if ("editor" === context) {
          cssForDevices.allDevice.unshift(str);
        }
      }
    });
  }
  var css = cssForDevices.allDevice.join("");
  css += cssForDevices.desktop.join("");
  if (context === "editor") {
    if (!localized.isNotPostEditor) {
      if ("desktop" !== deviceType) {
        css += cssForDevices.tablet.join("");
      }
      if ("mobile" === deviceType) {
        css += cssForDevices.mobile.join("");
      }
    }
    return css;
  }
  if (cssForDevices.tablet.length) {
    css += "@media (max-width: ".concat("62em", ") {", cssForDevices.mobile.join(""), "}");
  }
  if (cssForDevices.mobile.length) {
    css += "@media (max-width: ".concat("48em", ") {", cssForDevices.tablet.join(""), "}");
  }
  return css;
};
;// CONCATENATED MODULE: ./src/blocks/css/index.ts

;// CONCATENATED MODULE: ./src/blocks/hooks/useBlockStyle.tsx


var useBlockStyle = function useBlockStyle(props) {
  var clientId = props.clientId,
    blockName = props.blockName,
    deviceType = props.deviceType,
    attributes = props.attributes;
  var Style = (0,external_React_.useMemo)(function () {
    var _wp;
    var css = generate_block_css_generateBlockCSS({
      settings: attributes,
      blockName: blockName,
      blockID: clientId,
      deviceType: deviceType
    });
    if ("customize" === window.pagenow && (_wp = window.wp) !== null && _wp !== void 0 && _wp.customize) {
      var inject = function inject() {
        var doc = window.wp.customize.previewer.targetWindow().document;
        if (!doc) return;
        var style = Object.assign(document.createElement("style"), {
          id: "mzb-".concat(blockName, "-").concat(clientId, "-css"),
          innerHTML: css
        });
        var styleEl = doc.getElementById("mzb-".concat(blockName, "-").concat(clientId, "-css"));
        if (styleEl) {
          styleEl.remove();
        }
        doc.head.appendChild(style);
      };
      inject();
      window.wp.customize.previewer.bind("ready", inject);
    }
    var _Style = function _Style() {
      if (!clientId || !css) return null;
      return /*#__PURE__*/external_React_default().createElement("style", null, css);
    };
    _Style.displayName = "Style[".concat(blockName, "/").concat(clientId, "]");
    return _Style;
  }, [attributes, blockName, clientId, deviceType]);
  return {
    Style: Style
  };
};
/* harmony default export */ const hooks_useBlockStyle = (useBlockStyle);
;// CONCATENATED MODULE: ./src/blocks/hooks/useClientId.ts


var useClientId = function useClientId(props) {
  var attributes = props.attributes,
    setAttributes = props.setAttributes,
    name = props.name,
    clientId = props.clientId;
  (0,external_React_.useEffect)(function () {
    var id = clientId.substring(0, 8);
    var _name$split = name.split("/"),
      _name$split2 = slicedToArray_slicedToArray(_name$split, 2),
      _name$split2$ = _name$split2[1],
      blockName = _name$split2$ === void 0 ? "mzb" : _name$split2$;
    if (!attributes.clientId) {
      setAttributes({
        clientId: id
      });
    } else if (attributes.clientId !== id) {
      if (document.querySelectorAll(".mzb-".concat(blockName, "-").concat(attributes.clientId)).length > 1) {
        setAttributes({
          clientId: id
        });
      }
    }
  }, [clientId, name, attributes.clientId, setAttributes]);
  return {
    clientId: attributes.clientId
  };
};
/* harmony default export */ const hooks_useClientId = (useClientId);
;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"]
const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"];
;// CONCATENATED MODULE: external ["wp","keycodes"]
const external_wp_keycodes_namespaceObject = window["wp"]["keycodes"];
;// CONCATENATED MODULE: ./src/blocks/hooks/create-storage.ts


var useWindowEvent = function useWindowEvent(type, handler, options) {
  (0,external_React_.useEffect)(function () {
    // @ts-ignore
    window.addEventListener(type, handler, options);
    // @ts-ignore
    return function () {
      return window.removeEventListener(type, handler, options);
    };
  }, [type, handler, options]);
};
var serializeJSON = function serializeJSON(value, hookName) {
  try {
    return JSON.stringify(value);
  } catch (error) {
    throw new Error("Filed to serialize ".concat(hookName, " value"));
  }
};
var deserializeJSON = function deserializeJSON(value) {
  try {
    return JSON.parse(value);
  } catch (error) {
    throw new Error("Filed to deserialize value");
  }
};
var create_storage_createStorage = function createStorage(type, hookName) {
  var eventName = "localStorage" === type ? "magazine-blocks-local-storage" : "magazine-blocks-session-storage";
  var useStorage = function useStorage(_ref) {
    var key = _ref.key,
      _ref$defaultValue = _ref.defaultValue,
      defaultValue = _ref$defaultValue === void 0 ? undefined : _ref$defaultValue,
      _ref$getInitialValueI = _ref.getInitialValueInEffect,
      getInitialValueInEffect = _ref$getInitialValueI === void 0 ? false : _ref$getInitialValueI,
      _ref$serialize = _ref.serialize,
      serialize = _ref$serialize === void 0 ? function (value) {
        return serializeJSON(value, hookName);
      } : _ref$serialize,
      _ref$deserialize = _ref.deserialize,
      deserialize = _ref$deserialize === void 0 ? deserializeJSON : _ref$deserialize;
    var read = (0,external_React_.useCallback)(function (skip) {
      if ("undefined" === typeof window || !(type in window) || window[type] === null || skip) {
        return defaultValue;
      }
      var value = window[type].getItem(key);
      return null !== value ? deserialize(value) : defaultValue;
    }, [key, defaultValue, deserialize]);
    var _useState = (0,external_React_.useState)(read(getInitialValueInEffect)),
      _useState2 = slicedToArray_slicedToArray(_useState, 2),
      value = _useState2[0],
      setValue = _useState2[1];
    var setStorageValue = (0,external_React_.useCallback)(function (val) {
      if (val instanceof Function) {
        setValue(function (current) {
          var result = val(current);
          window[type].setItem(key, serialize(result));
          window.dispatchEvent(new CustomEvent(eventName, {
            detail: {
              key: key,
              value: val(current)
            }
          }));
          return result;
        });
      }
    }, [key, serialize]);
    var removeStorageValue = (0,external_React_.useCallback)(function () {
      window[type].removeItem(key);
      window.dispatchEvent(new CustomEvent(eventName, {
        detail: {
          key: key,
          value: defaultValue
        }
      }));
    }, [defaultValue, key]);
    useWindowEvent("storage", function (event) {
      if (event.storageArea === window[type] && event.key === key) {
        setValue(deserialize(event.newValue));
      }
    });
    useWindowEvent(eventName, function (event) {
      if (event.detail.key === key) {
        setValue(event.detail.value);
      }
    });
    (0,external_React_.useEffect)(function () {
      if (defaultValue !== undefined && value === undefined) {
        setStorageValue(defaultValue);
      }
    }, [defaultValue, value, setStorageValue]);
    (0,external_React_.useEffect)(function () {
      if (getInitialValueInEffect) {
        setValue(read());
      }
    }, [getInitialValueInEffect, read]);
    return [value === undefined ? defaultValue : value, setStorageValue, removeStorageValue];
  };
  return useStorage;
};
;// CONCATENATED MODULE: ./src/blocks/hooks/useLocalStorage.ts

var useLocalStorage = function useLocalStorage(props) {
  return create_storage_createStorage('localStorage', 'use-local-storage')(props);
};
/* harmony default export */ const hooks_useLocalStorage = (useLocalStorage);
;// CONCATENATED MODULE: ./src/blocks/hooks/useCopyPasteStyles.tsx



function useCopyPasteStyles_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function useCopyPasteStyles_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? useCopyPasteStyles_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : useCopyPasteStyles_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }



// @ts-ignore







var IGNORED_ATTRIBUTES_FOR_COPY_PASTE_STYLES = ["clientId", "className", "cssID", "text", "link", "icon", "hasModal", "modalOnly", "columns", "childRow", "markup", "blockCSS", "image", "alt1", "alt2", "colWidth", "blockHTML"];
var useCopyPasterStyles = function useCopyPasterStyles() {
  var _useLocalStorage = hooks_useLocalStorage({
      key: "_magazine_blocks_styles",
      defaultValue: {}
    }),
    _useLocalStorage2 = slicedToArray_slicedToArray(_useLocalStorage, 2),
    value = _useLocalStorage2[0],
    setValue = _useLocalStorage2[1];
  (0,external_React_.useEffect)(function () {
    var _ref2 = (0,external_wp_data_namespaceObject.dispatch)(
      // @ts-ignore
      "core/keyboard-shortcuts"),
      registerShortcut = _ref2.registerShortcut,
      unregisterShortcut = _ref2.unregisterShortcut;
    registerShortcut({
      name: "magazine-blocks/copy-styles",
      category: "block",
      description: (0,external_wp_i18n_namespaceObject.__)("Copy block styles", "magazine-blocks"),
      keyCombination: {
        modifier: "ctrl",
        character: "c"
      }
    });
    registerShortcut({
      name: "magazine-blocks/paste-styles",
      category: "block",
      description: (0,external_wp_i18n_namespaceObject.__)("Paste block styles", "magazine-blocks"),
      keyCombination: {
        modifier: "primaryAlt",
        character: "v"
      }
    });
    return function () {
      unregisterShortcut("magazine-blocks/copy-styles");
      unregisterShortcut("magazine-blocks/paste-styles");
    };
  }, [setValue]);
  var _useSelect = (0,external_wp_data_namespaceObject.useSelect)(function (selector) {
      var _selector = selector("core/keyboard-shortcuts"),
        getAllShortcutKeyCombinations = _selector.getAllShortcutKeyCombinations,
        getAllShortcutRawKeyCombinations = _selector.getAllShortcutRawKeyCombinations;
      var _selector2 = selector("core/block-editor"),
        getSelectedBlockClientId = _selector2.getSelectedBlockClientId,
        getBlockAttributes = _selector2.getBlockAttributes,
        getBlockName = _selector2.getBlockName;
      return {
        allShortcutKeys: getAllShortcutKeyCombinations || getAllShortcutRawKeyCombinations,
        clientId: getSelectedBlockClientId(),
        getAttributes: getBlockAttributes,
        blockName: getSelectedBlockClientId() && getBlockName(getSelectedBlockClientId())
      };
    }, []),
    allShortcutKeys = _useSelect.allShortcutKeys,
    clientId = _useSelect.clientId,
    getAttributes = _useSelect.getAttributes,
    blockName = _useSelect.blockName;
  var copyStyles = function copyStyles() {
    var _getAttributes;
    var styles = {};
    var attributes = (_getAttributes = getAttributes(clientId)) !== null && _getAttributes !== void 0 ? _getAttributes : {};
    for (var _i = 0, _Object$keys = Object.keys(attributes); _i < _Object$keys.length; _i++) {
      var attribute = _Object$keys[_i];
      if (!IGNORED_ATTRIBUTES_FOR_COPY_PASTE_STYLES.includes(attribute)) {
        styles[attribute] = attributes[attribute];
      }
    }
    setValue(function (prev) {
      return useCopyPasteStyles_objectSpread(useCopyPasteStyles_objectSpread({}, prev), {}, defineProperty_defineProperty({}, blockName, styles));
    });
  };
  var pasteStyles = function pasteStyles() {
    var _ref3 = (0,external_wp_data_namespaceObject.dispatch)("core/block-editor"),
      updateBlockAttributes = _ref3.updateBlockAttributes;
    var styles = value === null || value === void 0 ? void 0 : value[blockName];
    if (styles) {
      updateBlockAttributes(clientId, useCopyPasteStyles_objectSpread({}, styles));
    }
  };
  var isMatch = function isMatch(name, event) {
    return allShortcutKeys(name).some(function (_ref) {
      var modifier, character;
      if ("object" === _typeof(_ref)) {
        modifier = _ref === null || _ref === void 0 ? void 0 : _ref.modifier;
        character = _ref === null || _ref === void 0 ? void 0 : _ref.character;
      } else if ("string" === typeof _ref) {
        if ("ctrl+c" === _ref) {
          modifier = "ctrl";
          character = "c";
        } else if ("ctrl+alt+v" === _ref) {
          modifier = "primaryAlt";
          character = "v";
        }
      }
      if (modifier && character) {
        return external_wp_keycodes_namespaceObject.isKeyboardEvent[modifier](event, character);
      }
      return false;
    });
  };
  (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)("magazine-blocks/copy-styles", function (event) {
    if (blockName !== null && blockName !== void 0 && blockName.includes("mzb") && isMatch("magazine-blocks/copy-styles", event)) {
      copyStyles();
    }
  }, {
    bindGlobal: true,
    eventName: "keydown"
  });
  (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)("magazine-blocks/paste-styles", function (event) {
    if (blockName !== null && blockName !== void 0 && blockName.includes("mzb") && isMatch("magazine-blocks/paste-styles", event)) {
      pasteStyles();
    }
  }, {
    bindGlobal: true,
    eventName: "keydown"
  });
  var CopyPasterStyleBlockControl = (0,external_React_.useMemo)(function () {
    var Control = function Control(props) {
      if (!localized.configs.editor["copy-paste-styles"]) return null;
      var Wrapper = props.withBlockControls ? function (props) {
        return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.BlockControls, null, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.ToolbarGroup, null, props.children));
      } : external_React_.Fragment;
      return /*#__PURE__*/external_React_default().createElement(Wrapper, null, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
        icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
          type: "controlIcon",
          name: "copy"
        }),
        label: (0,external_wp_i18n_namespaceObject.__)("Copy/Paste Styles", "magazine-blocks"),
        controls: [{
          icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
            type: "controlIcon",
            name: "copy"
          }),
          title: (0,external_wp_i18n_namespaceObject.__)("Copy Styles Ctrl+C", "magazine-blocks"),
          onClick: copyStyles
        }, {
          icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
            type: "controlIcon",
            name: "paste"
          }),
          title: (0,external_wp_i18n_namespaceObject.__)("Paste Styles Ctrl+Alt+V", "magazine-blocks"),
          onClick: pasteStyles,
          isDisabled: !(value !== null && value !== void 0 && value[blockName])
        }]
      }));
    };
    return Control;
  }, [blockName, copyStyles, pasteStyles, value]);
  return {
    CopyPasterStyleBlockControl: CopyPasterStyleBlockControl,
    copyStyles: copyStyles,
    pasteStyles: pasteStyles
  };
};
/* harmony default export */ const useCopyPasteStyles = (useCopyPasterStyles);
;// CONCATENATED MODULE: ./src/blocks/hooks/useDebounce.ts


var useDebounce = function useDebounce(value, delay) {
  var _useState = useState(value),
    _useState2 = _slicedToArray(_useState, 2),
    debouncedValue = _useState2[0],
    setDebouncedValue = _useState2[1];
  useEffect(function () {
    var timer = setTimeout(function () {
      return setDebouncedValue(value);
    }, delay || 500);
    return function () {
      clearTimeout(timer);
    };
  }, [value, delay]);
  return debouncedValue;
};
/* harmony default export */ const hooks_useDebounce = ((/* unused pure expression or super */ null && (useDebounce)));
;// CONCATENATED MODULE: ./src/blocks/hooks/useDisclosure.ts


function useDisclosure_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function useDisclosure_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? useDisclosure_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : useDisclosure_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }


function useCallbackRef(callback) {
  var deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
  var callbackRef = (0,external_React_.useRef)(callback);
  (0,external_React_.useEffect)(function () {
    callbackRef.current = callback;
  });

  // eslint-disable-next-line react-hooks/exhaustive-deps
  return (0,external_React_.useCallback)(function () {
    var _callbackRef$current;
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call.apply(_callbackRef$current, [callbackRef].concat(args));
  }, deps);
}
var useDisclosure = function useDisclosure() {
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  var onCloseProp = props.onClose,
    onOpenProp = props.onOpen,
    isOpenProp = props.isOpen,
    idProp = props.id;
  var handleOpen = useCallbackRef(onOpenProp);
  var handleClose = useCallbackRef(onCloseProp);
  var _useState = (0,external_React_.useState)(props.defaultIsOpen || false),
    _useState2 = slicedToArray_slicedToArray(_useState, 2),
    isOpenState = _useState2[0],
    setIsOpen = _useState2[1];
  var isOpen = isOpenProp !== undefined ? isOpenProp : isOpenState;
  var isControlled = isOpenProp !== undefined;
  var uid = (0,external_wp_compose_namespaceObject.useInstanceId)(useDisclosure);
  var id = idProp !== null && idProp !== void 0 ? idProp : "disclosure-".concat(uid);
  var onClose = (0,external_React_.useCallback)(function () {
    if (!isControlled) {
      setIsOpen(false);
    }
    handleClose === null || handleClose === void 0 || handleClose();
  }, [isControlled, handleClose]);
  var onOpen = (0,external_React_.useCallback)(function () {
    if (!isControlled) {
      setIsOpen(true);
    }
    handleOpen === null || handleOpen === void 0 || handleOpen();
  }, [isControlled, handleOpen]);
  var onToggle = (0,external_React_.useCallback)(function () {
    if (isOpen) {
      onClose();
    } else {
      onOpen();
    }
  }, [isOpen, onOpen, onClose]);
  function getButtonProps() {
    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    return useDisclosure_objectSpread(useDisclosure_objectSpread({}, props), {}, {
      'aria-expanded': isOpen,
      'aria-controls': id,
      onClick: function onClick(event) {
        var _props$onClick;
        (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event);
        onToggle();
      }
    });
  }
  function getDisclosureProps() {
    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    return useDisclosure_objectSpread(useDisclosure_objectSpread({}, props), {}, {
      hidden: !isOpen,
      id: id
    });
  }
  return {
    isOpen: isOpen,
    onOpen: onOpen,
    onClose: onClose,
    onToggle: onToggle,
    isControlled: isControlled,
    getButtonProps: getButtonProps,
    getDisclosureProps: getDisclosureProps
  };
};
;// CONCATENATED MODULE: ./src/blocks/hooks/useRefs.ts

var useRefs = function useRefs() {
  var refs = useRef({});
  return useCallback(function (idx) {
    var _refs$current, _refs$current$idx;
    return (_refs$current$idx = (_refs$current = refs.current)[idx]) !== null && _refs$current$idx !== void 0 ? _refs$current$idx : _refs$current[idx] = /*#__PURE__*/createRef();
  }, [refs]);
};
/* harmony default export */ const hooks_useRefs = ((/* unused pure expression or super */ null && (useRefs)));
;// CONCATENATED MODULE: ./src/blocks/hooks/useSessionStorage.ts

var useSessionStorage = function useSessionStorage(props) {
  return createStorage('sessionStorage', 'use-session-storage')(props);
};
/* harmony default export */ const hooks_useSessionStorage = ((/* unused pure expression or super */ null && (useSessionStorage)));
;// CONCATENATED MODULE: ./src/blocks/hooks/index.ts









;// CONCATENATED MODULE: ./src/blocks/components/reset/Reset.tsx

function Reset_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Reset_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Reset_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Reset_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var Reset = function Reset(_ref) {
  var attributeKey = _ref.attributeKey,
    value = _ref.value,
    innerKey = _ref.innerKey;
  var _useSelect = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
      var _select = select("core/block-editor"),
        getSelectedBlock = _select.getSelectedBlock;
      return getSelectedBlock();
    }, [value]),
    name = _useSelect.name,
    clientId = _useSelect.clientId,
    attributes = _useSelect.attributes;
  var _useDispatch = (0,external_wp_data_namespaceObject.useDispatch)("core/block-editor"),
    updateBlockAttributes = _useDispatch.updateBlockAttributes;
  var defaultValue = (0,external_React_.useMemo)(function () {
    var _getBlockType;
    var v = (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(name)) === null || _getBlockType === void 0 || (_getBlockType = _getBlockType.attributes) === null || _getBlockType === void 0 || (_getBlockType = _getBlockType[attributeKey]) === null || _getBlockType === void 0 ? void 0 : _getBlockType["default"];
    if (innerKey) return v === null || v === void 0 ? void 0 : v[innerKey];
    return v;
  }, [attributeKey, innerKey, name]);
  return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
    className: "mzb-reset",
    isSmall: true,
    disabled: (0,external_lodash_namespaceObject.isEqual)(value, defaultValue),
    onClick: function onClick() {
      if (innerKey) {
        var _attributes$attribute;
        updateBlockAttributes(clientId, Reset_objectSpread(Reset_objectSpread({}, attributes), {}, defineProperty_defineProperty({}, attributeKey, Reset_objectSpread(Reset_objectSpread({}, (_attributes$attribute = attributes === null || attributes === void 0 ? void 0 : attributes[attributeKey]) !== null && _attributes$attribute !== void 0 ? _attributes$attribute : {}), {}, defineProperty_defineProperty({}, innerKey, defaultValue)))));
        return;
      }
      updateBlockAttributes(clientId, Reset_objectSpread(Reset_objectSpread({}, attributes), {}, defineProperty_defineProperty({}, attributeKey, defaultValue)));
    },
    icon: "image-rotate"
  });
};
/* harmony default export */ const reset_Reset = (Reset);
;// CONCATENATED MODULE: ./src/blocks/components/units-dropdown/UnitsDropdown.tsx


var UnitsDropdown_excluded = ["units", "currentUnit", "onChange", "forceShowUnit"];


var UnitsDropdown = function UnitsDropdown(props) {
  var _props$units = props.units,
    units = _props$units === void 0 ? [] : _props$units,
    currentUnit = props.currentUnit,
    onChange = props.onChange,
    _props$forceShowUnit = props.forceShowUnit,
    forceShowUnit = _props$forceShowUnit === void 0 ? false : _props$forceShowUnit,
    dropdownProps = _objectWithoutProperties(props, UnitsDropdown_excluded);
  if (!units.length && forceShowUnit) {
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-units"
    }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
      className: "mzb-units-btn",
      style: {
        pointerEvents: "none"
      }
    }, currentUnit));
  }
  if (units.length < 1) {
    return null;
  }
  var UnitsDropdownRender = function UnitsDropdownRender(_ref) {
    var onToggle = _ref.onToggle;
    return /*#__PURE__*/external_React_default().createElement("ul", {
      className: "mzb-units-menu"
    }, units.filter(function (unit) {
      return unit !== currentUnit;
    }).map(function (unit) {
      return /*#__PURE__*/external_React_default().createElement("li", {
        key: unit
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        onClick: function onClick() {
          onChange(unit);
          onToggle();
        },
        isPrimary: unit === currentUnit
      }, unit));
    }));
  };
  return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Dropdown, extends_extends({
    className: "mzb-units",
    contentClassName: "mzb-units"
    // @ts-ignore
    ,
    popoverProps: {
      position: "bottom center"
    },
    renderToggle: function renderToggle(_ref2) {
      var isOpen = _ref2.isOpen,
        onToggle = _ref2.onToggle;
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        className: "mzb-units-btn",
        onClick: onToggle,
        "aria-expanded": isOpen
      }, currentUnit);
    },
    renderContent: function renderContent(props) {
      return /*#__PURE__*/external_React_default().createElement(UnitsDropdownRender, props);
    }
  }, dropdownProps));
};
/* harmony default export */ const units_dropdown_UnitsDropdown = (UnitsDropdown);
;// CONCATENATED MODULE: ./src/blocks/components/slider/Slider.tsx










var Slider_Slider = function Slider(props) {
  var _deviceType, _deviceType2, _unit;
  var value = props.value,
    _props$onChange = props.onChange,
    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
    _props$responsive = props.responsive,
    responsive = _props$responsive === void 0 ? false : _props$responsive,
    label = props.label,
    _props$units = props.units,
    units = _props$units === void 0 ? [] : _props$units,
    _props$min = props.min,
    min = _props$min === void 0 ? -Infinity : _props$min,
    _props$max = props.max,
    max = _props$max === void 0 ? Infinity : _props$max,
    _props$step = props.step,
    step = _props$step === void 0 ? 0.01 : _props$step,
    _props$inline = props.inline,
    inline = _props$inline === void 0 ? false : _props$inline,
    _props$defaultUnit = props.defaultUnit,
    defaultUnit = _props$defaultUnit === void 0 ? "px" : _props$defaultUnit,
    _props$showUnit = props.showUnit,
    showUnit = _props$showUnit === void 0 ? false : _props$showUnit,
    resetKey = props.resetKey,
    innerResetKey = props.innerResetKey;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType,
    DeviceSelector = _useDeviceType.DeviceSelector;
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(Slider);
  var currentUnit = value && responsive ? value !== null && value !== void 0 && value[deviceType] ? value !== null && value !== void 0 && (_deviceType = value[deviceType]) !== null && _deviceType !== void 0 && _deviceType.unit ? value === null || value === void 0 || (_deviceType2 = value[deviceType]) === null || _deviceType2 === void 0 ? void 0 : _deviceType2.unit : defaultUnit : defaultUnit : (_unit = value === null || value === void 0 ? void 0 : value.unit) !== null && _unit !== void 0 ? _unit : defaultUnit;
  var currentValue = function () {
    if (value && Object.keys(value).length > 0) {
      if (responsive) {
        if (units.length > 0) {
          var _value$deviceType, _value$deviceType2, _value$deviceType3;
          return value !== null && value !== void 0 && value[deviceType] ? value !== null && value !== void 0 && (_value$deviceType = value[deviceType]) !== null && _value$deviceType !== void 0 && _value$deviceType.value || 0 === (value === null || value === void 0 || (_value$deviceType2 = value[deviceType]) === null || _value$deviceType2 === void 0 ? void 0 : _value$deviceType2.value) ? value === null || value === void 0 || (_value$deviceType3 = value[deviceType]) === null || _value$deviceType3 === void 0 ? void 0 : _value$deviceType3.value : "" : "";
        }
        return value !== null && value !== void 0 && value[deviceType] || 0 === (value === null || value === void 0 ? void 0 : value[deviceType]) ? value === null || value === void 0 ? void 0 : value[deviceType] : "";
      }
      return value !== null && value !== void 0 && value.value || 0 === (value === null || value === void 0 ? void 0 : value.value) ? value === null || value === void 0 ? void 0 : value.value : "";
    }
    return value || 0 === value ? value : "";
  }();
  var inputAttrs = function () {
    var inputMin = min,
      inputMax = max,
      inputStep = step;
    if ("%" === currentUnit || "vh" === currentUnit || "vw" === currentUnit) {
      inputMin = 0;
      inputMax = 100;
    }
    if ("em" === currentUnit || "rem" === currentUnit) {
      inputMin = 0;
      inputMax = 20;
      inputStep = 0.01;
    }
    if (units.length > 0 && "px" === currentUnit) {
      inputStep = 1;
    }
    return {
      min: inputMin,
      max: inputMax,
      step: inputStep
    };
  }();
  var setSettings = function setSettings(val, prop) {
    var _value$deviceType4, _data, _data2, _data3, _data4;
    val = Number.isNaN(val) ? undefined : val;
    if (undefined !== val) {
      val = val < inputAttrs.min ? inputAttrs.min : val;
      val = val > inputAttrs.max ? inputAttrs.max : val;
    }
    var data = units.length > 0 ? defineProperty_defineProperty({}, prop, val) : val;
    if (units.length > 0 && "unit" === prop) {
      data.value = "";
    }
    data = units.length > 0 ? Object.assign({}, responsive ? (_value$deviceType4 = value === null || value === void 0 ? void 0 : value[deviceType]) !== null && _value$deviceType4 !== void 0 ? _value$deviceType4 : {} : value, data) : val;
    if (units.length > 0 && (!data.unit || !(value !== null && value !== void 0 && value[deviceType]) || !(value !== null && value !== void 0 && value[deviceType].unit))) {
      data.unit = data.unit || defaultUnit;
    }
    onChange((_data = data) !== null && _data !== void 0 && _data.unit || responsive ? Object.assign({}, value !== null && value !== void 0 ? value : {}, responsive ? defineProperty_defineProperty({}, deviceType, (_data2 = data) !== null && _data2 !== void 0 ? _data2 : {}) : (_data3 = data) !== null && _data3 !== void 0 ? _data3 : {}) : (_data4 = data) !== null && _data4 !== void 0 ? _data4 : {});
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn("mzb-control", "mzb-slider", {
      "mzb-responsive": responsive,
      "mzb-inline": !responsive && !units && inline
    })
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-slider-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-range-".concat(id),
    className: "mzb-control-label mzb-slider-label"
  }, label), responsive && /*#__PURE__*/external_React_default().createElement(DeviceSelector, null), resetKey && /*#__PURE__*/external_React_default().createElement(reset_Reset, {
    value: value,
    attributeKey: resetKey,
    innerKey: innerResetKey
  }), units && /*#__PURE__*/external_React_default().createElement(units_dropdown_UnitsDropdown, {
    units: units,
    currentUnit: currentUnit !== null && currentUnit !== void 0 ? currentUnit : defaultUnit,
    onChange: function onChange(unit) {
      return setSettings(unit, "unit");
    },
    forceShowUnit: showUnit
  })), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-slider-body"
  }, responsive ? ["desktop", "tablet", "mobile"].map(function (deviceKey) {
    return deviceKey === deviceType && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.RangeControl, extends_extends({
      key: deviceKey,
      value: currentValue,
      onChange: function onChange(val) {
        return setSettings(val, "value");
      }
    }, inputAttrs, {
      className: "mzb-range",
      allowReset: false
    }));
  }) : /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-slider-container"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.RangeControl, extends_extends({
    value: currentValue,
    onChange: function onChange(val) {
      return setSettings(val, "value");
    }
  }, inputAttrs, {
    className: "mzb-range",
    allowReset: false
  })))));
};
/* harmony default export */ const slider_Slider = (Slider_Slider);
;// CONCATENATED MODULE: ./src/blocks/components/background-image/constant.ts
var BACKGROUND_IMAGE_POSITION_MAPPER = {
  'left top': '0% 0%',
  'left center': '0% 50%',
  'left bottom': '0% 100%',
  'center top': '50% 0%',
  'center center': '50% 50%',
  'center bottom': '50% 100%',
  'right top': '100% 0%',
  'right center': '100% 50%',
  'right bottom': '100% 100%'
};
;// CONCATENATED MODULE: ./src/blocks/components/background-image/BackgroundImage.tsx

function BackgroundImage_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function BackgroundImage_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? BackgroundImage_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : BackgroundImage_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }




// @ts-ignore






var BackgroundImage = function BackgroundImage(props) {
  var _value$image4, _value$size;
  var value = props.value,
    onChange = props.onChange;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType,
    DeviceSelector = _useDeviceType.DeviceSelector;
  var setSetting = function setSetting(type, val) {
    var data = defineProperty_defineProperty({}, type, val);
    onChange(BackgroundImage_objectSpread(BackgroundImage_objectSpread({}, value !== null && value !== void 0 ? value : {}), data));
  };
  var setCustomSize = function setCustomSize(val) {
    if ("desktop" === deviceType) {
      onChange(BackgroundImage_objectSpread(BackgroundImage_objectSpread({}, value !== null && value !== void 0 ? value : {}), {
        customSizeDesktop: val
      }));
    } else if ("tablet" === deviceType) {
      onChange(BackgroundImage_objectSpread(BackgroundImage_objectSpread({}, value !== null && value !== void 0 ? value : {}), {
        customSizeTablet: val
      }));
    } else {
      onChange(BackgroundImage_objectSpread(BackgroundImage_objectSpread({}, value !== null && value !== void 0 ? value : {}), {
        customSizeMobile: val
      }));
    }
  };
  var focalPointValue = (0,external_React_.useMemo)(function () {
    var _value$position;
    if (value !== null && value !== void 0 && (_value$position = value.position) !== null && _value$position !== void 0 && _value$position[deviceType]) {
      var positionKey = value === null || value === void 0 ? void 0 : value.position[deviceType];
      if (positionKey === "default") {
        positionKey = "left top";
      }
      if (BACKGROUND_IMAGE_POSITION_MAPPER[positionKey]) {
        positionKey = BACKGROUND_IMAGE_POSITION_MAPPER[positionKey];
      }
      var tempPosition = positionKey.replaceAll("%", "").split(" ");
      return {
        x: parseFloat((parseFloat(tempPosition[0]) / 100).toString()),
        y: parseFloat((parseFloat(tempPosition[1]) / 100).toString())
      };
    }
    return {
      x: 0,
      y: 0
    };
  }, [deviceType, value === null || value === void 0 ? void 0 : value.position]);
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-background-image"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-background-image-body"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.MediaUpload, {
    onSelect: function onSelect(media) {
      if (!(media !== null && media !== void 0 && media.url)) {
        return;
      }
      var url = media.url,
        id = media.id,
        height = media.height,
        width = media.width,
        alt = media.alt;
      setSetting("image", {
        url: url,
        id: id,
        height: height,
        width: width,
        alt: alt
      });
    },
    allowedTypes: ["image"],
    render: function render(_ref) {
      var _value$image, _value$image2, _value$image3;
      var open = _ref.open;
      return /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, value !== null && value !== void 0 && (_value$image = value.image) !== null && _value$image !== void 0 && _value$image.url ? /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-control-head",
        style: {
          display: "flex",
          alignItems: "center",
          marginTop: "25px"
        }
      }, /*#__PURE__*/external_React_default().createElement("label", {
        className: "mzb-control-label"
      }, (0,external_wp_i18n_namespaceObject.__)("Position")), /*#__PURE__*/external_React_default().createElement(DeviceSelector, null)), /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FocalPointPicker, {
        url: value === null || value === void 0 ? void 0 : value.image.url,
        value: focalPointValue,
        onChange: function onChange(_ref2) {
          var _value$position2;
          var x = _ref2.x,
            y = _ref2.y;
          setSetting("position", BackgroundImage_objectSpread(BackgroundImage_objectSpread({}, (_value$position2 = value === null || value === void 0 ? void 0 : value.position) !== null && _value$position2 !== void 0 ? _value$position2 : {}), {}, defineProperty_defineProperty({}, deviceType, "".concat((x * 100).toFixed(2), "% ").concat((y * 100).toFixed(2), "%"))));
        }
      })) : /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-media-placeholder mzb-media-preview",
        onClick: open,
        onKeyDown: function onKeyDown(e) {
          return "Enter" === e.key && open;
        },
        role: "button",
        tabIndex: 0,
        title: (0,external_wp_i18n_namespaceObject.__)("Select Image", "magazine-blocks")
      }, /*#__PURE__*/external_React_default().createElement("img", {
        src: placeholder,
        alt: (0,external_wp_i18n_namespaceObject.__)("magazine blocks preview image", "magazine-blocks")
      })), /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        className: "mzb-media-button",
        onClick: open
      }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
        type: "controlIcon",
        name: "image",
        size: 20
      }), /*#__PURE__*/external_React_default().createElement("span", {
        className: "mzb-media-button-text"
      }, value !== null && value !== void 0 && (_value$image2 = value.image) !== null && _value$image2 !== void 0 && _value$image2.url ? (0,external_wp_i18n_namespaceObject.__)("Change Image", "magazine-blocks") : (0,external_wp_i18n_namespaceObject.__)("Select Image", "magazine-blocks"))), (value === null || value === void 0 || (_value$image3 = value.image) === null || _value$image3 === void 0 ? void 0 : _value$image3.url) && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        className: "mzb-media-delete",
        onClick: function onClick() {
          return setSetting("image", {});
        }
      }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
        type: "controlIcon",
        name: "trash",
        size: 20
      })));
    }
  })), (value === null || value === void 0 || (_value$image4 = value.image) === null || _value$image4 === void 0 ? void 0 : _value$image4.url) && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.size,
    responsive: true,
    onChange: function onChange(val) {
      return setSetting("size", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Cover", "magazine-blocks"),
      value: "cover"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Contain", "magazine-blocks"),
      value: "contain"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Auto", "magazine-blocks"),
      value: "auto"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Custom", "magazine-blocks"),
      value: "custom"
    }],
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks")
  }), (value === null || value === void 0 ? void 0 : value.size) && (value === null || value === void 0 || (_value$size = value.size) === null || _value$size === void 0 ? void 0 : _value$size[deviceType]) && "custom" === value.size[deviceType] && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    value: "desktop" === deviceType ? value === null || value === void 0 ? void 0 : value.customSizeDesktop : "tablet" === deviceType ? value === null || value === void 0 ? void 0 : value.customSizeTablet : value === null || value === void 0 ? void 0 : value.customSizeMobile,
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    min: 0,
    max: 1000,
    defaultUnit: "%",
    units: ["px", "%", "em", "vw"],
    onChange: function onChange(val) {
      return setCustomSize(val);
    }
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Repeat", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.repeat,
    onChange: function onChange(val) {
      return setSetting("repeat", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("No Repeat", "magazine-blocks"),
      value: "no-repeat"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Repeat", "magazine-blocks"),
      value: "repeat"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Repeat Vertically", "magazine-blocks"),
      value: "repeat-y"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Repeat Horizontally", "magazine-blocks"),
      value: "repeat-x"
    }],
    responsive: true,
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Attachment", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.attachment,
    onChange: function onChange(val) {
      return setSetting("attachment", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Scroll", "magazine-blocks"),
      value: "scroll"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Fixed", "magazine-blocks"),
      value: "fixed"
    }],
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks")
  }))));
};
/* harmony default export */ const background_image_BackgroundImage = (BackgroundImage);
;// CONCATENATED MODULE: ./src/blocks/components/media/Media.tsx




//@ts-ignore



var Media = function Media(props) {
  var onChange = props.onChange,
    _props$type = props.type,
    type = _props$type === void 0 ? "image" : _props$type,
    _props$value = props.value,
    value = _props$value === void 0 ? {} : _props$value,
    label = props.label;
  var buttonString = value !== null && value !== void 0 && value.url ? (0,external_wp_i18n_namespaceObject.__)("Replace", "magazine-blocks") + " " + ("image" === type ? "Image" : "Video") : (0,external_wp_i18n_namespaceObject.__)("Add", "magazine-blocks") + " " + ("image" === type ? "Image" : "Video");
  var onSelect = function onSelect(media) {
    if (!(media !== null && media !== void 0 && media.url)) {
      return;
    }
    var url = media.url,
      id = media.id,
      height = media.height,
      width = media.width,
      alt = media.alt;
    onChange === null || onChange === void 0 || onChange({
      url: url,
      id: id,
      height: height,
      width: width,
      alt: alt
    });
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-media"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-media-head"
  }, /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-media-head"
  }, label)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-media-body"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.MediaUploadCheck, null, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.MediaUpload, {
    onSelect: onSelect,
    allowedTypes: [type],
    title: "Upload Image",
    render: function render(_ref) {
      var open = _ref.open;
      return /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-media-placeholder mzb-media-preview",
        onClick: open,
        onKeyDown: function onKeyDown(e) {
          return "Enter" === e.key && open;
        },
        role: "button",
        tabIndex: 0,
        title: buttonString
      }, /*#__PURE__*/external_React_default().createElement("img", {
        src: (value === null || value === void 0 ? void 0 : value.url) || placeholder,
        alt: (0,external_wp_i18n_namespaceObject.__)("mzb preview image", "magazine-blocks")
      })), /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        className: "mzb-media-button",
        onClick: open
      }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
        type: "controlIcon",
        name: "image",
        size: 20
      }), /*#__PURE__*/external_React_default().createElement("span", {
        className: "mzb-media-button-text"
      }, buttonString)), value && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        className: "mzb-media-delete",
        onClick: function onClick() {
          return onChange === null || onChange === void 0 ? void 0 : onChange("");
        }
      }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
        type: "controlIcon",
        name: "trash",
        size: 20
      })));
    }
  }))));
};
/* harmony default export */ const media_Media = (Media);
;// CONCATENATED MODULE: ./src/blocks/components/toggle/Toggle.tsx


var Toggle_excluded = ["checked", "onChange", "label"];





var Toggle = function Toggle(props) {
  var checked = props.checked,
    _onChange = props.onChange,
    label = props.label,
    otherProps = _objectWithoutProperties(props, Toggle_excluded);
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(Toggle);
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn("mzb-control", "mzb-toggle", "mzb-inline", {
      "is-checked": checked
    })
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-toggle-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-toggle-".concat(id),
    className: "mzb-control-label mzb-toggle-label"
  }, label)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-toggle-body"
  }, /*#__PURE__*/external_React_default().createElement("input", extends_extends({
    id: "mzb-toggle-".concat(id),
    type: "checkbox",
    checked: checked,
    className: "mzb-toggle-checkbox",
    onChange: function onChange(e) {
      return _onChange(e.target.checked);
    }
  }, (0,external_lodash_namespaceObject.omit)(otherProps, ["children"]))), /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-toggle-track"
  }), /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-toggle-thumb"
  })));
};
/* harmony default export */ const toggle_Toggle = (Toggle);
;// CONCATENATED MODULE: ./src/blocks/components/background-video/BackgroundVideo.tsx

function BackgroundVideo_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function BackgroundVideo_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? BackgroundVideo_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : BackgroundVideo_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }





var BackgroundVideo = function BackgroundVideo(props) {
  var _props$value = props.value,
    video = _props$value.video,
    loop = _props$value.loop,
    mute = _props$value.mute,
    image = _props$value.image,
    position = _props$value.position,
    size = _props$value.size,
    repeat = _props$value.repeat,
    attachment = _props$value.attachment,
    _props$value2 = props.value,
    value = _props$value2 === void 0 ? {} : _props$value2,
    _props$onChange = props.onChange,
    onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
  var setSetting = function setSetting(type, val) {
    var data = defineProperty_defineProperty({}, type, val);
    onChange(BackgroundVideo_objectSpread(BackgroundVideo_objectSpread({}, value), data));
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-background-video"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-background-video-body"
  }, /*#__PURE__*/external_React_default().createElement(media_Media, {
    value: video,
    onChange: function onChange(val) {
      return setSetting("video", val);
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Upload your Video", "magazine-blocks"),
    type: "video"
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    label: (0,external_wp_i18n_namespaceObject.__)("Loop Video", "magazine-blocks"),
    checked: loop || false,
    onChange: function onChange() {
      return setSetting("loop", !loop);
    }
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    label: (0,external_wp_i18n_namespaceObject.__)("Mute Video", "magazine-blocks"),
    checked: mute || false,
    onChange: function onChange() {
      return setSetting("mute", !mute);
    }
  }), /*#__PURE__*/external_React_default().createElement(media_Media, {
    value: image,
    onChange: function onChange(val) {
      return setSetting("image", val);
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Image", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: position || "center center",
    onChange: function onChange(val) {
      return setSetting("position", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left Top", "magazine-blocks"),
      value: "left top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Left Center", "magazine-blocks"),
      value: "left center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Left Bottom", "magazine-blocks"),
      value: "left bottom"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right Top", "magazine-blocks"),
      value: "right top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right Center", "magazine-blocks"),
      value: "right center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right Bottom", "magazine-blocks"),
      value: "right bottom"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center Top", "magazine-blocks"),
      value: "center top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center Center", "magazine-blocks"),
      value: "center center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center Bottom", "magazine-blocks"),
      value: "center bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks"),
    value: size || "auto",
    onChange: function onChange(val) {
      return setSetting("size", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Cover", "magazine-blocks"),
      value: "cover"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Contain", "magazine-blocks"),
      value: "contain"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Auto", "magazine-blocks"),
      value: "auto"
    }]
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Repeat", "magazine-blocks"),
    value: repeat || "repeat",
    onChange: function onChange(val) {
      return setSetting("repeat", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("No Repeat", "magazine-blocks"),
      value: "no-repeat"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Repeat", "magazine-blocks"),
      value: "repeat"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Repeat Vertically", "magazine-blocks"),
      value: "repeat-y"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Repeat Horizontally", "magazine-blocks"),
      value: "repeat-x"
    }]
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Attachment", "magazine-blocks"),
    value: attachment || "scroll",
    onChange: function onChange(val) {
      return setSetting("attachment", val);
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Scroll", "magazine-blocks"),
      value: "scroll"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Fixed", "magazine-blocks"),
      value: "fixed"
    }]
  })));
};
/* harmony default export */ const background_video_BackgroundVideo = (BackgroundVideo);
;// CONCATENATED MODULE: ./src/blocks/components/color/Color.tsx











var Color = function Color(props) {
  var label = props.label,
    value = props.value,
    _props$onChange = props.onChange,
    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
    resetKey = props.resetKey,
    innerResetKey = props.innerResetKey;
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(Color);
  var colorPickerRef = (0,external_wp_element_namespaceObject.useRef)(null);
  var _useDisclosure = useDisclosure({
      id: "mzb-color-popover-".concat(id)
    }),
    isOpen = _useDisclosure.isOpen,
    onClose = _useDisclosure.onClose,
    onToggle = _useDisclosure.onToggle;
  var setSetting = function setSetting(val) {
    var _val$rgb = val.rgb,
      a = _val$rgb.a,
      r = _val$rgb.r,
      g = _val$rgb.g,
      b = _val$rgb.b,
      hex = val.hex;
    _onChange(a !== 1 ? "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")") : hex);
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-color"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-color-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-color-".concat(id),
    className: "mzb-control-label mzb-color-label"
  }, label), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-color-buttons"
  }, resetKey && /*#__PURE__*/external_React_default().createElement(reset_Reset, {
    value: value,
    attributeKey: resetKey,
    innerKey: innerResetKey
  }), /*#__PURE__*/external_React_default().createElement("button", {
    id: "mzb-color-".concat(id),
    className: "mzb-color-toggle-button",
    onClick: onToggle
  }, /*#__PURE__*/external_React_default().createElement("span", {
    className: utils_cn("mzb-color-indicator", {
      "is-empty": !value
    }),
    style: {
      width: "24px",
      height: "24px",
      background: value || "repeating-conic-gradient(#999 0% 25%, #eee 0% 50%) center center / 8px 8px",
      display: "inline-block",
      borderRadius: "50%"
    }
  }), value && /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-color-text"
  }, value)))), isOpen && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Popover, {
    position: "top right",
    focusOnMount: "container",
    onFocusOutside: function onFocusOutside() {
      return onClose();
    }
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-color-body"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-color-picker"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-color-palette"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.ColorPalette, {
    value: value !== null && value !== void 0 ? value : "",
    onChange: function onChange(color) {
      var _ref = (colorPickerRef === null || colorPickerRef === void 0 ? void 0 : colorPickerRef.current) || false,
        commitValues = _ref.commitValues;
      if (color && commitValues) {
        commitValues({
          hex: color,
          source: "hex"
        });
      }
      _onChange(color);
    },
    disableCustomColors: true,
    clearable: false,
    colors: [{
      name: (0,external_wp_i18n_namespaceObject.__)("Blue", "magazine-blocks"),
      color: "#2871ff"
    }, {
      name: (0,external_wp_i18n_namespaceObject.__)("Dark Golden", "magazine-blocks"),
      color: "#e89623"
    }, {
      name: (0,external_wp_i18n_namespaceObject.__)("Black", "magazine-blocks"),
      color: "#000000"
    }, {
      name: (0,external_wp_i18n_namespaceObject.__)("White", "magazine-blocks"),
      color: "#ffffff"
    }]
  })), /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.ColorPicker, extends_extends({
    color: value !== null && value !== void 0 ? value : "",
    onChangeComplete: function onChangeComplete(color) {
      setSetting(color);
    }
  }, !localized.isWP59OrAbove && {
    ref: colorPickerRef
  }))))));
};
/* harmony default export */ const color_Color = (Color);
;// CONCATENATED MODULE: ./src/blocks/components/background/Background.tsx

function Background_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Background_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Background_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Background_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }









var Background = function Background(props) {
  var value = props.value,
    label = props.label,
    onChange = props.onChange,
    resetKey = props.resetKey,
    _props$types = props.types,
    types = _props$types === void 0 ? ["color", "image"] : _props$types;
  var setSetting = function setSetting(genre, val) {
    var data = defineProperty_defineProperty({}, genre, val);
    onChange === null || onChange === void 0 || onChange(Background_objectSpread(Background_objectSpread({}, value), data));
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-background"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-background-head"
  }, /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-background",
    className: "mzb-control-label"
  }, label || ""), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-background-types"
  }, types.map(function (type) {
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
      key: type,
      className: utils_cn("mzb-background-type", {
        "is-active": ((value === null || value === void 0 ? void 0 : value.type) || "color") === type
      }),
      onClick: function onClick() {
        return setSetting("type", type);
      }
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "controlIcon",
      name: type,
      size: 22
    }));
  }))), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-background-body"
  }, "color" === ((value === null || value === void 0 ? void 0 : value.type) || "color") && /*#__PURE__*/external_React_default().createElement(color_Color, {
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting("color", val);
    },
    value: value === null || value === void 0 ? void 0 : value.color,
    resetKey: resetKey,
    innerResetKey: "color"
  }), "image" === ((value === null || value === void 0 ? void 0 : value.type) || "color") && /*#__PURE__*/external_React_default().createElement(background_image_BackgroundImage, {
    onChange: function onChange(val) {
      return setSetting("image", val);
    },
    value: value === null || value === void 0 ? void 0 : value.image
  }), "video" === ((value === null || value === void 0 ? void 0 : value.type) || "color") && /*#__PURE__*/external_React_default().createElement(background_video_BackgroundVideo, {
    onChange: function onChange(val) {
      return setSetting("video", val);
    },
    value: value === null || value === void 0 ? void 0 : value.video
  })));
};
/* harmony default export */ const background_Background = (Background);
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js

function arrayWithoutHoles_arrayWithoutHoles(arr) {
  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
function iterableToArray_iterableToArray(iter) {
  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
function nonIterableSpread_nonIterableSpread() {
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js




function toConsumableArray_toConsumableArray(arr) {
  return arrayWithoutHoles_arrayWithoutHoles(arr) || iterableToArray_iterableToArray(arr) || _unsupportedIterableToArray(arr) || nonIterableSpread_nonIterableSpread();
}
;// CONCATENATED MODULE: ./src/blocks/components/dimensions/Dimensions.tsx


function Dimensions_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Dimensions_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Dimensions_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Dimensions_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var Dimensions_Dimensions = function Dimensions(props) {
  var _ref, _value$deviceType;
  var value = props.value,
    onChange = props.onChange,
    label = props.label,
    _props$units = props.units,
    units = _props$units === void 0 ? [] : _props$units,
    _props$min = props.min,
    min = _props$min === void 0 ? -Infinity : _props$min,
    _props$max = props.max,
    max = _props$max === void 0 ? Infinity : _props$max,
    _props$step = props.step,
    step = _props$step === void 0 ? 0.01 : _props$step,
    _props$defaultUnit = props.defaultUnit,
    defaultUnit = _props$defaultUnit === void 0 ? "px" : _props$defaultUnit,
    _props$type = props.type,
    type = _props$type === void 0 ? "" : _props$type,
    responsive = props.responsive,
    resetKey = props.resetKey,
    innerResetKey = props.innerResetKey;
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(Dimensions);
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType,
    DeviceSelector = _useDeviceType.DeviceSelector;
  var currentUnit = (_ref = responsive ? value === null || value === void 0 || (_value$deviceType = value[deviceType]) === null || _value$deviceType === void 0 ? void 0 : _value$deviceType.unit : value === null || value === void 0 ? void 0 : value.unit) !== null && _ref !== void 0 ? _ref : defaultUnit;
  var currentValue = responsive ? value === null || value === void 0 ? void 0 : value[deviceType] : value;
  var inputAttrs = ["%", "vh", "vw"].includes(currentUnit) ? {
    min: "margin" === type ? -100 : 0,
    max: 100,
    step: step
  } : ["em", "rem"].includes(currentUnit) ? {
    min: "margin" === type ? -20 : 0,
    max: 20,
    step: step
  } : "px" === currentUnit ? {
    min: "margin" === type ? -max : 0,
    max: max,
    step: 1
  } : {
    min: min,
    max: max,
    step: step
  };
  var setSettings = function setSettings(val) {
    var _val, _value$deviceType2, _data, _value$deviceType3, _data3, _value$deviceType4;
    var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
    val = (_val = val) !== null && _val !== void 0 ? _val : 0;
    val = val < inputAttrs.min ? inputAttrs.min : val;
    val = val > inputAttrs.max ? inputAttrs.max : val;
    var data = currentValue !== null && currentValue !== void 0 && currentValue.lock && "unit" !== prop ? {
      top: val,
      right: val,
      bottom: val,
      left: val
    } : defineProperty_defineProperty({}, prop, val);
    if ("unit" === prop) {
      data.top = undefined;
      data.right = undefined;
      data.bottom = undefined;
      data.left = undefined;
    }
    data = Object.assign({}, responsive ? (_value$deviceType2 = value === null || value === void 0 ? void 0 : value[deviceType]) !== null && _value$deviceType2 !== void 0 ? _value$deviceType2 : {} : value !== null && value !== void 0 ? value : {}, data);
    if (!((_data = data) !== null && _data !== void 0 && _data.unit) || !(value !== null && value !== void 0 && (_value$deviceType3 = value[deviceType]) !== null && _value$deviceType3 !== void 0 && _value$deviceType3.unit)) {
      var _data$unit, _data2;
      data.unit = (_data$unit = (_data2 = data) === null || _data2 === void 0 ? void 0 : _data2.unit) !== null && _data$unit !== void 0 ? _data$unit : defaultUnit;
    }
    if (!((_data3 = data) !== null && _data3 !== void 0 && _data3.lock) || !(value !== null && value !== void 0 && (_value$deviceType4 = value[deviceType]) !== null && _value$deviceType4 !== void 0 && _value$deviceType4.lock)) {
      var _data$lock, _data4;
      data.lock = (_data$lock = (_data4 = data) === null || _data4 === void 0 ? void 0 : _data4.lock) !== null && _data$lock !== void 0 ? _data$lock : false;
    }
    if (responsive) {
      onChange(Object.assign({}, value !== null && value !== void 0 ? value : {}, defineProperty_defineProperty({}, deviceType, data)));
    } else {
      onChange(Object.assign({}, value !== null && value !== void 0 ? value : {}, data));
    }
  };
  var toggleLock = function toggleLock() {
    var prevLock = !!(currentValue !== null && currentValue !== void 0 && currentValue.lock);
    var newValue = (0,external_lodash_namespaceObject.cloneDeep)(currentValue !== null && currentValue !== void 0 ? currentValue : {});
    newValue.lock = !prevLock;
    if (!prevLock) {
      var sides = (0,external_lodash_namespaceObject.omit)(currentValue !== null && currentValue !== void 0 ? currentValue : {}, ["lock", "unit"]);
      var _max = Math.max.apply(Math, toConsumableArray_toConsumableArray(Object.values(sides)));
      if (Number.isFinite(_max)) {
        newValue = Dimensions_objectSpread(Dimensions_objectSpread({}, newValue), {}, {
          top: _max,
          right: _max,
          bottom: _max,
          left: _max
        });
      }
    }
    if (responsive) {
      onChange(Object.assign({}, value !== null && value !== void 0 ? value : {}, defineProperty_defineProperty({}, deviceType, newValue)));
    } else {
      onChange(Object.assign({}, value !== null && value !== void 0 ? value : {}, newValue));
    }
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn("mzb-control", "mzb-dimensions", {
      "mzb-responsive": responsive
    })
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-dimensions-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-dimension-top-".concat(id),
    className: "mzb-control-label mzb-dimensions-label"
  }, label), responsive && /*#__PURE__*/external_React_default().createElement(DeviceSelector, null), resetKey && /*#__PURE__*/external_React_default().createElement(reset_Reset, {
    attributeKey: resetKey,
    value: value,
    innerKey: innerResetKey
  }), /*#__PURE__*/external_React_default().createElement(units_dropdown_UnitsDropdown, {
    units: units,
    currentUnit: currentUnit,
    onChange: function onChange(v) {
      return setSettings(v, "unit");
    }
  })), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-dimension-body"
  }, responsive ? ["desktop", "tablet", "mobile"].map(function (deviceKey) {
    return deviceKey === deviceType && /*#__PURE__*/external_React_default().createElement("div", {
      key: deviceKey,
      className: "mzb-dimensions-container"
    }, Object.keys(DIMENSIONS_PROPERTIES).map(function (dimensionProp) {
      var _currentValue$dimensi;
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.TextControl, {
        autoComplete: "off",
        key: dimensionProp,
        className: "mzb-dimension",
        label: DIMENSIONS_PROPERTIES[dimensionProp],
        value: (_currentValue$dimensi = currentValue === null || currentValue === void 0 ? void 0 : currentValue[dimensionProp]) !== null && _currentValue$dimensi !== void 0 ? _currentValue$dimensi : "",
        type: "number",
        onChange: function onChange(val) {
          return setSettings(parseFloat(val), dimensionProp);
        }
      });
    }), /*#__PURE__*/external_React_default().createElement("button", {
      className: utils_cn("mzb-dimensions-lock", {
        "is-lock": currentValue === null || currentValue === void 0 ? void 0 : currentValue.lock
      }),
      onClick: toggleLock
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "controlIcon",
      name: currentValue !== null && currentValue !== void 0 && currentValue.lock ? "lock" : "un-link",
      size: 16
    })));
  }) : /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-dimensions-container"
  }, Object.keys(DIMENSIONS_PROPERTIES).map(function (dimensionProp) {
    var _currentValue$dimensi2;
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.TextControl, {
      autoComplete: "off",
      key: dimensionProp,
      className: "mzb-dimension",
      label: DIMENSIONS_PROPERTIES[dimensionProp],
      value: (_currentValue$dimensi2 = currentValue === null || currentValue === void 0 ? void 0 : currentValue[dimensionProp]) !== null && _currentValue$dimensi2 !== void 0 ? _currentValue$dimensi2 : "",
      type: "number",
      onChange: function onChange(val) {
        return setSettings(parseFloat(val), dimensionProp);
      }
    });
  }), /*#__PURE__*/external_React_default().createElement("button", {
    className: utils_cn("mzb-dimensions-lock", {
      "is-lock": currentValue === null || currentValue === void 0 ? void 0 : currentValue.lock
    }),
    onClick: toggleLock
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "controlIcon",
    name: currentValue !== null && currentValue !== void 0 && currentValue.lock ? "lock" : "un-link",
    size: 16
  })))));
};
/* harmony default export */ const dimensions_Dimensions = (Dimensions_Dimensions);
;// CONCATENATED MODULE: ./src/blocks/components/border/Border.tsx

function Border_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Border_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Border_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Border_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }





var Border = function Border(_ref) {
  var onChange = _ref.onChange,
    value = _ref.value,
    resetKey = _ref.resetKey;
  var setSetting = function setSetting(genre, val) {
    var data = defineProperty_defineProperty({}, genre, val);
    onChange === null || onChange === void 0 || onChange(Border_objectSpread(Border_objectSpread({}, value), data));
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-border"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-border-body"
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Type", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting("type", val);
    },
    value: (value === null || value === void 0 ? void 0 : value.type) || "none",
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Solid", "magazine-blocks"),
      value: "solid"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Double", "magazine-blocks"),
      value: "double"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Dashed", "magazine-blocks"),
      value: "dashed"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Dotted", "magazine-blocks"),
      value: "dotted"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Groove", "magazine-blocks"),
      value: "groove"
    }],
    resetKey: resetKey,
    innerResetKey: "type"
  }), (value === null || value === void 0 ? void 0 : value.type) && "none" !== value.type && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setSetting("color", val);
    },
    value: value === null || value === void 0 ? void 0 : value.color,
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    resetKey: resetKey,
    innerResetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks"),
    responsive: true,
    units: ["px", "rem", "em"],
    defaultUnit: "px",
    min: 0,
    onChange: function onChange(val) {
      return setSetting("size", val);
    },
    isLinked: true,
    resetKey: resetKey,
    innerResetKey: "size",
    value: value === null || value === void 0 ? void 0 : value.size
  })), /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    label: (0,external_wp_i18n_namespaceObject.__)("Radius", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.radius,
    responsive: true,
    units: ["px", "em", "%"],
    defaultUnit: "px",
    min: 0,
    onChange: function onChange(val) {
      return setSetting("radius", val);
    },
    isLinked: true,
    resetKey: resetKey,
    innerResetKey: "radius"
  })));
};
/* harmony default export */ const border_Border = (Border);
;// CONCATENATED MODULE: ./src/blocks/components/box-shadow/BoxShadow.tsx

function BoxShadow_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function BoxShadow_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? BoxShadow_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : BoxShadow_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var BoxShadow = function BoxShadow(props) {
  var _value$verticalY;
  var value = props.value,
    onChange = props.onChange,
    resetKey = props.resetKey;
  var setSetting = function setSetting(type, val) {
    var data = defineProperty_defineProperty({}, type, val);
    onChange(BoxShadow_objectSpread(BoxShadow_objectSpread({}, value), data));
    1;
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-border"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-border-body"
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    label: (0,external_wp_i18n_namespaceObject.__)("Box Shadow", "magazine-blocks"),
    checked: (value === null || value === void 0 ? void 0 : value.enable) || false,
    onChange: function onChange() {
      return setSetting("enable", !(value !== null && value !== void 0 && value.enable));
    }
  }), (value === null || value === void 0 ? void 0 : value.enable) && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setSetting("color", val);
    },
    value: (value === null || value === void 0 ? void 0 : value.color) || "",
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    resetKey: resetKey,
    innerResetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: -100,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Horizontal-X", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.horizontalX,
    onChange: function onChange(val) {
      return setSetting("horizontalX", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "horizontalX"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: -100,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Horizontal-Y", "magazine-blocks"),
    value: (_value$verticalY = value === null || value === void 0 ? void 0 : value.verticalY) !== null && _value$verticalY !== void 0 ? _value$verticalY : 0,
    onChange: function onChange(val) {
      return setSetting("verticalY", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "verticalY"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: 0,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Blur", "magazine-blocks"),
    value: (value === null || value === void 0 ? void 0 : value.blur) || 0,
    onChange: function onChange(val) {
      return setSetting("blur", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "blur"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: 0,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Spread", "magazine-blocks"),
    value: (value === null || value === void 0 ? void 0 : value.spread) || 0,
    onChange: function onChange(val) {
      return setSetting("spread", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "spread"
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting("position", val);
    },
    value: (value === null || value === void 0 ? void 0 : value.position) || "outline",
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Outline", "magazine-blocks"),
      value: "outline"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Inset", "magazine-blocks"),
      value: "inset"
    }]
  }))));
};
/* harmony default export */ const box_shadow_BoxShadow = (BoxShadow);
;// CONCATENATED MODULE: ./src/blocks/components/input/Input.tsx




var Input_Input = function Input(props) {
  var _props$labelPosition = props.labelPosition,
    labelPosition = _props$labelPosition === void 0 ? "top" : _props$labelPosition,
    label = props.label,
    _props$onChange = props.onChange,
    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
    value = props.value,
    _props$type = props.type,
    type = _props$type === void 0 ? "text" : _props$type;
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(Input);
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-input mzb-input-".concat(labelPosition)
  }, label && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head"
  }, /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-input-".concat(id)
  }, label)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.TextControl, {
    id: "mzb-input-".concat(id),
    value: value !== null && value !== void 0 ? value : "",
    onChange: function onChange(val) {
      return _onChange(val);
    },
    type: type
  })));
};
/* harmony default export */ const input_Input = (Input_Input);
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
function classCallCheck_classCallCheck(instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");
  }
}
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js

function createClass_defineProperties(target, props) {
  for (var i = 0; i < props.length; i++) {
    var descriptor = props[i];
    descriptor.enumerable = descriptor.enumerable || false;
    descriptor.configurable = true;
    if ("value" in descriptor) descriptor.writable = true;
    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
  }
}
function createClass_createClass(Constructor, protoProps, staticProps) {
  if (protoProps) createClass_defineProperties(Constructor.prototype, protoProps);
  if (staticProps) createClass_defineProperties(Constructor, staticProps);
  Object.defineProperty(Constructor, "prototype", {
    writable: false
  });
  return Constructor;
}
;// CONCATENATED MODULE: ./src/blocks/components/tabs/tab-panel-cache.ts



var TabPanelCache = new ( /*#__PURE__*/function () {
  function _class2() {
    classCallCheck_classCallCheck(this, _class2);
    defineProperty_defineProperty(this, "key", "_magazine_blocks_inspector");
    var cache = window.sessionStorage.getItem(this.key);
    if (cache) {
      this.map = new Map(JSON.parse(cache));
    } else {
      this.map = new Map();
    }
  }
  createClass_createClass(_class2, [{
    key: "set",
    value: function set(key, value) {
      this.map.set(key, value);
      this.save();
    }
  }, {
    key: "get",
    value: function get(key) {
      return this.map.get(key);
    }
  }, {
    key: "save",
    value: function save() {
      window.sessionStorage.setItem(this.key, JSON.stringify(Array.from(this.map.entries())));
    }
  }]);
  return _class2;
}())();
/* harmony default export */ const tab_panel_cache = (TabPanelCache);
;// CONCATENATED MODULE: ./src/blocks/components/panel/Panel.tsx
function Panel_createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = Panel_unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function Panel_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return Panel_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Panel_arrayLikeToArray(o, minLen); }
function Panel_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }






var Panel = function Panel(props) {
  var children = props.children,
    title = props.title,
    _props$initialOpen = props.initialOpen,
    initialOpen = _props$initialOpen === void 0 ? false : _props$initialOpen;
  var panel = (0,external_React_.useRef)(null);
  var id = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _select, _block$attributes;
    var block = (_select = select("core/block-editor")) === null || _select === void 0 ? void 0 : _select.getSelectedBlock();
    return (block === null || block === void 0 ? void 0 : block.name) + "/" + (block === null || block === void 0 || (_block$attributes = block.attributes) === null || _block$attributes === void 0 ? void 0 : _block$attributes.clientId);
  }, []);
  var panelId = stringToKebabCase(title !== null && title !== void 0 ? title : "");
  var onToggle = function onToggle() {
    var _panel$current, _parent$dataset;
    var siblings = getSiblings(panel.current);
    if (siblings !== null && siblings !== void 0 && siblings.length) {
      var _iterator = Panel_createForOfIteratorHelper(siblings),
        _step;
      try {
        for (_iterator.s(); !(_step = _iterator.n()).done;) {
          var _body$classList;
          var sibling = _step.value;
          var body = sibling.querySelector(".mzb-panel-body");
          if (body !== null && body !== void 0 && (_body$classList = body.classList) !== null && _body$classList !== void 0 && _body$classList.contains("is-opened")) {
            var _sibling$querySelecto;
            (_sibling$querySelecto = sibling.querySelector(".components-panel__body-toggle")) === null || _sibling$querySelecto === void 0 || _sibling$querySelecto.click();
          }
        }
      } catch (err) {
        _iterator.e(err);
      } finally {
        _iterator.f();
      }
    }
    var parent = (_panel$current = panel.current) === null || _panel$current === void 0 ? void 0 : _panel$current.closest("[data-tab]");
    if (parent !== null && parent !== void 0 && (_parent$dataset = parent.dataset) !== null && _parent$dataset !== void 0 && _parent$dataset.tab) {
      tab_panel_cache.set(id, {
        tab: parent.dataset.tab,
        panel: panelId
      });
    }
  };
  (0,external_React_.useEffect)(function () {
    var _TabPanelCache$get, _panel$current2, _TabPanelCache$get2;
    if (((_TabPanelCache$get = tab_panel_cache.get(id)) === null || _TabPanelCache$get === void 0 ? void 0 : _TabPanelCache$get.tab) === ((_panel$current2 = panel.current) === null || _panel$current2 === void 0 || (_panel$current2 = _panel$current2.closest("[data-tab]")) === null || _panel$current2 === void 0 || (_panel$current2 = _panel$current2.dataset) === null || _panel$current2 === void 0 ? void 0 : _panel$current2.tab) && ((_TabPanelCache$get2 = tab_panel_cache.get(id)) === null || _TabPanelCache$get2 === void 0 ? void 0 : _TabPanelCache$get2.panel) === panelId) {
      var _panel$current3;
      (_panel$current3 = panel.current) === null || _panel$current3 === void 0 || (_panel$current3 = _panel$current3.querySelector(".components-panel__body-toggle")) === null || _panel$current3 === void 0 || _panel$current3.click();
    }
  }, [id, panelId]);
  return (
    /*#__PURE__*/
    // @ts-ignore
    external_React_default().createElement(external_wp_components_namespaceObject.Panel, {
      className: "mzb-panel",
      ref: panel
    }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.PanelBody, {
      className: "mzb-panel-body",
      title: title !== null && title !== void 0 ? title : "Panel",
      onToggle: onToggle,
      initialOpen: initialOpen
    }, children))
  );
};
/* harmony default export */ const panel_Panel = (Panel);
;// CONCATENATED MODULE: ./src/blocks/components/common/AdvancedSettings.tsx









var AdvanceSettings = function AdvanceSettings(props) {
  var blockMargin = props.blockMargin,
    blockPadding = props.blockPadding,
    blockZIndex = props.blockZIndex,
    cssID = props.cssID,
    setAttributes = props.setAttributes,
    blockHTML = props.blockHTML;
  return /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Block HTML", "magazine-blocks"),
    value: blockHTML,
    onChange: function onChange(val) {
      return setAttributes({
        blockHTML: val
      });
    },
    options: HTML_MARKUP
  }), /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: blockMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Block Margin", "magazine-blocks"),
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        blockMargin: val
      });
    },
    type: "margin",
    resetKey: "blockMargin"
  }), /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: blockPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Block Padding", "magazine-blocks"),
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        blockPadding: val
      });
    },
    resetKey: "blockPadding"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Z-Index", "magazine-blocks"),
    value: blockZIndex,
    min: 0,
    max: 10000,
    step: 1,
    onChange: function onChange(val) {
      return setAttributes({
        blockZIndex: val
      });
    },
    resetKey: "blockZIndex"
  }), /*#__PURE__*/external_React_default().createElement(input_Input, {
    onChange: function onChange(val) {
      return setAttributes({
        cssID: val
      });
    },
    labelPosition: "side",
    label: (0,external_wp_i18n_namespaceObject.__)("CSS ID", "magazine-blocks"),
    value: cssID !== null && cssID !== void 0 ? cssID : ""
  })));
};
/* harmony default export */ const AdvancedSettings = (AdvanceSettings);
;// CONCATENATED MODULE: ./src/blocks/components/common/CSSSettings.tsx




var CSSSettings = function CSSSettings(_ref) {
  var className = _ref.className,
    setAttributes = _ref.setAttributes,
    _ref$hasBlockCSS = _ref.hasBlockCSS,
    hasBlockCSS = _ref$hasBlockCSS === void 0 ? false : _ref$hasBlockCSS,
    blockCSS = _ref.blockCSS;
  return /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("CSS", "magazine-blocks")
  }, hasBlockCSS && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: blockCSS || "",
    label: (0,external_wp_i18n_namespaceObject.__)("Custom CSS", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        blockCSS: val
      });
    },
    labelPosition: "top"
  }), /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: className || "",
    label: (0,external_wp_i18n_namespaceObject.__)("Additional CSS Class(es)", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        className: val
      });
    },
    labelPosition: "top"
  }), /*#__PURE__*/external_React_default().createElement("p", null, (0,external_wp_i18n_namespaceObject.__)("Separate multiple classes with spaces.", "magazine-blocks")));
};
/* harmony default export */ const common_CSSSettings = (CSSSettings);
;// CONCATENATED MODULE: ./src/blocks/components/common/ResponsiveSettings.tsx





var ResponsiveSettings = function ResponsiveSettings(props) {
  var hideOnDesktop = props.hideOnDesktop,
    hideOnTablet = props.hideOnTablet,
    hideOnMobile = props.hideOnMobile,
    setAttributes = props.setAttributes,
    _props$hasColReverse = props.hasColReverse,
    hasColReverse = _props$hasColReverse === void 0 ? false : _props$hasColReverse,
    colReverseOnTablet = props.colReverseOnTablet,
    colReverseOnMobile = props.colReverseOnMobile;
  return /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Responsive condition", "magazine-blocks")
  }, hasColReverse && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: colReverseOnTablet || false,
    onChange: function onChange() {
      return setAttributes({
        colReverseOnTablet: !colReverseOnTablet
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column Reverse on Tablet", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: colReverseOnMobile || false,
    onChange: function onChange() {
      return setAttributes({
        colReverseOnMobile: !colReverseOnMobile
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column Reverse on Mobile", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: hideOnDesktop || false,
    onChange: function onChange() {
      return setAttributes({
        hideOnDesktop: !hideOnDesktop
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Hide on Desktop", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: hideOnTablet || false,
    onChange: function onChange() {
      return setAttributes({
        hideOnTablet: !hideOnTablet
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Hide on Tablet", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: hideOnMobile || false,
    onChange: function onChange() {
      return setAttributes({
        hideOnMobile: !hideOnMobile
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Hide on Mobile", "magazine-blocks")
  }));
};
/* harmony default export */ const common_ResponsiveSettings = (ResponsiveSettings);
;// CONCATENATED MODULE: ./src/blocks/components/element/Element.ts

var Element_Element = function Element(_ref) {
  var tagName = _ref.tagName,
    htmlAttrs = _ref.htmlAttrs,
    children = _ref.children;
  return /*#__PURE__*/(0,external_React_.createElement)(tagName, htmlAttrs, children);
};
/* harmony default export */ const element_Element = (Element_Element);
;// CONCATENATED MODULE: ./src/blocks/components/gradient/Gradient.tsx

// @ts-ignore

var Gradient = function Gradient(props) {
  return /*#__PURE__*/React.createElement("div", {
    className: "mzb-control mzb-gradient"
  }, /*#__PURE__*/React.createElement("div", {
    className: "mzb-control-body mzb-gradient-body"
  }, /*#__PURE__*/React.createElement(GradientPicker, props)));
};
/* harmony default export */ const gradient_Gradient = ((/* unused pure expression or super */ null && (Gradient)));
;// CONCATENATED MODULE: ./src/blocks/components/icon-selector/constants.ts
var ICONS = ['arrow-down', 'arrow-left', 'arrow-right', 'arrow-up', 'bars-o', 'cart-o', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'envelope-o', 'eye-o', 'instagram-o', 'map-marker-o', 'phone-o', 'paper-plane-o', 'quote-left', 'quote-right', 'recorder-o', 'remove-o', 'search-minus', 'search-o', 'send-o', 'thumbs-up-o', 'time-o', 'user-o', 'youtube-play', 'bar', 'behance', 'blogger', 'check', 'close', 'codeopen', 'cog', 'delicious', 'devianart', 'dribble', 'facebook', 'linkedin', 'medium', 'minus', 'pencil', 'pinterest', 'plus', 'quora', 'reddit', 'reply', 'rss', 'tumblr', 'twitch', 'twitter', 'vimeo', 'wordpress', 'yelp'];
;// CONCATENATED MODULE: ./src/blocks/components/icon-selector/IconSelector.tsx


function IconSelector_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function IconSelector_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? IconSelector_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : IconSelector_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }







var IconSelector = function IconSelector(props) {
  var value = props.value,
    _props$onChange = props.onChange,
    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
    label = props.label,
    _props$search = props.search,
    search = _props$search === void 0 ? true : _props$search,
    _props$options = props.options,
    options = _props$options === void 0 ? ICONS : _props$options,
    _props$toggleable = props.toggleable,
    toggleable = _props$toggleable === void 0 ? true : _props$toggleable;
  var _useState = (0,external_React_.useState)(""),
    _useState2 = slicedToArray_slicedToArray(_useState, 2),
    searchTerm = _useState2[0],
    setSearchTerm = _useState2[1];
  var finalIcons = (0,external_React_.useMemo)(function () {
    return options.map(function (key) {
      return {
        id: key,
        title: key.replace(/-/g, " ").replace(/ o/g, "").replace(/(^\w|\s\w)/g, function (t) {
          return t.toUpperCase();
        })
      };
    }).filter(function (_ref) {
      var title = _ref.title;
      return title.toLowerCase().includes(searchTerm.toLowerCase());
    });
  }, [searchTerm, options]);
  var isOpen = (0,external_React_.useMemo)(function () {
    return toggleable && (value === null || value === void 0 ? void 0 : value.enable) || !toggleable;
  }, [value, toggleable]);
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-icon-selector"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-icon-selector-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-icon-selector",
    className: "mzb-control-label mzb-icon-selector-label"
  }, label), toggleable && /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: (value === null || value === void 0 ? void 0 : value.enable) || false,
    onChange: function onChange() {
      return _onChange(IconSelector_objectSpread(IconSelector_objectSpread({}, value), {}, {
        enable: !(value !== null && value !== void 0 && value.enable)
      }));
    }
  })), isOpen && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-icon-selector-body"
  }, search && /*#__PURE__*/external_React_default().createElement("input", {
    type: "text",
    value: searchTerm,
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Search…", "magazine-blocks"),
    onChange: function onChange(e) {
      return setSearchTerm(e.target.value);
    },
    autoComplete: "off"
  }), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-icon-list-icons"
  }, (finalIcons === null || finalIcons === void 0 ? void 0 : finalIcons.length) > 0 ? finalIcons.map(function (_ref2) {
    var id = _ref2.id,
      title = _ref2.title;
    return /*#__PURE__*/external_React_default().createElement("span", {
      onKeyDown: function onKeyDown() {},
      key: id,
      className: utils_cn("mzb-icon-btn", {
        "is-active": (value === null || value === void 0 ? void 0 : value.icon) === id || value === id
      }),
      role: "button",
      tabIndex: 0,
      onClick: function onClick() {
        return _onChange(!toggleable ? id : IconSelector_objectSpread(IconSelector_objectSpread({}, value), {}, {
          icon: id
        }));
      },
      title: title
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      name: id
    }));
  }) : /*#__PURE__*/external_React_default().createElement("p", {
    className: "mzb-icon-list-no-icons",
    style: {
      gridColumn: "1/-1",
      margin: 0
    }
  }, (0,external_wp_i18n_namespaceObject.__)("Icons not found!", "magazine-blocks")))));
};
/* harmony default export */ const icon_selector_IconSelector = (IconSelector);
;// CONCATENATED MODULE: ./src/blocks/components/pop-over/Popover.tsx







var Popover = function Popover(props) {
  var label = props.label,
    children = props.children;
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(Popover);
  var _useDisclosure = useDisclosure(),
    isOpen = _useDisclosure.isOpen,
    onClose = _useDisclosure.onClose,
    onToggle = _useDisclosure.onToggle;
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-pop-over"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-pop-over-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-pop-over-".concat(id),
    className: "mzb-control-label mzb-pop-over-label"
  }, label), /*#__PURE__*/external_React_default().createElement("button", {
    id: "mzb-pop-over-".concat(id),
    onClick: onToggle,
    className: "mzb-pop-over-toggle-button"
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "controlIcon",
    name: "pencil",
    size: 15
  }))), isOpen && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Popover, {
    focusOnMount: "container",
    onFocusOutside: onClose,
    position: "bottom left"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn("mzb-control-body", "mzb-pop-over-body", {
      "is-open": isOpen
    })
  }, children)));
};
/* harmony default export */ const pop_over_Popover = (Popover);
;// CONCATENATED MODULE: ./src/blocks/components/position/Position.tsx

function Position_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Position_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Position_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Position_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }




var Position = function Position(props) {
  var value = props.value,
    onChange = props.onChange,
    resetKey = props.resetKey;
  var setSetting = function setSetting(type, val) {
    var data = _defineProperty({}, type, val);
    onChange(Position_objectSpread(Position_objectSpread({}, value), data));
  };
  return /*#__PURE__*/React.createElement("div", {
    className: "mzb-control mzb-border"
  }, /*#__PURE__*/React.createElement("div", {
    className: "mzb-control-body mzb-border-body"
  }, /*#__PURE__*/React.createElement(Select, {
    label: __("Position", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting("position", val);
    },
    value: value === null || value === void 0 ? void 0 : value.position,
    options: [{
      label: __("None", "magazine-blocks"),
      value: "none"
    }, {
      label: __("Static", "magazine-blocks"),
      value: "static"
    }, {
      label: __("Relative", "magazine-blocks"),
      value: "relative"
    }, {
      label: __("Absolute", "magazine-blocks"),
      value: "absolute"
    }, {
      label: __("Fixed", "magazine-blocks"),
      value: "fixed"
    }, {
      label: __("Sticky", "magazine-blocks"),
      value: "sticky"
    }]
  }), /*#__PURE__*/React.createElement(Slider, {
    min: -100,
    max: 100,
    label: __("Top", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.top,
    onChange: function onChange(val) {
      return setSetting("top", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "top",
    units: undefined,
    responsive: undefined
  }), /*#__PURE__*/React.createElement(Slider, {
    min: -100,
    max: 100,
    label: __("Right", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.right,
    onChange: function onChange(val) {
      return setSetting("right", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "right"
  }), /*#__PURE__*/React.createElement(Slider, {
    min: -100,
    max: 100,
    label: __("Bottom", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.bottom,
    onChange: function onChange(val) {
      return setSetting("bottom", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "bottom"
  }), /*#__PURE__*/React.createElement(Slider, {
    min: -100,
    max: 100,
    label: __("Left", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.left,
    onChange: function onChange(val) {
      return setSetting("left", val);
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: "left"
  })));
};
/* harmony default export */ const position_Position = ((/* unused pure expression or super */ null && (Position)));
;// CONCATENATED MODULE: ./src/blocks/components/separator-control/SeparatorControl.tsx

function SeparatorControl_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function SeparatorControl_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? SeparatorControl_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : SeparatorControl_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var SeparatorControl = function SeparatorControl(props) {
  var value = props.value,
    iconKey = props.iconKey,
    resetKey = props.resetKey;
  var setSetting = function setSetting(val) {
    var _props$value;
    props.onChange(SeparatorControl_objectSpread(SeparatorControl_objectSpread({}, (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : {}), val));
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-border mzb-large-icon"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-border-body mzb-col-3"
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks"),
    checked: value === null || value === void 0 ? void 0 : value.enable,
    onChange: function onChange(val) {
      return setSetting({
        enable: val
      });
    }
  }), (value === null || value === void 0 ? void 0 : value.enable) && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Design", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value[iconKey],
    onChange: function onChange(val) {
      return setSetting(defineProperty_defineProperty({}, iconKey, val));
    },
    itemsPerColumn: 3,
    minItemsHeight: 66,
    options: props.options
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting({
        color: val
      });
    },
    value: value === null || value === void 0 ? void 0 : value.color,
    innerResetKey: resetKey ? "color" : undefined,
    resetKey: resetKey
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Height", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.height,
    onChange: function onChange(val) {
      return setSetting({
        height: val
      });
    },
    min: 30,
    max: 200,
    step: 1,
    resetKey: resetKey,
    innerResetKey: resetKey ? "height" : undefined
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.width,
    onChange: function onChange(val) {
      return setSetting({
        width: val
      });
    },
    min: 30,
    max: 200,
    step: 1,
    resetKey: resetKey,
    innerResetKey: resetKey ? "width" : undefined
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    label: (0,external_wp_i18n_namespaceObject.__)("Box Shadow", "magazine-blocks"),
    checked: value === null || value === void 0 ? void 0 : value.shadow_enable,
    onChange: function onChange(v) {
      return setSetting({
        shadow_enable: v
      });
    }
  }), (value === null || value === void 0 ? void 0 : value.shadow_enable) && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setSetting({
        shadow_color: val
      });
    },
    value: value === null || value === void 0 ? void 0 : value.shadow_color,
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    innerResetKey: resetKey ? "shadow_color" : undefined
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: -100,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Horizontal-X", "magazine-blocks"),
    value: value === null || value === void 0 ? void 0 : value.horizontalX,
    onChange: function onChange(val) {
      return setSetting({
        horizontalX: val
      });
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: resetKey ? "horizontalX" : undefined
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: -100,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Horizontal-Y", "magazine-blocks"),
    value: value.verticalY,
    onChange: function onChange(val) {
      return setSetting({
        verticalY: val
      });
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: resetKey ? "verticalY" : undefined
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    min: 0,
    max: 100,
    label: (0,external_wp_i18n_namespaceObject.__)("Blur", "magazine-blocks"),
    value: value.blur,
    onChange: function onChange(val) {
      return setSetting({
        blur: val
      });
    },
    step: 1,
    resetKey: resetKey,
    innerResetKey: resetKey ? "blur" : undefined
  })))));
};
/* harmony default export */ const separator_control_SeparatorControl = (SeparatorControl);
;// CONCATENATED MODULE: ./src/blocks/components/size/Size.tsx







var Size = function Size(props) {
  var _props$value = props.value,
    value = _props$value === void 0 ? "" : _props$value,
    _onChange = props.onChange,
    label = props.label,
    _props$sizes = props.sizes,
    sizes = _props$sizes === void 0 ? [{
      label: __("S", "magazine-blocks"),
      value: "small"
    }, {
      label: __("M", "magazine-blocks"),
      value: "medium"
    }, {
      label: __("L", "magazine-blocks"),
      value: "large"
    }] : _props$sizes,
    _props$defaultKey = props.defaultKey,
    defaultKey = _props$defaultKey === void 0 ? "size" : _props$defaultKey,
    _props$custom = props.custom,
    custom = _props$custom === void 0 ? false : _props$custom,
    _props$customValue = props.customValue,
    customValue = _props$customValue === void 0 ? {} : _props$customValue,
    _props$customKey = props.customKey,
    customKey = _props$customKey === void 0 ? "padding" : _props$customKey,
    _props$customMax = props.customMax,
    customMax = _props$customMax === void 0 ? 500 : _props$customMax,
    _props$customUnits = props.customUnits,
    customUnits = _props$customUnits === void 0 ? ["rem", "em", "px", "%"] : _props$customUnits,
    _props$customMin = props.customMin,
    customMin = _props$customMin === void 0 ? 0 : _props$customMin,
    _props$customLabel = props.customLabel,
    customLabel = _props$customLabel === void 0 ? __("Padding", "magazine-blocks") : _props$customLabel,
    _props$customDefaultU = props.customDefaultUnit,
    customDefaultUnit = _props$customDefaultU === void 0 ? "px" : _props$customDefaultU;
  var id = useInstanceId(Size);
  return /*#__PURE__*/React.createElement("div", {
    className: "mzb-control mzb-size"
  }, /*#__PURE__*/React.createElement("div", {
    className: "mzb-control-head mzb-size-head"
  }, /*#__PURE__*/React.createElement("label", {
    htmlFor: "mzb-size-".concat(id),
    className: "mzb-control-label mzb-size-label"
  }, label)), /*#__PURE__*/React.createElement("div", {
    className: "mzb-control-body mzb-size-body"
  }, /*#__PURE__*/React.createElement("div", {
    className: "mzb-size-buttons"
  }, sizes.length > 0 && sizes.map(function (size, idx) {
    return /*#__PURE__*/React.createElement("button", {
      key: idx,
      className: cn("mzb-size-button", {
        "is-active": value && size.value === value
      }),
      onClick: function onClick() {
        return _onChange === null || _onChange === void 0 ? void 0 : _onChange(defaultKey, value === size.value ? "" : size.value);
      }
    }, /*#__PURE__*/React.createElement("span", {
      className: "mzb-size-button-text"
    }, size.label.toUpperCase()));
  }), custom && /*#__PURE__*/React.createElement("button", {
    className: cn("mzb-size-button", "mzb-size-advance-button", {
      "is-active": value && "custom" === value
    }),
    onClick: function onClick() {
      _onChange === null || _onChange === void 0 || _onChange(defaultKey, value === "custom" ? "" : "custom");
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    type: "controlIcon",
    name: "cog",
    size: 20
  }))), value && "custom" === value && /*#__PURE__*/React.createElement("div", {
    className: "mzb-size-popover"
  }, /*#__PURE__*/React.createElement(Dimensions, {
    units: customUnits,
    value: customValue,
    label: customLabel,
    responsive: true,
    min: customMin,
    max: customMax,
    defaultUnit: customDefaultUnit,
    onChange: function onChange(val) {
      _onChange === null || _onChange === void 0 || _onChange(customKey, val);
    },
    resetKey: customKey !== null && customKey !== void 0 ? customKey : undefined
  }))));
};
/* harmony default export */ const size_Size = ((/* unused pure expression or super */ null && (Size)));
;// CONCATENATED MODULE: ./src/blocks/components/tab-panel/TabPanel.tsx


function TabPanel_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function TabPanel_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? TabPanel_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : TabPanel_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }





var inspectorTabState = new Map();
var TabPanel = function TabPanel(props) {
  var _tabs$length;
  var children = props.children,
    _props$hasIcon = props.hasIcon,
    hasIcon = _props$hasIcon === void 0 ? false : _props$hasIcon,
    _props$className = props.className,
    className = _props$className === void 0 ? "" : _props$className,
    label = props.label,
    _props$root = props.root,
    root = _props$root === void 0 ? false : _props$root;
  var _useState = useState(""),
    _useState2 = _slicedToArray(_useState, 2),
    active = _useState2[0],
    setActive = _useState2[1];
  var _useState3 = useState(""),
    _useState4 = _slicedToArray(_useState3, 2),
    id = _useState4[0],
    setId = _useState4[1];
  var tabs = React.Children.toArray(children).filter(function (tab) {
    if ( /*#__PURE__*/React.isValidElement(tab)) {
      var tabProps = tab.props;
      return "widgets" === window.pagenow || "customize" === window.pagenow ? "Layout" !== (tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle) : true;
    }
    return false;
  });
  var block = useSelect(function (select) {
    return select("core/block-editor").getSelectedBlock();
  }, []);
  useEffect(function () {
    var _inspectorTabState$ge, _inspectorTabState$ge2, _props$tabTitle, _React$Children$toArr;
    if (block) {
      setId(block.name + "/" + block.attributes.clientId);
    }
    setActive(root ? (_inspectorTabState$ge = (_inspectorTabState$ge2 = inspectorTabState.get(id)) === null || _inspectorTabState$ge2 === void 0 ? void 0 : _inspectorTabState$ge2.tab) !== null && _inspectorTabState$ge !== void 0 ? _inspectorTabState$ge : "Settings" : (_props$tabTitle = (_React$Children$toArr = React.Children.toArray(children)[0]) === null || _React$Children$toArr === void 0 || (_React$Children$toArr = _React$Children$toArr.props) === null || _React$Children$toArr === void 0 ? void 0 : _React$Children$toArr.tabTitle) !== null && _props$tabTitle !== void 0 ? _props$tabTitle : "");
  }, [block, children, root, id]);
  if (!block) {
    return null;
  }
  return /*#__PURE__*/React.createElement("div", {
    className: cn("mzb-tab-panel", {
      "has-icon": hasIcon
    }, className)
  }, /*#__PURE__*/React.createElement("div", {
    className: "mzb-tab-panel-head",
    "data-sticky": !!root
  }, label && /*#__PURE__*/React.createElement("label", {
    htmlFor: "mzb-tab-panel"
  }, label), /*#__PURE__*/React.createElement("div", {
    className: "mzb-tab-panel-menu",
    role: "group",
    "data-grid": (_tabs$length = tabs.length) !== null && _tabs$length !== void 0 ? _tabs$length : 0
  }, React.Children.toArray(children).map(function (tab, index) {
    var _tabProps$tabTitle, _tabProps$tabTitle3;
    var tabProps = tab.props;
    return /*#__PURE__*/React.createElement(Button, {
      key: (_tabProps$tabTitle = tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle) !== null && _tabProps$tabTitle !== void 0 ? _tabProps$tabTitle : index,
      className: cn("mzb-tab-panel-menu-item", {
        "is-active": (tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle) === active
      }),
      onClick: function onClick() {
        var _tabProps$tabTitle2;
        if (root) {
          var _inspectorTabState$ge3;
          var current = (_inspectorTabState$ge3 = inspectorTabState.get(id)) !== null && _inspectorTabState$ge3 !== void 0 ? _inspectorTabState$ge3 : {};
          inspectorTabState.set(id, TabPanel_objectSpread(TabPanel_objectSpread({}, current), {}, {
            tab: tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle
          }));
        }
        setActive((_tabProps$tabTitle2 = tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle) !== null && _tabProps$tabTitle2 !== void 0 ? _tabProps$tabTitle2 : "");
      }
    }, /*#__PURE__*/React.createElement("span", {
      className: "mzb-tab-panel-menu-item-title"
    }, (_tabProps$tabTitle3 = tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle) !== null && _tabProps$tabTitle3 !== void 0 ? _tabProps$tabTitle3 : ""));
  }))), /*#__PURE__*/React.createElement("div", {
    className: "mzb-tab-panel-body"
  }, React.Children.toArray(children).map(function (tab) {
    var tabProps = tab.props;
    return /*#__PURE__*/React.createElement("div", {
      key: tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle,
      style: {
        display: (tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle) === active ? "block" : "none"
      },
      "data-inspector-tab": root ? tabProps === null || tabProps === void 0 ? void 0 : tabProps.tabTitle : null
    }, tab);
  })));
};
/* harmony default export */ const tab_panel_TabPanel = ((/* unused pure expression or super */ null && (TabPanel)));
;// CONCATENATED MODULE: ./src/blocks/components/tab/Tab.tsx

var Tab = function Tab(_ref) {
  var children = _ref.children;
  return /*#__PURE__*/React.createElement(Fragment, null, children);
};
/* harmony default export */ const tab_Tab = ((/* unused pure expression or super */ null && (Tab)));
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@babel/runtime/helpers/esm/extends.js
function helpers_esm_extends_extends() {
  helpers_esm_extends_extends = Object.assign ? Object.assign.bind() : function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];
      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }
    return target;
  };
  return helpers_esm_extends_extends.apply(this, arguments);
}
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/primitive/dist/index.mjs
function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
    return function handleEvent(event) {
        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
    };
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-context/dist/index.mjs



function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
    const Context = /*#__PURE__*/ $3bkAK$createContext(defaultContext);
    function Provider(props) {
        const { children: children , ...context } = props; // Only re-memoize when prop values change
        // eslint-disable-next-line react-hooks/exhaustive-deps
        const value = $3bkAK$useMemo(()=>context
        , Object.values(context));
        return /*#__PURE__*/ $3bkAK$createElement(Context.Provider, {
            value: value
        }, children);
    }
    function useContext(consumerName) {
        const context = $3bkAK$useContext(Context);
        if (context) return context;
        if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
    }
    Provider.displayName = rootComponentName + 'Provider';
    return [
        Provider,
        useContext
    ];
}
/* -------------------------------------------------------------------------------------------------
 * createContextScope
 * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
    let defaultContexts = [];
    /* -----------------------------------------------------------------------------------------------
   * createContext
   * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
        const BaseContext = /*#__PURE__*/ (0,external_React_.createContext)(defaultContext);
        const index = defaultContexts.length;
        defaultContexts = [
            ...defaultContexts,
            defaultContext
        ];
        function Provider(props) {
            const { scope: scope , children: children , ...context } = props;
            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
            // eslint-disable-next-line react-hooks/exhaustive-deps
            const value = (0,external_React_.useMemo)(()=>context
            , Object.values(context));
            return /*#__PURE__*/ (0,external_React_.createElement)(Context.Provider, {
                value: value
            }, children);
        }
        function useContext(consumerName, scope) {
            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
            const context = (0,external_React_.useContext)(Context);
            if (context) return context;
            if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
            throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
        }
        Provider.displayName = rootComponentName + 'Provider';
        return [
            Provider,
            useContext
        ];
    }
    /* -----------------------------------------------------------------------------------------------
   * createScope
   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
        const scopeContexts = defaultContexts.map((defaultContext)=>{
            return /*#__PURE__*/ (0,external_React_.createContext)(defaultContext);
        });
        return function useScope(scope) {
            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
            return (0,external_React_.useMemo)(()=>({
                    [`__scope${scopeName}`]: {
                        ...scope,
                        [scopeName]: contexts
                    }
                })
            , [
                scope,
                contexts
            ]);
        };
    };
    createScope.scopeName = scopeName;
    return [
        $c512c27ab02ef895$export$fd42f52fd3ae1109,
        $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
    ];
}
/* -------------------------------------------------------------------------------------------------
 * composeContextScopes
 * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
    const baseScope = scopes[0];
    if (scopes.length === 1) return baseScope;
    const createScope1 = ()=>{
        const scopeHooks = scopes.map((createScope)=>({
                useScope: createScope(),
                scopeName: createScope.scopeName
            })
        );
        return function useComposedScopes(overrideScopes) {
            const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName  })=>{
                // We are calling a hook inside a callback which React warns against to avoid inconsistent
                // renders, however, scoping doesn't have render side effects so we ignore the rule.
                // eslint-disable-next-line react-hooks/rules-of-hooks
                const scopeProps = useScope(overrideScopes);
                const currentScope = scopeProps[`__scope${scopeName}`];
                return {
                    ...nextScopes,
                    ...currentScope
                };
            }, {});
            return (0,external_React_.useMemo)(()=>({
                    [`__scope${baseScope.scopeName}`]: nextScopes1
                })
            , [
                nextScopes1
            ]);
        };
    };
    createScope1.scopeName = baseScope.scopeName;
    return createScope1;
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@babel/runtime/helpers/esm/extends.js
function runtime_helpers_esm_extends_extends() {
  runtime_helpers_esm_extends_extends = Object.assign ? Object.assign.bind() : function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];
      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }
    return target;
  };
  return runtime_helpers_esm_extends_extends.apply(this, arguments);
}
;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/primitive/dist/index.mjs
function dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
    return function handleEvent(event) {
        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
    };
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context/dist/index.mjs



function dist_$c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
    const Context = /*#__PURE__*/ $3bkAK$createContext(defaultContext);
    function Provider(props) {
        const { children: children , ...context } = props; // Only re-memoize when prop values change
        // eslint-disable-next-line react-hooks/exhaustive-deps
        const value = $3bkAK$useMemo(()=>context
        , Object.values(context));
        return /*#__PURE__*/ $3bkAK$createElement(Context.Provider, {
            value: value
        }, children);
    }
    function useContext(consumerName) {
        const context = $3bkAK$useContext(Context);
        if (context) return context;
        if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
    }
    Provider.displayName = rootComponentName + 'Provider';
    return [
        Provider,
        useContext
    ];
}
/* -------------------------------------------------------------------------------------------------
 * createContextScope
 * -----------------------------------------------------------------------------------------------*/ function dist_$c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
    let defaultContexts = [];
    /* -----------------------------------------------------------------------------------------------
   * createContext
   * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
        const BaseContext = /*#__PURE__*/ (0,external_React_.createContext)(defaultContext);
        const index = defaultContexts.length;
        defaultContexts = [
            ...defaultContexts,
            defaultContext
        ];
        function Provider(props) {
            const { scope: scope , children: children , ...context } = props;
            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
            // eslint-disable-next-line react-hooks/exhaustive-deps
            const value = (0,external_React_.useMemo)(()=>context
            , Object.values(context));
            return /*#__PURE__*/ (0,external_React_.createElement)(Context.Provider, {
                value: value
            }, children);
        }
        function useContext(consumerName, scope) {
            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
            const context = (0,external_React_.useContext)(Context);
            if (context) return context;
            if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
            throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
        }
        Provider.displayName = rootComponentName + 'Provider';
        return [
            Provider,
            useContext
        ];
    }
    /* -----------------------------------------------------------------------------------------------
   * createScope
   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
        const scopeContexts = defaultContexts.map((defaultContext)=>{
            return /*#__PURE__*/ (0,external_React_.createContext)(defaultContext);
        });
        return function useScope(scope) {
            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
            return (0,external_React_.useMemo)(()=>({
                    [`__scope${scopeName}`]: {
                        ...scope,
                        [scopeName]: contexts
                    }
                })
            , [
                scope,
                contexts
            ]);
        };
    };
    createScope.scopeName = scopeName;
    return [
        $c512c27ab02ef895$export$fd42f52fd3ae1109,
        dist_$c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
    ];
}
/* -------------------------------------------------------------------------------------------------
 * composeContextScopes
 * -----------------------------------------------------------------------------------------------*/ function dist_$c512c27ab02ef895$var$composeContextScopes(...scopes) {
    const baseScope = scopes[0];
    if (scopes.length === 1) return baseScope;
    const createScope1 = ()=>{
        const scopeHooks = scopes.map((createScope)=>({
                useScope: createScope(),
                scopeName: createScope.scopeName
            })
        );
        return function useComposedScopes(overrideScopes) {
            const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName  })=>{
                // We are calling a hook inside a callback which React warns against to avoid inconsistent
                // renders, however, scoping doesn't have render side effects so we ignore the rule.
                // eslint-disable-next-line react-hooks/rules-of-hooks
                const scopeProps = useScope(overrideScopes);
                const currentScope = scopeProps[`__scope${scopeName}`];
                return {
                    ...nextScopes,
                    ...currentScope
                };
            }, {});
            return (0,external_React_.useMemo)(()=>({
                    [`__scope${baseScope.scopeName}`]: nextScopes1
                })
            , [
                nextScopes1
            ]);
        };
    };
    createScope1.scopeName = baseScope.scopeName;
    return createScope1;
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-compose-refs/dist/index.mjs



/**
 * Set a given ref to a given value
 * This utility takes care of different types of refs: callback refs and RefObject(s)
 */ function $6ed0406888f73fc4$var$setRef(ref, value) {
    if (typeof ref === 'function') ref(value);
    else if (ref !== null && ref !== undefined) ref.current = value;
}
/**
 * A utility to compose multiple refs together
 * Accepts callback refs and RefObject(s)
 */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
        )
    ;
}
/**
 * A custom hook that composes multiple refs
 * Accepts callback refs and RefObject(s)
 */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
    // eslint-disable-next-line react-hooks/exhaustive-deps
    return (0,external_React_.useCallback)($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot/dist/index.mjs







/* -------------------------------------------------------------------------------------------------
 * Slot
 * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { children: children , ...slotProps } = props;
    const childrenArray = external_React_.Children.toArray(children);
    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
    if (slottable) {
        // the new element to render is the one passed as a child of `Slottable`
        const newElement = slottable.props.children;
        const newChildren = childrenArray.map((child)=>{
            if (child === slottable) {
                // because the new element will be the one rendered, we are only interested
                // in grabbing its children (`newElement.props.children`)
                if (external_React_.Children.count(newElement) > 1) return external_React_.Children.only(null);
                return /*#__PURE__*/ (0,external_React_.isValidElement)(newElement) ? newElement.props.children : null;
            } else return child;
        });
        return /*#__PURE__*/ (0,external_React_.createElement)($5e63c961fc1ce211$var$SlotClone, runtime_helpers_esm_extends_extends({}, slotProps, {
            ref: forwardedRef
        }), /*#__PURE__*/ (0,external_React_.isValidElement)(newElement) ? /*#__PURE__*/ (0,external_React_.cloneElement)(newElement, undefined, newChildren) : null);
    }
    return /*#__PURE__*/ (0,external_React_.createElement)($5e63c961fc1ce211$var$SlotClone, runtime_helpers_esm_extends_extends({}, slotProps, {
        ref: forwardedRef
    }), children);
});
$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
/* -------------------------------------------------------------------------------------------------
 * SlotClone
 * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { children: children , ...slotProps } = props;
    if (/*#__PURE__*/ (0,external_React_.isValidElement)(children)) return /*#__PURE__*/ (0,external_React_.cloneElement)(children, {
        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
        ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
    });
    return external_React_.Children.count(children) > 1 ? external_React_.Children.only(null) : null;
});
$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
/* -------------------------------------------------------------------------------------------------
 * Slottable
 * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
    return /*#__PURE__*/ (0,external_React_.createElement)(external_React_.Fragment, null, children);
};
/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
    return /*#__PURE__*/ (0,external_React_.isValidElement)(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
}
function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
    // all child props should override
    const overrideProps = {
        ...childProps
    };
    for(const propName in childProps){
        const slotPropValue = slotProps[propName];
        const childPropValue = childProps[propName];
        const isHandler = /^on[A-Z]/.test(propName);
        if (isHandler) {
            // if the handler exists on both, we compose them
            if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{
                childPropValue(...args);
                slotPropValue(...args);
            };
            else if (slotPropValue) overrideProps[propName] = slotPropValue;
        } else if (propName === 'style') overrideProps[propName] = {
            ...slotPropValue,
            ...childPropValue
        };
        else if (propName === 'className') overrideProps[propName] = [
            slotPropValue,
            childPropValue
        ].filter(Boolean).join(' ');
    }
    return {
        ...slotProps,
        ...overrideProps
    };
}
const $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($5e63c961fc1ce211$export$8c6ed5c666ac1360));





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-collection/dist/index.mjs









// We have resorted to returning slots directly rather than exposing primitives that can then
// be slotted like `<CollectionItem as={Slot}>…</CollectionItem>`.
// This is because we encountered issues with generic types that cannot be statically analysed
// due to creating them dynamically via createCollection.
function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
    /* -----------------------------------------------------------------------------------------------
   * CollectionProvider
   * ---------------------------------------------------------------------------------------------*/ const PROVIDER_NAME = name + 'CollectionProvider';
    const [createCollectionContext, createCollectionScope] = dist_$c512c27ab02ef895$export$50c7b4e9d9f19c1(PROVIDER_NAME);
    const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
        collectionRef: {
            current: null
        },
        itemMap: new Map()
    });
    const CollectionProvider = (props)=>{
        const { scope: scope , children: children  } = props;
        const ref = external_React_.useRef(null);
        const itemMap = external_React_.useRef(new Map()).current;
        return /*#__PURE__*/ external_React_.createElement(CollectionProviderImpl, {
            scope: scope,
            itemMap: itemMap,
            collectionRef: ref
        }, children);
    };
    /*#__PURE__*/ Object.assign(CollectionProvider, {
        displayName: PROVIDER_NAME
    });
    /* -----------------------------------------------------------------------------------------------
   * CollectionSlot
   * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
    const CollectionSlot = /*#__PURE__*/ external_React_.forwardRef((props, forwardedRef)=>{
        const { scope: scope , children: children  } = props;
        const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
        return /*#__PURE__*/ external_React_.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
            ref: composedRefs
        }, children);
    });
    /*#__PURE__*/ Object.assign(CollectionSlot, {
        displayName: COLLECTION_SLOT_NAME
    });
    /* -----------------------------------------------------------------------------------------------
   * CollectionItem
   * ---------------------------------------------------------------------------------------------*/ const ITEM_SLOT_NAME = name + 'CollectionItemSlot';
    const ITEM_DATA_ATTR = 'data-radix-collection-item';
    const CollectionItemSlot = /*#__PURE__*/ external_React_.forwardRef((props, forwardedRef)=>{
        const { scope: scope , children: children , ...itemData } = props;
        const ref = external_React_.useRef(null);
        const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
        const context = useCollectionContext(ITEM_SLOT_NAME, scope);
        external_React_.useEffect(()=>{
            context.itemMap.set(ref, {
                ref: ref,
                ...itemData
            });
            return ()=>void context.itemMap.delete(ref)
            ;
        });
        return /*#__PURE__*/ external_React_.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
            [ITEM_DATA_ATTR]: '',
            ref: composedRefs
        }, children);
    });
    /*#__PURE__*/ Object.assign(CollectionItemSlot, {
        displayName: ITEM_SLOT_NAME
    });
    /* -----------------------------------------------------------------------------------------------
   * useCollection
   * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
        const context = useCollectionContext(name + 'CollectionConsumer', scope);
        const getItems = external_React_.useCallback(()=>{
            const collectionNode = context.collectionRef.current;
            if (!collectionNode) return [];
            const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
            const items = Array.from(context.itemMap.values());
            const orderedItems = items.sort((a, b)=>orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
            );
            return orderedItems;
        }, [
            context.collectionRef,
            context.itemMap
        ]);
        return getItems;
    }
    return [
        {
            Provider: CollectionProvider,
            Slot: CollectionSlot,
            ItemSlot: CollectionItemSlot
        },
        useCollection,
        createCollectionScope
    ];
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs



/**
 * On the server, React emits a warning when calling `useLayoutEffect`.
 * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
 * We use this safe version which suppresses the warning by replacing it with a noop on the server.
 *
 * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
 */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? external_React_.useLayoutEffect : ()=>{};





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-id/dist/index.mjs





const $1746a345f3d73bb7$var$useReactId = external_React_namespaceObject['useId'.toString()] || (()=>undefined
);
let $1746a345f3d73bb7$var$count = 0;
function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
    const [id, setId] = external_React_.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
    $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
        );
    }, [
        deterministicId
    ]);
    return deterministicId || (id ? `radix-${id}` : '');
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive/dist/index.mjs









const $8927f6f2acc4f386$var$NODES = [
    'a',
    'button',
    'div',
    'form',
    'h2',
    'h3',
    'img',
    'input',
    'label',
    'li',
    'nav',
    'ol',
    'p',
    'span',
    'svg',
    'ul'
]; // Temporary while we await merge of this fix:
// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
// prettier-ignore
/* -------------------------------------------------------------------------------------------------
 * Primitive
 * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
    const Node = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
        const { asChild: asChild , ...primitiveProps } = props;
        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
        (0,external_React_.useEffect)(()=>{
            window[Symbol.for('radix-ui')] = true;
        }, []);
        return /*#__PURE__*/ (0,external_React_.createElement)(Comp, runtime_helpers_esm_extends_extends({}, primitiveProps, {
            ref: forwardedRef
        }));
    });
    Node.displayName = `Primitive.${node}`;
    return {
        ...primitive,
        [node]: Node
    };
}, {});
/* -------------------------------------------------------------------------------------------------
 * Utils
 * -----------------------------------------------------------------------------------------------*/ /**
 * Flush custom event dispatch
 * https://github.com/radix-ui/primitives/pull/1378
 *
 * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.
 *
 * Internally, React prioritises events in the following order:
 *  - discrete
 *  - continuous
 *  - default
 *
 * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350
 *
 * `discrete` is an  important distinction as updates within these events are applied immediately.
 * React however, is not able to infer the priority of custom event types due to how they are detected internally.
 * Because of this, it's possible for updates from custom events to be unexpectedly batched when
 * dispatched by another `discrete` event.
 *
 * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
 * This utility should be used when dispatching a custom event from within another `discrete` event, this utility
 * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
 * For example:
 *
 * dispatching a known click 👎
 * target.dispatchEvent(new Event(‘click’))
 *
 * dispatching a custom type within a non-discrete event 👎
 * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}
 *
 * dispatching a custom type within a `discrete` event 👍
 * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}
 *
 * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's  not recommended to use
 * this utility with them. This is because it's possible for those handlers to be called implicitly during render
 * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.
 */ function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {
    if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)
    );
}
/* -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && ($8927f6f2acc4f386$export$250ffa63cdc0d034));





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs



/**
 * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
 * prop or avoid re-executing effects when passed as a dependency
 */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
    const callbackRef = (0,external_React_.useRef)(callback);
    (0,external_React_.useEffect)(()=>{
        callbackRef.current = callback;
    }); // https://github.com/facebook/react/issues/19240
    return (0,external_React_.useMemo)(()=>(...args)=>{
            var _callbackRef$current;
            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
        }
    , []);
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs





function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
        defaultProp: defaultProp,
        onChange: onChange
    });
    const isControlled = prop !== undefined;
    const value1 = isControlled ? prop : uncontrolledProp;
    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
    const setValue = (0,external_React_.useCallback)((nextValue)=>{
        if (isControlled) {
            const setter = nextValue;
            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
            if (value !== prop) handleChange(value);
        } else setUncontrolledProp(nextValue);
    }, [
        isControlled,
        prop,
        setUncontrolledProp,
        handleChange
    ]);
    return [
        value1,
        setValue
    ];
}
function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange  }) {
    const uncontrolledState = (0,external_React_.useState)(defaultProp);
    const [value] = uncontrolledState;
    const prevValueRef = (0,external_React_.useRef)(value);
    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
    (0,external_React_.useEffect)(()=>{
        if (prevValueRef.current !== value) {
            handleChange(value);
            prevValueRef.current = value;
        }
    }, [
        value,
        prevValueRef,
        handleChange
    ]);
    return uncontrolledState;
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-direction/dist/index.mjs



const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ (0,external_React_.createContext)(undefined);
/* -------------------------------------------------------------------------------------------------
 * Direction
 * -----------------------------------------------------------------------------------------------*/ const $f631663db3294ace$export$c760c09fdd558351 = (props)=>{
    const { dir: dir , children: children  } = props;
    return /*#__PURE__*/ $7Gjcd$createElement($f631663db3294ace$var$DirectionContext.Provider, {
        value: dir
    }, children);
};
/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
    const globalDir = (0,external_React_.useContext)($f631663db3294ace$var$DirectionContext);
    return localDir || globalDir || 'ltr';
}
const $f631663db3294ace$export$2881499e37b75b9a = (/* unused pure expression or super */ null && ($f631663db3294ace$export$c760c09fdd558351));





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-roving-focus/dist/index.mjs























const $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';
const $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
    bubbles: false,
    cancelable: true
};
/* -------------------------------------------------------------------------------------------------
 * RovingFocusGroup
 * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$GROUP_NAME = 'RovingFocusGroup';
const [$d7bdfb9eb0fdf311$var$Collection, $d7bdfb9eb0fdf311$var$useCollection, $d7bdfb9eb0fdf311$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($d7bdfb9eb0fdf311$var$GROUP_NAME);
const [$d7bdfb9eb0fdf311$var$createRovingFocusGroupContext, $d7bdfb9eb0fdf311$export$c7109489551a4f4] = dist_$c512c27ab02ef895$export$50c7b4e9d9f19c1($d7bdfb9eb0fdf311$var$GROUP_NAME, [
    $d7bdfb9eb0fdf311$var$createCollectionScope
]);
const [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME);
const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    return /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$var$Collection.Provider, {
        scope: props.__scopeRovingFocusGroup
    }, /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$var$Collection.Slot, {
        scope: props.__scopeRovingFocusGroup
    }, /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, runtime_helpers_esm_extends_extends({}, props, {
        ref: forwardedRef
    }))));
});
/*#__PURE__*/ Object.assign($d7bdfb9eb0fdf311$export$8699f7c8af148338, {
    displayName: $d7bdfb9eb0fdf311$var$GROUP_NAME
});
/* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , orientation: orientation , loop: loop = false , dir: dir , currentTabStopId: currentTabStopIdProp , defaultCurrentTabStopId: defaultCurrentTabStopId , onCurrentTabStopIdChange: onCurrentTabStopIdChange , onEntryFocus: onEntryFocus , ...groupProps } = props;
    const ref = (0,external_React_.useRef)(null);
    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
    const [currentTabStopId = null, setCurrentTabStopId] = $71cd76cc60e0454e$export$6f32135080cb4c3({
        prop: currentTabStopIdProp,
        defaultProp: defaultCurrentTabStopId,
        onChange: onCurrentTabStopIdChange
    });
    const [isTabbingBackOut, setIsTabbingBackOut] = (0,external_React_.useState)(false);
    const handleEntryFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus);
    const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
    const isClickFocusRef = (0,external_React_.useRef)(false);
    const [focusableItemsCount, setFocusableItemsCount] = (0,external_React_.useState)(0);
    (0,external_React_.useEffect)(()=>{
        const node = ref.current;
        if (node) {
            node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
            return ()=>node.removeEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus)
            ;
        }
    }, [
        handleEntryFocus
    ]);
    return /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
        scope: __scopeRovingFocusGroup,
        orientation: orientation,
        dir: direction,
        loop: loop,
        currentTabStopId: currentTabStopId,
        onItemFocus: (0,external_React_.useCallback)((tabStopId)=>setCurrentTabStopId(tabStopId)
        , [
            setCurrentTabStopId
        ]),
        onItemShiftTab: (0,external_React_.useCallback)(()=>setIsTabbingBackOut(true)
        , []),
        onFocusableItemAdd: (0,external_React_.useCallback)(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
            )
        , []),
        onFocusableItemRemove: (0,external_React_.useCallback)(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
            )
        , [])
    }, /*#__PURE__*/ (0,external_React_.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.div, runtime_helpers_esm_extends_extends({
        tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
        "data-orientation": orientation
    }, groupProps, {
        ref: composedRefs,
        style: {
            outline: 'none',
            ...props.style
        },
        onMouseDown: dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, ()=>{
            isClickFocusRef.current = true;
        }),
        onFocus: dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, (event)=>{
            // We normally wouldn't need this check, because we already check
            // that the focus is on the current target and not bubbling to it.
            // We do this because Safari doesn't focus buttons when clicked, and
            // instead, the wrapper will get focused and not through a bubbling event.
            const isKeyboardFocus = !isClickFocusRef.current;
            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
                const entryFocusEvent = new CustomEvent($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, $d7bdfb9eb0fdf311$var$EVENT_OPTIONS);
                event.currentTarget.dispatchEvent(entryFocusEvent);
                if (!entryFocusEvent.defaultPrevented) {
                    const items = getItems().filter((item)=>item.focusable
                    );
                    const activeItem = items.find((item)=>item.active
                    );
                    const currentItem = items.find((item)=>item.id === currentTabStopId
                    );
                    const candidateItems = [
                        activeItem,
                        currentItem,
                        ...items
                    ].filter(Boolean);
                    const candidateNodes = candidateItems.map((item)=>item.ref.current
                    );
                    $d7bdfb9eb0fdf311$var$focusFirst(candidateNodes);
                }
            }
            isClickFocusRef.current = false;
        }),
        onBlur: dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlur, ()=>setIsTabbingBackOut(false)
        )
    })));
});
/* -------------------------------------------------------------------------------------------------
 * RovingFocusGroupItem
 * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
    const autoId = $1746a345f3d73bb7$export$f680877a34711e37();
    const id = tabStopId || autoId;
    const context = $d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME, __scopeRovingFocusGroup);
    const isCurrentTabStop = context.currentTabStopId === id;
    const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
    const { onFocusableItemAdd: onFocusableItemAdd , onFocusableItemRemove: onFocusableItemRemove  } = context;
    (0,external_React_.useEffect)(()=>{
        if (focusable) {
            onFocusableItemAdd();
            return ()=>onFocusableItemRemove()
            ;
        }
    }, [
        focusable,
        onFocusableItemAdd,
        onFocusableItemRemove
    ]);
    return /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
        scope: __scopeRovingFocusGroup,
        id: id,
        focusable: focusable,
        active: active
    }, /*#__PURE__*/ (0,external_React_.createElement)($8927f6f2acc4f386$export$250ffa63cdc0d034.span, runtime_helpers_esm_extends_extends({
        tabIndex: isCurrentTabStop ? 0 : -1,
        "data-orientation": context.orientation
    }, itemProps, {
        ref: forwardedRef,
        onMouseDown: dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, (event)=>{
            // We prevent focusing non-focusable items on `mousedown`.
            // Even though the item has tabIndex={-1}, that only means take it out of the tab order.
            if (!focusable) event.preventDefault(); // Safari doesn't focus a button when clicked so we run our logic on mousedown also
            else context.onItemFocus(id);
        }),
        onFocus: dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, ()=>context.onItemFocus(id)
        ),
        onKeyDown: dist_$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
            if (event.key === 'Tab' && event.shiftKey) {
                context.onItemShiftTab();
                return;
            }
            if (event.target !== event.currentTarget) return;
            const focusIntent = $d7bdfb9eb0fdf311$var$getFocusIntent(event, context.orientation, context.dir);
            if (focusIntent !== undefined) {
                event.preventDefault();
                const items = getItems().filter((item)=>item.focusable
                );
                let candidateNodes = items.map((item)=>item.ref.current
                );
                if (focusIntent === 'last') candidateNodes.reverse();
                else if (focusIntent === 'prev' || focusIntent === 'next') {
                    if (focusIntent === 'prev') candidateNodes.reverse();
                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
                    candidateNodes = context.loop ? $d7bdfb9eb0fdf311$var$wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
                }
                /**
         * Imperative focus during keydown is risky so we prevent React's batching updates
         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
         */ setTimeout(()=>$d7bdfb9eb0fdf311$var$focusFirst(candidateNodes)
                );
            }
        })
    })));
});
/*#__PURE__*/ Object.assign($d7bdfb9eb0fdf311$export$ab9df7c53fe8454, {
    displayName: $d7bdfb9eb0fdf311$var$ITEM_NAME
});
/* -----------------------------------------------------------------------------------------------*/ // prettier-ignore
const $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT = {
    ArrowLeft: 'prev',
    ArrowUp: 'prev',
    ArrowRight: 'next',
    ArrowDown: 'next',
    PageUp: 'first',
    Home: 'first',
    PageDown: 'last',
    End: 'last'
};
function $d7bdfb9eb0fdf311$var$getDirectionAwareKey(key, dir) {
    if (dir !== 'rtl') return key;
    return key === 'ArrowLeft' ? 'ArrowRight' : key === 'ArrowRight' ? 'ArrowLeft' : key;
}
function $d7bdfb9eb0fdf311$var$getFocusIntent(event, orientation, dir) {
    const key = $d7bdfb9eb0fdf311$var$getDirectionAwareKey(event.key, dir);
    if (orientation === 'vertical' && [
        'ArrowLeft',
        'ArrowRight'
    ].includes(key)) return undefined;
    if (orientation === 'horizontal' && [
        'ArrowUp',
        'ArrowDown'
    ].includes(key)) return undefined;
    return $d7bdfb9eb0fdf311$var$MAP_KEY_TO_FOCUS_INTENT[key];
}
function $d7bdfb9eb0fdf311$var$focusFirst(candidates) {
    const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
    for (const candidate of candidates){
        // if focus is already where we want to go, we don't want to keep going through the candidates
        if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
        candidate.focus();
        if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
    }
}
/**
 * Wraps an array around itself at a given start index
 * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
 */ function $d7bdfb9eb0fdf311$var$wrapArray(array, startIndex) {
    return array.map((_, index)=>array[(startIndex + index) % array.length]
    );
}
const $d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9 = $d7bdfb9eb0fdf311$export$8699f7c8af148338;
const $d7bdfb9eb0fdf311$export$6d08773d2e66f8f2 = $d7bdfb9eb0fdf311$export$ab9df7c53fe8454;





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-compose-refs/dist/index.mjs



/**
 * Set a given ref to a given value
 * This utility takes care of different types of refs: callback refs and RefObject(s)
 */ function dist_$6ed0406888f73fc4$var$setRef(ref, value) {
    if (typeof ref === 'function') ref(value);
    else if (ref !== null && ref !== undefined) ref.current = value;
}
/**
 * A utility to compose multiple refs together
 * Accepts callback refs and RefObject(s)
 */ function dist_$6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
    return (node)=>refs.forEach((ref)=>dist_$6ed0406888f73fc4$var$setRef(ref, node)
        )
    ;
}
/**
 * A custom hook that composes multiple refs
 * Accepts callback refs and RefObject(s)
 */ function dist_$6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
    // eslint-disable-next-line react-hooks/exhaustive-deps
    return (0,external_React_.useCallback)(dist_$6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs



/**
 * On the server, React emits a warning when calling `useLayoutEffect`.
 * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
 * We use this safe version which suppresses the warning by replacing it with a noop on the server.
 *
 * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
 */ const dist_$9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? external_React_.useLayoutEffect : ()=>{};





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence/dist/index.mjs










function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
    return (0,external_React_.useReducer)((state, event)=>{
        const nextState = machine[state][event];
        return nextState !== null && nextState !== void 0 ? nextState : state;
    }, initialState);
}


const $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props)=>{
    const { present: present , children: children  } = props;
    const presence = $921a889cee6df7e8$var$usePresence(present);
    const child = typeof children === 'function' ? children({
        present: presence.isPresent
    }) : external_React_.Children.only(children);
    const ref = dist_$6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
    const forceMount = typeof children === 'function';
    return forceMount || presence.isPresent ? /*#__PURE__*/ (0,external_React_.cloneElement)(child, {
        ref: ref
    }) : null;
};
$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence';
/* -------------------------------------------------------------------------------------------------
 * usePresence
 * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {
    const [node1, setNode] = (0,external_React_.useState)();
    const stylesRef = (0,external_React_.useRef)({});
    const prevPresentRef = (0,external_React_.useRef)(present);
    const prevAnimationNameRef = (0,external_React_.useRef)('none');
    const initialState = present ? 'mounted' : 'unmounted';
    const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
        mounted: {
            UNMOUNT: 'unmounted',
            ANIMATION_OUT: 'unmountSuspended'
        },
        unmountSuspended: {
            MOUNT: 'mounted',
            ANIMATION_END: 'unmounted'
        },
        unmounted: {
            MOUNT: 'mounted'
        }
    });
    (0,external_React_.useEffect)(()=>{
        const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
        prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
    }, [
        state
    ]);
    dist_$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
        const styles = stylesRef.current;
        const wasPresent = prevPresentRef.current;
        const hasPresentChanged = wasPresent !== present;
        if (hasPresentChanged) {
            const prevAnimationName = prevAnimationNameRef.current;
            const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
            if (present) send('MOUNT');
            else if (currentAnimationName === 'none' || (styles === null || styles === void 0 ? void 0 : styles.display) === 'none') // If there is no exit animation or the element is hidden, animations won't run
            // so we unmount instantly
            send('UNMOUNT');
            else {
                /**
         * When `present` changes to `false`, we check changes to animation-name to
         * determine whether an animation has started. We chose this approach (reading
         * computed styles) because there is no `animationrun` event and `animationstart`
         * fires after `animation-delay` has expired which would be too late.
         */ const isAnimating = prevAnimationName !== currentAnimationName;
                if (wasPresent && isAnimating) send('ANIMATION_OUT');
                else send('UNMOUNT');
            }
            prevPresentRef.current = present;
        }
    }, [
        present,
        send
    ]);
    dist_$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
        if (node1) {
            /**
       * Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`
       * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we
       * make sure we only trigger ANIMATION_END for the currently active animation.
       */ const handleAnimationEnd = (event)=>{
                const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
                const isCurrentAnimation = currentAnimationName.includes(event.animationName);
                if (event.target === node1 && isCurrentAnimation) // With React 18 concurrency this update is applied
                // a frame after the animation ends, creating a flash of visible content.
                // By manually flushing we ensure they sync within a frame, removing the flash.
                (0,external_ReactDOM_namespaceObject.flushSync)(()=>send('ANIMATION_END')
                );
            };
            const handleAnimationStart = (event)=>{
                if (event.target === node1) // if animation occurred, store its name as the previous animation.
                prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
            };
            node1.addEventListener('animationstart', handleAnimationStart);
            node1.addEventListener('animationcancel', handleAnimationEnd);
            node1.addEventListener('animationend', handleAnimationEnd);
            return ()=>{
                node1.removeEventListener('animationstart', handleAnimationStart);
                node1.removeEventListener('animationcancel', handleAnimationEnd);
                node1.removeEventListener('animationend', handleAnimationEnd);
            };
        } else // Transition to the unmounted state if the node is removed prematurely.
        // We avoid doing so during cleanup as the node may change but still exist.
        send('ANIMATION_END');
    }, [
        node1,
        send
    ]);
    return {
        isPresent: [
            'mounted',
            'unmountSuspended'
        ].includes(state),
        ref: (0,external_React_.useCallback)((node)=>{
            if (node) stylesRef.current = getComputedStyle(node);
            setNode(node);
        }, [])
    };
}
/* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$getAnimationName(styles) {
    return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot/dist/index.mjs







/* -------------------------------------------------------------------------------------------------
 * Slot
 * -----------------------------------------------------------------------------------------------*/ const dist_$5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { children: children , ...slotProps } = props;
    const childrenArray = external_React_.Children.toArray(children);
    const slottable = childrenArray.find(dist_$5e63c961fc1ce211$var$isSlottable);
    if (slottable) {
        // the new element to render is the one passed as a child of `Slottable`
        const newElement = slottable.props.children;
        const newChildren = childrenArray.map((child)=>{
            if (child === slottable) {
                // because the new element will be the one rendered, we are only interested
                // in grabbing its children (`newElement.props.children`)
                if (external_React_.Children.count(newElement) > 1) return external_React_.Children.only(null);
                return /*#__PURE__*/ (0,external_React_.isValidElement)(newElement) ? newElement.props.children : null;
            } else return child;
        });
        return /*#__PURE__*/ (0,external_React_.createElement)(dist_$5e63c961fc1ce211$var$SlotClone, helpers_esm_extends_extends({}, slotProps, {
            ref: forwardedRef
        }), /*#__PURE__*/ (0,external_React_.isValidElement)(newElement) ? /*#__PURE__*/ (0,external_React_.cloneElement)(newElement, undefined, newChildren) : null);
    }
    return /*#__PURE__*/ (0,external_React_.createElement)(dist_$5e63c961fc1ce211$var$SlotClone, helpers_esm_extends_extends({}, slotProps, {
        ref: forwardedRef
    }), children);
});
dist_$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
/* -------------------------------------------------------------------------------------------------
 * SlotClone
 * -----------------------------------------------------------------------------------------------*/ const dist_$5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { children: children , ...slotProps } = props;
    if (/*#__PURE__*/ (0,external_React_.isValidElement)(children)) return /*#__PURE__*/ (0,external_React_.cloneElement)(children, {
        ...dist_$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
        ref: forwardedRef ? dist_$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
    });
    return external_React_.Children.count(children) > 1 ? external_React_.Children.only(null) : null;
});
dist_$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
/* -------------------------------------------------------------------------------------------------
 * Slottable
 * -----------------------------------------------------------------------------------------------*/ const dist_$5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
    return /*#__PURE__*/ (0,external_React_.createElement)(external_React_.Fragment, null, children);
};
/* ---------------------------------------------------------------------------------------------- */ function dist_$5e63c961fc1ce211$var$isSlottable(child) {
    return /*#__PURE__*/ (0,external_React_.isValidElement)(child) && child.type === dist_$5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
}
function dist_$5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
    // all child props should override
    const overrideProps = {
        ...childProps
    };
    for(const propName in childProps){
        const slotPropValue = slotProps[propName];
        const childPropValue = childProps[propName];
        const isHandler = /^on[A-Z]/.test(propName);
        if (isHandler) {
            // if the handler exists on both, we compose them
            if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{
                childPropValue(...args);
                slotPropValue(...args);
            };
            else if (slotPropValue) overrideProps[propName] = slotPropValue;
        } else if (propName === 'style') overrideProps[propName] = {
            ...slotPropValue,
            ...childPropValue
        };
        else if (propName === 'className') overrideProps[propName] = [
            slotPropValue,
            childPropValue
        ].filter(Boolean).join(' ');
    }
    return {
        ...slotProps,
        ...overrideProps
    };
}
const dist_$5e63c961fc1ce211$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && (dist_$5e63c961fc1ce211$export$8c6ed5c666ac1360));





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive/dist/index.mjs









const dist_$8927f6f2acc4f386$var$NODES = [
    'a',
    'button',
    'div',
    'form',
    'h2',
    'h3',
    'img',
    'input',
    'label',
    'li',
    'nav',
    'ol',
    'p',
    'span',
    'svg',
    'ul'
]; // Temporary while we await merge of this fix:
// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
// prettier-ignore
/* -------------------------------------------------------------------------------------------------
 * Primitive
 * -----------------------------------------------------------------------------------------------*/ const dist_$8927f6f2acc4f386$export$250ffa63cdc0d034 = dist_$8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
    const Node = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
        const { asChild: asChild , ...primitiveProps } = props;
        const Comp = asChild ? dist_$5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
        (0,external_React_.useEffect)(()=>{
            window[Symbol.for('radix-ui')] = true;
        }, []);
        return /*#__PURE__*/ (0,external_React_.createElement)(Comp, helpers_esm_extends_extends({}, primitiveProps, {
            ref: forwardedRef
        }));
    });
    Node.displayName = `Primitive.${node}`;
    return {
        ...primitive,
        [node]: Node
    };
}, {});
/* -------------------------------------------------------------------------------------------------
 * Utils
 * -----------------------------------------------------------------------------------------------*/ /**
 * Flush custom event dispatch
 * https://github.com/radix-ui/primitives/pull/1378
 *
 * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.
 *
 * Internally, React prioritises events in the following order:
 *  - discrete
 *  - continuous
 *  - default
 *
 * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350
 *
 * `discrete` is an  important distinction as updates within these events are applied immediately.
 * React however, is not able to infer the priority of custom event types due to how they are detected internally.
 * Because of this, it's possible for updates from custom events to be unexpectedly batched when
 * dispatched by another `discrete` event.
 *
 * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
 * This utility should be used when dispatching a custom event from within another `discrete` event, this utility
 * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
 * For example:
 *
 * dispatching a known click 👎
 * target.dispatchEvent(new Event(‘click’))
 *
 * dispatching a custom type within a non-discrete event 👎
 * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}
 *
 * dispatching a custom type within a `discrete` event 👍
 * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}
 *
 * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's  not recommended to use
 * this utility with them. This is because it's possible for those handlers to be called implicitly during render
 * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.
 */ function dist_$8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {
    if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)
    );
}
/* -----------------------------------------------------------------------------------------------*/ const dist_$8927f6f2acc4f386$export$be92b6f5f03c0fe9 = (/* unused pure expression or super */ null && (dist_$8927f6f2acc4f386$export$250ffa63cdc0d034));





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-direction/dist/index.mjs



const dist_$f631663db3294ace$var$DirectionContext = /*#__PURE__*/ (0,external_React_.createContext)(undefined);
/* -------------------------------------------------------------------------------------------------
 * Direction
 * -----------------------------------------------------------------------------------------------*/ const dist_$f631663db3294ace$export$c760c09fdd558351 = (props)=>{
    const { dir: dir , children: children  } = props;
    return /*#__PURE__*/ $7Gjcd$createElement(dist_$f631663db3294ace$var$DirectionContext.Provider, {
        value: dir
    }, children);
};
/* -----------------------------------------------------------------------------------------------*/ function dist_$f631663db3294ace$export$b39126d51d94e6f3(localDir) {
    const globalDir = (0,external_React_.useContext)(dist_$f631663db3294ace$var$DirectionContext);
    return localDir || globalDir || 'ltr';
}
const dist_$f631663db3294ace$export$2881499e37b75b9a = (/* unused pure expression or super */ null && (dist_$f631663db3294ace$export$c760c09fdd558351));





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs



/**
 * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
 * prop or avoid re-executing effects when passed as a dependency
 */ function dist_$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
    const callbackRef = (0,external_React_.useRef)(callback);
    (0,external_React_.useEffect)(()=>{
        callbackRef.current = callback;
    }); // https://github.com/facebook/react/issues/19240
    return (0,external_React_.useMemo)(()=>(...args)=>{
            var _callbackRef$current;
            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
        }
    , []);
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs





function dist_$71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
    const [uncontrolledProp, setUncontrolledProp] = dist_$71cd76cc60e0454e$var$useUncontrolledState({
        defaultProp: defaultProp,
        onChange: onChange
    });
    const isControlled = prop !== undefined;
    const value1 = isControlled ? prop : uncontrolledProp;
    const handleChange = dist_$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
    const setValue = (0,external_React_.useCallback)((nextValue)=>{
        if (isControlled) {
            const setter = nextValue;
            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
            if (value !== prop) handleChange(value);
        } else setUncontrolledProp(nextValue);
    }, [
        isControlled,
        prop,
        setUncontrolledProp,
        handleChange
    ]);
    return [
        value1,
        setValue
    ];
}
function dist_$71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange  }) {
    const uncontrolledState = (0,external_React_.useState)(defaultProp);
    const [value] = uncontrolledState;
    const prevValueRef = (0,external_React_.useRef)(value);
    const handleChange = dist_$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
    (0,external_React_.useEffect)(()=>{
        if (prevValueRef.current !== value) {
            handleChange(value);
            prevValueRef.current = value;
        }
    }, [
        value,
        prevValueRef,
        handleChange
    ]);
    return uncontrolledState;
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-id/dist/index.mjs





const dist_$1746a345f3d73bb7$var$useReactId = external_React_namespaceObject['useId'.toString()] || (()=>undefined
);
let dist_$1746a345f3d73bb7$var$count = 0;
function dist_$1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
    const [id, setId] = external_React_.useState(dist_$1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
    dist_$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
        if (!deterministicId) setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String(dist_$1746a345f3d73bb7$var$count++)
        );
    }, [
        deterministicId
    ]);
    return deterministicId || (id ? `radix-${id}` : '');
}





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./node_modules/@radix-ui/react-tabs/dist/index.mjs






















/* -------------------------------------------------------------------------------------------------
 * Tabs
 * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TABS_NAME = 'Tabs';
const [$69cb30bb0017df05$var$createTabsContext, $69cb30bb0017df05$export$355f5bd209d7b13a] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($69cb30bb0017df05$var$TABS_NAME, [
    $d7bdfb9eb0fdf311$export$c7109489551a4f4
]);
const $69cb30bb0017df05$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$c7109489551a4f4();
const [$69cb30bb0017df05$var$TabsProvider, $69cb30bb0017df05$var$useTabsContext] = $69cb30bb0017df05$var$createTabsContext($69cb30bb0017df05$var$TABS_NAME);
const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { __scopeTabs: __scopeTabs , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , dir: dir , activationMode: activationMode = 'automatic' , ...tabsProps } = props;
    const direction = dist_$f631663db3294ace$export$b39126d51d94e6f3(dir);
    const [value, setValue] = dist_$71cd76cc60e0454e$export$6f32135080cb4c3({
        prop: valueProp,
        onChange: onValueChange,
        defaultProp: defaultValue
    });
    return /*#__PURE__*/ (0,external_React_.createElement)($69cb30bb0017df05$var$TabsProvider, {
        scope: __scopeTabs,
        baseId: dist_$1746a345f3d73bb7$export$f680877a34711e37(),
        value: value,
        onValueChange: setValue,
        orientation: orientation,
        dir: direction,
        activationMode: activationMode
    }, /*#__PURE__*/ (0,external_React_.createElement)(dist_$8927f6f2acc4f386$export$250ffa63cdc0d034.div, helpers_esm_extends_extends({
        dir: direction,
        "data-orientation": orientation
    }, tabsProps, {
        ref: forwardedRef
    })));
});
/*#__PURE__*/ Object.assign($69cb30bb0017df05$export$b2539bed5023c21c, {
    displayName: $69cb30bb0017df05$var$TABS_NAME
});
/* -------------------------------------------------------------------------------------------------
 * TabsList
 * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TAB_LIST_NAME = 'TabsList';
const $69cb30bb0017df05$export$9712d22edc0d78c1 = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { __scopeTabs: __scopeTabs , loop: loop = true , ...listProps } = props;
    const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs);
    const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
    return /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, helpers_esm_extends_extends({
        asChild: true
    }, rovingFocusGroupScope, {
        orientation: context.orientation,
        dir: context.dir,
        loop: loop
    }), /*#__PURE__*/ (0,external_React_.createElement)(dist_$8927f6f2acc4f386$export$250ffa63cdc0d034.div, helpers_esm_extends_extends({
        role: "tablist",
        "aria-orientation": context.orientation
    }, listProps, {
        ref: forwardedRef
    })));
});
/*#__PURE__*/ Object.assign($69cb30bb0017df05$export$9712d22edc0d78c1, {
    displayName: $69cb30bb0017df05$var$TAB_LIST_NAME
});
/* -------------------------------------------------------------------------------------------------
 * TabsTrigger
 * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TRIGGER_NAME = 'TabsTrigger';
const $69cb30bb0017df05$export$8114b9fdfdf9f3ba = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { __scopeTabs: __scopeTabs , value: value , disabled: disabled = false , ...triggerProps } = props;
    const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TRIGGER_NAME, __scopeTabs);
    const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
    const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
    const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
    const isSelected = value === context.value;
    return /*#__PURE__*/ (0,external_React_.createElement)($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, helpers_esm_extends_extends({
        asChild: true
    }, rovingFocusGroupScope, {
        focusable: !disabled,
        active: isSelected
    }), /*#__PURE__*/ (0,external_React_.createElement)(dist_$8927f6f2acc4f386$export$250ffa63cdc0d034.button, helpers_esm_extends_extends({
        type: "button",
        role: "tab",
        "aria-selected": isSelected,
        "aria-controls": contentId,
        "data-state": isSelected ? 'active' : 'inactive',
        "data-disabled": disabled ? '' : undefined,
        disabled: disabled,
        id: triggerId
    }, triggerProps, {
        ref: forwardedRef,
        onMouseDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onMouseDown, (event)=>{
            // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)
            // but not when the control key is pressed (avoiding MacOS right click)
            if (!disabled && event.button === 0 && event.ctrlKey === false) context.onValueChange(value);
            else // prevent focus to avoid accidental activation
            event.preventDefault();
        }),
        onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
            if ([
                ' ',
                'Enter'
            ].includes(event.key)) context.onValueChange(value);
        }),
        onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, ()=>{
            // handle "automatic" activation if necessary
            // ie. activate tab following focus
            const isAutomaticActivation = context.activationMode !== 'manual';
            if (!isSelected && !disabled && isAutomaticActivation) context.onValueChange(value);
        })
    })));
});
/*#__PURE__*/ Object.assign($69cb30bb0017df05$export$8114b9fdfdf9f3ba, {
    displayName: $69cb30bb0017df05$var$TRIGGER_NAME
});
/* -------------------------------------------------------------------------------------------------
 * TabsContent
 * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$CONTENT_NAME = 'TabsContent';
const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /*#__PURE__*/ (0,external_React_.forwardRef)((props, forwardedRef)=>{
    const { __scopeTabs: __scopeTabs , value: value , forceMount: forceMount , children: children , ...contentProps } = props;
    const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$CONTENT_NAME, __scopeTabs);
    const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
    const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
    const isSelected = value === context.value;
    const isMountAnimationPreventedRef = (0,external_React_.useRef)(isSelected);
    (0,external_React_.useEffect)(()=>{
        const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
        );
        return ()=>cancelAnimationFrame(rAF)
        ;
    }, []);
    return /*#__PURE__*/ (0,external_React_.createElement)($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
        present: forceMount || isSelected
    }, ({ present: present  })=>/*#__PURE__*/ (0,external_React_.createElement)(dist_$8927f6f2acc4f386$export$250ffa63cdc0d034.div, helpers_esm_extends_extends({
            "data-state": isSelected ? 'active' : 'inactive',
            "data-orientation": context.orientation,
            role: "tabpanel",
            "aria-labelledby": triggerId,
            hidden: !present,
            id: contentId,
            tabIndex: 0
        }, contentProps, {
            ref: forwardedRef,
            style: {
                ...props.style,
                animationDuration: isMountAnimationPreventedRef.current ? '0s' : undefined
            }
        }), present && children)
    );
});
/*#__PURE__*/ Object.assign($69cb30bb0017df05$export$bd905d70e8fd2ebb, {
    displayName: $69cb30bb0017df05$var$CONTENT_NAME
});
/* ---------------------------------------------------------------------------------------------- */ function $69cb30bb0017df05$var$makeTriggerId(baseId, value) {
    return `${baseId}-trigger-${value}`;
}
function $69cb30bb0017df05$var$makeContentId(baseId, value) {
    return `${baseId}-content-${value}`;
}
const $69cb30bb0017df05$export$be92b6f5f03c0fe9 = $69cb30bb0017df05$export$b2539bed5023c21c;
const $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d22edc0d78c1;
const $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba;
const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;





//# sourceMappingURL=index.mjs.map

;// CONCATENATED MODULE: ./src/blocks/components/tabs/Tabs.tsx




var Tabs_excluded = ["rememberLastActiveTab"];
function Tabs_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Tabs_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Tabs_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Tabs_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var Root = /*#__PURE__*/external_React_default().forwardRef(function (_ref, ref) {
  var _TabPanelCache$get$ta, _TabPanelCache$get;
  var rememberLastActiveTab = _ref.rememberLastActiveTab,
    props = _objectWithoutProperties(_ref, Tabs_excluded);
  var id = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _select, _block$attributes;
    var block = (_select = select("core/block-editor")) === null || _select === void 0 ? void 0 : _select.getSelectedBlock();
    return (block === null || block === void 0 ? void 0 : block.name) + "/" + (block === null || block === void 0 || (_block$attributes = block.attributes) === null || _block$attributes === void 0 ? void 0 : _block$attributes.clientId);
  }, []);
  var _useState = (0,external_React_.useState)((_TabPanelCache$get$ta = (_TabPanelCache$get = tab_panel_cache.get(id)) === null || _TabPanelCache$get === void 0 ? void 0 : _TabPanelCache$get.tab) !== null && _TabPanelCache$get$ta !== void 0 ? _TabPanelCache$get$ta : props.defaultValue),
    _useState2 = slicedToArray_slicedToArray(_useState, 2),
    active = _useState2[0],
    setActive = _useState2[1];
  return /*#__PURE__*/external_React_default().createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, extends_extends({}, props, {
    value: rememberLastActiveTab ? active : undefined,
    defaultValue: props.defaultValue,
    className: utils_cn("mzb-tabs", props.className),
    onValueChange: function onValueChange(v) {
      var _props$onValueChange;
      props === null || props === void 0 || (_props$onValueChange = props.onValueChange) === null || _props$onValueChange === void 0 || _props$onValueChange.call(props, v);
      if (id && rememberLastActiveTab) {
        var _TabPanelCache$get2;
        tab_panel_cache.set(id, Tabs_objectSpread(Tabs_objectSpread({}, (_TabPanelCache$get2 = tab_panel_cache.get(id)) !== null && _TabPanelCache$get2 !== void 0 ? _TabPanelCache$get2 : {}), {}, {
          tab: v
        }));
        setActive(v);
      }
    },
    ref: ref
  }));
});
Root.displayName = "Root";
var List = /*#__PURE__*/external_React_default().forwardRef(function (props, ref) {
  return /*#__PURE__*/external_React_default().createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, extends_extends({}, props, {
    className: utils_cn("mzb-tabs-list", props.className),
    ref: ref
  }));
});
List.displayName = "List";
var Trigger = /*#__PURE__*/external_React_default().forwardRef(function (props, ref) {
  return /*#__PURE__*/external_React_default().createElement($69cb30bb0017df05$export$41fb9f06171c75f4, extends_extends({}, props, {
    className: utils_cn("mzb-tabs-trigger", props.className),
    ref: ref
  }));
});
Trigger.displayName = "Trigger";
var Content = /*#__PURE__*/external_React_default().forwardRef(function (props, ref) {
  return /*#__PURE__*/external_React_default().createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, extends_extends({}, props, {
    className: utils_cn("mzb-tabs-content", props.className),
    "data-tab": props.value,
    ref: ref
  }));
});
Content.displayName = "Content";
/* harmony default export */ const Tabs = ({
  Root: Root,
  List: List,
  Trigger: Trigger,
  Content: Content
});
;// CONCATENATED MODULE: ./src/blocks/components/toolbar-dropdown-control/ToolbarDropdown.tsx


function ToolbarDropdown_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function ToolbarDropdown_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ToolbarDropdown_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ToolbarDropdown_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }


var ToolbarDropdown = function ToolbarDropdown(props) {
  var _options$find, _options$;
  var _props$isCollapsed = props.isCollapsed,
    isCollapsed = _props$isCollapsed === void 0 ? true : _props$isCollapsed,
    onChange = props.onChange,
    value = props.value,
    popoverProps = props.popoverProps,
    isToolbar = props.isToolbar,
    _props$options = props.options,
    options = _props$options === void 0 ? [] : _props$options,
    label = props.label;
  var icon = value ? (_options$find = options.find(function (option) {
    return option.value === value;
  })) === null || _options$find === void 0 ? void 0 : _options$find.icon : options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.icon;
  var UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;
  var extraProps = isToolbar ? {
    isCollapsed: isCollapsed
  } : {};
  return /*#__PURE__*/React.createElement(UIComponent, _extends({
    icon: icon ? icon : undefined,
    popoverProps: popoverProps,
    label: label,
    controls: options.map(function (option) {
      return ToolbarDropdown_objectSpread(ToolbarDropdown_objectSpread({}, option), {}, {
        isActive: option.value === value,
        onClick: function onClick() {
          return onChange(option.value === value ? undefined : option.value);
        }
      });
    })
  }, extraProps));
};
/* harmony default export */ const toolbar_dropdown_control_ToolbarDropdown = ((/* unused pure expression or super */ null && (ToolbarDropdown)));
;// CONCATENATED MODULE: ./src/blocks/components/typography/Typography.tsx


function Typography_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Typography_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Typography_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Typography_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }








var Typography = function Typography(props) {
  var _find$variants$map$fi, _ref, _value$family2, _value$weight2, _value$transform, _value$decoration, _value$fontStyle;
  var value = props.value,
    _props$onChange = props.onChange,
    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
    label = props.label,
    resetKey = props.resetKey;
  var selectiveFonts = localized.configs.performance["allow-only-selected-fonts"];
  var setSetting = function setSetting(val) {
    onChange(Typography_objectSpread(Typography_objectSpread({}, value !== null && value !== void 0 ? value : {}), val));
  };
  var selectedFonts = [{
    label: "Default",
    value: "Default",
    variants: ["100", "200", "300", "400", "500", "600", "700", "700", "800", "900"],
    family: "Default",
    defVariant: "400"
  }].concat(toConsumableArray_toConsumableArray(localized.configs.performance["allowed-fonts"]));
  var weights = (_find$variants$map$fi = (_ref = selectiveFonts ? selectedFonts : localized.googleFonts) === null || _ref === void 0 || (_ref = _ref.find(function (f) {
    var _value$family;
    return f.family === ((_value$family = value === null || value === void 0 ? void 0 : value.family) !== null && _value$family !== void 0 ? _value$family : "Default");
  })) === null || _ref === void 0 || (_ref = _ref.variants) === null || _ref === void 0 || (_ref = _ref.map(function (v) {
    if (v === "regular") {
      return "400";
    }
    var newV = parseInt(v);
    if (isNaN(newV)) {
      return false;
    }
    return newV.toString();
  })) === null || _ref === void 0 ? void 0 : _ref.filter(function (v, i, arr) {
    return !v || arr.indexOf(v) === i;
  })) !== null && _find$variants$map$fi !== void 0 ? _find$variants$map$fi : selectedFonts[0].variants;
  var updateFamily = function updateFamily(val) {
    var _ref2;
    var newVal = {
      family: val
    };
    var newFamily = (_ref2 = selectiveFonts ? selectedFonts : localized.googleFonts) === null || _ref2 === void 0 ? void 0 : _ref2.find(function (v) {
      return v.family === val;
    });
    if (newFamily) {
      var _value$weight;
      var _weights = newFamily.variants.map(function (v) {
        if (v == "regular") {
          return "400";
        }
        return parseInt(v).toString();
      });
      var currentWeight = (_value$weight = value === null || value === void 0 ? void 0 : value.weight) !== null && _value$weight !== void 0 ? _value$weight : "400";
      currentWeight = Number.isSafeInteger(currentWeight) ? currentWeight.toString() : currentWeight;
      if (!_weights.includes(currentWeight)) {
        if (_weights.includes("400")) {
          newVal.weight = "400";
        } else {
          newVal.weight = _weights.includes("400") ? "400" : _weights[0];
        }
      }
    }
    setSetting(newVal);
  };
  console.log(selectiveFonts && value !== null && value !== void 0 && value.family && !selectedFonts.some(function (v) {
    return v.family === (value === null || value === void 0 ? void 0 : value.family);
  }) ? "Default" : (_value$family2 = value === null || value === void 0 ? void 0 : value.family) !== null && _value$family2 !== void 0 ? _value$family2 : "Default");
  console.log(value);
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-typography"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-typography-head"
  }, label && /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-typography",
    className: "mzb-control-label mzb-typography-label"
  }, label)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-typography-body"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-select"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head"
  }, /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "",
    className: "mzb-control-label mzb-select-label"
  }, (0,external_wp_i18n_namespaceObject.__)("Font Family", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-select-body"
  }, /*#__PURE__*/external_React_default().createElement(StateManagedSelect$1, {
    options: selectiveFonts ? selectedFonts : localized.googleFonts,
    isSearchable: true,
    getOptionLabel: function getOptionLabel(v) {
      return v.family;
    },
    getOptionValue: function getOptionValue(v) {
      return v.family;
    },
    value: (selectiveFonts ? selectedFonts : localized.googleFonts).find(function (v) {
      var _value$family3;
      return v.family === (selectiveFonts && value !== null && value !== void 0 && value.family && !selectedFonts.some(function (v) {
        return v.family === (value === null || value === void 0 ? void 0 : value.family);
      }) ? "Default" : (_value$family3 = value === null || value === void 0 ? void 0 : value.family) !== null && _value$family3 !== void 0 ? _value$family3 : "Default");
    }),
    onChange: function onChange(v) {
      updateFamily(v === null || v === void 0 ? void 0 : v.family);
    },
    theme: function theme(provided) {
      return {
        borderRadius: 2,
        colors: Typography_objectSpread(Typography_objectSpread({}, provided.colors), {}, {
          primary: "var(--wp-admin-theme-color)"
        }),
        spacing: {
          controlHeight: 30,
          baseUnit: 3,
          menuGutter: 3
        }
      };
    },
    className: "mzb-select",
    classNamePrefix: "mzb-select",
    styles: {
      indicatorSeparator: function indicatorSeparator() {
        return {
          display: "none"
        };
      },
      indicatorsContainer: function indicatorsContainer(provided) {
        return Typography_objectSpread(Typography_objectSpread({}, provided), {}, {
          maxHeight: "28px"
        });
      },
      menuPortal: function menuPortal(provided) {
        return Typography_objectSpread(Typography_objectSpread({}, provided), {}, {
          zIndex: 99999999999
        });
      },
      control: function control(provided) {
        return Typography_objectSpread(Typography_objectSpread({}, provided), {}, {
          border: "1px solid #e2e8f0"
        });
      },
      valueContainer: function valueContainer(provided) {
        return Typography_objectSpread(Typography_objectSpread({}, provided), {}, {
          padding: "0 6px"
        });
      },
      input: function input(provided) {
        return Typography_objectSpread(Typography_objectSpread({}, provided), {}, {
          margin: 0,
          padding: 0
        });
      },
      menuList: function menuList(provided) {
        return Typography_objectSpread(Typography_objectSpread({}, provided), {}, {
          maxHeight: "200px"
        });
      }
    },
    components: {
      DropdownIndicator: function DropdownIndicator(dropdownIndicatorProps) {
        return /*#__PURE__*/external_React_default().createElement(components.DropdownIndicator, dropdownIndicatorProps, /*#__PURE__*/external_React_default().createElement("svg", {
          viewBox: "0 0 24 24",
          xmlns: "http://www.w3.org/2000/svg",
          fill: "#000",
          width: "18",
          height: "18",
          className: "components-panel__arrow",
          "aria-hidden": "true",
          focusable: "false"
        }, /*#__PURE__*/external_React_default().createElement("path", {
          d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
        })));
      }
    }
  }))), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    value: value === null || value === void 0 ? void 0 : value.size,
    onChange: function onChange(val) {
      return setSetting({
        size: val
      });
    },
    responsive: true,
    min: 0,
    max: 100,
    inline: true,
    units: ["px", "em", "rem"],
    defaultUnit: "px",
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks"),
    resetKey: resetKey,
    innerResetKey: "size"
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Weight", "magazine-blocks"),
    onChange: function onChange(val) {
      setSetting({
        weight: val
      });
    },
    value: ((_value$weight2 = value === null || value === void 0 ? void 0 : value.weight) !== null && _value$weight2 !== void 0 ? _value$weight2 : "400").toString(),
    options: weights === null || weights === void 0 ? void 0 : weights.map(function (v) {
      return {
        label: v,
        value: v
      };
    })
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    value: value === null || value === void 0 ? void 0 : value.lineHeight,
    onChange: function onChange(val) {
      return setSetting({
        lineHeight: val
      });
    },
    responsive: true,
    min: 0,
    max: 100,
    inline: true,
    units: ["px", "em", "rem"],
    defaultUnit: "px",
    label: (0,external_wp_i18n_namespaceObject.__)("Line Height", "magazine-blocks"),
    resetKey: resetKey,
    innerResetKey: "lineHeight"
  }), /*#__PURE__*/external_React_default().createElement(pop_over_Popover, {
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Typography", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Transformation", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting({
        transform: val
      });
    },
    value: (_value$transform = value === null || value === void 0 ? void 0 : value.transform) !== null && _value$transform !== void 0 ? _value$transform : "default",
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Capitalize", "magazine-blocks"),
      value: "capitalize"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Uppercase", "magazine-blocks"),
      value: "uppercase"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Lowercase", "magazine-blocks"),
      value: "lowercase"
    }]
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Decoration", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting({
        decoration: val
      });
    },
    value: (_value$decoration = value === null || value === void 0 ? void 0 : value.decoration) !== null && _value$decoration !== void 0 ? _value$decoration : "default",
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Overline", "magazine-blocks"),
      value: "overline"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Underline", "magazine-blocks"),
      value: "underline"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Line Through", "magazine-blocks"),
      value: "line-through"
    }]
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Style", "magazine-blocks"),
    onChange: function onChange(val) {
      return setSetting({
        fontStyle: val
      });
    },
    value: (_value$fontStyle = value === null || value === void 0 ? void 0 : value.fontStyle) !== null && _value$fontStyle !== void 0 ? _value$fontStyle : "default",
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Italic", "magazine-blocks"),
      value: "italic"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Oblique", "magazine-blocks"),
      value: "oblique"
    }]
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    value: value === null || value === void 0 ? void 0 : value.letterSpacing,
    onChange: function onChange(val) {
      return setSetting({
        letterSpacing: val
      });
    },
    responsive: true,
    min: 0,
    max: 100,
    inline: true,
    units: ["px", "em", "rem"],
    defaultUnit: "px",
    label: (0,external_wp_i18n_namespaceObject.__)("Letter Spacing", "magazine-blocks"),
    resetKey: resetKey,
    innerResetKey: "letterSpacing"
  }))));
};
/* harmony default export */ const typography_Typography = (Typography);
;// CONCATENATED MODULE: ./src/blocks/components/url-input/UrlInput.tsx



var UrlInput_excluded = ["value", "label", "onChange", "newTab", "noFollow"];
function UrlInput_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function UrlInput_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? UrlInput_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : UrlInput_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }







var URLInput = function URLInput(_ref) {
  var _value$url, _value$newTab, _value$noFollow;
  var value = _ref.value,
    _ref$label = _ref.label,
    label = _ref$label === void 0 ? (0,external_wp_i18n_namespaceObject.__)("URL", "magazine-blocks") : _ref$label,
    onChange = _ref.onChange,
    _ref$newTab = _ref.newTab,
    newTab = _ref$newTab === void 0 ? false : _ref$newTab,
    _ref$noFollow = _ref.noFollow,
    noFollow = _ref$noFollow === void 0 ? false : _ref$noFollow,
    otherProps = _objectWithoutProperties(_ref, UrlInput_excluded);
  var id = (0,external_wp_compose_namespaceObject.useInstanceId)(URLInput);
  var setSettings = function setSettings(type, val) {
    var data = "newTab" === type || "noFollow" === type ? defineProperty_defineProperty({}, type, !(value !== null && value !== void 0 && value[type])) : defineProperty_defineProperty({}, type, val);
    onChange === null || onChange === void 0 || onChange(UrlInput_objectSpread(UrlInput_objectSpread({}, value !== null && value !== void 0 ? value : {}), data));
  };
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control mzb-url-input"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-head mzb-url-input-head"
  }, /*#__PURE__*/external_React_default().createElement("label", {
    htmlFor: "mzb-url-input-".concat(id),
    className: "mzb-control-label mzb-control-label"
  }, label)), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-control-body mzb-url-input-body"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.BaseControl, {
    id: "mzb-url-input-".concat(id)
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.URLInput, extends_extends({
    value: (_value$url = value === null || value === void 0 ? void 0 : value.url) !== null && _value$url !== void 0 ? _value$url : "",
    onChange: function onChange(val) {
      return setSettings("url", val);
    },
    autoFocus: false,
    disableSuggestions: true
  }, otherProps))), newTab && /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: (_value$newTab = value === null || value === void 0 ? void 0 : value.newTab) !== null && _value$newTab !== void 0 ? _value$newTab : false,
    onChange: function onChange() {
      return setSettings("newTab");
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Open Link in a New Tab", "magazine-blocks")
  }), noFollow && /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: (_value$noFollow = value === null || value === void 0 ? void 0 : value.noFollow) !== null && _value$noFollow !== void 0 ? _value$noFollow : false,
    onChange: function onChange() {
      return setSettings("noFollow");
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Nofollow Link", "magazine-blocks")
  })));
};
/* harmony default export */ const UrlInput = (URLInput);
;// CONCATENATED MODULE: ./src/blocks/components/index.ts

































;// CONCATENATED MODULE: ./src/blocks/blocks/column/block.json
const block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","textdomain":"magazine-blocks","title":"Column","description":"An advanced single column within section block.","parent":["magazine-blocks/section"],"category":"magazine-blocks","name":"magazine-blocks/column","supports":{"className":false,"customClassName":false,"inserter":false,"reusable":false,"html":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string","default":""},"colWidth":{"type":"object","default":{"desktop":50,"tablet":100,"mobile":100},"style":[{"selector":"{{WRAPPER}} { width: {{VALUE}}%; }"}]},"background":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} > .mzb-column-inner"}]},"hoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}}:hover > .mzb-column-inner"}]},"border":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} > .mzb-column-inner"}]},"borderHover":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}}:hover > .mzb-column-inner"}]},"boxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} > .mzb-column-inner"}]},"boxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}}:hover > .mzb-column-inner"}]},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} > .mzb-column-inner { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/column/components/InspectorControls.tsx




var InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    colWidth = _props$attributes.colWidth,
    background = _props$attributes.background,
    hoverBackground = _props$attributes.hoverBackground,
    border = _props$attributes.border,
    borderHover = _props$attributes.borderHover,
    boxShadow = _props$attributes.boxShadow,
    boxShadowHover = _props$attributes.boxShadowHover,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        colWidth: val
      });
    },
    value: colWidth,
    min: 0,
    max: 100,
    step: 1,
    defaultUnit: "%",
    showUnit: true,
    responsive: true
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        background: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    types: ["color", "image"],
    value: background,
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        hoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    types: ["color", "image"],
    value: hoverBackground,
    resetKey: "hoverBackground"
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Border", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: border,
    onChange: function onChange(val) {
      return setAttributes({
        border: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: boxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        boxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "borderHover",
    value: borderHover,
    onChange: function onChange(val) {
      return setAttributes({
        borderHover: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: boxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        boxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const components_InspectorControls = (InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/column/Edit.tsx











var Edit = function Edit(props) {
  var _props$attributes = props.attributes,
    colWidth = _props$attributes.colWidth,
    cssID = _props$attributes.cssID,
    className = _props$attributes.className,
    setAttributes = props.setAttributes;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "column",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = (0,external_wp_hooks_namespaceObject.applyFilters)("mzb.column.classnames", utils_cn("mzb-column mzb-column-".concat(clientId), className));
  var _useSelect = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
      var _ref = select("core/block-editor"),
        getBlockOrder = _ref.getBlockOrder,
        getBlockRootClientId = _ref.getBlockRootClientId,
        getPreviousBlockClientId = _ref.getPreviousBlockClientId,
        getNextBlockClientId = _ref.getNextBlockClientId;
      var rootId = getBlockRootClientId(props.clientId);
      return {
        hasChildBlocks: getBlockOrder(props.clientId).length > 0,
        rootClientId: rootId !== null && rootId !== void 0 ? rootId : undefined,
        columnsIds: getBlockOrder(rootId !== null && rootId !== void 0 ? rootId : undefined),
        nextBlockClientId: getNextBlockClientId(props.clientId),
        prevBlockClientId: getPreviousBlockClientId(props.clientId)
      };
    }, [props.clientId]),
    columnsIds = _useSelect.columnsIds,
    hasChildBlocks = _useSelect.hasChildBlocks,
    rootClientId = _useSelect.rootClientId;
  var addRemoveBlock = function addRemoveBlock(type) {
    var _select = (0,external_wp_data_namespaceObject.select)("core/block-editor"),
      getBlockIndex = _select.getBlockIndex,
      getBlocks = _select.getBlocks;
    var _dispatch = (0,external_wp_data_namespaceObject.dispatch)("core/block-editor"),
      replaceInnerBlocks = _dispatch.replaceInnerBlocks;
    var selectedBlockIndex = getBlockIndex(props.clientId, rootClientId);
    var innerBlocks = toConsumableArray_toConsumableArray(getBlocks(rootClientId));
    if (type === "delete") {
      innerBlocks.splice(selectedBlockIndex, 1);
    } else {
      innerBlocks.splice(selectedBlockIndex + 1, 0, (0,external_wp_blocks_namespaceObject.createBlock)("magazine-blocks/column"));
    }
    replaceInnerBlocks(rootClientId, innerBlocks, false);
  };
  var innerBlockProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
    className: "mzb-column-inner"
  }, {
    templateLock: false,
    renderAppender: hasChildBlocks ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender
  });
  return /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.BlockControls, {
    group: "block"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Toolbar, null, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
    label: (0,external_wp_i18n_namespaceObject.__)("Add Column", "magazine-blocks"),
    onClick: function onClick() {
      return addRemoveBlock("add");
    },
    icon: "plus"
  }), columnsIds.length > 1 && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
    label: (0,external_wp_i18n_namespaceObject.__)("Delete Column", "magazine-blocks"),
    onClick: function onClick() {
      return addRemoveBlock("delete");
    },
    icon: "trash"
  }))), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("style", null, "#block-".concat(props.clientId, " { width: ").concat(colWidth[deviceType], "%; }")), /*#__PURE__*/external_React_default().createElement("div", {
    id: cssID ? cssID : null,
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", innerBlockProps)));
};
/* harmony default export */ const column_Edit = (Edit);
;// CONCATENATED MODULE: ./src/blocks/blocks/column/Save.tsx



var Save = function Save(props) {
  var _props$attributes = props.attributes,
    clientId = _props$attributes.clientId,
    className = _props$attributes.className,
    cssID = _props$attributes.cssID;
  return /*#__PURE__*/external_React_default().createElement("div", {
    id: cssID !== null && cssID !== void 0 ? cssID : undefined,
    className: utils_cn("mzb-column mzb-column-".concat(clientId), className)
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-column-inner"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
};
/* harmony default export */ const column_Save = (Save);
;// CONCATENATED MODULE: ./src/blocks/blocks/column/index.tsx

function column_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function column_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? column_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : column_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }





var column_name = block_namespaceObject.name;
var settings = column_objectSpread(column_objectSpread({}, block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "column",
    size: 24
  }),
  edit: column_Edit,
  save: column_Save
});
;// CONCATENATED MODULE: ./src/blocks/blocks/section/block.json
const section_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/section","title":"Section","description":"Add Rows and Columns inside rows to create various layouts.","keywords":["section","column","layout"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false,"align":["center","wide","full"]},"example":{"attributes":{}},"usesContext":["clientId","query"],"attributes":{"clientId":{"type":"string"},"hasModal":{"type":"boolean","default":false},"modalOnly":{"type":"boolean","default":false},"columns":{"type":"number","default":""},"childRow":{"type":"boolean","default":false},"verticalAlignment":{"type":"object","default":{"desktop":""},"style":[{"selector":"{{WRAPPER}} > [class*=\\"mzb-container\\"] > .mzb-section-inner{ align-items: {{VALUE}}; }"}]},"container":{"type":"string","default":"contained"},"inheritFromTheme":{"type":"boolean","default":false},"width":{"type":"object","default":{"desktop":{"value":1170,"unit":"px"}},"style":[{"condition":[{"key":"container","relation":"==","value":"contained"},{"key":"inheritFromTheme","relation":"!=","value":true}],"selector":"{{WRAPPER}} > .mzb-container { max-width: {{VALUE}}; }"}]},"columnGap":{"type":"object","default":{"desktop":{"value":30,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} > [class*=\\"mzb-container\\"] > .mzb-section-inner { --colSpacing: {{VALUE}}; margin-left: calc(var(--colSpacing) * -1) }"}]},"rowGap":{"type":"object","default":{"desktop":{"value":30,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} > [class*=\\"mzb-container\\"] > .mzb-section-inner { row-gap: {{VALUE}}; }"}]},"height":{"type":"string","default":"default"},"minHeight":{"type":"object","style":[{"condition":[{"key":"height","relation":"==","value":"min-height"}],"selector":"{{WRAPPER}} > [class*=\\"mzb-container\\"]  > .mzb-section-inner {min-height: {{VALUE}};}"}]},"background":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}}.mzb-section"}]},"hoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}}:hover"}]},"border":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}}"}]},"borderHover":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}}:hover"}]},"topSeparator":{"type":"object","default":{"topSeparator":1,"topSeparatorIcon":"top_separator_1"},"style":[{"selector":"{{WRAPPER}} .mzb-top-separator svg"}]},"bottomSeparator":{"type":"object","default":{"bottomSeparator":1,"bottomSeparatorIcon":"bottom_separator_1"},"style":[{"selector":"{{WRAPPER}} .mzb-bottom-separator svg"}]},"boxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}}"}]},"boxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}}:hover"}]},"overlay":{"type":"boolean","default":false},"overlayBackground":{"type":"object","default":{"background":1,"color":"rgba(37, 99, 235,0.3)"},"style":[{"condition":[{"key":"overlay","relation":"==","value":true}],"selector":"{{WRAPPER}} > .mzb-overlay"}]},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"left":15,"right":15,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/section/constants/index.ts

var LAYOUTS = [{
  label: "100",
  columns: 1,
  structure: {
    desktop: [100],
    tablet: [100],
    mobile: [100]
  }
}, {
  label: "50/50",
  columns: 2,
  structure: {
    desktop: [50, 50],
    tablet: [100, 100],
    mobile: [100, 100]
  }
}, {
  label: "34/66",
  columns: 2,
  structure: {
    desktop: [34, 66],
    tablet: [100, 100],
    mobile: [100, 100]
  }
}, {
  label: "66/34",
  columns: 2,
  structure: {
    desktop: [66, 34],
    tablet: [100, 100],
    mobile: [100, 100]
  }
}, {
  label: "33/33/33",
  columns: 3,
  structure: {
    desktop: [33.33, 33.33, 33.34],
    tablet: [100, 100, 100],
    mobile: [100, 100, 100]
  }
}, {
  label: "25/50/25",
  columns: 3,
  structure: {
    desktop: [25, 50, 25],
    tablet: [100, 100, 100],
    mobile: [100, 100, 100]
  }
}, {
  label: "25/25/50",
  columns: 3,
  structure: {
    desktop: [25, 25, 50],
    tablet: [100, 100, 100],
    mobile: [100, 100, 100]
  }
}, {
  label: "50/25/25",
  columns: 3,
  structure: {
    desktop: [50, 25, 25],
    tablet: [100, 100, 100],
    mobile: [100, 100, 100]
  }
}, {
  label: "25/25/25/25",
  columns: 4,
  structure: {
    desktop: [25, 25, 25, 25],
    tablet: [100, 100, 100, 100],
    mobile: [100, 100, 100, 100]
  }
}];
var DEFAULT_LAYOUT = {
  desktop: [100],
  tablet: [100],
  mobile: [100]
};
var TOP_SEPARATOR_OPTIONS = [{
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 1", "magazine-blocks"),
  value: "top_separator_1",
  icon: "top_separator_icon_1"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 2", "magazine-blocks"),
  value: "top_separator_2",
  icon: "top_separator_icon_2"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 3", "magazine-blocks"),
  value: "top_separator_3",
  icon: "top_separator_icon_3"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 4", "magazine-blocks"),
  value: "top_separator_4",
  icon: "top_separator_icon_4"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 5", "magazine-blocks"),
  value: "top_separator_5",
  icon: "top_separator_icon_5"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 6", "magazine-blocks"),
  value: "top_separator_6",
  icon: "top_separator_icon_6"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 7", "magazine-blocks"),
  value: "top_separator_7",
  icon: "top_separator_icon_7"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 8", "magazine-blocks"),
  value: "top_separator_8",
  icon: "top_separator_icon_8"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 9", "magazine-blocks"),
  value: "top_separator_9",
  icon: "top_separator_icon_9"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 10", "magazine-blocks"),
  value: "top_separator_10",
  icon: "top_separator_icon_10"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 11", "magazine-blocks"),
  value: "top_separator_11",
  icon: "top_separator_icon_11"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 12", "magazine-blocks"),
  value: "top_separator_12",
  icon: "top_separator_icon_12"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 13", "magazine-blocks"),
  value: "top_separator_13",
  icon: "top_separator_icon_13"
}];
var BOTTOM_SEPARATOR_OPTIONS = [{
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 1", "magazine-blocks"),
  value: "bottom_separator_1",
  icon: "bottom_separator_icon_1"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 2", "magazine-blocks"),
  value: "bottom_separator_2",
  icon: "bottom_separator_icon_2"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 3", "magazine-blocks"),
  value: "bottom_separator_3",
  icon: "bottom_separator_icon_3"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 4", "magazine-blocks"),
  value: "bottom_separator_4",
  icon: "bottom_separator_icon_4"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 5", "magazine-blocks"),
  value: "bottom_separator_5",
  icon: "bottom_separator_icon_5"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 6", "magazine-blocks"),
  value: "bottom_separator_6",
  icon: "bottom_separator_icon_6"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 7", "magazine-blocks"),
  value: "bottom_separator_7",
  icon: "bottom_separator_icon_7"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 8", "magazine-blocks"),
  value: "bottom_separator_8",
  icon: "bottom_separator_icon_8"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 9", "magazine-blocks"),
  value: "bottom_separator_9",
  icon: "bottom_separator_icon_9"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 10", "magazine-blocks"),
  value: "bottom_separator_10",
  icon: "bottom_separator_icon_10"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 11", "magazine-blocks"),
  value: "bottom_separator_11",
  icon: "bottom_separator_icon_11"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 12", "magazine-blocks"),
  value: "bottom_separator_12",
  icon: "bottom_separator_icon_12"
}, {
  label: (0,external_wp_i18n_namespaceObject.__)("Separator 13", "magazine-blocks"),
  value: "bottom_separator_13",
  icon: "bottom_separator_icon_13"
}];
;// CONCATENATED MODULE: ./src/blocks/blocks/section/components/InspectorControls.tsx





var InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    verticalAlignment = _props$attributes.verticalAlignment,
    container = _props$attributes.container,
    width = _props$attributes.width,
    columnGap = _props$attributes.columnGap,
    height = _props$attributes.height,
    minHeight = _props$attributes.minHeight,
    background = _props$attributes.background,
    hoverBackground = _props$attributes.hoverBackground,
    border = _props$attributes.border,
    borderHover = _props$attributes.borderHover,
    boxShadow = _props$attributes.boxShadow,
    boxShadowHover = _props$attributes.boxShadowHover,
    overlay = _props$attributes.overlay,
    overlayBackground = _props$attributes.overlayBackground,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    colReverseOnTablet = _props$attributes.colReverseOnTablet,
    colReverseOnMobile = _props$attributes.colReverseOnMobile,
    topSeparator = _props$attributes.topSeparator,
    bottomSeparator = _props$attributes.bottomSeparator,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: ""
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Baseline", "magazine-blocks"),
      value: "baseline"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "flex-start"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Middle", "magazine-blocks"),
      value: "center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "flex-end"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        verticalAlignment: val
      });
    },
    value: verticalAlignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Vertical Alignment", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    responsive: true,
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: container,
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Contained", "magazine-blocks"),
      value: "contained"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Stretched", "magazine-blocks"),
      value: "stretched"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        container: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Container", "magazine-blocks")
  }), "contained" === container && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        width: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Max Width", "magazine-blocks"),
    responsive: true,
    min: 0,
    max: 1920,
    value: width,
    units: ["px", "em"]
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        columnGap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: columnGap,
    resetKey: "columnGap"
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Min Height", "magazine-blocks"),
      value: "min-height"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
      value: "default"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Fit To Screen", "magazine-blocks"),
      value: "fit-to-screen"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        height: val
      });
    },
    value: height,
    label: (0,external_wp_i18n_namespaceObject.__)("Height", "magazine-blocks")
  }), "min-height" === height && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        minHeight: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Min Height", "magazine-blocks"),
    units: ["px", "em", "vh"],
    responsive: true,
    min: 0,
    max: 1200,
    value: minHeight,
    resetKey: "minHeight"
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        background: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    types: ["color", "image"],
    value: background,
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        background: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    types: ["color", "image"],
    value: hoverBackground,
    resetKey: "hoverBackground"
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Top Separator", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(separator_control_SeparatorControl, {
    value: topSeparator,
    onChange: function onChange(val) {
      return setAttributes({
        topSeparator: val
      });
    },
    options: TOP_SEPARATOR_OPTIONS,
    iconKey: "topSeparatorIcon",
    resetKey: "topSeparator"
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Bottom Separator", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(separator_control_SeparatorControl, {
    value: bottomSeparator,
    onChange: function onChange(val) {
      return setAttributes({
        bottomSeparator: val
      });
    },
    options: BOTTOM_SEPARATOR_OPTIONS,
    iconKey: "bottomSeparatorIcon",
    resetKey: "bottomSeparator"
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Border", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: border,
    onChange: function onChange(val) {
      return setAttributes({
        border: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: boxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        boxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "borderHover",
    value: borderHover,
    onChange: function onChange(val) {
      return setAttributes({
        borderHover: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: boxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        boxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Overlay", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: overlay,
    onChange: function onChange() {
      return setAttributes({
        overlay: !overlay
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), overlay && /*#__PURE__*/external_React_default().createElement(background_Background, {
    resetKey: "overlayBackground",
    onChange: function onChange(val) {
      return setAttributes({
        overlayBackground: val
      });
    },
    value: overlayBackground || {},
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks")
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes,
    hasColReverse: true,
    colReverseOnTablet: colReverseOnTablet,
    colReverseOnMobile: colReverseOnMobile
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const section_components_InspectorControls = (InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/section/components/LayoutPlaceholder.tsx




var LayoutPlaceholder = function LayoutPlaceholder(props) {
  var hasModal = props.hasModal,
    modalOnly = props.modalOnly,
    setAttributes = props.setAttributes,
    setDefaultLayout = props.setDefaultLayout,
    clientId = props.clientId;
  return /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Placeholder, {
    label: (0,external_wp_i18n_namespaceObject.__)("Choose Your Layout", "magazine-blocks"),
    className: "mzb-section-preset"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-section-preset-group"
  }, LAYOUTS.map(function (_ref, index) {
    var columns = _ref.columns,
      structure = _ref.structure;
    return /*#__PURE__*/external_React_default().createElement("button", {
      key: index,
      className: "mzb-section-preset-btn",
      onClick: function onClick() {
        setAttributes({
          columns: columns
        });
        setDefaultLayout(structure);
      }
    }, structure.desktop.map(function (s, k) {
      return /*#__PURE__*/external_React_default().createElement("i", {
        key: k,
        style: {
          width: s + "%"
        }
      });
    }));
  }))));
};
/* harmony default export */ const components_LayoutPlaceholder = (LayoutPlaceholder);
;// CONCATENATED MODULE: ./src/blocks/blocks/section/helpers/layout-template.ts


var layoutTemplate = function layoutTemplate(columns, defaultLayout) {
  var noOfColumns = columns;
  if (!columns) return [];
  if ((0,external_lodash_namespaceObject.isString)(columns)) {
    noOfColumns = parseInt(columns);
  }
  return toConsumableArray_toConsumableArray(Array(noOfColumns)).map(function (data, index) {
    var columnWidth = {
      desktop: defaultLayout.desktop[index],
      tablet: defaultLayout.tablet[index],
      mobile: defaultLayout.mobile[index]
    };
    return ["magazine-blocks/column", {
      colWidth: columnWidth
    }];
  });
};
/* harmony default export */ const layout_template = (layoutTemplate);
;// CONCATENATED MODULE: ./src/blocks/blocks/section/Edit.tsx











var Edit_Edit = function Edit(props) {
  var _props$attributes = props.attributes,
    columns = _props$attributes.columns,
    hasModal = _props$attributes.hasModal,
    modalOnly = _props$attributes.modalOnly,
    childRow = _props$attributes.childRow,
    container = _props$attributes.container,
    height = _props$attributes.height,
    overlay = _props$attributes.overlay,
    cssID = _props$attributes.cssID,
    className = _props$attributes.className,
    align = _props$attributes.align,
    topSeparator = _props$attributes.topSeparator,
    bottomSeparator = _props$attributes.bottomSeparator,
    setAttributes = props.setAttributes;
  var _useState = (0,external_React_.useState)(DEFAULT_LAYOUT),
    _useState2 = slicedToArray_slicedToArray(_useState, 2),
    defaultLayout = _useState2[0],
    setDefaultLayout = _useState2[1];
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  (0,external_React_.useEffect)(function () {
    var _select = (0,external_wp_data_namespaceObject.select)("core/block-editor"),
      getBlockRootClientId = _select.getBlockRootClientId;
    var parentClientId = getBlockRootClientId(props.clientId);
    setAttributes({
      childRow: !!parentClientId
    });
  }, [props.clientId, setAttributes]);
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "section",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var template = layout_template(columns, defaultLayout);
  var innerBlockProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
    className: "mzb-section-inner".concat("fit-to-screen" === height ? " mzb-height-fit-to-screen" : "")
  }, {
    template: template,
    allowedBlocks: ["magazine-blocks/column"],
    renderAppender: undefined
  });
  if (!columns) {
    return /*#__PURE__*/external_React_default().createElement(components_LayoutPlaceholder, {
      setAttributes: setAttributes,
      clientId: props.clientId,
      modalOnly: modalOnly,
      hasModal: hasModal,
      setDefaultLayout: setDefaultLayout
    });
  }
  return /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(section_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    id: cssID ? cssID : null,
    className: utils_cn("mzb-section mzb-section-".concat(clientId), className, align && "align".concat(align))
  }, overlay && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-overlay"
  }), topSeparator.enable && /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-top-separator"
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "frontendIcon",
    name: topSeparator.topSeparatorIcon
  })), /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn({
      "mzb-container": container === "contained" || !childRow
    }, {
      "mzb-container-fluid": container === "stretched" || childRow
    })
  }, /*#__PURE__*/external_React_default().createElement("div", innerBlockProps)), bottomSeparator.enable && /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-bottom-separator"
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "frontendIcon",
    name: bottomSeparator.bottomSeparatorIcon
  }))));
};
/* harmony default export */ const section_Edit = (Edit_Edit);
;// CONCATENATED MODULE: ./src/blocks/blocks/section/Save.tsx




var Save_Save = function Save(props) {
  var _props$attributes = props.attributes,
    clientId = _props$attributes.clientId,
    container = _props$attributes.container,
    cssID = _props$attributes.cssID,
    className = _props$attributes.className,
    overlay = _props$attributes.overlay,
    height = _props$attributes.height,
    align = _props$attributes.align,
    topSeparator = _props$attributes.topSeparator,
    bottomSeparator = _props$attributes.bottomSeparator;
  return /*#__PURE__*/external_React_default().createElement("div", {
    id: cssID !== null && cssID !== void 0 ? cssID : undefined,
    className: utils_cn("mzb-section mzb-section-".concat(clientId), className, align && "align".concat(align))
  }, overlay && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-overlay"
  }), topSeparator.enable && /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-top-separator"
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "frontendIcon",
    name: topSeparator.topSeparatorIcon
  })), /*#__PURE__*/external_React_default().createElement("div", {
    className: utils_cn({
      "mzb-container": container === "contained"
    }, {
      "mzb-container-fluid": container === "stretched"
    })
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-section-inner".concat(height === "fit-to-screen" ? " mzb-height-fit-to-screen" : "")
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)), bottomSeparator.enable && /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-bottom-separator"
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "frontendIcon",
    name: bottomSeparator.bottomSeparatorIcon
  }))));
};
/* harmony default export */ const section_Save = (Save_Save);
;// CONCATENATED MODULE: ./src/blocks/blocks/section/index.tsx

function section_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function section_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? section_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : section_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }







var section_name = section_block_namespaceObject.name;
var section_settings = section_objectSpread(section_objectSpread({}, section_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "section",
    size: 24
  }),
  edit: section_Edit,
  save: section_Save
});
;// CONCATENATED MODULE: ./src/blocks/blocks/heading/attributes.ts

function attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var attributes = attributes_objectSpread({
  clientId: {
    type: String
  },
  text: {
    type: 'string'
  },
  enableSubHeading: {
    type: Boolean,
    "default": true
  },
  label: {
    type: 'string',
    "default": 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
  },
  subHeadingColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .sub-heading {color: {{VALUE}}; }'
    }]
  },
  subHeadingHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .sub-heading {color: {{VALUE}}; }'
    }]
  },
  subHeadingBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading'
    }]
  },
  subHeadingHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading'
    }]
  },
  subHeadingPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading { padding: {{VALUE}}; }'
    }]
  },
  subHeadingBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading'
    }]
  },
  subHeadingHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading:hover'
    }]
  },
  subHeadingBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading'
    }]
  },
  subHeadingBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .sub-heading:hover'
    }]
  },
  alignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} {text-align: {{VALUE}}; }'
    }]
  },
  markup: {
    type: 'string',
    "default": 'h2'
  },
  headingLayout: {
    type: 'string',
    "default": 'heading-layout-1'
  },
  headingLayout1AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-1-style-1'
  },
  headingLayout2AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-2-style-1'
  },
  margin: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} { margin: {{VALUE}}; }'
    }]
  },
  color: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} h1, {{WRAPPER}} h2, {{WRAPPER}} h3, {{WRAPPER}} h4, {{WRAPPER}} h5, {{WRAPPER}} h6, {{WRAPPER}}.mzb-heading-layout-2-style-1 h1, {{WRAPPER}}.mzb-heading-layout-2-style-1 h2, {{WRAPPER}}.mzb-heading-layout-2-style-1 h3, {{WRAPPER}}.mzb-heading-layout-2-style-1 h4, {{WRAPPER}}.mzb-heading-layout-2-style-1 h5, {{WRAPPER}}.mzb-heading-layout-2-style-1 h6   {color: {{VALUE}}; }'
    }]
  },
  hoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} h1:hover, {{WRAPPER}} h2:hover, {{WRAPPER}} h3:hover, {{WRAPPER}} h4:hover, {{WRAPPER}} h5:hover{{WRAPPER}} h6:hover {color: {{VALUE}}; }'
    }]
  },
  background: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} h1::before, {{WRAPPER}} h2::before, {{WRAPPER}} h3::before, {{WRAPPER}} h4::before, {{WRAPPER}} h5::before, {{WRAPPER}} h6::before, .mzb-heading-layout-2-style-1 h1, {{WRAPPER}}.mzb-heading-layout-2-style-1 h2, {{WRAPPER}}.mzb-heading-layout-2-style-1 h3, {{WRAPPER}}.mzb-heading-layout-2-style-1 h4, {{WRAPPER}}.mzb-heading-layout-2-style-1 h5, {{WRAPPER}}.mzb-heading-layout-2-style-1 h6 {background-color: {{VALUE}}; }'
    }]
  },
  hoverBackground: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1 h1:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h2:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h3:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h4:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h5:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h6:hover {background-color: {{VALUE}}; }'
    }]
  },
  typography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} h1, {{WRAPPER}} h2, {{WRAPPER}} h3, {{WRAPPER}} h4, {{WRAPPER}} h5, {{WRAPPER}} h6, .editor-styles-wrapper .wp-block h1, {{WRAPPER}} .editor-styles-wrapper .wp-block h2, {{WRAPPER}} .editor-styles-wrapper .wp-block h3, {{WRAPPER}} .editor-styles-wrapper .wp-block h4, {{WRAPPER}} .editor-styles-wrapper .wp-block h5, {{WRAPPER}} .editor-styles-wrapper .wp-block h6'
    }]
  },
  type: {
    type: 'string',
    "default": 'solid',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1 {border-bottom-style: {{VALUE}}; }'
    }]
  },
  size: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1 {border-width: {{VALUE}}; }'
    }]
  },
  borderBottomColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }'
    }]
  },
  typeHover: {
    type: 'string',
    "default": 'solid',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1:hover {border-bottom-style: {{VALUE}}; }'
    }]
  },
  sizeHover: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1:hover {border-width: {{VALUE}}; }'
    }]
  },
  borderBottomColorHover: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}}.mzb-heading-layout-2-style-1:hover {border-bottom-color: {{VALUE}}; }'
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const heading_attributes = (attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/heading/block.json
const heading_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/heading","title":"Heading","description":"Create stylish title for each section with various markups from H1 to H6.","keywords":["heading","headline"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"text":{"type":"string"},"enableSubHeading":{"type":"boolean","default":true},"label":{"type":"string","default":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},"subHeadingColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .sub-heading {color: {{VALUE}}; }"}]},"subHeadingHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .sub-heading {color: {{VALUE}}; }"}]},"subHeadingBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .sub-heading"}]},"subHeadingHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .sub-heading"}]},"subHeadingPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .sub-heading { padding: {{VALUE}}; }"}]},"subHeadingBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .sub-heading"}]},"subHeadingHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .sub-heading:hover"}]},"subHeadingBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .sub-heading"}]},"subHeadingBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .sub-heading:hover"}]},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} {text-align: {{VALUE}}; }"}]},"markup":{"type":"string","default":"h2"},"headingLayout":{"type":"string","default":"heading-layout-1"},"headingLayout1AdvancedStyle":{"type":"string","default":"heading-layout-1-style-1"},"headingLayout2AdvancedStyle":{"type":"string","default":"heading-layout-2-style-1"},"margin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"color":{"type":"string","style":[{"selector":"{{WRAPPER}} h1, {{WRAPPER}} h2, {{WRAPPER}} h3, {{WRAPPER}} h4, {{WRAPPER}} h5, {{WRAPPER}} h6, {{WRAPPER}}.mzb-heading-layout-2-style-1 h1, {{WRAPPER}}.mzb-heading-layout-2-style-1 h2, {{WRAPPER}}.mzb-heading-layout-2-style-1 h3, {{WRAPPER}}.mzb-heading-layout-2-style-1 h4, {{WRAPPER}}.mzb-heading-layout-2-style-1 h5, {{WRAPPER}}.mzb-heading-layout-2-style-1 h6   {color: {{VALUE}}; }"}]},"hoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} h1:hover, {{WRAPPER}} h2:hover, {{WRAPPER}} h3:hover, {{WRAPPER}} h4:hover, {{WRAPPER}} h5:hover{{WRAPPER}} h6:hover {color: {{VALUE}}; }"}]},"background":{"type":"string","style":[{"selector":"{{WRAPPER}} h1::before, {{WRAPPER}} h2::before, {{WRAPPER}} h3::before, {{WRAPPER}} h4::before, {{WRAPPER}} h5::before, {{WRAPPER}} h6::before, .mzb-heading-layout-2-style-1 h1, {{WRAPPER}}.mzb-heading-layout-2-style-1 h2, {{WRAPPER}}.mzb-heading-layout-2-style-1 h3, {{WRAPPER}}.mzb-heading-layout-2-style-1 h4, {{WRAPPER}}.mzb-heading-layout-2-style-1 h5, {{WRAPPER}}.mzb-heading-layout-2-style-1 h6 {background-color: {{VALUE}}; }"}]},"hoverBackground":{"type":"string","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1 h1:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h2:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h3:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h4:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h5:hover, {{WRAPPER}}.mzb-heading-layout-2-style-1 h6:hover {background-color: {{VALUE}}; }"}]},"typography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} h1, {{WRAPPER}} h2, {{WRAPPER}} h3, {{WRAPPER}} h4, {{WRAPPER}} h5, {{WRAPPER}} h6, {{WRAPPER}} .editor-styles-wrapper .wp-block h1,  {{WRAPPER}} .editor-styles-wrapper .wp-block h2, {{WRAPPER}} .editor-styles-wrapper .wp-block h3, {{WRAPPER}} .editor-styles-wrapper .wp-block h4, {{WRAPPER}} .editor-styles-wrapper .wp-block h5, {{WRAPPER}} .editor-styles-wrapper .wp-block h6"}]},"type":{"type":"string","default":"solid","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1 {border-bottom-style: {{VALUE}}; }"}]},"size":{"type":"object","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1 {border-width: {{VALUE}}; }"}]},"borderBottomColor":{"type":"string","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }"}]},"typeHover":{"type":"string","default":"solid","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1:hover {border-bottom-style: {{VALUE}}; }"}]},"sizeHover":{"type":"object","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1:hover {border-width: {{VALUE}}; }"}]},"borderBottomColorHover":{"type":"string","style":[{"selector":"{{WRAPPER}}.mzb-heading-layout-2-style-1:hover {border-bottom-color: {{VALUE}}; }"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/heading/components/InspectorControls.tsx





var components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    enableSubHeading = _props$attributes.enableSubHeading,
    label = _props$attributes.label,
    subHeadingColor = _props$attributes.subHeadingColor,
    subHeadingHoverColor = _props$attributes.subHeadingHoverColor,
    subHeadingBackground = _props$attributes.subHeadingBackground,
    subHeadingHoverBackground = _props$attributes.subHeadingHoverBackground,
    subHeadingPadding = _props$attributes.subHeadingPadding,
    subHeadingBorder = _props$attributes.subHeadingBorder,
    subHeadingBoxShadow = _props$attributes.subHeadingBoxShadow,
    subHeadingHoverBorder = _props$attributes.subHeadingHoverBorder,
    subHeadingBoxShadowHover = _props$attributes.subHeadingBoxShadowHover,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingLayout = _props$attributes.headingLayout,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    alignment = _props$attributes.alignment,
    size = _props$attributes.size,
    type = _props$attributes.type,
    typeHover = _props$attributes.typeHover,
    borderBottomColorHover = _props$attributes.borderBottomColorHover,
    sizeHover = _props$attributes.sizeHover,
    color = _props$attributes.color,
    borderBottomColor = _props$attributes.borderBottomColor,
    margin = _props$attributes.margin,
    markup = _props$attributes.markup,
    background = _props$attributes.background,
    hoverColor = _props$attributes.hoverColor,
    hoverBackground = _props$attributes.hoverBackground,
    typography = _props$attributes.typography,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    value: alignment,
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Text align left", "magazine-blockst"),
      value: "left",
      icon: "text-align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Text align center", "magazine-blocks"),
      value: "center",
      icon: "text-align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Text align right", "magazine-blocks"),
      value: "right",
      icon: "text-align-right"
    }]
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("H1", "magazine-blocks"),
      value: "h1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H2", "magazine-blocks"),
      value: "h2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H3", "magazine-blocks"),
      value: "h3"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H4", "magazine-blocks"),
      value: "h4"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H5", "magazine-blocks"),
      value: "h5"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H6", "magazine-blocks"),
      value: "h6"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        markup: val
      });
    },
    value: markup,
    label: (0,external_wp_i18n_namespaceObject.__)("HTML Markup", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "heading-layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "heading-layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout: val
      });
    },
    value: headingLayout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "heading-layout-1" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-1-style-1",
      icon: "heading_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: headingLayout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-2-style-1",
      icon: "heading_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: headingLayout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    resetKey: "typography",
    value: typography,
    onChange: function onChange(val) {
      return setAttributes({
        typography: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Sub Heading", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableSubHeading,
    onChange: function onChange() {
      return setAttributes({
        enableSubHeading: !enableSubHeading
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableSubHeading && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.TextareaControl, {
    onChange: function onChange(val) {
      return setAttributes({
        label: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    value: label || ""
  }), enableSubHeading && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: subHeadingColor,
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: subHeadingBackground,
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: subHeadingHoverColor,
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: subHeadingHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground"
  }))), enableSubHeading && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: subHeadingPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingPadding: val
      });
    }
  }), enableSubHeading && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: subHeadingBorder,
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: subHeadingBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: subHeadingHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: subHeadingBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        subHeadingBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: margin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        margin: val
      });
    },
    type: "margin",
    resetKey: "margin"
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        color: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: color,
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        background: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: background !== null && background !== void 0 ? background : ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        hoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: hoverColor,
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        hoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: hoverBackground !== null && hoverBackground !== void 0 ? hoverBackground : ""
  })))), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Border", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Type", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        type: val
      });
    },
    value: type,
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Solid", "magazine-blocks"),
      value: "solid"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Double", "magazine-blocks"),
      value: "double"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Dashed", "magazine-blocks"),
      value: "dashed"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Dotted", "magazine-blocks"),
      value: "dotted"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Groove", "magazine-blocks"),
      value: "groove"
    }]
  }), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        borderBottomColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: borderBottomColor,
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    value: size,
    onChange: function onChange(val) {
      return setAttributes({
        size: val
      });
    },
    responsive: true,
    min: 2,
    max: 100,
    inline: true,
    units: ["px", "em", "rem"],
    defaultUnit: "px",
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks")
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    label: (0,external_wp_i18n_namespaceObject.__)("Type", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        typeHover: val
      });
    },
    value: typeHover,
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Solid", "magazine-blocks"),
      value: "solid"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Double", "magazine-blocks"),
      value: "double"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Dashed", "magazine-blocks"),
      value: "dashed"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Dotted", "magazine-blocks"),
      value: "dotted"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Groove", "magazine-blocks"),
      value: "groove"
    }]
  }), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        borderBottomColorHover: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: borderBottomColorHover,
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    value: sizeHover,
    onChange: function onChange(val) {
      return setAttributes({
        sizeHover: val
      });
    },
    responsive: true,
    min: 2,
    max: 100,
    inline: true,
    units: ["px", "em", "rem"],
    defaultUnit: "px",
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks")
  })))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const heading_components_InspectorControls = (components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/heading/Edit.tsx











var heading_Edit_Edit = function Edit(props) {
  var _classnames;
  var className = props.className,
    _props$attributes = props.attributes,
    enableSubHeading = _props$attributes.enableSubHeading,
    label = _props$attributes.label,
    text = _props$attributes.text,
    cssID = _props$attributes.cssID,
    markup = _props$attributes.markup,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingLayout = _props$attributes.headingLayout,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "heading",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-heading mzb-heading-".concat(clientId, " mzb-").concat(headingLayout), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop", (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames));
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(heading_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.RichText, {
    id: cssID ? cssID : null,
    tagName: markup,
    placeholder: (0,external_wp_i18n_namespaceObject.__)("This is heading", "magazine-blocks"),
    value: text,
    onChange: function onChange(val) {
      setAttributes({
        text: val
      });
    }
  }), enableSubHeading && /*#__PURE__*/external_React_default().createElement("div", {
    className: "sub-heading"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.RichText, {
    id: cssID ? cssID : null,
    tagName: "p",
    value: (0,external_lodash_namespaceObject.escape)(label),
    onChange: function onChange(val) {
      setAttributes({
        label: val
      });
    }
  }))));
};

// @ts-ignore
/* harmony default export */ const heading_Edit = (heading_Edit_Edit);
;// CONCATENATED MODULE: ./src/blocks/blocks/heading/Save.tsx








var heading_Save_Save = function Save(props) {
  var _classnames;
  var className = props.className,
    _props$attributes = props.attributes,
    enableSubHeading = _props$attributes.enableSubHeading,
    label = _props$attributes.label,
    text = _props$attributes.text,
    cssID = _props$attributes.cssID,
    clientId = _props$attributes.clientId,
    markup = _props$attributes.markup,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingLayout = _props$attributes.headingLayout,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop;
  var classNames = classnames_default()("mzb-heading mzb-heading-".concat(clientId, " mzb-").concat(headingLayout), size && "is-".concat(size), className, hideOnDesktop && 'magazine-blocks-hide-on-desktop', (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames));
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.RichText.Content, {
    id: cssID ? cssID : null,
    tagName: markup,
    placeholder: (0,external_wp_i18n_namespaceObject.__)('This is heading', 'magazine-blocks'),
    value: text
  }), enableSubHeading && /*#__PURE__*/external_React_default().createElement("div", {
    className: "sub-heading"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.RichText.Content, {
    id: cssID ? cssID : null,
    tagName: "p",
    value: (0,external_lodash_namespaceObject.escape)(label)
  }))));
};
/* harmony default export */ const heading_Save = (heading_Save_Save);
;// CONCATENATED MODULE: ./src/blocks/blocks/heading/index.tsx

function heading_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function heading_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? heading_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : heading_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var heading_name = heading_block_namespaceObject.name;
var heading_settings = heading_objectSpread(heading_objectSpread({}, heading_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "heading",
    size: 24
  }),
  attributes: heading_attributes,
  edit: heading_Edit,
  save: heading_Save
});
;// CONCATENATED MODULE: ./src/blocks/blocks/advertisement/attributes.ts

function advertisement_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function advertisement_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? advertisement_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : advertisement_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var attributes_attributes = advertisement_attributes_objectSpread({
  clientId: {
    type: String
  },
  size: {
    type: String
  },
  imageSize: {
    type: String,
    "default": '728x90'
  },
  alignment: {
    type: Object,
    style: [{
      selector: '{{WRAPPER}} .mzb-advertisement-content  {justify-content: {{VALUE}}; }'
    }]
  },
  advertisementImage: {
    type: String,
    "default": ''
  },
  link: {
    type: Object,
    "default": ''
  },
  radius: {
    type: Object,
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-advertisement-content img { border-radius: {{VALUE}}; }'
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const advertisement_attributes = (attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/advertisement/block.json
const advertisement_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/advertisement","title":"Advertisement","description":"Upload advertisement images of various standard ad display sizes","keywords":["advertisement","ads"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"size":{"type":"string"},"imageSize":{"type":"string","default":"728x90"},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-advertisement-content  {justify-content: {{VALUE}}; }"}]},"advertisementImage":{"type":"string","default":""},"link":{"type":"object","default":""},"radius":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-advertisement-content img { border-radius: {{VALUE}}; }"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/advertisement/components/InspectorControls.tsx




var advertisement_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    imageSize = _props$attributes.imageSize,
    alignment = _props$attributes.alignment,
    advertisementImage = _props$attributes.advertisementImage,
    link = _props$attributes.link,
    radius = _props$attributes.radius,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("728 x 90", "magazine-blocks"),
      value: "728x90"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("160 x 600", "magazine-blocks"),
      value: "160x600"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("250 x 250", "magazine-blocks"),
      value: "250x250"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("468 x 60", "magazine-blocks"),
      value: "468x60"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("970 x 90", "magazine-blocks"),
      value: "970x90"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        imageSize: val
      });
    },
    value: imageSize,
    label: (0,external_wp_i18n_namespaceObject.__)("Image Size", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    value: alignment,
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "text-align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "text-align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "text-align-right"
    }]
  }), /*#__PURE__*/external_React_default().createElement(media_Media, {
    onChange: function onChange(val) {
      return setAttributes({
        advertisementImage: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Advertisement Image", "magazine-block"),
    type: "image",
    value: advertisementImage
  }), /*#__PURE__*/external_React_default().createElement(UrlInput, {
    onChange: function onChange(val) {
      return setAttributes({
        link: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Advertisement URL", "magazine-blocks"),
    value: link,
    newTab: true,
    noFollow: true
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: radius || {},
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Border Radius", "magazine-blocks"),
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        radius: val
      });
    }
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const advertisement_components_InspectorControls = (advertisement_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/advertisement/Edit.tsx









var advertisement_Edit_Edit = function Edit(props) {
  var _advertisementImage$i, _advertisementImage$u, _advertisementImage$a;
  var className = props.className,
    _props$attributes = props.attributes,
    imageSize = _props$attributes.imageSize,
    advertisementImage = _props$attributes.advertisementImage,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    size = _props$attributes.size,
    setAttributes = props.setAttributes,
    noticeUI = props.noticeUI;
  var id = (_advertisementImage$i = advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.id) !== null && _advertisementImage$i !== void 0 ? _advertisementImage$i : undefined;
  var url = (_advertisementImage$u = advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.url) !== null && _advertisementImage$u !== void 0 ? _advertisementImage$u : undefined;
  var alt = (_advertisementImage$a = advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.alt) !== null && _advertisementImage$a !== void 0 ? _advertisementImage$a : "";
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "advertisement",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-advertisement mzb-advertisement-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var onError = function onError(message, noticeOperations) {
    noticeOperations.removeAllNotices();
    noticeOperations.createErrorNotice(message);
  };
  var onSelect = function onSelect(media) {
    if (!(media !== null && media !== void 0 && media.url)) {
      return;
    }
    var u = media.url,
      i = media.id,
      h = media.height,
      w = media.width,
      a = media.alt;
    setAttributes({
      advertisementImage: {
        url: u,
        id: i,
        height: h,
        width: w,
        alt: a
      }
    });
  };
  var onSelectURL = function onSelectURL(u) {
    setAttributes({
      advertisementImage: {
        url: u,
        id: undefined,
        height: undefined,
        width: undefined,
        alt: undefined
      }
    });
  };
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(advertisement_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-advertisement-content"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-advertisement-".concat(imageSize)
  }, url ? /*#__PURE__*/external_React_default().createElement("img", {
    src: url,
    alt: alt !== null && alt !== void 0 ? alt : ""
  }) : /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
    onSelect: onSelect,
    notices: noticeUI,
    accept: "image/*",
    allowedTypes: ["image"],
    onSelectURL: onSelectURL
  })))));
};

// @ts-ignore
/* harmony default export */ const advertisement_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function () {})(advertisement_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/advertisement/Save.tsx





var advertisement_Save_Save = function Save(props) {
  var _advertisementImage$a, _advertisementImage$h, _advertisementImage$w;
  var className = props.className,
    _props$attributes = props.attributes,
    _props$attributes$adv = _props$attributes.advertisementImage,
    advertisementImage = _props$attributes$adv === void 0 ? {} : _props$attributes$adv,
    clientId = _props$attributes.clientId,
    imageSize = _props$attributes.imageSize,
    link = _props$attributes.link;
  var classNames = classnames_default()("mzb-advertisement mzb-advertisement-".concat(clientId), className);
  var imageClassNames = classnames_default()(defineProperty_defineProperty({}, "wp-image-".concat(advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.id), !!(advertisementImage !== null && advertisementImage !== void 0 && advertisementImage.id)));
  var imageHTML = /*#__PURE__*/external_React_default().createElement("img", {
    className: imageClassNames || undefined,
    src: advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.url,
    alt: (_advertisementImage$a = advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.alt) !== null && _advertisementImage$a !== void 0 ? _advertisementImage$a : "",
    height: (_advertisementImage$h = advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.height) !== null && _advertisementImage$h !== void 0 ? _advertisementImage$h : undefined,
    width: (_advertisementImage$w = advertisementImage === null || advertisementImage === void 0 ? void 0 : advertisementImage.width) !== null && _advertisementImage$w !== void 0 ? _advertisementImage$w : undefined
  });
  if (link) {
    imageHTML = /*#__PURE__*/external_React_default().createElement(element_Element, {
      tagName: "a",
      htmlAttrs: {
        href: link.url,
        target: link !== null && link !== void 0 && link.newTab ? "_blank" : undefined,
        rel: link !== null && link !== void 0 && link.rel ? "noopener" : undefined
      },
      children: imageHTML
    });
  }
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-advertisement-content"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-advertisement-".concat(imageSize)
  }, imageHTML)));
};
/* harmony default export */ const advertisement_Save = (advertisement_Save_Save);
;// CONCATENATED MODULE: ./src/blocks/blocks/advertisement/index.tsx

function advertisement_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function advertisement_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? advertisement_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : advertisement_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }







var advertisement_name = advertisement_block_namespaceObject.name;
var advertisement_settings = advertisement_objectSpread(advertisement_objectSpread({}, advertisement_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "advertisement",
    size: 24
  }),
  attributes: advertisement_attributes,
  edit: advertisement_Edit,
  save: advertisement_Save
});
;// CONCATENATED MODULE: ./src/blocks/blocks/banner-posts/attributes.ts

function banner_posts_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function banner_posts_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? banner_posts_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : banner_posts_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var banner_posts_attributes_attributes = banner_posts_attributes_objectSpread({
  clientId: {
    type: String
  },
  hoverAnimation: {
    type: String,
    "default": 'none'
  },
  layout: {
    type: 'string',
    "default": 'layout-1'
  },
  layout1AdvancedStyle: {
    type: 'string',
    "default": 'layout-1-style-1'
  },
  layout2AdvancedStyle: {
    type: 'string',
    "default": 'layout-2-style-1'
  },
  alignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post .mzb-post-entry-meta {justify-content: {{VALUE}}; }'
    }]
  },
  gap: {
    type: 'object',
    "default": {
      desktop: {
        value: 20,
        unit: 'px'
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-posts { gap: {{VALUE}}; }'
    }]
  },
  category: {
    type: String,
    "default": 'all'
  },
  tag: {
    type: String,
    "default": 'all'
  },
  orderBy: {
    type: String,
    "default": 'date'
  },
  orderType: {
    type: String,
    "default": 'desc'
  },
  authorName: {
    type: String,
    "default": ''
  },
  excludedCategory: {
    type: String,
    "default": ''
  },
  highlightedPostTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:first-child .mzb-post-title a'
    }]
  },
  postTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:not(:first-child) .mzb-post-title a'
    }]
  },
  postTitleMarkup: {
    type: 'string',
    "default": 'h3'
  },
  postTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }'
    }]
  },
  postTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }'
    }]
  },
  enableCategory: {
    type: Boolean,
    "default": true
  },
  categoryColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a {color: {{VALUE}}; }'
    }]
  },
  categoryBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover {fill: {{VALUE}}; }'
    }]
  },
  categoryHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  categoryPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a { padding: {{VALUE}}; }'
    }]
  },
  categoryBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  categoryBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  metaPosition: {
    type: 'string',
    "default": 'bottom'
  },
  enableAuthor: {
    type: Boolean,
    "default": true
  },
  enableDate: {
    type: Boolean,
    "default": true
  },
  metaIconColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }'
    }]
  },
  metaLinkColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }'
    }]
  },
  metaLinkHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }'
    }]
  },
  enableExcerpt: {
    type: Boolean,
    "default": false
  },
  excerptLimit: {
    type: Number,
    "default": 20
  },
  excerptColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }'
    }]
  },
  excerptMargin: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }'
    }]
  },
  enableReadMore: {
    type: Boolean,
    "default": false
  },
  readMoreText: {
    type: String,
    "default": 'Read More'
  },
  readMoreColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }'
    }]
  },
  readMoreBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMorewHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }'
    }]
  },
  readMoreHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreSpacing: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }'
    }]
  },
  readMorePadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }'
    }]
  },
  readMoreBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  enablePagination: {
    type: Boolean,
    "default": false
  },
  paginationAlignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }'
    }]
  },
  paginationColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }'
    }]
  },
  paginationBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }'
    }]
  },
  paginationHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  paginationPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }'
    }]
  },
  paginationBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  size: {
    type: String
  },
  page: {
    type: Number,
    "default": 1
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const banner_posts_attributes = (banner_posts_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/banner-posts/block.json
const banner_posts_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/banner-posts","title":"Banner Posts","description":"Show banner image behind the post content","keywords":["banner post","banner"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"hoverAnimation":{"type":"string","default":"none"},"layout":{"type":"string","default":"layout-1"},"layout1AdvancedStyle":{"type":"string","default":"layout-1-style-1"},"layout2AdvancedStyle":{"type":"string","default":"layout-2-style-1"},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post .mzb-post-entry-meta {justify-content: {{VALUE}}; }"}]},"gap":{"type":"object","default":{"desktop":{"value":20,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} .mzb-posts {gap: {{VALUE}}; }"}]},"category":{"type":"string","default":"all"},"tag":{"type":"string","default":"all"},"orderBy":{"type":"string","default":"date"},"orderType":{"type":"string","default":"desc"},"authorName":{"type":"string","default":""},"excludedCategory":{"type":"string","default":""},"highlightedPostTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post:first-child .mzb-post-title a"}]},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post:not(:first-child) .mzb-post-title a"}]},"postTitleMarkup":{"type":"string","default":"h3"},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"enableCategory":{"type":"boolean","default":true},"categoryColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a {color: {{VALUE}}; }"}]},"categoryBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover {fill: {{VALUE}}; }"}]},"categoryHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"categoryPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a { padding: {{VALUE}}; }"}]},"categoryBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"categoryBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"metaPosition":{"type":"string","default":"bottom"},"enableAuthor":{"type":"boolean","default":true},"enableDate":{"type":"boolean","default":true},"metaIconColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"}]},"metaLinkColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }"}]},"metaLinkHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }"}]},"enableExcerpt":{"type":"boolean","default":false},"excerptLimit":{"type":"number","default":20},"excerptColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }"}]},"excerptMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }"}]},"enableReadMore":{"type":"boolean","default":false},"readMoreText":{"type":"string","default":"Read More"},"readMoreColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }"}]},"readMoreBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMorewHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }"}]},"readMoreHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreSpacing":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }"}]},"readMorePadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"}]},"readMoreBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"enablePagination":{"type":"boolean","default":false},"paginationAlignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }"}]},"paginationColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }"}]},"paginationBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }"}]},"paginationHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"paginationPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }"}]},"paginationBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"size":{"type":"string"},"page":{"type":"number","default":1},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor"}');
;// CONCATENATED MODULE: external ["wp","date"]
const external_wp_date_namespaceObject = window["wp"]["date"];
;// CONCATENATED MODULE: ./src/blocks/blocks/banner-posts/components/InspectorControls.tsx





var banner_posts_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref, _ref3, _ref5;
  var _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    alignment = _props$attributes.alignment,
    gap = _props$attributes.gap,
    category = _props$attributes.category,
    tag = _props$attributes.tag,
    orderBy = _props$attributes.orderBy,
    orderType = _props$attributes.orderType,
    authorName = _props$attributes.authorName,
    excludedCategory = _props$attributes.excludedCategory,
    hoverAnimation = _props$attributes.hoverAnimation,
    highlightedPostTitleTypography = _props$attributes.highlightedPostTitleTypography,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleMarkup = _props$attributes.postTitleMarkup,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    enableCategory = _props$attributes.enableCategory,
    categoryColor = _props$attributes.categoryColor,
    categoryBackground = _props$attributes.categoryBackground,
    categoryHoverColor = _props$attributes.categoryHoverColor,
    categoryHoverBackground = _props$attributes.categoryHoverBackground,
    categoryPadding = _props$attributes.categoryPadding,
    categoryBorder = _props$attributes.categoryBorder,
    categoryBoxShadow = _props$attributes.categoryBoxShadow,
    categoryHoverBorder = _props$attributes.categoryHoverBorder,
    categoryBoxShadowHover = _props$attributes.categoryBoxShadowHover,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    metaIconColor = _props$attributes.metaIconColor,
    metaLinkColor = _props$attributes.metaLinkColor,
    metaLinkHoverColor = _props$attributes.metaLinkHoverColor,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptColor = _props$attributes.excerptColor,
    excerptMargin = _props$attributes.excerptMargin,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    readMoreColor = _props$attributes.readMoreColor,
    readMorewHoverColor = _props$attributes.readMorewHoverColor,
    readMoreBackground = _props$attributes.readMoreBackground,
    readMoreHoverBackground = _props$attributes.readMoreHoverBackground,
    readMoreSpacing = _props$attributes.readMoreSpacing,
    readMorePadding = _props$attributes.readMorePadding,
    readMoreBorder = _props$attributes.readMoreBorder,
    readMoreHoverBorder = _props$attributes.readMoreHoverBorder,
    readMoreBoxShadow = _props$attributes.readMoreBoxShadow,
    readMoreBoxShadowHover = _props$attributes.readMoreBoxShadowHover,
    enablePagination = _props$attributes.enablePagination,
    paginationAlignment = _props$attributes.paginationAlignment,
    paginationColor = _props$attributes.paginationColor,
    paginationBackground = _props$attributes.paginationBackground,
    paginationHoverColor = _props$attributes.paginationHoverColor,
    paginationHoverBackground = _props$attributes.paginationHoverBackground,
    paginationPadding = _props$attributes.paginationPadding,
    paginationBorder = _props$attributes.paginationBorder,
    paginationBoxShadow = _props$attributes.paginationBoxShadow,
    paginationHoverBorder = _props$attributes.paginationHoverBorder,
    paginationBoxShadowHover = _props$attributes.paginationBoxShadowHover,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    authorOptions = props.authorOptions;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout: val
      });
    },
    value: layout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "layout-1" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-1-style-1",
      icon: "banner_post_layout1_style1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Style 2", "magazine-blocks"),
      value: "layout-1-style-2",
      icon: "banner_post_layout1_style2"
    }],
    cols: 2,
    onChange: function onChange(val) {
      return setAttributes({
        layout1AdvancedStyle: val
      });
    },
    value: layout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "layout-2" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-2-style-1",
      icon: "banner_post_layout2_style1"
    }],
    cols: 2,
    onChange: function onChange(val) {
      return setAttributes({
        layout2AdvancedStyle: val
      });
    },
    value: layout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    value: alignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        gap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 5,
    max: 100,
    value: gap
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag,
    onChange: function onChange(val) {
      return setAttributes({
        tag: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref3 = tags !== null && tags !== void 0 ? tags : []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (_ref4) {
      var name = _ref4.name,
        id = _ref4.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy: val
      });
    },
    value: orderBy,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType: val
      });
    },
    value: orderType,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: toConsumableArray_toConsumableArray((_ref5 = categories !== null && categories !== void 0 ? categories : []) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (_ref6) {
      var name = _ref6.name,
        id = _ref6.id;
      return {
        label: name,
        value: id.toString()
      };
    })),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName: val
      });
    },
    value: authorName,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom In", "magazine-blocks"),
      value: "zoomIn"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom Out", "magazine-blocks"),
      value: "zoomOut"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Opacity", "magazine-blocks"),
      value: "opacity"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Left", "magazine-blocks"),
      value: "rotateLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Right", "magazine-blocks"),
      value: "rotateRight"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Left", "magazine-blocks"),
      value: "slideLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Right", "magazine-blocks"),
      value: "slideRight"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        hoverAnimation: val
      });
    },
    value: hoverAnimation,
    label: (0,external_wp_i18n_namespaceObject.__)("Hover Animation", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Highlighted Post", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: highlightedPostTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        highlightedPostTitleTypography: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("H1", "magazine-blocks"),
      value: "h1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H2", "magazine-blocks"),
      value: "h2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H3", "magazine-blocks"),
      value: "h3"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H4", "magazine-blocks"),
      value: "h4"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H5", "magazine-blocks"),
      value: "h5"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H6", "magazine-blocks"),
      value: "h6"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        postTitleMarkup: val
      });
    },
    value: postTitleMarkup,
    label: (0,external_wp_i18n_namespaceObject.__)("HTML Markup", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Header Meta", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableCategory,
    onChange: function onChange() {
      return setAttributes({
        enableCategory: !enableCategory
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks")
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        categoryBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableCategory && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: categoryPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        categoryPadding: val
      });
    }
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: categoryBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: categoryBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: categoryHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: categoryBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Meta", "magazine-blocks")
  }, (enableDate || enableAuthor) && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: metaPosition,
    inline: true,
    onChange: function onChange(val) {
      return setAttributes({
        metaPosition: val
      });
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "bottom",
      icon: "align-bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableAuthor,
    onChange: function onChange() {
      return setAttributes({
        enableAuthor: !enableAuthor
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Author", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableDate,
    onChange: function onChange() {
      return setAttributes({
        enableDate: !enableDate
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks")
  }), enableDate && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaIconColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Icon Color", "magazine-blocks"),
    value: metaIconColor || ""
  }), (true === enableAuthor || true === enableDate) && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Excerpt", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableExcerpt,
    onChange: function onChange() {
      return setAttributes({
        enableExcerpt: !enableExcerpt
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptLimit: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Limit", "magazine-blocks"),
    min: 0,
    max: 500,
    step: 1,
    value: excerptLimit
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: excerptColor || ""
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: excerptMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        excerptMargin: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Read More", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableReadMore,
    onChange: function onChange() {
      return setAttributes({
        enableReadMore: !enableReadMore
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: readMoreText,
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        readMoreText: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMorewHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMorewHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableReadMore && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreSpacing: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: readMoreSpacing
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: readMorePadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        readMorePadding: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: readMoreBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: readMoreBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: readMoreHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: readMoreBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Pagination", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enablePagination,
    onChange: function onChange() {
      return setAttributes({
        enablePagination: !enablePagination
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        paginationAlignment: val
      });
    },
    value: paginationAlignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        paginationBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enablePagination && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: paginationPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        paginationPadding: val
      });
    }
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: paginationBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: paginationBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: paginationHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: paginationBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const banner_posts_components_InspectorControls = (banner_posts_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/banner-posts/Edit.tsx

function Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var banner_posts_Edit_Edit = function Edit(props) {
  var _classnames;
  var isFirstPost = true; // Add a variable to track the first post
  var posts = props.posts,
    className = props.className,
    _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    category = _props$attributes.category,
    hoverAnimation = _props$attributes.hoverAnimation,
    enableCategory = _props$attributes.enableCategory,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    enablePagination = _props$attributes.enablePagination,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "banner-posts",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var classNames = classnames_default()("mzb-banner-posts mzb-banner-posts-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var classNames2 = classnames_default()("mzb-posts mzb-".concat(layout), (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(layout1AdvancedStyle), layout === "layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(layout2AdvancedStyle), layout === "layout-2"), _classnames));
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / 4),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(banner_posts_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (posts || []).map(function (post, idx) {
    var _post$magazine_blocks;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");
    var isThisFirstPost = isFirstPost;
    isFirstPost = false; // Update isFirstPost after checking
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post",
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.full) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image ".concat(hoverAnimation || "zoomout", " ")
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, enableCategory && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-categories",
      dangerouslySetInnerHTML: {
        __html: post.magazine_blocks_category
      }
    })), metaPosition === "bottom" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered)), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor === true && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "author-display-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.magazine_blocks_author.author_link
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate === true &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " ")))), metaPosition === "top" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor === true && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "author-display-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.magazine_blocks_author.author_link
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate === true &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered))), (enableExcerpt || enableReadMore) && isThisFirstPost && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.excerpt.rendered
    }, readMoreText)))));
  }))), enablePagination && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-pagination-numbers"
  }, pagination)));
};

// @ts-ignore
/* harmony default export */ const banner_posts_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    layout = _props$attributes2.layout,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory,
    page = _props$attributes2.page;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", Edit_objectSpread(Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      page: page,
      per_page: "layout-2" === layout ? 3 : 4,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(banner_posts_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/banner-posts/index.tsx

function banner_posts_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function banner_posts_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? banner_posts_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : banner_posts_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var banner_posts_name = banner_posts_block_namespaceObject.name;
var banner_posts_settings = banner_posts_objectSpread(banner_posts_objectSpread({}, banner_posts_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "bannerPosts",
    size: 24
  }),
  attributes: banner_posts_attributes,
  edit: banner_posts_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/grid-module/attributes.ts

function grid_module_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function grid_module_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? grid_module_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : grid_module_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var grid_module_attributes_attributes = grid_module_attributes_objectSpread({
  clientId: {
    type: String
  },
  hoverAnimation: {
    type: String,
    "default": 'none'
  },
  layout: {
    type: 'string',
    "default": 'layout-1'
  },
  layout1AdvancedStyle: {
    type: 'string',
    "default": 'layout-1-style-1'
  },
  layout2AdvancedStyle: {
    type: 'string',
    "default": 'layout-2-style-1'
  },
  gap: {
    type: 'object',
    "default": {
      desktop: {
        value: 0,
        unit: 'px'
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-posts {gap: {{VALUE}}; }'
    }]
  },
  category: {
    type: String,
    "default": 'all'
  },
  tag: {
    type: String,
    "default": 'all'
  },
  orderBy: {
    type: String,
    "default": 'date'
  },
  orderType: {
    type: String,
    "default": 'desc'
  },
  authorName: {
    type: String,
    "default": ''
  },
  excludedCategory: {
    type: String,
    "default": ''
  },
  column: {
    type: Number,
    "default": 4
  },
  size: {
    type: String
  },
  label: {
    type: String,
    "default": 'Explore More'
  },
  enableHeading: {
    type: Boolean,
    "default": true
  },
  headingColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2 {color: {{VALUE}}; }'
    }]
  },
  headingHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }'
    }]
  },
  headingBorderColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }'
    }]
  },
  postTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a'
    }]
  },
  postTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }'
    }]
  },
  postTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }'
    }]
  },
  featuredImageHeight: {
    type: 'object',
    "default": {
      value: 500,
      unit: 'px'
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post, {{WRAPPER}} .mzb-featured-image img { height: {{VALUE}} }'
    }]
  },
  enableDate: {
    type: Boolean,
    "default": true
  },
  enableAuthor: {
    type: Boolean,
    "default": true
  },
  metaPosition: {
    type: 'string',
    "default": 'bottom'
  },
  metaIconColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date svg, {{WRAPPER}} .mzb-layout-2 .mzb-post-date svg {fill: {{VALUE}}; }'
    }]
  },
  metaLinkColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a, {{WRAPPER}} .mzb-layout-2 .mzb-post-entry-meta a  {color: {{VALUE}}; }'
    }]
  },
  metaLinkHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover, {{WRAPPER}} .mzb-layout-2 .mzb-post-entry-meta a {color: {{VALUE}}; }'
    }]
  },
  enableExcerpt: {
    type: Boolean,
    "default": false
  },
  excerptLimit: {
    type: Number,
    "default": 20
  },
  excerptColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }'
    }]
  },
  excerptMargin: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-summary p { margin: {{VALUE}}; }'
    }]
  },
  enableReadMore: {
    type: Boolean,
    "default": false
  },
  readMoreText: {
    type: String,
    "default": 'Read More'
  },
  readMoreColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a {color: {{VALUE}}; }'
    }]
  },
  readMoreBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a'
    }]
  },
  readMorewHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post mzb-read-more a:hover {color: {{VALUE}}; }'
    }]
  },
  readMoreHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}}.mzb-post mzb-read-more a:hover'
    }]
  },
  readMoreSpacing: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more { margin-top: {{VALUE}} }'
    }]
  },
  readMorePadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post mzb-read-more a { padding: {{VALUE}}; }'
    }]
  },
  readMoreBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a'
    }]
  },
  readMoreHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a:hover'
    }]
  },
  readMoreBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post.mzb-read-more a'
    }]
  },
  readMoreBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a:hover'
    }]
  },
  enablePagination: {
    type: Boolean,
    "default": false
  },
  paginationAlignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }'
    }]
  },
  paginationColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }'
    }]
  },
  paginationBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }'
    }]
  },
  paginationHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  paginationPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }'
    }]
  },
  paginationBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  page: {
    type: Number,
    "default": 1
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const grid_module_attributes = (grid_module_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/grid-module/block.json
const grid_module_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/grid-module","title":"Grid Module","description":"Full-width block to showcase highlighted posts","keywords":["grid","module","grid-module"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"hoverAnimation":{"type":"string","default":"none"},"layout":{"type":"string","default":"layout-1"},"layout1AdvancedStyle":{"type":"string","default":"layout-1-style-1"},"layout2AdvancedStyle":{"type":"string","default":"layout-2-style-1"},"gap":{"type":"object","default":{"desktop":{"value":0,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} .mzb-posts {gap: {{VALUE}}; }"}]},"category":{"type":"string","default":"all"},"tag":{"type":"string","default":"all"},"orderBy":{"type":"string","default":"date"},"orderType":{"type":"string","default":"desc"},"authorName":{"type":"string","default":""},"excludedCategory":{"type":"string","default":""},"column":{"type":"number","default":4},"size":{"type":"string"},"label":{"type":"string","default":"Explore More"},"enableHeading":{"type":"boolean","default":true},"headingColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2 {color: {{VALUE}}; }"}]},"headingHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }"}]},"headingBorderColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }"}]},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post-title a"}]},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"featuredImageHeight":{"type":"object","default":{"value":500,"unit":"px"},"style":[{"selector":"{{WRAPPER}} .mzb-post, {{WRAPPER}} .mzb-featured-image img { height: {{VALUE}} }"}]},"enableDate":{"type":"boolean","default":true},"enableAuthor":{"type":"boolean","default":true},"metaPosition":{"type":"string","default":"bottom"},"metaIconColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date svg, {{WRAPPER}} .mzb-layout-2 .mzb-post-date svg {fill: {{VALUE}}; }"}]},"metaLinkColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a, {{WRAPPER}} .mzb-layout-2 .mzb-post-entry-meta a  {color: {{VALUE}}; }"}]},"metaLinkHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover, {{WRAPPER}} .mzb-layout-2 .mzb-post-entry-meta a {color: {{VALUE}}; }"}]},"enableExcerpt":{"type":"boolean","default":false},"excerptLimit":{"type":"number","default":20},"excerptColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }"}]},"excerptMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-entry-summary p { margin: {{VALUE}}; }"}]},"enableReadMore":{"type":"boolean","default":false},"readMoreText":{"type":"string","default":"Read More"},"readMoreColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a {color: {{VALUE}}; }"}]},"readMoreBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a"}]},"readMorewHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a:hover {color: {{VALUE}}; }"}]},"readMoreHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a:hover"}]},"readMoreSpacing":{"type":"object","style":[{"selector":"{{WRAPPER}}  .mzb-read-more { margin-top: {{VALUE}} }"}]},"readMorePadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"}]},"readMoreBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a"}]},"readMoreHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a:hover"}]}},"readMoreBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a"}]},"readMoreBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a:hover"}]},"enablePagination":{"type":"boolean","default":false},"paginationAlignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }"}]},"paginationColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }"}]},"paginationBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }"}]},"paginationHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"paginationPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }"}]},"paginationBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"page":{"type":"number","default":1},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/grid-module/components/InspectorControls.tsx





var grid_module_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref, _ref3, _ref5;
  var _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    gap = _props$attributes.gap,
    category = _props$attributes.category,
    tag = _props$attributes.tag,
    orderBy = _props$attributes.orderBy,
    orderType = _props$attributes.orderType,
    authorName = _props$attributes.authorName,
    excludedCategory = _props$attributes.excludedCategory,
    column = _props$attributes.column,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    label = _props$attributes.label,
    enableHeading = _props$attributes.enableHeading,
    headingColor = _props$attributes.headingColor,
    headingHoverColor = _props$attributes.headingHoverColor,
    headingBorderColor = _props$attributes.headingBorderColor,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    featuredImageHeight = _props$attributes.featuredImageHeight,
    hoverAnimation = _props$attributes.hoverAnimation,
    metaPosition = _props$attributes.metaPosition,
    metaIconColor = _props$attributes.metaIconColor,
    metaLinkColor = _props$attributes.metaLinkColor,
    metaLinkHoverColor = _props$attributes.metaLinkHoverColor,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptColor = _props$attributes.excerptColor,
    excerptMargin = _props$attributes.excerptMargin,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    readMoreColor = _props$attributes.readMoreColor,
    readMorewHoverColor = _props$attributes.readMorewHoverColor,
    readMoreBackground = _props$attributes.readMoreBackground,
    readMoreHoverBackground = _props$attributes.readMoreHoverBackground,
    readMoreSpacing = _props$attributes.readMoreSpacing,
    readMorePadding = _props$attributes.readMorePadding,
    readMoreBorder = _props$attributes.readMoreBorder,
    readMoreHoverBorder = _props$attributes.readMoreHoverBorder,
    readMoreBoxShadow = _props$attributes.readMoreBoxShadow,
    readMoreBoxShadowHover = _props$attributes.readMoreBoxShadowHover,
    enablePagination = _props$attributes.enablePagination,
    paginationAlignment = _props$attributes.paginationAlignment,
    paginationColor = _props$attributes.paginationColor,
    paginationBackground = _props$attributes.paginationBackground,
    paginationHoverColor = _props$attributes.paginationHoverColor,
    paginationHoverBackground = _props$attributes.paginationHoverBackground,
    paginationPadding = _props$attributes.paginationPadding,
    paginationBorder = _props$attributes.paginationBorder,
    paginationBoxShadow = _props$attributes.paginationBoxShadow,
    paginationHoverBorder = _props$attributes.paginationHoverBorder,
    paginationBoxShadowHover = _props$attributes.paginationBoxShadowHover,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    authorOptions = props.authorOptions;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout: val
      });
    },
    value: layout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "layout-1" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-1-style-1",
      icon: "grid_module_layout1_style1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Style 2", "magazine-blocks"),
      value: "layout-1-style-2",
      icon: "grid_module_layout1_style2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "layout-2" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-2-style-1",
      icon: "grid_module_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        gap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: gap
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: column,
    onChange: function onChange(val) {
      return setAttributes({
        column: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column", "magazine-blocks"),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("2", "magazine-blocks"),
      value: "2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("4", "magazine-blocks"),
      value: "4"
    }]
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag,
    onChange: function onChange(val) {
      return setAttributes({
        tag: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref3 = tags !== null && tags !== void 0 ? tags : []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (_ref4) {
      var name = _ref4.name,
        id = _ref4.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy: val
      });
    },
    value: orderBy,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType: val
      });
    },
    value: orderType,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: toConsumableArray_toConsumableArray((_ref5 = categories !== null && categories !== void 0 ? categories : []) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (_ref6) {
      var name = _ref6.name,
        id = _ref6.id;
      return {
        label: name,
        value: id.toString()
      };
    })),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName: val
      });
    },
    value: authorName,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Heading", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableHeading,
    onChange: function onChange() {
      return setAttributes({
        enableHeading: !enableHeading
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(input_Input, {
    onChange: function onChange(val) {
      return setAttributes({
        label: val
      });
    },
    labelPosition: "top",
    label: (0,external_wp_i18n_namespaceObject.__)("Label", "magazine-blocks"),
    value: label || ""
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingHoverColor || ""
  }))), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBorderColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: headingBorderColor
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        featuredImageHeight: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Height", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 150,
    max: 1000,
    value: featuredImageHeight
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom In", "magazine-blocks"),
      value: "zoomIn"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom Out", "magazine-blocks"),
      value: "zoomOut"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Opacity", "magazine-blocks"),
      value: "opacity"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Left", "magazine-blocks"),
      value: "rotateLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Right", "magazine-blocks"),
      value: "rotateRight"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Left", "magazine-blocks"),
      value: "slideLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Right", "magazine-blocks"),
      value: "slideRight"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        hoverAnimation: val
      });
    },
    value: hoverAnimation,
    label: (0,external_wp_i18n_namespaceObject.__)("Hover Animation", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Meta", "magazine-blocks")
  }, (enableDate || enableAuthor) && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: metaPosition,
    inline: true,
    onChange: function onChange(val) {
      return setAttributes({
        metaPosition: val
      });
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "bottom",
      icon: "align-bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableAuthor,
    onChange: function onChange() {
      return setAttributes({
        enableAuthor: !enableAuthor
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Author", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableDate,
    onChange: function onChange() {
      return setAttributes({
        enableDate: !enableDate
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks")
  }), enableDate && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaIconColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Icon Color", "magazine-blocks"),
    value: metaIconColor || ""
  }), (true === enableAuthor || true === enableDate) && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Excerpt", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableExcerpt,
    onChange: function onChange() {
      return setAttributes({
        enableExcerpt: !enableExcerpt
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptLimit: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Limit", "magazine-blocks"),
    min: 0,
    max: 500,
    step: 1,
    value: excerptLimit
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: excerptColor || ""
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: excerptMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        excerptMargin: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Read More", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableReadMore,
    onChange: function onChange() {
      return setAttributes({
        enableReadMore: !enableReadMore
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: readMoreText,
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        readMoreText: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMorewHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMorewHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableReadMore && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreSpacing: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: readMoreSpacing
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: readMorePadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        readMorePadding: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: readMoreBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: readMoreBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: readMoreHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: readMoreBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Pagination", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enablePagination,
    onChange: function onChange() {
      return setAttributes({
        enablePagination: !enablePagination
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        paginationAlignment: val
      });
    },
    value: paginationAlignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        paginationBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enablePagination && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: paginationPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        paginationPadding: val
      });
    }
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: paginationBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: paginationBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: paginationHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: paginationBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const grid_module_components_InspectorControls = (grid_module_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/grid-module/Edit.tsx

function grid_module_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function grid_module_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? grid_module_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : grid_module_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var grid_module_Edit_Edit = function Edit(props) {
  var _classnames;
  var posts = props.posts,
    className = props.className,
    _props$attributes = props.attributes,
    hoverAnimation = _props$attributes.hoverAnimation,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    category = _props$attributes.category,
    column = _props$attributes.column,
    size = _props$attributes.size,
    label = _props$attributes.label,
    enableHeading = _props$attributes.enableHeading,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    enablePagination = _props$attributes.enablePagination,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "grid-module",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var classNames = classnames_default()("mzb-grid-module mzb-grid-module-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var classNames2 = classnames_default()("mzb-posts mzb-".concat(layout, " mzb-post-col--").concat(column || "4"), (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(layout1AdvancedStyle), layout === "layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(layout2AdvancedStyle), layout === "layout-2"), _classnames));
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / 4),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(grid_module_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, enableHeading === true && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-post-heading"
  }, /*#__PURE__*/external_React_default().createElement("h2", null, " ", label, " ")), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (posts || []).map(function (post, idx) {
    var _post$magazine_blocks;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post",
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.full) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image ".concat(hoverAnimation)
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, metaPosition === "bottom" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered)), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor === true && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "author-display-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.magazine_blocks_author.author_link
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate === true &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " ")))), metaPosition === "top" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor === true && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "author-display-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.magazine_blocks_author.author_link
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate === true &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered))), (enableExcerpt || enableReadMore) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.excerpt.rendered
    }, readMoreText)))));
  }), enablePagination && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-pagination-numbers"
  }, pagination)))));
};

// @ts-ignore
/* harmony default export */ const grid_module_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory,
    page = _props$attributes2.page;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", grid_module_Edit_objectSpread(grid_module_Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      per_page: 4,
      page: page,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(grid_module_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/grid-module/index.tsx

function grid_module_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function grid_module_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? grid_module_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : grid_module_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var grid_module_name = grid_module_block_namespaceObject.name;
var grid_module_settings = grid_module_objectSpread(grid_module_objectSpread({}, grid_module_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "gridModule",
    size: 24
  }),
  attributes: grid_module_attributes,
  edit: grid_module_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-posts/attributes.js

function featured_posts_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function featured_posts_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? featured_posts_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : featured_posts_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

/* harmony default export */ const featured_posts_attributes = (featured_posts_attributes_objectSpread({
  clientId: {
    type: String
  },
  category: {
    type: String,
    "default": 'all'
  },
  tag: {
    type: String,
    "default": 'all'
  },
  orderBy: {
    type: String,
    "default": 'date'
  },
  orderType: {
    type: String,
    "default": 'desc'
  },
  authorName: {
    type: String,
    "default": ''
  },
  excludedCategory: {
    type: String,
    "default": ''
  },
  layout: {
    type: 'string',
    "default": 'layout-1'
  },
  layout1AdvancedStyle: {
    type: 'string',
    "default": 'layout-1-style-1'
  },
  layout2AdvancedStyle: {
    type: 'string',
    "default": 'layout-2-style-1'
  },
  postCount: {
    type: Number,
    "default": 4
  },
  metaColor: {
    type: String,
    style: [{
      selector: '{{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }'
    }]
  },
  page: {
    type: Number,
    "default": 1
  },
  size: {
    type: String
  },
  column: {
    type: Number,
    "default": 1
  },
  postBoxBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post'
    }]
  },
  postBoxedBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post'
    }]
  },
  postBoxedBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:hover'
    }]
  },
  enableHeading: {
    type: Boolean,
    "default": true
  },
  headingLayout: {
    type: 'string',
    "default": 'heading-layout-1'
  },
  headingLayout1AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-1-style-1'
  },
  headingLayout2AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-2-style-1'
  },
  headingColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }'
    }]
  },
  headingHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }'
    }]
  },
  headingBorderColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }'
    }]
  },
  headingBackground: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }'
    }]
  },
  highlightedPostTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post.mzb-first-post--highlight .mzb-post-title a'
    }]
  },
  enableFeaturedImage: {
    type: Boolean,
    "default": true
  },
  hoverAnimation: {
    type: String,
    "default": 'none'
  },
  postTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:not(:first-child) .mzb-post-title a'
    }]
  },
  postTitleMarkup: {
    type: 'string',
    "default": 'h3'
  },
  postTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }'
    }]
  },
  postTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }'
    }]
  },
  enableCategory: {
    type: Boolean,
    "default": true
  },
  categoryColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a {color: {{VALUE}}; }'
    }]
  },
  categoryBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover {fill: {{VALUE}}; }'
    }]
  },
  categoryHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  categoryPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a { padding: {{VALUE}}; }'
    }]
  },
  categoryBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  categoryBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  enableComment: {
    type: Boolean,
    "default": true
  },
  enableAuthor: {
    type: Boolean,
    "default": true
  },
  enableDate: {
    type: Boolean,
    "default": true
  },
  metaPosition: {
    type: 'string',
    "default": 'bottom'
  },
  metaIconColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }'
    }]
  },
  metaLinkColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }'
    }]
  },
  metaLinkHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }'
    }]
  },
  enableExcerpt: {
    type: Boolean,
    "default": false
  },
  excerptColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-entry-summary p {color: {{VALUE}}; }'
    }]
  },
  excerptMargin: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }'
    }]
  },
  enableReadMore: {
    type: Boolean,
    "default": false
  },
  readMoreText: {
    type: String,
    "default": 'Read More'
  },
  readMoreColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a {color: {{VALUE}}; }'
    }]
  },
  readMoreBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMorewHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-read-more a:hover {color: {{VALUE}}; }'
    }]
  },
  readMoreHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreSpacing: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }'
    }]
  },
  readMorePadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }'
    }]
  },
  readMoreBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  excerptLimit: {
    type: Number,
    "default": 20
  },
  enablePagination: {
    type: Boolean,
    "default": false
  },
  paginationAlignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }'
    }]
  },
  paginationColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }'
    }]
  },
  paginationBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }'
    }]
  },
  paginationHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  paginationPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }'
    }]
  },
  paginationBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  }
}, components_namespaceObject.blockAttributes));
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-posts/block.json
const featured_posts_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/featured-posts","title":"Featured Posts","description":"Feature posts from selected category","keywords":["featured","post","featured-posts"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"category":{"type":"string","default":"all"},"tag":{"type":"string","default":"all"},"orderBy":{"type":"string","default":"date"},"orderType":{"type":"string","default":"desc"},"authorName":{"type":"string","default":""},"excludedCategory":{"type":"string","default":""},"layout":{"type":"string","default":"layout-1"},"layout1AdvancedStyle":{"type":"string","default":"layout-1-style-1"},"layout2AdvancedStyle":{"type":"string","default":"layout-2-style-1"},"postCount":{"type":"number","default":4},"metaColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }"}]},"page":{"type":"number","default":1},"size":{"type":"string"},"column":{"type":"number","default":1},"postBoxBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post"}]},"postBoxedBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post"}]},"postBoxedBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post:hover"}]},"enableHeading":{"type":"boolean","default":true},"headingLayout":{"type":"string","default":"heading-layout-1"},"headingLayout1AdvancedStyle":{"type":"string","default":"heading-layout-1-style-1"},"headingLayout2AdvancedStyle":{"type":"string","default":"heading-layout-2-style-1"},"headingColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }"}]},"headingHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }"}]},"headingBorderColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }"}]},"headingBackground":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }"}]},"highlightedPostTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post.mzb-first-post--highlight .mzb-post-title a"}]},"enableFeaturedImage":{"type":"boolean","default":true},"hoverAnimation":{"type":"string","default":"none"},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post:not(:first-child) .mzb-post-title a"}]},"postTitleMarkup":{"type":"string","default":"h3"},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"enableCategory":{"type":"boolean","default":true},"categoryColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a {color: {{VALUE}}; }"}]},"categoryBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover {fill: {{VALUE}}; }"}]},"categoryHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"categoryPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a { padding: {{VALUE}}; }"}]},"categoryBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"categoryBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"enableComment":{"type":"boolean","default":true},"enableAuthor":{"type":"boolean","default":true},"enableDate":{"type":"boolean","default":true},"metaPosition":{"type":"string","default":"bottom"},"metaIconColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"}]},"metaLinkColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a, {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }"}]},"metaLinkHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a:hover, {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }"}]},"enableExcerpt":{"type":"boolean","default":false},"excerptColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-entry-summary p {color: {{VALUE}}; }"}]},"excerptMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }"}]},"enableReadMore":{"type":"boolean","default":false},"readMoreText":{"type":"string","default":"Read More"},"readMoreColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a {color: {{VALUE}}; }"}]},"readMoreBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMorewHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-read-more a:hover {color: {{VALUE}}; }"}]},"readMoreHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreSpacing":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }"}]},"readMorePadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"}]},"readMoreBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"excerptLimit":{"type":"number","default":20},"enablePagination":{"type":"boolean","default":false},"paginationAlignment":{"type":"object","default":"left","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }"}]},"paginationColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }"}]},"paginationBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }"}]},"paginationHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"paginationPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }"}]},"paginationBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-posts/components/InspectorControls.tsx





var featured_posts_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref, _ref3, _ref5;
  var _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    column = _props$attributes.column,
    category = _props$attributes.category,
    tag = _props$attributes.tag,
    orderBy = _props$attributes.orderBy,
    orderType = _props$attributes.orderType,
    authorName = _props$attributes.authorName,
    excludedCategory = _props$attributes.excludedCategory,
    postCount = _props$attributes.postCount,
    postBoxBackground = _props$attributes.postBoxBackground,
    postBoxedBoxShadow = _props$attributes.postBoxedBoxShadow,
    postBoxedBoxShadowHover = _props$attributes.postBoxedBoxShadowHover,
    enableHeading = _props$attributes.enableHeading,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingColor = _props$attributes.headingColor,
    headingHoverColor = _props$attributes.headingHoverColor,
    headingBorderColor = _props$attributes.headingBorderColor,
    headingBackground = _props$attributes.headingBackground,
    highlightedPostTitleTypography = _props$attributes.highlightedPostTitleTypography,
    enableFeaturedImage = _props$attributes.enableFeaturedImage,
    hoverAnimation = _props$attributes.hoverAnimation,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleMarkup = _props$attributes.postTitleMarkup,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    enableCategory = _props$attributes.enableCategory,
    categoryColor = _props$attributes.categoryColor,
    categoryBackground = _props$attributes.categoryBackground,
    categoryHoverColor = _props$attributes.categoryHoverColor,
    categoryHoverBackground = _props$attributes.categoryHoverBackground,
    categoryPadding = _props$attributes.categoryPadding,
    categoryBorder = _props$attributes.categoryBorder,
    categoryBoxShadow = _props$attributes.categoryBoxShadow,
    categoryHoverBorder = _props$attributes.categoryHoverBorder,
    categoryBoxShadowHover = _props$attributes.categoryBoxShadowHover,
    enableComment = _props$attributes.enableComment,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    metaIconColor = _props$attributes.metaIconColor,
    metaLinkColor = _props$attributes.metaLinkColor,
    metaLinkHoverColor = _props$attributes.metaLinkHoverColor,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptColor = _props$attributes.excerptColor,
    excerptLimit = _props$attributes.excerptLimit,
    excerptMargin = _props$attributes.excerptMargin,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    readMoreColor = _props$attributes.readMoreColor,
    readMorewHoverColor = _props$attributes.readMorewHoverColor,
    readMoreBackground = _props$attributes.readMoreBackground,
    readMoreHoverBackground = _props$attributes.readMoreHoverBackground,
    readMoreSpacing = _props$attributes.readMoreSpacing,
    readMorePadding = _props$attributes.readMorePadding,
    readMoreBorder = _props$attributes.readMoreBorder,
    readMoreHoverBorder = _props$attributes.readMoreHoverBorder,
    readMoreBoxShadow = _props$attributes.readMoreBoxShadow,
    readMoreBoxShadowHover = _props$attributes.readMoreBoxShadowHover,
    enablePagination = _props$attributes.enablePagination,
    paginationAlignment = _props$attributes.paginationAlignment,
    paginationColor = _props$attributes.paginationColor,
    paginationBackground = _props$attributes.paginationBackground,
    paginationHoverColor = _props$attributes.paginationHoverColor,
    paginationHoverBackground = _props$attributes.paginationHoverBackground,
    paginationPadding = _props$attributes.paginationPadding,
    paginationBorder = _props$attributes.paginationBorder,
    paginationBoxShadow = _props$attributes.paginationBoxShadow,
    paginationHoverBorder = _props$attributes.paginationHoverBorder,
    paginationBoxShadowHover = _props$attributes.paginationBoxShadowHover,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    authorOptions = props.authorOptions;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout: val
      });
    },
    value: layout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "layout-1" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-1-style-1",
      icon: "featured_post_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "layout-2" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-2-style-1",
      icon: "featured_post_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "layout-1" === layout && /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: column,
    onChange: function onChange(val) {
      return setAttributes({
        column: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column", "magazine-blocks"),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("1", "magazine-blocks"),
      value: "1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("2", "magazine-blocks"),
      value: "2"
    }]
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag,
    onChange: function onChange(val) {
      return setAttributes({
        tag: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref3 = tags !== null && tags !== void 0 ? tags : []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (_ref4) {
      var name = _ref4.name,
        id = _ref4.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy: val
      });
    },
    value: orderBy,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType: val
      });
    },
    value: orderType,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: toConsumableArray_toConsumableArray((_ref5 = categories !== null && categories !== void 0 ? categories : []) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (_ref6) {
      var name = _ref6.name,
        id = _ref6.id;
      return {
        label: name,
        value: id.toString()
      };
    })),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName: val
      });
    },
    value: authorName,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Post Count", "magazine-blocks"),
    value: postCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        postCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Box", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        postBoxBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: postBoxBackground
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    value: postBoxedBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        postBoxedBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    value: postBoxedBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        postBoxedBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Heading", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableHeading,
    onChange: function onChange() {
      return setAttributes({
        enableHeading: !enableHeading
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "heading-layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "heading-layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout: val
      });
    },
    value: headingLayout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "heading-layout-1" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-1-style-1",
      icon: "heading_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: headingLayout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-2-style-1",
      icon: "heading_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: headingLayout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingColor || ""
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBorderColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: headingBorderColor
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: headingBackground !== null && headingBackground !== void 0 ? headingBackground : ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Highlighted Post", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: highlightedPostTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        highlightedPostTitleTypography: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableFeaturedImage,
    onChange: function onChange() {
      return setAttributes({
        enableFeaturedImage: !enableFeaturedImage
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableFeaturedImage && /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom In", "magazine-blocks"),
      value: "zoomIn"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom Out", "magazine-blocks"),
      value: "zoomOut"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Opacity", "magazine-blocks"),
      value: "opacity"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Left", "magazine-blocks"),
      value: "rotateLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Right", "magazine-blocks"),
      value: "rotateRight"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Left", "magazine-blocks"),
      value: "slideLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Right", "magazine-blocks"),
      value: "slideRight"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        hoverAnimation: val
      });
    },
    value: hoverAnimation,
    label: (0,external_wp_i18n_namespaceObject.__)("Hover Animation", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("H1", "magazine-blocks"),
      value: "h1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H2", "magazine-blocks"),
      value: "h2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H3", "magazine-blocks"),
      value: "h3"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H4", "magazine-blocks"),
      value: "h4"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H5", "magazine-blocks"),
      value: "h5"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H6", "magazine-blocks"),
      value: "h6"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        postTitleMarkup: val
      });
    },
    value: postTitleMarkup,
    label: (0,external_wp_i18n_namespaceObject.__)("HTML Markup", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Header Meta", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableCategory,
    onChange: function onChange() {
      return setAttributes({
        enableCategory: !enableCategory
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        categoryBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableCategory && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: categoryPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        categoryPadding: val
      });
    }
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: categoryBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: categoryBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: categoryHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: categoryBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadowHover: val
      });
    }
  }))), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableComment,
    onChange: function onChange() {
      return setAttributes({
        enableComment: !enableComment
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Comment", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Meta", "magazine-blocks")
  }, (enableDate || enableAuthor) && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: metaPosition,
    inline: true,
    onChange: function onChange(val) {
      return setAttributes({
        metaPosition: val
      });
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "bottom",
      icon: "align-bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableAuthor,
    onChange: function onChange() {
      return setAttributes({
        enableAuthor: !enableAuthor
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Author", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableDate,
    onChange: function onChange() {
      return setAttributes({
        enableDate: !enableDate
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks")
  }), enableDate && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaIconColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Icon Color", "magazine-blocks"),
    value: metaIconColor || ""
  }), (true === enableAuthor || true === enableDate) && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Excerpt", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableExcerpt,
    onChange: function onChange() {
      return setAttributes({
        enableExcerpt: !enableExcerpt
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excerpt Color", "magazine-blocks"),
    value: excerptColor || ""
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Limit", "magazine-blocks"),
    value: excerptLimit,
    step: 1,
    min: 1,
    max: 20,
    onChange: function onChange(val) {
      return setAttributes({
        excerptLimit: val
      });
    }
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: excerptMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        excerptMargin: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Read More", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableReadMore,
    onChange: function onChange() {
      return setAttributes({
        enableReadMore: !enableReadMore
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: readMoreText,
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        readMoreText: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMorewHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMorewHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableReadMore && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreSpacing: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: readMoreSpacing
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: readMorePadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        readMorePadding: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: readMoreBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: readMoreBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: readMoreHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: readMoreBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Pagination", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enablePagination,
    onChange: function onChange() {
      return setAttributes({
        enablePagination: !enablePagination
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        paginationAlignment: val
      });
    },
    value: paginationAlignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        paginationBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enablePagination && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: paginationPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        paginationPadding: val
      });
    }
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: paginationBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: paginationBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: paginationHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: paginationBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const featured_posts_components_InspectorControls = (featured_posts_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-posts/Edit.tsx

function featured_posts_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function featured_posts_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? featured_posts_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : featured_posts_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var featured_posts_Edit_Edit = function Edit(props) {
  var _classnames, _classnames2, _categories$currentCa;
  var posts = props.posts,
    className = props.className,
    _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    column = _props$attributes.column,
    category = _props$attributes.category,
    postCount = _props$attributes.postCount,
    enableHeading = _props$attributes.enableHeading,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    enableFeaturedImage = _props$attributes.enableFeaturedImage,
    hoverAnimation = _props$attributes.hoverAnimation,
    postTitleMarkup = _props$attributes.postTitleMarkup,
    enableCategory = _props$attributes.enableCategory,
    enableComment = _props$attributes.enableComment,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptLimit = _props$attributes.excerptLimit,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    size = _props$attributes.size,
    enablePagination = _props$attributes.enablePagination,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "featured-posts",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var currentCategoryIndex = (0,external_wp_element_namespaceObject.useMemo)(function () {
    return categories ? categories.findIndex(function (cat) {
      return cat.id === parseInt(category);
    }) : -1; // Use -1 or another appropriate default value
  }, [category, categories]);
  var classNames = classnames_default()("mzb-featured-posts mzb-featured-posts-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var classNames2 = classnames_default()("mzb-posts mzb-".concat(layout, " mzb-post-col--").concat(column || "1", " "), (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(layout1AdvancedStyle), layout === "layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(layout2AdvancedStyle), layout === "layout-2"), _classnames));
  var classNames3 = classnames_default()("mzb-post-heading mzb-".concat(headingLayout), (_classnames2 = {}, defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames2));
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / postCount),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(featured_posts_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, enableHeading === true && /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames3
  }, " ", /*#__PURE__*/external_React_default().createElement("h2", null, (categories === null || categories === void 0 || (_categories$currentCa = categories[currentCategoryIndex]) === null || _categories$currentCa === void 0 ? void 0 : _categories$currentCa.name) || "Latest")), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (posts || []).map(function (post, idx) {
    var _post$magazine_blocks;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");

    // @ts-ignore
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post ".concat(1 === parseInt(column || "1") && 0 === idx || 2 === parseInt(column || "1") && (0 === idx || 1 === idx) ? "mzb-first-post--highlight" : ""),
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.full) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && enableFeaturedImage && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image ".concat(hoverAnimation)
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, (enableCategory || enableComment) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-meta"
    }, enableCategory && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-categories",
      dangerouslySetInnerHTML: {
        __html: post.magazine_blocks_category
      }
    }), enableComment && /*#__PURE__*/external_React_default().createElement("span", {
      className: "comments-link"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "frontendIcon",
      name: "commentIcon",
      size: 24
    }), " ", post.magazine_blocks_comment)), (enableAuthor || enableDate) && "top" === metaPosition && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "post-author-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(postTitleMarkup, {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, post.title.rendered))), (enableAuthor || enableDate) && "bottom" === metaPosition && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "post-author-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), (enableExcerpt || enableReadMore) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, readMoreText)))));
  }))), enablePagination && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-pagination-numbers"
  }, pagination)));
};

// @ts-ignore
/* harmony default export */ const featured_posts_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    postCount = _props$attributes2.postCount,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory,
    page = _props$attributes2.page;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", featured_posts_Edit_objectSpread(featured_posts_Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      per_page: postCount,
      page: page,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(featured_posts_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-posts/index.tsx

function featured_posts_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function featured_posts_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? featured_posts_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : featured_posts_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var featured_posts_name = featured_posts_block_namespaceObject.name;
var featured_posts_settings = featured_posts_objectSpread(featured_posts_objectSpread({}, featured_posts_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "featuredPosts",
    size: 24
  }),
  attributes: featured_posts_attributes,
  edit: featured_posts_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-categories/attributes.ts

function featured_categories_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function featured_categories_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? featured_categories_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : featured_categories_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var featured_categories_attributes_attributes = featured_categories_attributes_objectSpread({
  clientId: {
    type: String
  },
  alignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post .mzb-post-entry-meta {justify-content: {{VALUE}}; }'
    }]
  },
  category: {
    type: String,
    "default": 'all'
  },
  category2: {
    type: String,
    "default": 'all'
  },
  tag: {
    type: String,
    "default": 'all'
  },
  tag2: {
    type: String,
    "default": 'all'
  },
  excludedCategory: {
    type: String,
    "default": ''
  },
  excludedCategory2: {
    type: String,
    "default": ''
  },
  postCount: {
    type: Number,
    "default": 4
  },
  metaColor: {
    type: String,
    style: [{
      selector: '{{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }'
    }]
  },
  page: {
    type: Number,
    "default": 1
  },
  size: {
    type: String
  },
  postBoxBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post'
    }]
  },
  postBoxedBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post'
    }]
  },
  postBoxedBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:hover'
    }]
  },
  headingLayout: {
    type: 'string',
    "default": 'heading-layout-1'
  },
  headingLayout1AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-1-style-1'
  },
  headingLayout2AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-2-style-1'
  },
  headingColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }'
    }]
  },
  headingHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }'
    }]
  },
  headingBorderColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }'
    }]
  },
  headingBackground: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }'
    }]
  },
  highlightedPostTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:nth-child(2) .mzb-post-content .mzb-post-title a'
    }]
  },
  postTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:not(:first-child) .mzb-post-title a'
    }]
  },
  postTitleMarkup: {
    type: 'string',
    "default": 'h3'
  },
  postTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }'
    }]
  },
  postTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }'
    }]
  },
  hoverAnimation: {
    type: String,
    "default": 'none'
  },
  enableCategory: {
    type: Boolean,
    "default": true
  },
  categoryColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a {color: {{VALUE}}; }'
    }]
  },
  categoryBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover {fill: {{VALUE}}; }'
    }]
  },
  categoryHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  categoryPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a { padding: {{VALUE}}; }'
    }]
  },
  categoryBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  categoryBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover'
    }]
  },
  enableComment: {
    type: Boolean,
    "default": true
  },
  metaPosition: {
    type: 'string',
    "default": 'bottom'
  },
  enableMeta: {
    type: Boolean,
    "default": true
  },
  metaIconColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }'
    }]
  },
  metaLinkColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }'
    }]
  },
  metaLinkHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a:hover {color: {{VALUE}}; }'
    }]
  },
  enableExcerpt: {
    type: Boolean,
    "default": false
  },
  excerptColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post .mzb-entry-summary p {color: {{VALUE}}; }'
    }]
  },
  excerptMargin: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }'
    }]
  },
  enableReadMore: {
    type: Boolean,
    "default": false
  },
  readMoreText: {
    type: String,
    "default": 'Read More'
  },
  readMoreColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }'
    }]
  },
  readMoreBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }'
    }]
  },
  readMoreHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreSpacing: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }'
    }]
  },
  readMorePadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }'
    }]
  },
  readMoreBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  excerptLimit: {
    type: Number,
    "default": 20
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const featured_categories_attributes = (featured_categories_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-categories/block.json
const featured_categories_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/featured-categories","title":"Featured Categories","description":"Feature various categories and their posts","keywords":["featured","featured-categories"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post .mzb-post-entry-meta {justify-content: {{VALUE}}; }"}]},"category":{"type":"string","default":"all"},"category2":{"type":"string","default":"all"},"tag":{"type":"string","default":"all"},"tag2":{"type":"string","default":"all"},"excludedCategory":{"type":"string","default":""},"excludedCategory2":{"type":"string","default":""},"postCount":{"type":"number","default":4},"metaColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }"}]},"page":{"type":"number","default":1},"size":{"type":"string"},"postBoxBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post"}]},"postBoxedBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post"}]},"postBoxedBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post:hover"}]},"headingLayout":{"type":"string","default":"heading-layout-1"},"headingLayout1AdvancedStyle":{"type":"string","default":"heading-layout-1-style-1"},"headingLayout2AdvancedStyle":{"type":"string","default":"heading-layout-2-style-1"},"headingColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }"}]},"headingHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }"}]},"headingBorderColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }"}]},"headingBackground":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }"}]},"highlightedPostTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post:nth-child(2) .mzb-post-content .mzb-post-title a"}]},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post:not(:first-child) .mzb-post-title a"}]},"postTitleMarkup":{"type":"string","default":"h3"},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"hoverAnimation":{"type":"string","default":"none"},"enableCategory":{"type":"boolean","default":true},"categoryColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a {color: {{VALUE}}; }"}]},"categoryBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover {fill: {{VALUE}}; }"}]},"categoryHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"categoryPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a { padding: {{VALUE}}; }"}]},"categoryBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"categoryBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover"}]},"enableComment":{"type":"boolean","default":true},"metaPosition":{"type":"string","default":"bottom"},"enableMeta":{"type":"boolean","default":true},"metaIconColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"}]},"metaLinkColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }"}]},"metaLinkHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a:hover {color: {{VALUE}}; }"}]},"enableExcerpt":{"type":"boolean","default":false},"excerptColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post .mzb-entry-summary p {color: {{VALUE}}; }"}]},"excerptMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }"}]},"enableReadMore":{"type":"boolean","default":false},"readMoreText":{"type":"string","default":"Read More"},"readMoreColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }"}]},"readMoreBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }"}]},"readMoreHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreSpacing":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }"}]},"readMorePadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"}]},"readMoreBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"excerptLimit":{"type":"number","default":20},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-categories/components/InspectorControls.tsx





var featured_categories_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref, _ref3, _ref5, _ref7, _ref9, _ref11;
  var _props$attributes = props.attributes,
    alignment = _props$attributes.alignment,
    category = _props$attributes.category,
    category2 = _props$attributes.category2,
    tag = _props$attributes.tag,
    tag2 = _props$attributes.tag2,
    orderBy = _props$attributes.orderBy,
    orderBy2 = _props$attributes.orderBy2,
    orderType = _props$attributes.orderType,
    orderType2 = _props$attributes.orderType2,
    authorName = _props$attributes.authorName,
    authorName2 = _props$attributes.authorName2,
    excludedCategory = _props$attributes.excludedCategory,
    excludedCategory2 = _props$attributes.excludedCategory2,
    postCount = _props$attributes.postCount,
    postBoxBackground = _props$attributes.postBoxBackground,
    postBoxedBoxShadow = _props$attributes.postBoxedBoxShadow,
    postBoxedBoxShadowHover = _props$attributes.postBoxedBoxShadowHover,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingColor = _props$attributes.headingColor,
    headingHoverColor = _props$attributes.headingHoverColor,
    headingBorderColor = _props$attributes.headingBorderColor,
    headingBackground = _props$attributes.headingBackground,
    highlightedPostTitleTypography = _props$attributes.highlightedPostTitleTypography,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleMarkup = _props$attributes.postTitleMarkup,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    hoverAnimation = _props$attributes.hoverAnimation,
    enableCategory = _props$attributes.enableCategory,
    categoryColor = _props$attributes.categoryColor,
    categoryBackground = _props$attributes.categoryBackground,
    categoryHoverColor = _props$attributes.categoryHoverColor,
    categoryHoverBackground = _props$attributes.categoryHoverBackground,
    categoryPadding = _props$attributes.categoryPadding,
    categoryBorder = _props$attributes.categoryBorder,
    categoryBoxShadow = _props$attributes.categoryBoxShadow,
    categoryHoverBorder = _props$attributes.categoryHoverBorder,
    categoryBoxShadowHover = _props$attributes.categoryBoxShadowHover,
    enableComment = _props$attributes.enableComment,
    metaPosition = _props$attributes.metaPosition,
    enableMeta = _props$attributes.enableMeta,
    metaIconColor = _props$attributes.metaIconColor,
    metaLinkColor = _props$attributes.metaLinkColor,
    metaLinkHoverColor = _props$attributes.metaLinkHoverColor,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptColor = _props$attributes.excerptColor,
    excerptLimit = _props$attributes.excerptLimit,
    excerptMargin = _props$attributes.excerptMargin,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    readMoreColor = _props$attributes.readMoreColor,
    readMoreHoverColor = _props$attributes.readMoreHoverColor,
    readMoreBackground = _props$attributes.readMoreBackground,
    readMoreHoverBackground = _props$attributes.readMoreHoverBackground,
    readMoreSpacing = _props$attributes.readMoreSpacing,
    readMorePadding = _props$attributes.readMorePadding,
    readMoreBorder = _props$attributes.readMoreBorder,
    readMoreHoverBorder = _props$attributes.readMoreHoverBorder,
    readMoreBoxShadow = _props$attributes.readMoreBoxShadow,
    readMoreBoxShadowHover = _props$attributes.readMoreBoxShadowHover,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    authorOptions = props.authorOptions;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    value: alignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "category-1"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "category-1"
  }, (0,external_wp_i18n_namespaceObject.__)("Category 1", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "category-2"
  }, (0,external_wp_i18n_namespaceObject.__)("Category 2", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "category-1"
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag,
    onChange: function onChange(val) {
      return setAttributes({
        tag: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref3 = tags !== null && tags !== void 0 ? tags : []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (_ref4) {
      var name = _ref4.name,
        id = _ref4.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy: val
      });
    },
    value: orderBy,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType: val
      });
    },
    value: orderType,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: toConsumableArray_toConsumableArray((_ref5 = categories !== null && categories !== void 0 ? categories : []) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (_ref6) {
      var name = _ref6.name,
        id = _ref6.id;
      return {
        label: name,
        value: id.toString()
      };
    })),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName: val
      });
    },
    value: authorName,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "category-2"
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category2,
    onChange: function onChange(val) {
      return setAttributes({
        category2: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref7 = categories !== null && categories !== void 0 ? categories : []) === null || _ref7 === void 0 ? void 0 : _ref7.map(function (_ref8) {
      var name = _ref8.name,
        id = _ref8.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag2,
    onChange: function onChange(val) {
      return setAttributes({
        tag2: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref9 = tags !== null && tags !== void 0 ? tags : []) === null || _ref9 === void 0 ? void 0 : _ref9.map(function (_ref10) {
      var name = _ref10.name,
        id = _ref10.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy2: val
      });
    },
    value: orderBy2,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType2: val
      });
    },
    value: orderType2,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory2,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory2: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: toConsumableArray_toConsumableArray((_ref11 = categories !== null && categories !== void 0 ? categories : []) === null || _ref11 === void 0 ? void 0 : _ref11.map(function (_ref12) {
      var name = _ref12.name,
        id = _ref12.id;
      return {
        label: name,
        value: id.toString()
      };
    })),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName2: val
      });
    },
    value: authorName2,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  }))), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Post Count", "magazine-blocks"),
    value: postCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        postCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Box", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        postBoxBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: postBoxBackground
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    value: postBoxedBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        postBoxedBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    value: postBoxedBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        postBoxedBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Heading", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "heading-layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "heading-layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout: val
      });
    },
    value: headingLayout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "heading-layout-1" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-1-style-1",
      icon: "heading_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: headingLayout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-2-style-1",
      icon: "heading_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: headingLayout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingColor || ""
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBorderColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: headingBorderColor
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: headingBackground !== null && headingBackground !== void 0 ? headingBackground : ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Highlighted Post", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: highlightedPostTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        highlightedPostTitleTypography: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("H1", "magazine-blocks"),
      value: "h1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H2", "magazine-blocks"),
      value: "h2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H3", "magazine-blocks"),
      value: "h3"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H4", "magazine-blocks"),
      value: "h4"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H5", "magazine-blocks"),
      value: "h5"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H6", "magazine-blocks"),
      value: "h6"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        postTitleMarkup: val
      });
    },
    value: postTitleMarkup,
    label: (0,external_wp_i18n_namespaceObject.__)("HTML Markup", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom In", "magazine-blocks"),
      value: "zoomIn"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom Out", "magazine-blocks"),
      value: "zoomOut"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Opacity", "magazine-blocks"),
      value: "opacity"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Left", "magazine-blocks"),
      value: "rotateLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Right", "magazine-blocks"),
      value: "rotateRight"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Left", "magazine-blocks"),
      value: "slideLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Right", "magazine-blocks"),
      value: "slideRight"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        hoverAnimation: val
      });
    },
    value: hoverAnimation,
    label: (0,external_wp_i18n_namespaceObject.__)("Hover Animation", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Header Meta", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableCategory,
    onChange: function onChange() {
      return setAttributes({
        enableCategory: !enableCategory
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks")
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        categoryBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableCategory && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: categoryPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        categoryPadding: val
      });
    }
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: categoryBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: categoryBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: categoryHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: categoryBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadowHover: val
      });
    }
  }))), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableComment,
    onChange: function onChange() {
      return setAttributes({
        enableComment: !enableComment
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Comment", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Meta", "magazine-blocks")
  }, enableMeta && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: metaPosition,
    inline: true,
    onChange: function onChange(val) {
      return setAttributes({
        metaPosition: val
      });
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "bottom",
      icon: "align-bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableMeta,
    onChange: function onChange() {
      return setAttributes({
        enableMeta: !enableMeta
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableMeta && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaIconColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Icon Color", "magazine-blocks"),
    value: metaIconColor || ""
  }), enableMeta && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Excerpt", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableExcerpt,
    onChange: function onChange() {
      return setAttributes({
        enableExcerpt: !enableExcerpt
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excerpt Color", "magazine-blocks"),
    value: excerptColor || ""
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Limit", "magazine-blocks"),
    value: excerptLimit,
    step: 1,
    min: 1,
    max: 20,
    onChange: function onChange(val) {
      return setAttributes({
        excerptLimit: val
      });
    }
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: excerptMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        excerptMargin: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Read More", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableReadMore,
    onChange: function onChange() {
      return setAttributes({
        enableReadMore: !enableReadMore
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: readMoreText,
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        readMoreText: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableReadMore && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreSpacing: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: readMoreSpacing
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: readMorePadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        readMorePadding: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: readMoreBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: readMoreBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: readMoreHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: readMoreBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const featured_categories_components_InspectorControls = (featured_categories_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-categories/Edit.tsx

function featured_categories_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function featured_categories_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? featured_categories_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : featured_categories_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var featured_categories_Edit_Edit = function Edit(props) {
  var _classnames, _classnames2, _categories$currentCa, _categories$currentCa2;
  var cat1 = props.cat1,
    cat2 = props.cat2,
    className = props.className,
    _props$attributes = props.attributes,
    category = _props$attributes.category,
    category2 = _props$attributes.category2,
    postCount = _props$attributes.postCount,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    postTitleMarkup = _props$attributes.postTitleMarkup,
    hoverAnimation = _props$attributes.hoverAnimation,
    enableCategory = _props$attributes.enableCategory,
    enableComment = _props$attributes.enableComment,
    metaPosition = _props$attributes.metaPosition,
    enableMeta = _props$attributes.enableMeta,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptLimit = _props$attributes.excerptLimit,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    size = _props$attributes.size,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "featured-categories",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var currentCategoryIndex2 = (0,external_wp_element_namespaceObject.useMemo)(function () {
    return categories.findIndex(function (cat) {
      return cat.id === parseInt(category2);
    });
  }, [category2, categories]);

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var currentCategoryIndex = (0,external_wp_element_namespaceObject.useMemo)(function () {
    return categories ? categories.findIndex(function (cat) {
      return cat.id === parseInt(category);
    }) : -1; // Use -1 or another appropriate default value
  }, [category, categories]);
  var classNames = classnames_default()("mzb-featured-categories mzb-featured-categories-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var classNames2 = classnames_default()("mzb-post-heading mzb-".concat(headingLayout), (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames));
  var classNames3 = classnames_default()("mzb-post-heading mzb-".concat(headingLayout), (_classnames2 = {}, defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames2));
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / postCount),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(featured_categories_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-category-posts"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-category-1-posts"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, " ", /*#__PURE__*/external_React_default().createElement("h2", null, (categories === null || categories === void 0 || (_categories$currentCa = categories[currentCategoryIndex]) === null || _categories$currentCa === void 0 ? void 0 : _categories$currentCa.name) || "Latest")), /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (cat1 || []).map(function (post, idx) {
    var _post$magazine_blocks;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post",
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.full) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image ".concat(hoverAnimation)
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, (enableCategory || enableComment) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-meta"
    }, enableCategory && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-categories",
      dangerouslySetInnerHTML: {
        __html: post.magazine_blocks_category
      }
    }), enableComment && /*#__PURE__*/external_React_default().createElement("span", {
      className: "comments-link"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "frontendIcon",
      name: "commentIcon",
      size: 24
    }), " ", post.magazine_blocks_comment)), enableMeta && "top" === metaPosition && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "post-author-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", post.magazine_blocks_author.display_name, " "), " "), /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(postTitleMarkup, {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, post.title.rendered))), enableMeta && "bottom" === metaPosition && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "post-author-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", post.magazine_blocks_author.display_name, " "), " "), /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), (enableExcerpt || enableReadMore) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, readMoreText)))));
  }))), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-category-2-posts"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, " ", /*#__PURE__*/external_React_default().createElement("h2", null, (categories === null || categories === void 0 || (_categories$currentCa2 = categories[currentCategoryIndex2]) === null || _categories$currentCa2 === void 0 ? void 0 : _categories$currentCa2.name) || "Latest")), /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (cat2 || []).map(function (post, idx) {
    var _post$magazine_blocks2;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post",
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks2 = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks2 === void 0 || (_post$magazine_blocks2 = _post$magazine_blocks2.full) === null || _post$magazine_blocks2 === void 0 ? void 0 : _post$magazine_blocks2[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image ".concat(hoverAnimation)
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, (enableCategory || enableComment) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-meta"
    }, enableCategory && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-categories",
      dangerouslySetInnerHTML: {
        __html: post.magazine_blocks_category
      }
    }), enableComment && /*#__PURE__*/external_React_default().createElement("span", {
      className: "comments-link"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "frontendIcon",
      name: "commentIcon",
      size: 24
    }), " ", post.magazine_blocks_comment)), enableMeta && "top" === metaPosition && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(postTitleMarkup, {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, post.title.rendered))), enableMeta && "bottom" === metaPosition && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), (enableExcerpt || enableReadMore) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, readMoreText)))));
  }))))));
};

// @ts-ignore
/* harmony default export */ const featured_categories_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    postCount = _props$attributes2.postCount,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory,
    page = _props$attributes2.page,
    category2 = _props$attributes2.category2,
    tag2 = _props$attributes2.tag2,
    orderBy2 = _props$attributes2.orderBy2,
    orderType2 = _props$attributes2.orderType2,
    authorName2 = _props$attributes2.authorName2,
    excludedCategory2 = _props$attributes2.excludedCategory2;
  var query = {
    order: order
  };
  return {
    cat1: getEntityRecords("postType", "post", featured_categories_Edit_objectSpread(featured_categories_Edit_objectSpread({}, query), {}, {
      per_page: postCount,
      page: page,
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    cat2: getEntityRecords("postType", "post", featured_categories_Edit_objectSpread(featured_categories_Edit_objectSpread({}, query), {}, {
      per_page: postCount,
      page: page,
      categories: "all" === category2 ? undefined : parseInt(category2),
      tags: "all" === tag2 ? undefined : tag2,
      orderby: orderBy2,
      order: orderType2,
      author: authorName2,
      categories_exclude: "" === excludedCategory2 ? [] : excludedCategory2
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(featured_categories_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/featured-categories/index.tsx

function featured_categories_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function featured_categories_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? featured_categories_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : featured_categories_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var featured_categories_name = featured_categories_block_namespaceObject.name;
var featured_categories_settings = featured_categories_objectSpread(featured_categories_objectSpread({}, featured_categories_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "featuredCategories",
    size: 24
  }),
  attributes: featured_categories_attributes,
  edit: featured_categories_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/tab-post/attributes.ts

function tab_post_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function tab_post_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? tab_post_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : tab_post_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var tab_post_attributes_attributes = tab_post_attributes_objectSpread({
  clientId: {
    type: String
  },
  postCount: {
    type: Number,
    "default": 4
  },
  postType: {
    type: String,
    "default": 'Post'
  },
  category: {
    type: String,
    "default": 'all'
  },
  page: {
    type: Number,
    "default": 1
  },
  size: {
    type: String
  },
  postTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a'
    }]
  },
  postTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }'
    }]
  },
  postTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }'
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const tab_post_attributes = (tab_post_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/tab-post/block.json
const tab_post_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/tab-post","title":"Tab Post","description":"Display the latest and popular posts in tabbed design","keywords":["tab-post","tab","post"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"postCount":{"type":"number","default":4},"postType":{"type":"string","default":"Post"},"category":{"type":"string","default":"all"},"page":{"type":"number","default":1},"size":{"type":"string"},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post-title a"}]},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/tab-post/components/InspectorControls.tsx




var tab_post_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    postCount = _props$attributes.postCount,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)('Query', 'magazine-blocks'),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)('Post Count', 'magazine-blocks'),
    value: postCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        postCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)('Post Title', 'magazine-blocks')
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)('Color', 'magazine-blocks'),
    value: postTitleColor || ''
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)('Color', 'magazine-blocks'),
    value: postTitleHoverColor || ''
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const tab_post_components_InspectorControls = (tab_post_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/tab-post/Edit.tsx












var tab_post_Edit_Edit = function Edit(props) {
  var latestPosts = props.latestPosts,
    popularPosts = props.popularPosts,
    className = props.className,
    _props$attributes = props.attributes,
    category = _props$attributes.category,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "tab-post",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var _useState = (0,external_wp_element_namespaceObject.useState)("latest"),
    _useState2 = slicedToArray_slicedToArray(_useState, 2),
    tab = _useState2[0],
    setTab = _useState2[1];

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var currentCategoryIndex = (0,external_wp_element_namespaceObject.useMemo)(function () {
    return categories ? categories.findIndex(function (cat) {
      return cat.id === parseInt(category);
    }) : -1; // Use -1 or another appropriate default value
  }, [category, categories]);
  var classNames = classnames_default()("mzb-tab-post mzb-tab-post-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / 4),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(tab_post_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-posts"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-tab-controls"
  }, /*#__PURE__*/external_React_default().createElement("div", {
    "data-value": "latest",
    onClick: function onClick(e) {
      var _getAttribute;
      setTab((_getAttribute = e.target.getAttribute("data-value")) !== null && _getAttribute !== void 0 ? _getAttribute : ""); // Provide a default value if null
    },

    className: "mzb-tab-title ".concat("latest" === tab ? "active" : "")
  }, "Latest"), /*#__PURE__*/external_React_default().createElement("div", {
    "data-value": "popular",
    onClick: function onClick(e) {
      var _getAttribute2;
      setTab((_getAttribute2 = e.target.getAttribute("data-value")) !== null && _getAttribute2 !== void 0 ? _getAttribute2 : ""); // Provide a default value if null
    },

    className: "mzb-tab-title ".concat("popular" === tab ? "active" : "")
  }, "Popular")), "latest" === tab && (latestPosts || []).map(function (post, idx) {
    var _post$magazine_blocks;
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post",
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.thumbnail) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.thumbnail[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered)), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))))));
  }), "popular" === tab && (popularPosts || []).map(function (post, idx) {
    var _post$magazine_blocks2;
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post",
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks2 = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks2 === void 0 || (_post$magazine_blocks2 = _post$magazine_blocks2.thumbnail) === null || _post$magazine_blocks2 === void 0 ? void 0 : _post$magazine_blocks2[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.thumbnail[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered)), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " ")))));
  }))));
};

// @ts-ignore
/* harmony default export */ const tab_post_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    postCount = _props$attributes2.postCount,
    page = _props$attributes2.page;
  return {
    latestPosts: getEntityRecords("postType", "post", {
      per_page: postCount,
      page: page,
      categories: "all" === category ? undefined : parseInt(category)
    }),
    popularPosts: (getEntityRecords("postType", "post", {
      per_page: -1
    }) || []).sort(function (a, b) {
      return (b.magazine_blocks_comment || 0) - (a.magazine_blocks_comment || 0);
    }).slice(0, postCount),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0
  };
})(tab_post_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/tab-post/index.tsx

function tab_post_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function tab_post_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? tab_post_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : tab_post_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var tab_post_name = tab_post_block_namespaceObject.name;
var tab_post_settings = tab_post_objectSpread(tab_post_objectSpread({}, tab_post_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "tabPost",
    size: 24
  }),
  attributes: tab_post_attributes,
  edit: tab_post_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/post-list/attributes.ts

function post_list_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function post_list_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? post_list_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : post_list_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var post_list_attributes_attributes = post_list_attributes_objectSpread({
  clientId: {
    type: String
  },
  layout: {
    type: 'string',
    "default": 'layout-1'
  },
  layout1AdvancedStyle: {
    type: 'string',
    "default": 'layout-1-style-1'
  },
  layout2AdvancedStyle: {
    type: 'string',
    "default": 'layout-2-style-1'
  },
  gap: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-posts {gap: {{VALUE}}; }'
    }]
  },
  alignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post .mzb-post-entry-meta {justify-content: {{VALUE}}; }'
    }]
  },
  verticalAlignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-content {align-self: {{VALUE}}; }'
    }]
  },
  category: {
    type: String,
    "default": 'all'
  },
  tag: {
    type: String,
    "default": 'all'
  },
  orderBy: {
    type: String,
    "default": 'date'
  },
  orderType: {
    type: String,
    "default": 'desc'
  },
  authorName: {
    type: String,
    "default": ''
  },
  excludedCategory: {
    type: String,
    "default": ''
  },
  postCount: {
    type: Number,
    "default": 4
  },
  postBoxBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post'
    }]
  },
  postBoxedBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post'
    }]
  },
  postBoxedBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post:hover'
    }]
  },
  enableHeading: {
    type: Boolean,
    "default": true
  },
  headingLayout: {
    type: 'string',
    "default": 'heading-layout-1'
  },
  headingLayout1AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-1-style-1'
  },
  headingLayout2AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-2-style-1'
  },
  headingColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }'
    }]
  },
  headingHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }'
    }]
  },
  headingBorderColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }'
    }]
  },
  headingBackground: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }'
    }]
  },
  imageToggle: {
    type: Object,
    "default": {
      enable: true
    }
  },
  // imagePosition: {
  // 	type: String,
  // 	default: 'left',
  // },
  imageHeight: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-featured-image img { height: {{VALUE}} }'
    }]
  },
  imageWidth: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-featured-image img { max-width: {{VALUE}} }'
    }]
  },
  size: {
    type: String
  },
  hoverAnimation: {
    type: String,
    "default": 'none'
  },
  postTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a'
    }]
  },
  postTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }'
    }]
  },
  postTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }'
    }]
  },
  metaPosition: {
    type: 'string',
    "default": 'bottom'
  },
  enableDate: {
    type: Boolean,
    "default": true
  },
  metaIconColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }'
    }]
  },
  metaLinkColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }'
    }]
  },
  metaLinkHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-date a:hover {color: {{VALUE}}; }'
    }]
  },
  enableExcerpt: {
    type: Boolean,
    "default": false
  },
  excerptLimit: {
    type: Number,
    "default": 20
  },
  excerptColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }'
    }]
  },
  excerptMargin: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }'
    }]
  },
  enableReadMore: {
    type: Boolean,
    "default": false
  },
  readMoreText: {
    type: String,
    "default": 'Read More'
  },
  readMoreColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }'
    }]
  },
  readMoreBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMorewHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }'
    }]
  },
  readMoreHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreSpacing: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }'
    }]
  },
  readMorePadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }'
    }]
  },
  readMoreBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  readMoreBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a'
    }]
  },
  readMoreBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-read-more a:hover'
    }]
  },
  enablePagination: {
    type: Boolean,
    "default": false
  },
  paginationAlignment: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }'
    }]
  },
  paginationColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }'
    }]
  },
  paginationBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }'
    }]
  },
  paginationHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  paginationPadding: {
    type: 'object',
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }'
    }]
  },
  paginationBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationHoverBorder: {
    type: 'object',
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadow: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button'
    }]
  },
  paginationBoxShadowHover: {
    type: 'object',
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover'
    }]
  },
  page: {
    type: Number,
    "default": 1
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const post_list_attributes = (post_list_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/post-list/block.json
const post_list_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/post-list","title":"Post List","description":"Display posts in small list design","keywords":["post-list","post","list"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"layout":{"type":"string","default":"layout-1"},"layout1AdvancedStyle":{"type":"string","default":"layout-1-style-1"},"layout2AdvancedStyle":{"type":"string","default":"layout-2-style-1"},"gap":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-posts {gap: {{VALUE}}; }"}]},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post .mzb-post-entry-meta {justify-content: {{VALUE}}; }"}]},"verticalAlignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-post-content {align-self: {{VALUE}}; }"}]},"category":{"type":"string","default":"all"},"tag":{"type":"string","default":"all"},"orderBy":{"type":"string","default":"date"},"orderType":{"type":"string","default":"desc"},"authorName":{"type":"string","default":""},"excludedCategory":{"type":"string","default":""},"postCount":{"type":"number","default":4},"postBoxBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post"}]},"postBoxedBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post"}]},"postBoxedBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-post:hover"}]},"enableHeading":{"type":"boolean","default":true},"headingLayout":{"type":"string","default":"heading-layout-1"},"headingLayout1AdvancedStyle":{"type":"string","default":"heading-layout-1-style-1"},"headingLayout2AdvancedStyle":{"type":"string","default":"heading-layout-2-style-1"},"headingColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }"}]},"headingHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2:hover {color: {{VALUE}}; }"}]},"headingBorderColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }"}]},"headingBackground":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }"}]},"imageToggle":{"type":"object","default":{"enable":true}},"position":{"type":"string","default":"left"},"imageHeight":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-featured-image img { height: {{VALUE}} }"}]},"imageWidth":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-featured-image img { max-width: {{VALUE}} }"}]},"size":{"type":"string"},"hoverAnimation":{"type":"string","default":"none"},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post-title a"}]},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"metaPosition":{"type":"string","default":"bottom"},"enableDate":{"type":"boolean","default":true},"metaIconColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"}]},"metaLinkColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; }"}]},"metaLinkHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a:hover {color: {{VALUE}}; }"}]},"enableExcerpt":{"type":"boolean","default":false},"excerptLimit":{"type":"number","default":20},"excerptColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }"}]},"excerptMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }"}]},"enableReadMore":{"type":"boolean","default":false},"readMoreText":{"type":"string","default":"Read More"},"readMoreColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }"}]},"readMoreBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMorewHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }"}]},"readMoreHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreSpacing":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }"}]},"readMorePadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"}]},"readMoreBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMoreBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"enablePagination":{"type":"boolean","default":false},"paginationAlignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers, {{WRAPPER}} .mzb-pagination-numbers .components-flex {justify-content: {{VALUE}}; }"}]},"paginationColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button {color: {{VALUE}}; }"}]},"paginationBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover {fill: {{VALUE}}; }"}]},"paginationHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"paginationPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button { padding: {{VALUE}}; }"}]},"paginationBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button"}]},"paginationBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .mzb-pagination-numbers .page-item a:hover, {{WRAPPER}} .mzb-pagination-numbers .components-flex .components-button:hover"}]},"page":{"type":"number","default":1},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/post-list/components/InspectorControls.tsx





var post_list_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref, _ref3, _ref5;
  var _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    gap = _props$attributes.gap,
    alignment = _props$attributes.alignment,
    verticalAlignment = _props$attributes.verticalAlignment,
    category = _props$attributes.category,
    tag = _props$attributes.tag,
    orderBy = _props$attributes.orderBy,
    orderType = _props$attributes.orderType,
    authorName = _props$attributes.authorName,
    excludedCategory = _props$attributes.excludedCategory,
    postCount = _props$attributes.postCount,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    enableHeading = _props$attributes.enableHeading,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingColor = _props$attributes.headingColor,
    headingHoverColor = _props$attributes.headingHoverColor,
    headingBorderColor = _props$attributes.headingBorderColor,
    headingBackground = _props$attributes.headingBackground,
    imageToggle = _props$attributes.imageToggle,
    position = _props$attributes.position,
    imageHeight = _props$attributes.imageHeight,
    imageWidth = _props$attributes.imageWidth,
    hoverAnimation = _props$attributes.hoverAnimation,
    postBoxBackground = _props$attributes.postBoxBackground,
    postBoxedBoxShadow = _props$attributes.postBoxedBoxShadow,
    postBoxedBoxShadowHover = _props$attributes.postBoxedBoxShadowHover,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    enableDate = _props$attributes.enableDate,
    metaPosition = _props$attributes.metaPosition,
    metaIconColor = _props$attributes.metaIconColor,
    metaLinkColor = _props$attributes.metaLinkColor,
    metaLinkHoverColor = _props$attributes.metaLinkHoverColor,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptColor = _props$attributes.excerptColor,
    excerptMargin = _props$attributes.excerptMargin,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    readMoreColor = _props$attributes.readMoreColor,
    readMorewHoverColor = _props$attributes.readMorewHoverColor,
    readMoreBackground = _props$attributes.readMoreBackground,
    readMoreHoverBackground = _props$attributes.readMoreHoverBackground,
    readMoreSpacing = _props$attributes.readMoreSpacing,
    readMorePadding = _props$attributes.readMorePadding,
    readMoreBorder = _props$attributes.readMoreBorder,
    readMoreHoverBorder = _props$attributes.readMoreHoverBorder,
    readMoreBoxShadow = _props$attributes.readMoreBoxShadow,
    readMoreBoxShadowHover = _props$attributes.readMoreBoxShadowHover,
    enablePagination = _props$attributes.enablePagination,
    paginationAlignment = _props$attributes.paginationAlignment,
    paginationColor = _props$attributes.paginationColor,
    paginationBackground = _props$attributes.paginationBackground,
    paginationHoverColor = _props$attributes.paginationHoverColor,
    paginationHoverBackground = _props$attributes.paginationHoverBackground,
    paginationPadding = _props$attributes.paginationPadding,
    paginationBorder = _props$attributes.paginationBorder,
    paginationBoxShadow = _props$attributes.paginationBoxShadow,
    paginationHoverBorder = _props$attributes.paginationHoverBorder,
    paginationBoxShadowHover = _props$attributes.paginationBoxShadowHover,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    authorOptions = props.authorOptions;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout: val
      });
    },
    value: layout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "layout-1" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-1-style-1",
      icon: "post_list_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "layout-2" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-2-style-1",
      icon: "post_list_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        gap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: gap
  }), /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    value: alignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Align Top", "magazine-blocks"),
      value: "flex-start",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Align Center", "magazine-blocks"),
      value: "center",
      icon: "align-middle"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Align Bottom", "magazine-blocks"),
      value: "flex-end",
      icon: "align-bottom"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        verticalAlignment: val
      });
    },
    value: verticalAlignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Vertical Alignment", "magazine-blocks"),
    responsive: true
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag,
    onChange: function onChange(val) {
      return setAttributes({
        tag: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref3 = tags !== null && tags !== void 0 ? tags : []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (_ref4) {
      var name = _ref4.name,
        id = _ref4.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy: val
      });
    },
    value: orderBy,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType: val
      });
    },
    value: orderType,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: toConsumableArray_toConsumableArray((_ref5 = categories !== null && categories !== void 0 ? categories : []) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (_ref6) {
      var name = _ref6.name,
        id = _ref6.id;
      return {
        label: name,
        value: id.toString()
      };
    })),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName: val
      });
    },
    value: authorName,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Post Count", "magazine-blocks"),
    value: postCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        postCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Box", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(background_Background, {
    onChange: function onChange(val) {
      return setAttributes({
        postBoxBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: postBoxBackground
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    value: postBoxedBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        postBoxedBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    value: postBoxedBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        postBoxedBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Heading", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableHeading,
    onChange: function onChange() {
      return setAttributes({
        enableHeading: !enableHeading
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "heading-layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "heading-layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout: val
      });
    },
    value: headingLayout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "heading-layout-1" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-1-style-1",
      icon: "heading_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout1AdvancedStyle: val
      });
    },
    value: headingLayout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-2-style-1",
      icon: "heading_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout2AdvancedStyle: val
      });
    },
    value: headingLayout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingColor || ""
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBorderColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: headingBorderColor
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: headingBackground !== null && headingBackground !== void 0 ? headingBackground : ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: imageToggle,
    onChange: function onChange() {
      return setAttributes({
        imageToggle: !imageToggle
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), imageToggle && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    value: position,
    onChange: function onChange(val) {
      return setAttributes({
        position: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "text-align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "text-align-center"
    }]
  }), imageToggle && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        imageHeight: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Height", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 150,
    max: 1000,
    value: imageHeight
  }), imageToggle && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        imageWidth: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 150,
    max: 1000,
    value: imageWidth
  }), imageToggle && /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("None", "magazine-blocks"),
      value: "none"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom In", "magazine-blocks"),
      value: "zoomIn"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Zoom Out", "magazine-blocks"),
      value: "zoomOut"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Opacity", "magazine-blocks"),
      value: "opacity"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Left", "magazine-blocks"),
      value: "rotateLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Rotate Right", "magazine-blocks"),
      value: "rotateRight"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Left", "magazine-blocks"),
      value: "slideLeft"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Slide Right", "magazine-blocks"),
      value: "slideRight"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        hoverAnimation: val
      });
    },
    value: hoverAnimation,
    label: (0,external_wp_i18n_namespaceObject.__)("Hover Animation", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Meta", "magazine-blocks")
  }, enableDate && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: metaPosition,
    inline: true,
    onChange: function onChange(val) {
      return setAttributes({
        metaPosition: val
      });
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "bottom",
      icon: "align-bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableDate,
    onChange: function onChange() {
      return setAttributes({
        enableDate: !enableDate
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks")
  }), enableDate && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaIconColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Icon Color", "magazine-blocks"),
    value: metaIconColor || ""
  }), enableDate && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Excerpt", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableExcerpt,
    onChange: function onChange() {
      return setAttributes({
        enableExcerpt: !enableExcerpt
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptLimit: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Limit", "magazine-blocks"),
    min: 0,
    max: 500,
    step: 1,
    value: excerptLimit
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: excerptColor || ""
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: excerptMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        excerptMargin: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Read More", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableReadMore,
    onChange: function onChange() {
      return setAttributes({
        enableReadMore: !enableReadMore
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: readMoreText,
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        readMoreText: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMorewHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMorewHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableReadMore && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreSpacing: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: readMoreSpacing
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: readMorePadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        readMorePadding: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: readMoreBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: readMoreBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: readMoreHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: readMoreBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Pagination", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enablePagination,
    onChange: function onChange() {
      return setAttributes({
        enablePagination: !enablePagination
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        paginationAlignment: val
      });
    },
    value: paginationAlignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        paginationBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: paginationHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: paginationHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enablePagination && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: paginationPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        paginationPadding: val
      });
    }
  }), enablePagination && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: paginationBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: paginationBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: paginationHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        paginationHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: paginationBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        paginationBoxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const post_list_components_InspectorControls = (post_list_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/post-list/Edit.tsx

function post_list_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function post_list_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? post_list_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : post_list_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }











var post_list_Edit_Edit = function Edit(props) {
  var _classnames, _classnames2, _categories$currentCa;
  var posts = props.posts,
    className = props.className,
    _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    category = _props$attributes.category,
    postCount = _props$attributes.postCount,
    cssID = _props$attributes.cssID,
    enableHeading = _props$attributes.enableHeading,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    imageToggle = _props$attributes.imageToggle,
    position = _props$attributes.position,
    size = _props$attributes.size,
    hoverAnimation = _props$attributes.hoverAnimation,
    enableDate = _props$attributes.enableDate,
    metaPosition = _props$attributes.metaPosition,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    enablePagination = _props$attributes.enablePagination,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "post-list",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var currentCategoryIndex = (0,external_wp_element_namespaceObject.useMemo)(function () {
    return categories ? categories.findIndex(function (cat) {
      return cat.id === parseInt(category);
    }) : -1; // Use -1 or another appropriate default value
  }, [category, categories]);
  var classNames = classnames_default()("mzb-post-list mzb-post-list-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var classNames2 = classnames_default()("mzb-posts mzb-".concat(layout), (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(layout1AdvancedStyle), layout === "layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(layout2AdvancedStyle), layout === "layout-2"), _classnames));
  var classNames3 = classnames_default()("mzb-post-heading mzb-".concat(headingLayout), (_classnames2 = {}, defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames2));
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / postCount),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(post_list_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames,
    id: cssID
  }, enableHeading === true && /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames3
  }, " ", /*#__PURE__*/external_React_default().createElement("h2", null, (categories === null || categories === void 0 || (_categories$currentCa = categories[currentCategoryIndex]) === null || _categories$currentCa === void 0 ? void 0 : _categories$currentCa.name) || "Latest")), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (posts || []).map(function (post, idx) {
    var _post$magazine_blocks;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");
    return /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post magazine-post--pos-".concat(position || "left"),
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.full) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && imageToggle && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image ".concat(hoverAnimation)
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0]
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, metaPosition === "top" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, enableDate && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), " ", /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered))), metaPosition === "bottom" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered)), enableDate && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: "#"
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " ")))), (enableExcerpt || enableReadMore) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.excerpt.rendered
    }, readMoreText)))));
  }), enablePagination && /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-pagination-numbers"
  }, pagination)))));
};

// @ts-ignore
/* harmony default export */ const post_list_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    postCount = _props$attributes2.postCount,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory,
    page = _props$attributes2.page;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", post_list_Edit_objectSpread(post_list_Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      per_page: postCount,
      page: page,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(post_list_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/post-list/index.tsx

function post_list_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function post_list_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? post_list_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : post_list_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var post_list_name = post_list_block_namespaceObject.name;
var post_list_settings = post_list_objectSpread(post_list_objectSpread({}, post_list_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "postList",
    size: 24
  }),
  attributes: post_list_attributes,
  edit: post_list_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/category-list/attributes.ts

function category_list_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function category_list_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? category_list_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : category_list_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var category_list_attributes_attributes = category_list_attributes_objectSpread({
  clientId: {
    type: String
  },
  gap: {
    type: 'object',
    "default": {
      desktop: {
        value: 5,
        unit: 'px'
      }
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-posts, {{WRAPPER}} .mzb-posts.mzb-layout-2.mzb-layout-2-style-1 {gap: {{VALUE}}; }'
    }]
  },
  layout: {
    type: 'string',
    "default": 'layout-1'
  },
  layout1AdvancedStyle: {
    type: 'string',
    "default": 'layout-1-style-1'
  },
  layout2AdvancedStyle: {
    type: 'string',
    "default": 'layout-2-style-1'
  },
  categoryCount: {
    type: Number,
    "default": 4
  },
  enableHeading: {
    type: Boolean,
    "default": true
  },
  headingLayout: {
    type: 'string',
    "default": 'heading-layout-1'
  },
  headingLayout1AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-1-style-1'
  },
  headingLayout2AdvancedStyle: {
    type: 'string',
    "default": 'heading-layout-2-style-1'
  },
  headingColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }'
    }]
  },
  headingHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2:hover, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2:hover {color: {{VALUE}}; }'
    }]
  },
  headingBorderColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }'
    }, {
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }'
    }]
  },
  headingBackground: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }'
    }]
  },
  categoryTitleMarkup: {
    type: 'string',
    "default": 'h3'
  },
  categoryTitleTypography: {
    type: 'object',
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a'
    }]
  },
  categoryTitleColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a, {{WRAPPER}} .mzb-posts.mzb-layout-2 .mzb-post-categories a {color: {{VALUE}}; }'
    }]
  },
  categoryTitleHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-categories a:hover, {{WRAPPER}} .mzb-posts.mzb-layout-2 .mzb-post-categories a:hover {color: {{VALUE}}; }'
    }]
  },
  countColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-count a {color: {{VALUE}}; }'
    }]
  },
  countBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-count-wrapper'
    }]
  },
  countHoverColor: {
    type: 'string',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-count a:hover {color: {{VALUE}}; }'
    }]
  },
  countHoverBackground: {
    type: 'object',
    "default": {
      background: 1
    },
    style: [{
      selector: '{{WRAPPER}} .mzb-post-count-wrapper:hover'
    }]
  },
  countWidth: {
    type: 'object',
    style: [{
      selector: '{{WRAPPER}} .mzb-post-count-wrapper { flex-basis: {{VALUE}} }'
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const category_list_attributes = (category_list_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/category-list/block.json
const category_list_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/category-list","title":"Category List","description":"Showcase categories so that readers can browse by interested category","keywords":["Category list","category"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"gap":{"type":"object","default":{"desktop":{"value":5,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} .mzb-posts, {{WRAPPER}} .mzb-posts.mzb-layout-2.mzb-layout-2-style-1 {gap: {{VALUE}}; }"}]},"layout":{"type":"string","default":"layout-1"},"layout1AdvancedStyle":{"type":"string","default":"layout-1-style-1"},"layout2AdvancedStyle":{"type":"string","default":"layout-2-style-1"},"categoryCount":{"type":"number","default":4},"enableHeading":{"type":"boolean","default":true},"headingLayout":{"type":"string","default":"heading-layout-1"},"headingLayout1AdvancedStyle":{"type":"string","default":"heading-layout-1-style-1"},"headingLayout2AdvancedStyle":{"type":"string","default":"heading-layout-2-style-1"},"headingColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {color: {{VALUE}}; }"}]},"headingHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2:hover, {{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2:hover {color: {{VALUE}}; }"}]},"headingBorderColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading h2::before {background-color: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 {border-bottom-color: {{VALUE}}; }"}]},"headingBackground":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-heading.mzb-heading-layout-2-style-1 h2 {background-color: {{VALUE}}; }"}]},"categoryTitleMarkup":{"type":"string","default":"h3"},"categoryTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post-categories a"}]},"categoryTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a, {{WRAPPER}} .mzb-posts.mzb-layout-2 .mzb-post-categories a {color: {{VALUE}}; }"}]},"categoryTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-categories a:hover, {{WRAPPER}} .mzb-posts.mzb-layout-2 .mzb-post-categories a:hover {color: {{VALUE}}; }"}]},"countColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-count a {color: {{VALUE}}; }"}]},"countBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-count-wrapper"}]},"countHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-count a:hover {color: {{VALUE}}; }"}]},"countHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-post-count-wrapper:hover"}]},"countWidth":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-post-count-wrapper { flex-basis: {{VALUE}} }"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/category-list/components/InspectorControls.tsx




var category_list_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    categoryCount = _props$attributes.categoryCount,
    gap = _props$attributes.gap,
    enableHeading = _props$attributes.enableHeading,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    headingColor = _props$attributes.headingColor,
    headingHoverColor = _props$attributes.headingHoverColor,
    headingBorderColor = _props$attributes.headingBorderColor,
    headingBackground = _props$attributes.headingBackground,
    categoryTitleMarkup = _props$attributes.categoryTitleMarkup,
    categoryTitleTypography = _props$attributes.categoryTitleTypography,
    categoryTitleColor = _props$attributes.categoryTitleColor,
    categoryTitleHoverColor = _props$attributes.categoryTitleHoverColor,
    countColor = _props$attributes.countColor,
    countHoverColor = _props$attributes.countHoverColor,
    countBackground = _props$attributes.countBackground,
    countHoverBackground = _props$attributes.countHoverBackground,
    countWidth = _props$attributes.countWidth,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout: val
      });
    },
    value: layout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "layout-1" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-1-style-1",
      icon: "category_list_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout1AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "layout-2" === layout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "layout-2-style-1",
      icon: "category_list_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        layout2AdvancedStyle: val
      });
    },
    cols: 2,
    value: layout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        gap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 5,
    max: 100,
    value: gap
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Category Count", "magazine-blocks"),
    value: categoryCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        categoryCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Heading", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableHeading,
    onChange: function onChange() {
      return setAttributes({
        enableHeading: !enableHeading
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 1", "magazine-blocks"),
      value: "heading-layout-1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Layout 2", "magazine-blocks"),
      value: "heading-layout-2"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout: val
      });
    },
    value: headingLayout,
    label: (0,external_wp_i18n_namespaceObject.__)("Layout", "magazine-blocks"),
    placeholder: (0,external_wp_i18n_namespaceObject.__)("Default", "magazine-blocks"),
    inline: false
  }), "heading-layout-1" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-1-style-1",
      icon: "heading_layout1_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout1AdvancedStyle: val
      });
    },
    value: headingLayout1AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Style 1", "magazine-blocks"),
      value: "heading-layout-2-style-1",
      icon: "heading_layout2_style1"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        headingLayout2AdvancedStyle: val
      });
    },
    value: headingLayout2AdvancedStyle,
    label: (0,external_wp_i18n_namespaceObject.__)("Advanced Style", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingColor || ""
  }), /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBorderColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Border Color", "magazine-blocks"),
    value: headingBorderColor
  }), "heading-layout-2" === headingLayout && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: headingBackground !== null && headingBackground !== void 0 ? headingBackground : ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        headingHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: headingHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("H1", "magazine-blocks"),
      value: "h1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H2", "magazine-blocks"),
      value: "h2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H3", "magazine-blocks"),
      value: "h3"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H4", "magazine-blocks"),
      value: "h4"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H5", "magazine-blocks"),
      value: "h5"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H6", "magazine-blocks"),
      value: "h6"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        categoryTitleMarkup: val
      });
    },
    value: categoryTitleMarkup,
    label: (0,external_wp_i18n_namespaceObject.__)("HTML Markup", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: categoryTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        categoryTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Count", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        countColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: countColor,
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: countBackground,
    onChange: function onChange(val) {
      return setAttributes({
        countBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        countHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: countHoverColor,
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: countHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        countHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground"
  }))), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        countWidth: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 300,
    value: countWidth
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const category_list_components_InspectorControls = (category_list_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/category-list/Edit.tsx

function category_list_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function category_list_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? category_list_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : category_list_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }









var category_list_Edit_Edit = function Edit(props) {
  var _classnames, _classnames2;
  var className = props.className,
    _props$attributes = props.attributes,
    layout = _props$attributes.layout,
    layout1AdvancedStyle = _props$attributes.layout1AdvancedStyle,
    layout2AdvancedStyle = _props$attributes.layout2AdvancedStyle,
    category = _props$attributes.category,
    postCount = _props$attributes.postCount,
    categoryCount = _props$attributes.categoryCount,
    enableHeading = _props$attributes.enableHeading,
    headingLayout = _props$attributes.headingLayout,
    headingLayout1AdvancedStyle = _props$attributes.headingLayout1AdvancedStyle,
    headingLayout2AdvancedStyle = _props$attributes.headingLayout2AdvancedStyle,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    numberOfPosts = props.numberOfPosts,
    page = props.page;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "category-list",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var currentCategoryIndex = (0,external_wp_element_namespaceObject.useMemo)(function () {
    return categories ? categories.findIndex(function (cat) {
      return cat.id === parseInt(category);
    }) : -1; // Use -1 or another appropriate default value
  }, [category, categories]);
  var featureImage = function featureImage(id) {
    var _post$;
    var post = (0,external_wp_data_namespaceObject.select)("core").getEntityRecords("postType", "post", {
      per_page: 1,
      categories: id
    });
    return (post === null || post === void 0 || (_post$ = post[0]) === null || _post$ === void 0 || (_post$ = _post$.magazine_blocks_featured_image_url) === null || _post$ === void 0 || (_post$ = _post$.full) === null || _post$ === void 0 ? void 0 : _post$[0]) || null;
  };
  var classNames = classnames_default()("mzb-category-list mzb-category-list-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  var classNames2 = classnames_default()("mzb-posts mzb-".concat(layout), (_classnames = {}, defineProperty_defineProperty(_classnames, "mzb-".concat(layout1AdvancedStyle), layout === "layout-1"), defineProperty_defineProperty(_classnames, "mzb-".concat(layout2AdvancedStyle), layout === "layout-2"), _classnames));
  var classNames3 = classnames_default()("mzb-post-heading mzb-".concat(headingLayout), (_classnames2 = {}, defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout1AdvancedStyle), headingLayout === "heading-layout-1"), defineProperty_defineProperty(_classnames2, "mzb-".concat(headingLayout2AdvancedStyle), headingLayout === "heading-layout-2"), _classnames2));
  var NumberedPagination = function NumberedPagination(_ref2) {
    var totalPages = _ref2.totalPages,
      currentPage = _ref2.currentPage,
      onPageChange = _ref2.onPageChange;
    if (totalPages < 2) {
      return null; // Don't render pagination if there's only one page
    }

    var pages = Array.from({
      length: totalPages
    }, function (_, index) {
      return index + 1;
    });
    return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Flex, null, pages.map(function (page) {
      return /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.FlexItem, {
        key: page
      }, /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Button, {
        isPrimary: page === currentPage,
        onClick: function onClick() {
          return onPageChange(page);
        }
      }, page));
    }));
  };

  // Fetch the next page of posts
  var loadMorePosts = function loadMorePosts(nextPage) {
    // Update the block's attributes to trigger a re-render with the next page
    setAttributes({
      page: nextPage
    });
  };

  // Render numbered pagination
  var pagination = /*#__PURE__*/external_React_default().createElement(NumberedPagination, {
    totalPages: Math.ceil(numberOfPosts / postCount),
    currentPage: page,
    onPageChange: loadMorePosts
  });
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(category_list_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, enableHeading === true && /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames3
  }, /*#__PURE__*/external_React_default().createElement("h2", null, " Categories ")), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames2
  }, /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, ((categories === null || categories === void 0 ? void 0 : categories.slice(0, categoryCount)) || []).map(function (_ref3, idx) {
    var id = _ref3.id,
      name = _ref3.name,
      count = _ref3.count,
      link = _ref3.link,
      slug = _ref3.slug;
    if (count > 0) {
      return /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-post",
        key: idx
      }, /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-title-wrapper",
        style: {
          backgroundImage: "url(".concat(featureImage(id), ")")
        }
      }, /*#__PURE__*/external_React_default().createElement("span", {
        className: "mzb-post-categories ".concat(slug)
      }, /*#__PURE__*/external_React_default().createElement("a", {
        href: link
      }, name))), /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-post-count-wrapper"
      }, /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-post-count"
      }, "", /*#__PURE__*/external_React_default().createElement("a", {
        href: link
      }, count, " Posts", " "))));
    }
  })))));
};

// @ts-ignore
/* harmony default export */ const category_list_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    postCount = _props$attributes2.postCount,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory,
    page = _props$attributes2.page;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", category_list_Edit_objectSpread(category_list_Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      per_page: postCount,
      page: page,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(category_list_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/category-list/index.tsx

function category_list_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function category_list_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? category_list_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : category_list_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var category_list_name = category_list_block_namespaceObject.name;
var category_list_settings = category_list_objectSpread(category_list_objectSpread({}, category_list_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "categoryList",
    size: 24
  }),
  attributes: category_list_attributes,
  edit: category_list_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/news-ticker/attributes.ts

function news_ticker_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function news_ticker_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? news_ticker_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : news_ticker_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var news_ticker_attributes_attributes = news_ticker_attributes_objectSpread({
  clientId: {
    type: String
  },
  text: {
    type: String
  },
  category: {
    type: String,
    "default": 'all'
  },
  label: {
    type: String,
    "default": 'Breaking News'
  },
  listColor: {
    type: String,
    style: [{
      selector: '{{WRAPPER}} .mzb-news-ticker-list li a {color: {{VALUE}}; }'
    }]
  },
  listhoverColor: {
    type: String,
    style: [{
      selector: '{{WRAPPER}}:hover {color: {{VALUE}}; }'
    }]
  },
  icon: {
    type: Object,
    "default": {
      enable: true,
      icon: 'flash'
    }
  },
  iconSize: {
    type: Object,
    style: [{
      condition: [{
        key: 'icon',
        relation: '!=',
        value: ''
      }],
      selector: '{{WRAPPER}} .mzb-news-ticker-item-wrapper svg { width: {{VALUE}}; height: {{VALUE}}; }'
    }]
  },
  iconGap: {
    type: Object,
    style: [{
      selector: '{{WRAPPER}} span { margin-left: {{VALUE}}; }'
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const news_ticker_attributes = (news_ticker_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/news-ticker/block.json
const news_ticker_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/news-ticker","title":"News Ticker","description":"Sliding posts to show breaking news","keywords":["news-ticker"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"label":{"type":"string","default":"Breaking News"},"icon":{"type":"object","default":{"enable":true,"icon":"flash"}},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/news-ticker/components/InspectorControls.tsx






var news_ticker_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref;
  var _props$attributes = props.attributes,
    category = _props$attributes.category,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    icon = _props$attributes.icon,
    iconGap = _props$attributes.iconGap,
    iconSize = _props$attributes.iconSize,
    label = _props$attributes.label,
    listColorHover = _props$attributes.listColorHover,
    listColor = _props$attributes.listColor,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    setAttributes = props.setAttributes,
    categories = props.categories;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Ticker Label", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(input_Input, {
    onChange: function onChange(val) {
      return setAttributes({
        label: val
      });
    },
    labelPosition: "top",
    label: (0,external_wp_i18n_namespaceObject.__)("Label", "magazine-blocks"),
    value: label || ""
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Ticker Body", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        listColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("List Color", "magazine-blocks"),
    value: listColor || "#000000"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        listColorHover: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("List Color", "magazine-blocks"),
    value: listColorHover || "#000000"
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Icons", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(icon_selector_IconSelector, {
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks"),
    value: icon || {},
    onChange: function onChange(val) {
      return setAttributes({
        icon: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks"),
    min: 0,
    max: 50,
    value: iconSize,
    onChange: function onChange(val) {
      return setAttributes({
        iconSize: val
      });
    },
    responsive: true,
    units: ["px", "em", "%"]
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Gap", "magazine-blocks"),
    min: 0,
    max: 60,
    value: iconGap,
    onChange: function onChange(val) {
      return setAttributes({
        iconGap: val
      });
    },
    responsive: true,
    units: ["px", "em", "%"]
  })))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const news_ticker_components_InspectorControls = (news_ticker_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/news-ticker/Edit.tsx









var news_ticker_Edit_Edit = function Edit(props) {
  var posts = props.posts,
    _props$attributes = props.attributes,
    icon = _props$attributes.icon,
    label = _props$attributes.label,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "news-ticker",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-news-ticker mzb-news-ticker-".concat(clientId), hideOnDesktop && "magazine-blocks-hide-on-desktop");
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(news_ticker_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-weather"
  }, " ", icon.enable && /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "newsTickerIcon",
    name: icon.icon,
    size: 24
  }), " "), /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-heading"
  }, label), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-news-ticker-box"
  }, /*#__PURE__*/external_React_default().createElement("ul", {
    className: "mzb-news-ticker-list"
  }, (posts || []).map(function (post, idx) {
    return /*#__PURE__*/external_React_default().createElement("li", {
      key: idx
    }, /*#__PURE__*/external_React_default().createElement("a", null, post.title.rendered));
  })))));
};

// @ts-ignore
/* harmony default export */ const news_ticker_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    order = _props$attributes2.order;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords('postType', 'post', {
      per_page: 4,
      categories: 'all' === category ? undefined : parseInt(category)
    }),
    numberOfPosts: ((_getEntityRecords = getEntityRecords('postType', 'post', {
      per_page: -1,
      categories: 'all' === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords('taxonomy', 'category', {
      per_page: -1
    }) || []
  };
})(news_ticker_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/news-ticker/index.tsx

function news_ticker_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function news_ticker_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? news_ticker_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : news_ticker_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var news_ticker_name = news_ticker_block_namespaceObject.name;
var news_ticker_settings = news_ticker_objectSpread(news_ticker_objectSpread({}, news_ticker_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "newsTicker",
    size: 24
  }),
  attributes: news_ticker_attributes,
  edit: news_ticker_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/date-weather/attributes.ts

function date_weather_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function date_weather_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? date_weather_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : date_weather_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var date_weather_attributes_attributes = date_weather_attributes_objectSpread({
  clientId: {
    type: String
  },
  apiKey: {
    type: String
  },
  postalCode: {
    type: Number
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const date_weather_attributes = (date_weather_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/date-weather/block.json
const date_weather_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/date-weather","title":"Date & Weather","description":"Setup API to display current date and weather information","keywords":["date","weather"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"apiKey":{"type":"string"},"postalCode":{"type":"number"},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks","editorScript":"magazine-blocks","editorStyle":"magazine-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/date-weather/components/InspectorControls.tsx




var date_weather_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    blockHTML = _props$attributes.blockHTML,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const date_weather_components_InspectorControls = (date_weather_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/date-weather/Edit.tsx










var date_weather_Edit_Edit = function Edit(props) {
  var className = props.className,
    _props$attributes = props.attributes,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "date-weather",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-date-weather mzb-date-weather-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(date_weather_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-weather-icon"
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "weather",
    size: 34
  }), " "), /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-temperature"
  }, localized.temperature, "\xB0"), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-weather-date"
  }, localized.weather, ",", " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, undefined, undefined), "in ", localized.location)));
};

// @ts-ignore
/* harmony default export */ const date_weather_Edit = (date_weather_Edit_Edit);
;// CONCATENATED MODULE: ./src/blocks/blocks/date-weather/index.tsx

function date_weather_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function date_weather_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? date_weather_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : date_weather_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var date_weather_name = date_weather_block_namespaceObject.name;
var date_weather_settings = date_weather_objectSpread(date_weather_objectSpread({}, date_weather_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "dateWeather",
    size: 24
  }),
  attributes: date_weather_attributes,
  edit: date_weather_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/post-video/attributes.ts

function post_video_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function post_video_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? post_video_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : post_video_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var post_video_attributes_attributes = post_video_attributes_objectSpread({
  clientId: {
    type: String
  },
  columnGap: {
    type: Object,
    "default": {
      desktop: {
        value: 20,
        unit: "px"
      }
    },
    style: [{
      selector: "{{WRAPPER}} .mzb-posts {column-gap: {{VALUE}}; }"
    }]
  },
  category: {
    type: String,
    "default": "all"
  },
  postCount: {
    type: Number,
    "default": 4
  },
  radius: {
    type: Object,
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: "{{WRAPPER}} .mzb-post { border-radius: {{VALUE}}; }"
    }]
  },
  size: {
    type: String
  },
  column: {
    type: Number,
    "default": 3
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const post_video_attributes = (post_video_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/post-video/block.json
const post_video_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/post-video","title":"Post Video","description":"Uses WordPress video post format to list videos from YouTube","keywords":["post-video","video"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"columnGap":{"type":"object","default":{"desktop":{"value":20,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} .mzb-posts {column-gap: {{VALUE}}; }"}]},"category":{"type":"string","default":"all"},"postCount":{"type":"number","default":4},"radius":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-post { border-radius: {{VALUE}}; }"}]},"size":{"type":"string"},"column":{"type":"number","default":3},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/post-video/components/InspectorControls.tsx





var post_video_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref;
  var _props$attributes = props.attributes,
    columnGap = _props$attributes.columnGap,
    category = _props$attributes.category,
    postCount = _props$attributes.postCount,
    radius = _props$attributes.radius,
    column = _props$attributes.column,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes,
    categories = props.categories;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: column,
    onChange: function onChange(val) {
      return setAttributes({
        column: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column", "magazine-blocks"),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("1", "magazine-blocks"),
      value: "1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("2", "magazine-blocks"),
      value: "2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("3", "magazine-blocks"),
      value: "3"
    }]
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        columnGap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Column Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 40,
    value: columnGap
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Number of Posts", "magazine-blocks"),
    value: postCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        postCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Image", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: radius || {},
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Border Radius", "magazine-blocks"),
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        radius: val
      });
    }
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const post_video_components_InspectorControls = (post_video_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/post-video/Edit.tsx

function post_video_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function post_video_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? post_video_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : post_video_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }








var post_video_Edit_Edit = function Edit(props) {
  var posts = props.posts,
    className = props.className,
    _props$attributes = props.attributes,
    size = _props$attributes.size,
    column = _props$attributes.column,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "featured-posts",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-post-video mzb-post-video-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(post_video_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-posts  mzb-post-col--".concat(column || "3")
  }, /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null,
  // eslint-disable-next-line array-callback-return
  (posts || []).map(function (post, idx) {
    if (post.format === "video") {
      return /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-post",
        key: idx
      }, /*#__PURE__*/external_React_default().createElement("a", {
        href: "#"
      }, /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-image-overlay"
      }, /*#__PURE__*/external_React_default().createElement("img", {
        className: "mzb-featured-image",
        src: post.magazine_blocks_featured_image_url.full[0]
      })), /*#__PURE__*/external_React_default().createElement("div", {
        className: "mzb-custom-embed-play",
        role: "button"
      }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
        type: "frontendIcon",
        name: "youtube-play",
        size: 24
      }))));
    }
  })))));
};

// @ts-ignore
/* harmony default export */ const post_video_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    postCount = _props$attributes2.postCount,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", post_video_Edit_objectSpread(post_video_Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      per_page: postCount,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(post_video_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/post-video/index.tsx

function post_video_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function post_video_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? post_video_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : post_video_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var post_video_name = post_video_block_namespaceObject.name;
var post_video_settings = post_video_objectSpread(post_video_objectSpread({}, post_video_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "postVideo",
    size: 24
  }),
  attributes: post_video_attributes,
  edit: post_video_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/slider/attributes.ts

function slider_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function slider_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? slider_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : slider_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var slider_attributes_attributes = slider_attributes_objectSpread({
  clientId: {
    type: String
  },
  category: {
    type: String,
    "default": "all"
  },
  tag: {
    type: String,
    "default": "all"
  },
  orderBy: {
    type: String,
    "default": "date"
  },
  orderType: {
    type: String,
    "default": "desc"
  },
  authorName: {
    type: String,
    "default": ""
  },
  excludedCategory: {
    type: String,
    "default": ""
  },
  postCount: {
    type: Number,
    "default": 4
  },
  size: {
    type: String
  },
  alignment: {
    type: "object",
    style: [{
      selector: "{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }"
    }, {
      selector: "{{WRAPPER}} .mzb-post-entry-meta {justify-content: {{VALUE}}; }"
    }]
  },
  height: {
    type: "object",
    "default": {
      value: 420,
      unit: "px"
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__slide { height: {{VALUE}} }"
    }]
  },
  sliderSpeed: {
    type: Number,
    "default": 3000
  },
  enableAutoPlay: {
    type: Boolean,
    "default": true
  },
  enablePauseOnHover: {
    type: Boolean,
    "default": false
  },
  enableArrow: {
    type: Boolean,
    "default": false
  },
  arrowHeight: {
    type: "object",
    "default": {
      value: "",
      unit: "px"
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__arrows.splide__arrows--ltr .splide__arrow { height: {{VALUE}} }"
    }]
  },
  arrowWidth: {
    type: "object",
    "default": {
      value: "",
      unit: "px"
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__arrows.splide__arrows--ltr .splide__arrow { width: {{VALUE}} }"
    }]
  },
  arrowSize: {
    type: "object",
    "default": {
      value: "",
      unit: "px"
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__arrows svg { width: {{VALUE}} }"
    }, {
      selector: "{{WRAPPER}} .splide .splide__arrows svg { height: auto }"
    }]
  },
  arrowColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .splide__arrows svg, .editor-styles-wrapper .splide .splide__arrows svg {fill: {{VALUE}}; }"
    }]
  },
  arrowHoverColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .splide__arrows svg:hover, .editor-styles-wrapper .splide .splide__arrows svg:hover {fill: {{VALUE}}; }"
    }]
  },
  arrowBackground: {
    type: "object",
    "default": {
      background: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide__arrows.splide__arrows--ltr .splide__arrow, .editor-styles-wrapper .splide .splide__arrows.splide__arrows--ltr .splide__arrow"
    }]
  },
  arrowHoverBackground: {
    type: "object",
    "default": {
      background: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide__arrows.splide__arrows--ltr .splide__arrow:hover, .editor-styles-wrapper .splide .splide__arrows.splide__arrows--ltr .splide__arrow:hover"
    }]
  },
  postTitleTypography: {
    type: "object",
    "default": {
      typography: 1,
      weight: 500
    },
    style: [{
      selector: "{{WRAPPER}} .mzb-post-title a"
    }]
  },
  postTitleMarkup: {
    type: "string",
    "default": "h3"
  },
  postTitleColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"
    }]
  },
  postTitleHoverColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"
    }]
  },
  enableCategory: {
    type: Boolean,
    "default": true
  },
  categoryColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a {color: {{VALUE}}; }"
    }]
  },
  categoryBackground: {
    type: "object",
    "default": {
      background: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a"
    }]
  },
  categoryHoverColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a:hover {fill: {{VALUE}}; }"
    }]
  },
  categoryHoverBackground: {
    type: "object",
    "default": {
      background: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a:hover"
    }]
  },
  categoryPadding: {
    type: "object",
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a { padding: {{VALUE}}; }"
    }]
  },
  categoryBorder: {
    type: "object",
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a"
    }]
  },
  categoryHoverBorder: {
    type: "object",
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a:hover"
    }]
  },
  categoryBoxShadow: {
    type: "object",
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a"
    }]
  },
  categoryBoxShadowHover: {
    type: "object",
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-post-categories a:hover"
    }]
  },
  enableAuthor: {
    type: Boolean,
    "default": true
  },
  enableDate: {
    type: Boolean,
    "default": true
  },
  metaPosition: {
    type: "string",
    "default": "top"
  },
  metaIconColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"
    }]
  },
  metaLinkColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }"
    }]
  },
  metaLinkHoverColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-post-date a:hover {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }"
    }]
  },
  enableExcerpt: {
    type: Boolean,
    "default": false
  },
  excerptLimit: {
    type: Number,
    "default": 20
  },
  excerptColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }"
    }]
  },
  excerptMargin: {
    type: "object",
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }"
    }]
  },
  enableReadMore: {
    type: Boolean,
    "default": false
  },
  readMoreText: {
    type: String,
    "default": "Read More"
  },
  readMoreColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }"
    }]
  },
  readMoreBackground: {
    type: "object",
    "default": {
      background: 1
    },
    style: [{
      selector: "{{WRAPPER}} .mzb-read-more a"
    }]
  },
  readMorewHoverColor: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }"
    }]
  },
  readMoreHoverBackground: {
    type: "object",
    "default": {
      background: 1
    },
    style: [{
      selector: "{{WRAPPER}} .mzb-read-more a:hover"
    }]
  },
  readMoreSpacing: {
    type: "object",
    style: [{
      selector: "{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }"
    }]
  },
  readMorePadding: {
    type: "object",
    "default": {
      dimension: 1,
      desktop: {
        lock: true
      }
    },
    style: [{
      selector: "{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"
    }]
  },
  readMoreBorder: {
    type: "object",
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-read-more a"
    }]
  },
  readMoreHoverBorder: {
    type: "object",
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-read-more a:hover"
    }]
  },
  readMoreBoxShadow: {
    type: "object",
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-read-more a"
    }]
  },
  readMoreBoxShadowHover: {
    type: "object",
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .mzb-read-more a:hover"
    }]
  },
  enableDot: {
    type: Boolean,
    "default": false
  },
  dotGap: {
    type: "object",
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination { gap: {{VALUE}}; }"
    }]
  },
  dotHeight: {
    type: "object",
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button { height: {{VALUE}} }"
    }]
  },
  dotWidth: {
    type: "object",
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button { width: {{VALUE}} }"
    }]
  },
  horizontalPosition: {
    type: "object",
    "default": {
      value: 0,
      unit: "px"
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination { left: {{VALUE}} }"
    }]
  },
  verticalPosition: {
    type: "object",
    "default": {
      value: 10,
      unit: "px"
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination { bottom: {{VALUE}} }"
    }]
  },
  dotBackground: {
    type: "string",
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button { background-color: {{VALUE}}; }"
    }]
  },
  dotBorder: {
    type: "object",
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button"
    }]
  },
  dotHoverBorder: {
    type: "object",
    "default": {
      border: 1,
      radius: {
        desktop: {
          lock: true
        }
      },
      size: {
        desktop: {
          lock: true
        }
      }
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button:hover"
    }]
  },
  dotBoxShadow: {
    type: "object",
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button"
    }]
  },
  dotBoxShadowHover: {
    type: "object",
    "default": {
      boxShadow: 1
    },
    style: [{
      selector: "{{WRAPPER}} .splide .splide__pagination button:hover"
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const slider_attributes = (slider_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/slider/block.json
const slider_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/slider","title":"Slider","description":"Show banner image behind the post content","keywords":["slider","slider"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"category":{"type":"string","default":"all"},"tag":{"type":"string","default":"all"},"orderBy":{"type":"string","default":"date"},"orderType":{"type":"string","default":"desc"},"authorName":{"type":"string","default":""},"excludedCategory":{"type":"string","default":""},"postCount":{"type":"number","default":"4"},"size":{"type":"string"},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-post-content {text-align: {{VALUE}}; }"},{"selector":"{{WRAPPER}} .mzb-post-entry-meta {justify-content: {{VALUE}}; }"}]},"height":{"type":"object","default":{"value":420,"unit":"px"},"style":[{"selector":"{{WRAPPER}} .splide .splide__slide { height: {{VALUE}} }"}]},"sliderSpeed":{"type":"number","default":3000},"enableAutoPlay":{"type":"boolean","default":true},"enablePauseOnHover":{"type":"boolean","default":false},"enableArrow":{"type":"boolean","default":false},"arrowHeight":{"type":"object","default":{"value":"","unit":"px"},"style":[{"selector":"{{WRAPPER}} .splide .splide__arrows.splide__arrows--ltr .splide__arrow { height: {{VALUE}} }"}]},"arrowWidth":{"type":"object","default":{"value":"","unit":"px"},"style":[{"selector":"{{WRAPPER}} .splide .splide__arrows.splide__arrows--ltr .splide__arrow { width: {{VALUE}} }"}]},"arrowSize":{"type":"object","default":{"value":"","unit":"px"},"style":[{"selector":"{{WRAPPER}} .splide .splide__arrows svg { width: {{VALUE}} }"},{"selector":"{{WRAPPER}} .splide .splide__arrows svg { height: auto }"}]},"arrowColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .splide__arrows svg, .editor-styles-wrapper .splide .splide__arrows svg {fill: {{VALUE}}; }"}]},"arrowHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .splide__arrows svg:hover, .editor-styles-wrapper .splide .splide__arrows svg:hover {fill: {{VALUE}}; }"}]},"arrowBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .splide__arrows.splide__arrows--ltr .splide__arrow, .editor-styles-wrapper .splide .splide__arrows.splide__arrows--ltr .splide__arrow"}]},"arrowHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .splide__arrows.splide__arrows--ltr .splide__arrow:hover, .editor-styles-wrapper .splide .splide__arrows.splide__arrows--ltr .splide__arrow"}]},"postTitleTypography":{"type":"object","default":{"typography":1,"weight":500},"style":[{"selector":"{{WRAPPER}} .mzb-post-title a"}]},"postTitleMarkup":{"type":"string","default":"h3"},"postTitleColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a {color: {{VALUE}}; }"}]},"postTitleHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-title a:hover {color: {{VALUE}}; }"}]},"enableCategory":{"type":"boolean","default":true},"categoryColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a {color: {{VALUE}}; }"}]},"categoryBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a"}]},"categoryHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a:hover {fill: {{VALUE}}; }"}]},"categoryHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a:hover"}]},"categoryPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a { padding: {{VALUE}}; }"}]},"categoryBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a"}]},"categoryHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a:hover"}]},"categoryBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a"}]},"categoryBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .splide .mzb-post-categories a:hover"}]},"enableAuthor":{"type":"boolean","default":true},"enableDate":{"type":"boolean","default":true},"metaPosition":{"type":"string","default":"top"},"metaIconColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date svg {fill: {{VALUE}}; }"}]},"metaLinkColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-author a {color: {{VALUE}}; }"}]},"metaLinkHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-post-date a:hover {color: {{VALUE}}; } {{WRAPPER}} .mzb-post-author a:hover {color: {{VALUE}}; }"}]},"enableExcerpt":{"type":"boolean","default":false},"excerptLimit":{"type":"number","default":20},"excerptColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-entry-summary p {color: {{VALUE}}; }"}]},"excerptMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .splide .mzb-entry-content .mzb-entry-summary p { margin: {{VALUE}}; }"}]},"enableReadMore":{"type":"boolean","default":false},"readMoreText":{"type":"string","default":"Read More"},"readMoreColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a {color: {{VALUE}}; }"}]},"readMoreBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a"}]},"readMorewHoverColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover {color: {{VALUE}}; }"}]},"readMoreHoverBackground":{"type":"object","default":{"background":1},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a:hover"}]},"readMoreSpacing":{"type":"object","style":[{"selector":"{{WRAPPER}} .mzb-read-more { margin-top: {{VALUE}} }"}]},"readMorePadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} .mzb-read-more a { padding: {{VALUE}}; }"}]},"readMoreBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .splide .mzb-read-more a"}]},"readMoreHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .splide .mzb-read-more a:hover"}]},"readMoreBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .splide .mzb-read-more a"}]},"readMoreBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .splide .mzb-read-more a:hover"}]},"enableDot":{"type":"boolean","default":false},"dotGap":{"type":"object","style":[{"selector":"{{WRAPPER}} .splide .splide__pagination { gap: {{VALUE}}; }"}]},"dotHeight":{"type":"object","style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button { height: {{VALUE}} }"}]},"dotWidth":{"type":"object","style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button { width: {{VALUE}} }"}]},"horizontalPosition":{"type":"object","default":{"value":0,"unit":"px"},"style":[{"selector":"{{WRAPPER}} .splide .splide__pagination { left: {{VALUE}} }"}]},"verticalPosition":{"type":"object","default":{"value":10,"unit":"px"},"style":[{"selector":"{{WRAPPER}} .splide .splide__pagination { bottom: {{VALUE}} }"}]},"dotBackground":{"type":"string","style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button { background-color: {{VALUE}}; }"}]},"dotBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button"}]},"dotHoverBorder":{"type":"object","default":{"border":1,"radius":{"desktop":{"lock":true}},"size":{"desktop":{"lock":true}}},"style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button:hover"}]},"dotBoxShadow":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button"}]},"dotBoxShadowHover":{"type":"object","default":{"boxShadow":1},"style":[{"selector":"{{WRAPPER}} .splide .splide__pagination button:hover"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor","script":"magazine-blocks-frontend"}');
;// CONCATENATED MODULE: ./node_modules/@splidejs/react-splide/dist/js/react-splide.esm.js
// node_modules/@splidejs/splide/dist/js/splide.esm.js
function react_splide_esm_defineProperties(target, props) {
  for (var i = 0; i < props.length; i++) {
    var descriptor = props[i];
    descriptor.enumerable = descriptor.enumerable || false;
    descriptor.configurable = true;
    if ("value" in descriptor)
      descriptor.writable = true;
    Object.defineProperty(target, descriptor.key, descriptor);
  }
}
function react_splide_esm_createClass(Constructor, protoProps, staticProps) {
  if (protoProps)
    react_splide_esm_defineProperties(Constructor.prototype, protoProps);
  if (staticProps)
    react_splide_esm_defineProperties(Constructor, staticProps);
  Object.defineProperty(Constructor, "prototype", { writable: false });
  return Constructor;
}
var MEDIA_PREFERS_REDUCED_MOTION = "(prefers-reduced-motion: reduce)";
var CREATED = 1;
var MOUNTED = 2;
var IDLE = 3;
var MOVING = 4;
var SCROLLING = 5;
var DRAGGING = 6;
var DESTROYED = 7;
var STATES = {
  CREATED,
  MOUNTED,
  IDLE,
  MOVING,
  SCROLLING,
  DRAGGING,
  DESTROYED
};
function empty(array) {
  array.length = 0;
}
function react_splide_esm_slice(arrayLike, start, end) {
  return Array.prototype.slice.call(arrayLike, start, end);
}
function apply(func) {
  return func.bind.apply(func, [null].concat(react_splide_esm_slice(arguments, 1)));
}
var nextTick = setTimeout;
var react_splide_esm_noop = function noop2() {
};
function raf(func) {
  return requestAnimationFrame(func);
}
function typeOf(type, subject) {
  return typeof subject === type;
}
function react_splide_esm_isObject(subject) {
  return !react_splide_esm_isNull(subject) && typeOf("object", subject);
}
var react_splide_esm_isArray = Array.isArray;
var isFunction = apply(typeOf, "function");
var react_splide_esm_isString = apply(typeOf, "string");
var react_splide_esm_isUndefined = apply(typeOf, "undefined");
function react_splide_esm_isNull(subject) {
  return subject === null;
}
function react_splide_esm_isHTMLElement(subject) {
  try {
    return subject instanceof (subject.ownerDocument.defaultView || window).HTMLElement;
  } catch (e) {
    return false;
  }
}
function toArray(value) {
  return react_splide_esm_isArray(value) ? value : [value];
}
function forEach(values, iteratee) {
  toArray(values).forEach(iteratee);
}
function includes(array, value) {
  return array.indexOf(value) > -1;
}
function push(array, items) {
  array.push.apply(array, toArray(items));
  return array;
}
function toggleClass(elm, classes, add) {
  if (elm) {
    forEach(classes, function(name) {
      if (name) {
        elm.classList[add ? "add" : "remove"](name);
      }
    });
  }
}
function addClass(elm, classes) {
  toggleClass(elm, react_splide_esm_isString(classes) ? classes.split(" ") : classes, true);
}
function react_splide_esm_append(parent, children2) {
  forEach(children2, parent.appendChild.bind(parent));
}
function before(nodes, ref) {
  forEach(nodes, function(node) {
    var parent = (ref || node).parentNode;
    if (parent) {
      parent.insertBefore(node, ref);
    }
  });
}
function matches(elm, selector) {
  return react_splide_esm_isHTMLElement(elm) && (elm["msMatchesSelector"] || elm.matches).call(elm, selector);
}
function children(parent, selector) {
  var children2 = parent ? react_splide_esm_slice(parent.children) : [];
  return selector ? children2.filter(function(child2) {
    return matches(child2, selector);
  }) : children2;
}
function child(parent, selector) {
  return selector ? children(parent, selector)[0] : parent.firstElementChild;
}
var react_splide_esm_ownKeys = Object.keys;
function forOwn(object, iteratee, right) {
  if (object) {
    (right ? react_splide_esm_ownKeys(object).reverse() : react_splide_esm_ownKeys(object)).forEach(function(key) {
      key !== "__proto__" && iteratee(object[key], key);
    });
  }
  return object;
}
function react_splide_esm_assign(object) {
  react_splide_esm_slice(arguments, 1).forEach(function(source) {
    forOwn(source, function(value, key) {
      object[key] = source[key];
    });
  });
  return object;
}
function react_splide_esm_merge(object) {
  react_splide_esm_slice(arguments, 1).forEach(function(source) {
    forOwn(source, function(value, key) {
      if (react_splide_esm_isArray(value)) {
        object[key] = value.slice();
      } else if (react_splide_esm_isObject(value)) {
        object[key] = react_splide_esm_merge({}, react_splide_esm_isObject(object[key]) ? object[key] : {}, value);
      } else {
        object[key] = value;
      }
    });
  });
  return object;
}
function omit(object, keys) {
  forEach(keys || react_splide_esm_ownKeys(object), function(key) {
    delete object[key];
  });
}
function removeAttribute(elms, attrs) {
  forEach(elms, function(elm) {
    forEach(attrs, function(attr) {
      elm && elm.removeAttribute(attr);
    });
  });
}
function setAttribute(elms, attrs, value) {
  if (react_splide_esm_isObject(attrs)) {
    forOwn(attrs, function(value2, name) {
      setAttribute(elms, name, value2);
    });
  } else {
    forEach(elms, function(elm) {
      react_splide_esm_isNull(value) || value === "" ? removeAttribute(elm, attrs) : elm.setAttribute(attrs, String(value));
    });
  }
}
function create(tag, attrs, parent) {
  var elm = document.createElement(tag);
  if (attrs) {
    react_splide_esm_isString(attrs) ? addClass(elm, attrs) : setAttribute(elm, attrs);
  }
  parent && react_splide_esm_append(parent, elm);
  return elm;
}
function style(elm, prop, value) {
  if (react_splide_esm_isUndefined(value)) {
    return getComputedStyle(elm)[prop];
  }
  if (!react_splide_esm_isNull(value)) {
    elm.style[prop] = "" + value;
  }
}
function display(elm, display2) {
  style(elm, "display", display2);
}
function react_splide_esm_focus(elm) {
  elm["setActive"] && elm["setActive"]() || elm.focus({
    preventScroll: true
  });
}
function getAttribute(elm, attr) {
  return elm.getAttribute(attr);
}
function hasClass(elm, className) {
  return elm && elm.classList.contains(className);
}
function rect(target) {
  return target.getBoundingClientRect();
}
function remove(nodes) {
  forEach(nodes, function(node) {
    if (node && node.parentNode) {
      node.parentNode.removeChild(node);
    }
  });
}
function parseHtml(html) {
  return child(new DOMParser().parseFromString(html, "text/html").body);
}
function prevent(e, stopPropagation) {
  e.preventDefault();
  if (stopPropagation) {
    e.stopPropagation();
    e.stopImmediatePropagation();
  }
}
function query(parent, selector) {
  return parent && parent.querySelector(selector);
}
function queryAll(parent, selector) {
  return selector ? react_splide_esm_slice(parent.querySelectorAll(selector)) : [];
}
function removeClass(elm, classes) {
  toggleClass(elm, classes, false);
}
function timeOf(e) {
  return e.timeStamp;
}
function unit(value) {
  return react_splide_esm_isString(value) ? value : value ? value + "px" : "";
}
var PROJECT_CODE = "splide";
var DATA_ATTRIBUTE = "data-" + PROJECT_CODE;
function assert(condition, message) {
  if (!condition) {
    throw new Error("[" + PROJECT_CODE + "] " + (message || ""));
  }
}
var react_splide_esm_min = Math.min;
var react_splide_esm_max = Math.max;
var react_splide_esm_floor = Math.floor;
var ceil = Math.ceil;
var react_splide_esm_abs = Math.abs;
function approximatelyEqual(x, y, epsilon) {
  return react_splide_esm_abs(x - y) < epsilon;
}
function between(number, x, y, exclusive) {
  var minimum = react_splide_esm_min(x, y);
  var maximum = react_splide_esm_max(x, y);
  return exclusive ? minimum < number && number < maximum : minimum <= number && number <= maximum;
}
function react_splide_esm_clamp(number, x, y) {
  var minimum = react_splide_esm_min(x, y);
  var maximum = react_splide_esm_max(x, y);
  return react_splide_esm_min(react_splide_esm_max(minimum, number), maximum);
}
function sign(x) {
  return +(x > 0) - +(x < 0);
}
function format(string, replacements) {
  forEach(replacements, function(replacement) {
    string = string.replace("%s", "" + replacement);
  });
  return string;
}
function pad(number) {
  return number < 10 ? "0" + number : "" + number;
}
var ids = {};
function uniqueId(prefix) {
  return "" + prefix + pad(ids[prefix] = (ids[prefix] || 0) + 1);
}
function EventBinder() {
  var listeners = [];
  function bind(targets, events, callback, options) {
    forEachEvent(targets, events, function(target, event, namespace) {
      var isEventTarget = "addEventListener" in target;
      var remover = isEventTarget ? target.removeEventListener.bind(target, event, callback, options) : target["removeListener"].bind(target, callback);
      isEventTarget ? target.addEventListener(event, callback, options) : target["addListener"](callback);
      listeners.push([target, event, namespace, callback, remover]);
    });
  }
  function unbind(targets, events, callback) {
    forEachEvent(targets, events, function(target, event, namespace) {
      listeners = listeners.filter(function(listener) {
        if (listener[0] === target && listener[1] === event && listener[2] === namespace && (!callback || listener[3] === callback)) {
          listener[4]();
          return false;
        }
        return true;
      });
    });
  }
  function dispatch(target, type, detail) {
    var e;
    var bubbles = true;
    if (typeof CustomEvent === "function") {
      e = new CustomEvent(type, {
        bubbles,
        detail
      });
    } else {
      e = document.createEvent("CustomEvent");
      e.initCustomEvent(type, bubbles, false, detail);
    }
    target.dispatchEvent(e);
    return e;
  }
  function forEachEvent(targets, events, iteratee) {
    forEach(targets, function(target) {
      target && forEach(events, function(events2) {
        events2.split(" ").forEach(function(eventNS) {
          var fragment = eventNS.split(".");
          iteratee(target, fragment[0], fragment[1]);
        });
      });
    });
  }
  function destroy() {
    listeners.forEach(function(data) {
      data[4]();
    });
    empty(listeners);
  }
  return {
    bind,
    unbind,
    dispatch,
    destroy
  };
}
var EVENT_MOUNTED = "mounted";
var EVENT_READY = "ready";
var EVENT_MOVE = "move";
var EVENT_MOVED = "moved";
var EVENT_CLICK = "click";
var EVENT_ACTIVE = "active";
var EVENT_INACTIVE = "inactive";
var EVENT_VISIBLE = "visible";
var EVENT_HIDDEN = "hidden";
var EVENT_REFRESH = "refresh";
var EVENT_UPDATED = "updated";
var EVENT_RESIZE = "resize";
var EVENT_RESIZED = "resized";
var EVENT_DRAG = "drag";
var EVENT_DRAGGING = "dragging";
var EVENT_DRAGGED = "dragged";
var EVENT_SCROLL = "scroll";
var EVENT_SCROLLED = "scrolled";
var EVENT_OVERFLOW = "overflow";
var EVENT_DESTROY = "destroy";
var EVENT_ARROWS_MOUNTED = "arrows:mounted";
var EVENT_ARROWS_UPDATED = "arrows:updated";
var EVENT_PAGINATION_MOUNTED = "pagination:mounted";
var EVENT_PAGINATION_UPDATED = "pagination:updated";
var EVENT_NAVIGATION_MOUNTED = "navigation:mounted";
var EVENT_AUTOPLAY_PLAY = "autoplay:play";
var EVENT_AUTOPLAY_PLAYING = "autoplay:playing";
var EVENT_AUTOPLAY_PAUSE = "autoplay:pause";
var EVENT_LAZYLOAD_LOADED = "lazyload:loaded";
var EVENT_SLIDE_KEYDOWN = "sk";
var EVENT_SHIFTED = "sh";
var EVENT_END_INDEX_CHANGED = "ei";
function EventInterface(Splide22) {
  var bus = Splide22 ? Splide22.event.bus : document.createDocumentFragment();
  var binder = EventBinder();
  function on(events, callback) {
    binder.bind(bus, toArray(events).join(" "), function(e) {
      callback.apply(callback, react_splide_esm_isArray(e.detail) ? e.detail : []);
    });
  }
  function emit(event) {
    binder.dispatch(bus, event, react_splide_esm_slice(arguments, 1));
  }
  if (Splide22) {
    Splide22.event.on(EVENT_DESTROY, binder.destroy);
  }
  return react_splide_esm_assign(binder, {
    bus,
    on,
    off: apply(binder.unbind, bus),
    emit
  });
}
function RequestInterval(interval, onInterval, onUpdate, limit) {
  var now = Date.now;
  var startTime;
  var rate = 0;
  var id;
  var paused = true;
  var count = 0;
  function update() {
    if (!paused) {
      rate = interval ? react_splide_esm_min((now() - startTime) / interval, 1) : 1;
      onUpdate && onUpdate(rate);
      if (rate >= 1) {
        onInterval();
        startTime = now();
        if (limit && ++count >= limit) {
          return pause();
        }
      }
      id = raf(update);
    }
  }
  function start(resume) {
    resume || cancel();
    startTime = now() - (resume ? rate * interval : 0);
    paused = false;
    id = raf(update);
  }
  function pause() {
    paused = true;
  }
  function rewind() {
    startTime = now();
    rate = 0;
    if (onUpdate) {
      onUpdate(rate);
    }
  }
  function cancel() {
    id && cancelAnimationFrame(id);
    rate = 0;
    id = 0;
    paused = true;
  }
  function set(time) {
    interval = time;
  }
  function isPaused() {
    return paused;
  }
  return {
    start,
    rewind,
    pause,
    cancel,
    set,
    isPaused
  };
}
function State(initialState) {
  var state = initialState;
  function set(value) {
    state = value;
  }
  function is(states) {
    return includes(toArray(states), state);
  }
  return {
    set,
    is
  };
}
function Throttle(func, duration) {
  var interval = RequestInterval(duration || 0, func, null, 1);
  return function() {
    interval.isPaused() && interval.start();
  };
}
function react_splide_esm_Media(Splide22, Components2, options) {
  var state = Splide22.state;
  var breakpoints = options.breakpoints || {};
  var reducedMotion = options.reducedMotion || {};
  var binder = EventBinder();
  var queries = [];
  function setup() {
    var isMin = options.mediaQuery === "min";
    react_splide_esm_ownKeys(breakpoints).sort(function(n, m) {
      return isMin ? +n - +m : +m - +n;
    }).forEach(function(key) {
      register(breakpoints[key], "(" + (isMin ? "min" : "max") + "-width:" + key + "px)");
    });
    register(reducedMotion, MEDIA_PREFERS_REDUCED_MOTION);
    update();
  }
  function destroy(completely) {
    if (completely) {
      binder.destroy();
    }
  }
  function register(options2, query2) {
    var queryList = matchMedia(query2);
    binder.bind(queryList, "change", update);
    queries.push([options2, queryList]);
  }
  function update() {
    var destroyed = state.is(DESTROYED);
    var direction = options.direction;
    var merged = queries.reduce(function(merged2, entry) {
      return react_splide_esm_merge(merged2, entry[1].matches ? entry[0] : {});
    }, {});
    omit(options);
    set(merged);
    if (options.destroy) {
      Splide22.destroy(options.destroy === "completely");
    } else if (destroyed) {
      destroy(true);
      Splide22.mount();
    } else {
      direction !== options.direction && Splide22.refresh();
    }
  }
  function reduce(enable) {
    if (matchMedia(MEDIA_PREFERS_REDUCED_MOTION).matches) {
      enable ? react_splide_esm_merge(options, reducedMotion) : omit(options, react_splide_esm_ownKeys(reducedMotion));
    }
  }
  function set(opts, base, notify) {
    react_splide_esm_merge(options, opts);
    base && react_splide_esm_merge(Object.getPrototypeOf(options), opts);
    if (notify || !state.is(CREATED)) {
      Splide22.emit(EVENT_UPDATED, options);
    }
  }
  return {
    setup,
    destroy,
    reduce,
    set
  };
}
var ARROW = "Arrow";
var ARROW_LEFT = ARROW + "Left";
var ARROW_RIGHT = ARROW + "Right";
var ARROW_UP = ARROW + "Up";
var ARROW_DOWN = ARROW + "Down";
var RTL = "rtl";
var TTB = "ttb";
var ORIENTATION_MAP = {
  width: ["height"],
  left: ["top", "right"],
  right: ["bottom", "left"],
  x: ["y"],
  X: ["Y"],
  Y: ["X"],
  ArrowLeft: [ARROW_UP, ARROW_RIGHT],
  ArrowRight: [ARROW_DOWN, ARROW_LEFT]
};
function Direction(Splide22, Components2, options) {
  function resolve(prop, axisOnly, direction) {
    direction = direction || options.direction;
    var index = direction === RTL && !axisOnly ? 1 : direction === TTB ? 0 : -1;
    return ORIENTATION_MAP[prop] && ORIENTATION_MAP[prop][index] || prop.replace(/width|left|right/i, function(match, offset) {
      var replacement = ORIENTATION_MAP[match.toLowerCase()][index] || match;
      return offset > 0 ? replacement.charAt(0).toUpperCase() + replacement.slice(1) : replacement;
    });
  }
  function orient(value) {
    return value * (options.direction === RTL ? 1 : -1);
  }
  return {
    resolve,
    orient
  };
}
var ROLE = "role";
var TAB_INDEX = "tabindex";
var DISABLED = "disabled";
var ARIA_PREFIX = "aria-";
var ARIA_CONTROLS = ARIA_PREFIX + "controls";
var ARIA_CURRENT = ARIA_PREFIX + "current";
var ARIA_SELECTED = ARIA_PREFIX + "selected";
var ARIA_LABEL = ARIA_PREFIX + "label";
var ARIA_LABELLEDBY = ARIA_PREFIX + "labelledby";
var ARIA_HIDDEN = ARIA_PREFIX + "hidden";
var ARIA_ORIENTATION = ARIA_PREFIX + "orientation";
var ARIA_ROLEDESCRIPTION = ARIA_PREFIX + "roledescription";
var ARIA_LIVE = ARIA_PREFIX + "live";
var ARIA_BUSY = ARIA_PREFIX + "busy";
var ARIA_ATOMIC = ARIA_PREFIX + "atomic";
var ALL_ATTRIBUTES = [ROLE, TAB_INDEX, DISABLED, ARIA_CONTROLS, ARIA_CURRENT, ARIA_LABEL, ARIA_LABELLEDBY, ARIA_HIDDEN, ARIA_ORIENTATION, ARIA_ROLEDESCRIPTION];
var CLASS_PREFIX = PROJECT_CODE + "__";
var STATUS_CLASS_PREFIX = "is-";
var CLASS_ROOT = PROJECT_CODE;
var CLASS_TRACK = CLASS_PREFIX + "track";
var CLASS_LIST = CLASS_PREFIX + "list";
var CLASS_SLIDE = CLASS_PREFIX + "slide";
var CLASS_CLONE = CLASS_SLIDE + "--clone";
var CLASS_CONTAINER = CLASS_SLIDE + "__container";
var CLASS_ARROWS = CLASS_PREFIX + "arrows";
var CLASS_ARROW = CLASS_PREFIX + "arrow";
var CLASS_ARROW_PREV = CLASS_ARROW + "--prev";
var CLASS_ARROW_NEXT = CLASS_ARROW + "--next";
var CLASS_PAGINATION = CLASS_PREFIX + "pagination";
var CLASS_PAGINATION_PAGE = CLASS_PAGINATION + "__page";
var CLASS_PROGRESS = CLASS_PREFIX + "progress";
var CLASS_PROGRESS_BAR = CLASS_PROGRESS + "__bar";
var CLASS_TOGGLE = CLASS_PREFIX + "toggle";
var CLASS_TOGGLE_PLAY = CLASS_TOGGLE + "__play";
var CLASS_TOGGLE_PAUSE = CLASS_TOGGLE + "__pause";
var CLASS_SPINNER = CLASS_PREFIX + "spinner";
var CLASS_SR = CLASS_PREFIX + "sr";
var CLASS_INITIALIZED = STATUS_CLASS_PREFIX + "initialized";
var CLASS_ACTIVE = STATUS_CLASS_PREFIX + "active";
var CLASS_PREV = STATUS_CLASS_PREFIX + "prev";
var CLASS_NEXT = STATUS_CLASS_PREFIX + "next";
var CLASS_VISIBLE = STATUS_CLASS_PREFIX + "visible";
var CLASS_LOADING = STATUS_CLASS_PREFIX + "loading";
var CLASS_FOCUS_IN = STATUS_CLASS_PREFIX + "focus-in";
var CLASS_OVERFLOW = STATUS_CLASS_PREFIX + "overflow";
var STATUS_CLASSES = [CLASS_ACTIVE, CLASS_VISIBLE, CLASS_PREV, CLASS_NEXT, CLASS_LOADING, CLASS_FOCUS_IN, CLASS_OVERFLOW];
var CLASSES = {
  slide: CLASS_SLIDE,
  clone: CLASS_CLONE,
  arrows: CLASS_ARROWS,
  arrow: CLASS_ARROW,
  prev: CLASS_ARROW_PREV,
  next: CLASS_ARROW_NEXT,
  pagination: CLASS_PAGINATION,
  page: CLASS_PAGINATION_PAGE,
  spinner: CLASS_SPINNER
};
function closest(from, selector) {
  if (isFunction(from.closest)) {
    return from.closest(selector);
  }
  var elm = from;
  while (elm && elm.nodeType === 1) {
    if (matches(elm, selector)) {
      break;
    }
    elm = elm.parentElement;
  }
  return elm;
}
var FRICTION = 5;
var LOG_INTERVAL = 200;
var POINTER_DOWN_EVENTS = "touchstart mousedown";
var POINTER_MOVE_EVENTS = "touchmove mousemove";
var POINTER_UP_EVENTS = "touchend touchcancel mouseup click";
function Elements(Splide22, Components2, options) {
  var _EventInterface = EventInterface(Splide22), on = _EventInterface.on, bind = _EventInterface.bind;
  var root = Splide22.root;
  var i18n = options.i18n;
  var elements = {};
  var slides = [];
  var rootClasses = [];
  var trackClasses = [];
  var track;
  var list;
  var isUsingKey;
  function setup() {
    collect();
    init();
    update();
  }
  function mount() {
    on(EVENT_REFRESH, destroy);
    on(EVENT_REFRESH, setup);
    on(EVENT_UPDATED, update);
    bind(document, POINTER_DOWN_EVENTS + " keydown", function(e) {
      isUsingKey = e.type === "keydown";
    }, {
      capture: true
    });
    bind(root, "focusin", function() {
      toggleClass(root, CLASS_FOCUS_IN, !!isUsingKey);
    });
  }
  function destroy(completely) {
    var attrs = ALL_ATTRIBUTES.concat("style");
    empty(slides);
    removeClass(root, rootClasses);
    removeClass(track, trackClasses);
    removeAttribute([track, list], attrs);
    removeAttribute(root, completely ? attrs : ["style", ARIA_ROLEDESCRIPTION]);
  }
  function update() {
    removeClass(root, rootClasses);
    removeClass(track, trackClasses);
    rootClasses = getClasses(CLASS_ROOT);
    trackClasses = getClasses(CLASS_TRACK);
    addClass(root, rootClasses);
    addClass(track, trackClasses);
    setAttribute(root, ARIA_LABEL, options.label);
    setAttribute(root, ARIA_LABELLEDBY, options.labelledby);
  }
  function collect() {
    track = find("." + CLASS_TRACK);
    list = child(track, "." + CLASS_LIST);
    assert(track && list, "A track/list element is missing.");
    push(slides, children(list, "." + CLASS_SLIDE + ":not(." + CLASS_CLONE + ")"));
    forOwn({
      arrows: CLASS_ARROWS,
      pagination: CLASS_PAGINATION,
      prev: CLASS_ARROW_PREV,
      next: CLASS_ARROW_NEXT,
      bar: CLASS_PROGRESS_BAR,
      toggle: CLASS_TOGGLE
    }, function(className, key) {
      elements[key] = find("." + className);
    });
    react_splide_esm_assign(elements, {
      root,
      track,
      list,
      slides
    });
  }
  function init() {
    var id = root.id || uniqueId(PROJECT_CODE);
    var role = options.role;
    root.id = id;
    track.id = track.id || id + "-track";
    list.id = list.id || id + "-list";
    if (!getAttribute(root, ROLE) && root.tagName !== "SECTION" && role) {
      setAttribute(root, ROLE, role);
    }
    setAttribute(root, ARIA_ROLEDESCRIPTION, i18n.carousel);
    setAttribute(list, ROLE, "presentation");
  }
  function find(selector) {
    var elm = query(root, selector);
    return elm && closest(elm, "." + CLASS_ROOT) === root ? elm : void 0;
  }
  function getClasses(base) {
    return [base + "--" + options.type, base + "--" + options.direction, options.drag && base + "--draggable", options.isNavigation && base + "--nav", base === CLASS_ROOT && CLASS_ACTIVE];
  }
  return react_splide_esm_assign(elements, {
    setup,
    mount,
    destroy
  });
}
var SLIDE = "slide";
var LOOP = "loop";
var FADE = "fade";
function Slide$1(Splide22, index, slideIndex, slide) {
  var event = EventInterface(Splide22);
  var on = event.on, emit = event.emit, bind = event.bind;
  var Components = Splide22.Components, root = Splide22.root, options = Splide22.options;
  var isNavigation = options.isNavigation, updateOnMove = options.updateOnMove, i18n = options.i18n, pagination = options.pagination, slideFocus = options.slideFocus;
  var resolve = Components.Direction.resolve;
  var styles = getAttribute(slide, "style");
  var label = getAttribute(slide, ARIA_LABEL);
  var isClone = slideIndex > -1;
  var container = child(slide, "." + CLASS_CONTAINER);
  var destroyed;
  function mount() {
    if (!isClone) {
      slide.id = root.id + "-slide" + pad(index + 1);
      setAttribute(slide, ROLE, pagination ? "tabpanel" : "group");
      setAttribute(slide, ARIA_ROLEDESCRIPTION, i18n.slide);
      setAttribute(slide, ARIA_LABEL, label || format(i18n.slideLabel, [index + 1, Splide22.length]));
    }
    listen();
  }
  function listen() {
    bind(slide, "click", apply(emit, EVENT_CLICK, self));
    bind(slide, "keydown", apply(emit, EVENT_SLIDE_KEYDOWN, self));
    on([EVENT_MOVED, EVENT_SHIFTED, EVENT_SCROLLED], update);
    on(EVENT_NAVIGATION_MOUNTED, initNavigation);
    if (updateOnMove) {
      on(EVENT_MOVE, onMove);
    }
  }
  function destroy() {
    destroyed = true;
    event.destroy();
    removeClass(slide, STATUS_CLASSES);
    removeAttribute(slide, ALL_ATTRIBUTES);
    setAttribute(slide, "style", styles);
    setAttribute(slide, ARIA_LABEL, label || "");
  }
  function initNavigation() {
    var controls = Splide22.splides.map(function(target) {
      var Slide2 = target.splide.Components.Slides.getAt(index);
      return Slide2 ? Slide2.slide.id : "";
    }).join(" ");
    setAttribute(slide, ARIA_LABEL, format(i18n.slideX, (isClone ? slideIndex : index) + 1));
    setAttribute(slide, ARIA_CONTROLS, controls);
    setAttribute(slide, ROLE, slideFocus ? "button" : "");
    slideFocus && removeAttribute(slide, ARIA_ROLEDESCRIPTION);
  }
  function onMove() {
    if (!destroyed) {
      update();
    }
  }
  function update() {
    if (!destroyed) {
      var curr = Splide22.index;
      updateActivity();
      updateVisibility();
      toggleClass(slide, CLASS_PREV, index === curr - 1);
      toggleClass(slide, CLASS_NEXT, index === curr + 1);
    }
  }
  function updateActivity() {
    var active = isActive();
    if (active !== hasClass(slide, CLASS_ACTIVE)) {
      toggleClass(slide, CLASS_ACTIVE, active);
      setAttribute(slide, ARIA_CURRENT, isNavigation && active || "");
      emit(active ? EVENT_ACTIVE : EVENT_INACTIVE, self);
    }
  }
  function updateVisibility() {
    var visible = isVisible();
    var hidden = !visible && (!isActive() || isClone);
    if (!Splide22.state.is([MOVING, SCROLLING])) {
      setAttribute(slide, ARIA_HIDDEN, hidden || "");
    }
    setAttribute(queryAll(slide, options.focusableNodes || ""), TAB_INDEX, hidden ? -1 : "");
    if (slideFocus) {
      setAttribute(slide, TAB_INDEX, hidden ? -1 : 0);
    }
    if (visible !== hasClass(slide, CLASS_VISIBLE)) {
      toggleClass(slide, CLASS_VISIBLE, visible);
      emit(visible ? EVENT_VISIBLE : EVENT_HIDDEN, self);
    }
    if (!visible && document.activeElement === slide) {
      var Slide2 = Components.Slides.getAt(Splide22.index);
      Slide2 && react_splide_esm_focus(Slide2.slide);
    }
  }
  function style$1(prop, value, useContainer) {
    style(useContainer && container || slide, prop, value);
  }
  function isActive() {
    var curr = Splide22.index;
    return curr === index || options.cloneStatus && curr === slideIndex;
  }
  function isVisible() {
    if (Splide22.is(FADE)) {
      return isActive();
    }
    var trackRect = rect(Components.Elements.track);
    var slideRect = rect(slide);
    var left = resolve("left", true);
    var right = resolve("right", true);
    return react_splide_esm_floor(trackRect[left]) <= ceil(slideRect[left]) && react_splide_esm_floor(slideRect[right]) <= ceil(trackRect[right]);
  }
  function isWithin(from, distance) {
    var diff = react_splide_esm_abs(from - index);
    if (!isClone && (options.rewind || Splide22.is(LOOP))) {
      diff = react_splide_esm_min(diff, Splide22.length - diff);
    }
    return diff <= distance;
  }
  var self = {
    index,
    slideIndex,
    slide,
    container,
    isClone,
    mount,
    destroy,
    update,
    style: style$1,
    isWithin
  };
  return self;
}
function Slides(Splide22, Components2, options) {
  var _EventInterface2 = EventInterface(Splide22), on = _EventInterface2.on, emit = _EventInterface2.emit, bind = _EventInterface2.bind;
  var _Components2$Elements = Components2.Elements, slides = _Components2$Elements.slides, list = _Components2$Elements.list;
  var Slides2 = [];
  function mount() {
    init();
    on(EVENT_REFRESH, destroy);
    on(EVENT_REFRESH, init);
  }
  function init() {
    slides.forEach(function(slide, index) {
      register(slide, index, -1);
    });
  }
  function destroy() {
    forEach$1(function(Slide2) {
      Slide2.destroy();
    });
    empty(Slides2);
  }
  function update() {
    forEach$1(function(Slide2) {
      Slide2.update();
    });
  }
  function register(slide, index, slideIndex) {
    var object = Slide$1(Splide22, index, slideIndex, slide);
    object.mount();
    Slides2.push(object);
    Slides2.sort(function(Slide1, Slide2) {
      return Slide1.index - Slide2.index;
    });
  }
  function get(excludeClones) {
    return excludeClones ? filter(function(Slide2) {
      return !Slide2.isClone;
    }) : Slides2;
  }
  function getIn(page) {
    var Controller2 = Components2.Controller;
    var index = Controller2.toIndex(page);
    var max2 = Controller2.hasFocus() ? 1 : options.perPage;
    return filter(function(Slide2) {
      return between(Slide2.index, index, index + max2 - 1);
    });
  }
  function getAt(index) {
    return filter(index)[0];
  }
  function add(items, index) {
    forEach(items, function(slide) {
      if (react_splide_esm_isString(slide)) {
        slide = parseHtml(slide);
      }
      if (react_splide_esm_isHTMLElement(slide)) {
        var ref = slides[index];
        ref ? before(slide, ref) : react_splide_esm_append(list, slide);
        addClass(slide, options.classes.slide);
        observeImages(slide, apply(emit, EVENT_RESIZE));
      }
    });
    emit(EVENT_REFRESH);
  }
  function remove$1(matcher) {
    remove(filter(matcher).map(function(Slide2) {
      return Slide2.slide;
    }));
    emit(EVENT_REFRESH);
  }
  function forEach$1(iteratee, excludeClones) {
    get(excludeClones).forEach(iteratee);
  }
  function filter(matcher) {
    return Slides2.filter(isFunction(matcher) ? matcher : function(Slide2) {
      return react_splide_esm_isString(matcher) ? matches(Slide2.slide, matcher) : includes(toArray(matcher), Slide2.index);
    });
  }
  function style2(prop, value, useContainer) {
    forEach$1(function(Slide2) {
      Slide2.style(prop, value, useContainer);
    });
  }
  function observeImages(elm, callback) {
    var images = queryAll(elm, "img");
    var length = images.length;
    if (length) {
      images.forEach(function(img) {
        bind(img, "load error", function() {
          if (!--length) {
            callback();
          }
        });
      });
    } else {
      callback();
    }
  }
  function getLength(excludeClones) {
    return excludeClones ? slides.length : Slides2.length;
  }
  function isEnough() {
    return Slides2.length > options.perPage;
  }
  return {
    mount,
    destroy,
    update,
    register,
    get,
    getIn,
    getAt,
    add,
    remove: remove$1,
    forEach: forEach$1,
    filter,
    style: style2,
    getLength,
    isEnough
  };
}
function Layout(Splide22, Components2, options) {
  var _EventInterface3 = EventInterface(Splide22), on = _EventInterface3.on, bind = _EventInterface3.bind, emit = _EventInterface3.emit;
  var Slides2 = Components2.Slides;
  var resolve = Components2.Direction.resolve;
  var _Components2$Elements2 = Components2.Elements, root = _Components2$Elements2.root, track = _Components2$Elements2.track, list = _Components2$Elements2.list;
  var getAt = Slides2.getAt, styleSlides = Slides2.style;
  var vertical;
  var rootRect;
  var overflow;
  function mount() {
    init();
    bind(window, "resize load", Throttle(apply(emit, EVENT_RESIZE)));
    on([EVENT_UPDATED, EVENT_REFRESH], init);
    on(EVENT_RESIZE, resize);
  }
  function init() {
    vertical = options.direction === TTB;
    style(root, "maxWidth", unit(options.width));
    style(track, resolve("paddingLeft"), cssPadding(false));
    style(track, resolve("paddingRight"), cssPadding(true));
    resize(true);
  }
  function resize(force) {
    var newRect = rect(root);
    if (force || rootRect.width !== newRect.width || rootRect.height !== newRect.height) {
      style(track, "height", cssTrackHeight());
      styleSlides(resolve("marginRight"), unit(options.gap));
      styleSlides("width", cssSlideWidth());
      styleSlides("height", cssSlideHeight(), true);
      rootRect = newRect;
      emit(EVENT_RESIZED);
      if (overflow !== (overflow = isOverflow())) {
        toggleClass(root, CLASS_OVERFLOW, overflow);
        emit(EVENT_OVERFLOW, overflow);
      }
    }
  }
  function cssPadding(right) {
    var padding = options.padding;
    var prop = resolve(right ? "right" : "left");
    return padding && unit(padding[prop] || (react_splide_esm_isObject(padding) ? 0 : padding)) || "0px";
  }
  function cssTrackHeight() {
    var height = "";
    if (vertical) {
      height = cssHeight();
      assert(height, "height or heightRatio is missing.");
      height = "calc(" + height + " - " + cssPadding(false) + " - " + cssPadding(true) + ")";
    }
    return height;
  }
  function cssHeight() {
    return unit(options.height || rect(list).width * options.heightRatio);
  }
  function cssSlideWidth() {
    return options.autoWidth ? null : unit(options.fixedWidth) || (vertical ? "" : cssSlideSize());
  }
  function cssSlideHeight() {
    return unit(options.fixedHeight) || (vertical ? options.autoHeight ? null : cssSlideSize() : cssHeight());
  }
  function cssSlideSize() {
    var gap = unit(options.gap);
    return "calc((100%" + (gap && " + " + gap) + ")/" + (options.perPage || 1) + (gap && " - " + gap) + ")";
  }
  function listSize() {
    return rect(list)[resolve("width")];
  }
  function slideSize(index, withoutGap) {
    var Slide2 = getAt(index || 0);
    return Slide2 ? rect(Slide2.slide)[resolve("width")] + (withoutGap ? 0 : getGap()) : 0;
  }
  function totalSize(index, withoutGap) {
    var Slide2 = getAt(index);
    if (Slide2) {
      var right = rect(Slide2.slide)[resolve("right")];
      var left = rect(list)[resolve("left")];
      return react_splide_esm_abs(right - left) + (withoutGap ? 0 : getGap());
    }
    return 0;
  }
  function sliderSize(withoutGap) {
    return totalSize(Splide22.length - 1) - totalSize(0) + slideSize(0, withoutGap);
  }
  function getGap() {
    var Slide2 = getAt(0);
    return Slide2 && parseFloat(style(Slide2.slide, resolve("marginRight"))) || 0;
  }
  function getPadding(right) {
    return parseFloat(style(track, resolve("padding" + (right ? "Right" : "Left")))) || 0;
  }
  function isOverflow() {
    return Splide22.is(FADE) || sliderSize(true) > listSize();
  }
  return {
    mount,
    resize,
    listSize,
    slideSize,
    sliderSize,
    totalSize,
    getPadding,
    isOverflow
  };
}
var MULTIPLIER = 2;
function Clones(Splide22, Components2, options) {
  var event = EventInterface(Splide22);
  var on = event.on;
  var Elements2 = Components2.Elements, Slides2 = Components2.Slides;
  var resolve = Components2.Direction.resolve;
  var clones = [];
  var cloneCount;
  function mount() {
    on(EVENT_REFRESH, remount);
    on([EVENT_UPDATED, EVENT_RESIZE], observe);
    if (cloneCount = computeCloneCount()) {
      generate(cloneCount);
      Components2.Layout.resize(true);
    }
  }
  function remount() {
    destroy();
    mount();
  }
  function destroy() {
    remove(clones);
    empty(clones);
    event.destroy();
  }
  function observe() {
    var count = computeCloneCount();
    if (cloneCount !== count) {
      if (cloneCount < count || !count) {
        event.emit(EVENT_REFRESH);
      }
    }
  }
  function generate(count) {
    var slides = Slides2.get().slice();
    var length = slides.length;
    if (length) {
      while (slides.length < count) {
        push(slides, slides);
      }
      push(slides.slice(-count), slides.slice(0, count)).forEach(function(Slide2, index) {
        var isHead = index < count;
        var clone = cloneDeep(Slide2.slide, index);
        isHead ? before(clone, slides[0].slide) : react_splide_esm_append(Elements2.list, clone);
        push(clones, clone);
        Slides2.register(clone, index - count + (isHead ? 0 : length), Slide2.index);
      });
    }
  }
  function cloneDeep(elm, index) {
    var clone = elm.cloneNode(true);
    addClass(clone, options.classes.clone);
    clone.id = Splide22.root.id + "-clone" + pad(index + 1);
    return clone;
  }
  function computeCloneCount() {
    var clones2 = options.clones;
    if (!Splide22.is(LOOP)) {
      clones2 = 0;
    } else if (react_splide_esm_isUndefined(clones2)) {
      var fixedSize = options[resolve("fixedWidth")] && Components2.Layout.slideSize(0);
      var fixedCount = fixedSize && ceil(rect(Elements2.track)[resolve("width")] / fixedSize);
      clones2 = fixedCount || options[resolve("autoWidth")] && Splide22.length || options.perPage * MULTIPLIER;
    }
    return clones2;
  }
  return {
    mount,
    destroy
  };
}
function Move(Splide22, Components2, options) {
  var _EventInterface4 = EventInterface(Splide22), on = _EventInterface4.on, emit = _EventInterface4.emit;
  var set = Splide22.state.set;
  var _Components2$Layout = Components2.Layout, slideSize = _Components2$Layout.slideSize, getPadding = _Components2$Layout.getPadding, totalSize = _Components2$Layout.totalSize, listSize = _Components2$Layout.listSize, sliderSize = _Components2$Layout.sliderSize;
  var _Components2$Directio = Components2.Direction, resolve = _Components2$Directio.resolve, orient = _Components2$Directio.orient;
  var _Components2$Elements3 = Components2.Elements, list = _Components2$Elements3.list, track = _Components2$Elements3.track;
  var Transition;
  function mount() {
    Transition = Components2.Transition;
    on([EVENT_MOUNTED, EVENT_RESIZED, EVENT_UPDATED, EVENT_REFRESH], reposition);
  }
  function reposition() {
    if (!Components2.Controller.isBusy()) {
      Components2.Scroll.cancel();
      jump(Splide22.index);
      Components2.Slides.update();
    }
  }
  function move(dest, index, prev, callback) {
    if (dest !== index && canShift(dest > prev)) {
      cancel();
      translate(shift(getPosition(), dest > prev), true);
    }
    set(MOVING);
    emit(EVENT_MOVE, index, prev, dest);
    Transition.start(index, function() {
      set(IDLE);
      emit(EVENT_MOVED, index, prev, dest);
      callback && callback();
    });
  }
  function jump(index) {
    translate(toPosition(index, true));
  }
  function translate(position, preventLoop) {
    if (!Splide22.is(FADE)) {
      var destination = preventLoop ? position : loop(position);
      style(list, "transform", "translate" + resolve("X") + "(" + destination + "px)");
      position !== destination && emit(EVENT_SHIFTED);
    }
  }
  function loop(position) {
    if (Splide22.is(LOOP)) {
      var index = toIndex(position);
      var exceededMax = index > Components2.Controller.getEnd();
      var exceededMin = index < 0;
      if (exceededMin || exceededMax) {
        position = shift(position, exceededMax);
      }
    }
    return position;
  }
  function shift(position, backwards) {
    var excess = position - getLimit(backwards);
    var size = sliderSize();
    position -= orient(size * (ceil(react_splide_esm_abs(excess) / size) || 1)) * (backwards ? 1 : -1);
    return position;
  }
  function cancel() {
    translate(getPosition(), true);
    Transition.cancel();
  }
  function toIndex(position) {
    var Slides2 = Components2.Slides.get();
    var index = 0;
    var minDistance = Infinity;
    for (var i = 0; i < Slides2.length; i++) {
      var slideIndex = Slides2[i].index;
      var distance = react_splide_esm_abs(toPosition(slideIndex, true) - position);
      if (distance <= minDistance) {
        minDistance = distance;
        index = slideIndex;
      } else {
        break;
      }
    }
    return index;
  }
  function toPosition(index, trimming) {
    var position = orient(totalSize(index - 1) - offset(index));
    return trimming ? trim(position) : position;
  }
  function getPosition() {
    var left = resolve("left");
    return rect(list)[left] - rect(track)[left] + orient(getPadding(false));
  }
  function trim(position) {
    if (options.trimSpace && Splide22.is(SLIDE)) {
      position = react_splide_esm_clamp(position, 0, orient(sliderSize(true) - listSize()));
    }
    return position;
  }
  function offset(index) {
    var focus2 = options.focus;
    return focus2 === "center" ? (listSize() - slideSize(index, true)) / 2 : +focus2 * slideSize(index) || 0;
  }
  function getLimit(max2) {
    return toPosition(max2 ? Components2.Controller.getEnd() : 0, !!options.trimSpace);
  }
  function canShift(backwards) {
    var shifted = orient(shift(getPosition(), backwards));
    return backwards ? shifted >= 0 : shifted <= list[resolve("scrollWidth")] - rect(track)[resolve("width")];
  }
  function exceededLimit(max2, position) {
    position = react_splide_esm_isUndefined(position) ? getPosition() : position;
    var exceededMin = max2 !== true && orient(position) < orient(getLimit(false));
    var exceededMax = max2 !== false && orient(position) > orient(getLimit(true));
    return exceededMin || exceededMax;
  }
  return {
    mount,
    move,
    jump,
    translate,
    shift,
    cancel,
    toIndex,
    toPosition,
    getPosition,
    getLimit,
    exceededLimit,
    reposition
  };
}
function Controller(Splide22, Components2, options) {
  var _EventInterface5 = EventInterface(Splide22), on = _EventInterface5.on, emit = _EventInterface5.emit;
  var Move2 = Components2.Move;
  var getPosition = Move2.getPosition, getLimit = Move2.getLimit, toPosition = Move2.toPosition;
  var _Components2$Slides = Components2.Slides, isEnough = _Components2$Slides.isEnough, getLength = _Components2$Slides.getLength;
  var omitEnd = options.omitEnd;
  var isLoop = Splide22.is(LOOP);
  var isSlide = Splide22.is(SLIDE);
  var getNext = apply(getAdjacent, false);
  var getPrev = apply(getAdjacent, true);
  var currIndex = options.start || 0;
  var endIndex;
  var prevIndex = currIndex;
  var slideCount;
  var perMove;
  var perPage;
  function mount() {
    init();
    on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], init);
    on(EVENT_RESIZED, onResized);
  }
  function init() {
    slideCount = getLength(true);
    perMove = options.perMove;
    perPage = options.perPage;
    endIndex = getEnd();
    var index = react_splide_esm_clamp(currIndex, 0, omitEnd ? endIndex : slideCount - 1);
    if (index !== currIndex) {
      currIndex = index;
      Move2.reposition();
    }
  }
  function onResized() {
    if (endIndex !== getEnd()) {
      emit(EVENT_END_INDEX_CHANGED);
    }
  }
  function go(control, allowSameIndex, callback) {
    if (!isBusy()) {
      var dest = parse(control);
      var index = loop(dest);
      if (index > -1 && (allowSameIndex || index !== currIndex)) {
        setIndex(index);
        Move2.move(dest, index, prevIndex, callback);
      }
    }
  }
  function scroll(destination, duration, snap, callback) {
    Components2.Scroll.scroll(destination, duration, snap, function() {
      var index = loop(Move2.toIndex(getPosition()));
      setIndex(omitEnd ? react_splide_esm_min(index, endIndex) : index);
      callback && callback();
    });
  }
  function parse(control) {
    var index = currIndex;
    if (react_splide_esm_isString(control)) {
      var _ref = control.match(/([+\-<>])(\d+)?/) || [], indicator = _ref[1], number = _ref[2];
      if (indicator === "+" || indicator === "-") {
        index = computeDestIndex(currIndex + +("" + indicator + (+number || 1)), currIndex);
      } else if (indicator === ">") {
        index = number ? toIndex(+number) : getNext(true);
      } else if (indicator === "<") {
        index = getPrev(true);
      }
    } else {
      index = isLoop ? control : react_splide_esm_clamp(control, 0, endIndex);
    }
    return index;
  }
  function getAdjacent(prev, destination) {
    var number = perMove || (hasFocus() ? 1 : perPage);
    var dest = computeDestIndex(currIndex + number * (prev ? -1 : 1), currIndex, !(perMove || hasFocus()));
    if (dest === -1 && isSlide) {
      if (!approximatelyEqual(getPosition(), getLimit(!prev), 1)) {
        return prev ? 0 : endIndex;
      }
    }
    return destination ? dest : loop(dest);
  }
  function computeDestIndex(dest, from, snapPage) {
    if (isEnough() || hasFocus()) {
      var index = computeMovableDestIndex(dest);
      if (index !== dest) {
        from = dest;
        dest = index;
        snapPage = false;
      }
      if (dest < 0 || dest > endIndex) {
        if (!perMove && (between(0, dest, from, true) || between(endIndex, from, dest, true))) {
          dest = toIndex(toPage(dest));
        } else {
          if (isLoop) {
            dest = snapPage ? dest < 0 ? -(slideCount % perPage || perPage) : slideCount : dest;
          } else if (options.rewind) {
            dest = dest < 0 ? endIndex : 0;
          } else {
            dest = -1;
          }
        }
      } else {
        if (snapPage && dest !== from) {
          dest = toIndex(toPage(from) + (dest < from ? -1 : 1));
        }
      }
    } else {
      dest = -1;
    }
    return dest;
  }
  function computeMovableDestIndex(dest) {
    if (isSlide && options.trimSpace === "move" && dest !== currIndex) {
      var position = getPosition();
      while (position === toPosition(dest, true) && between(dest, 0, Splide22.length - 1, !options.rewind)) {
        dest < currIndex ? --dest : ++dest;
      }
    }
    return dest;
  }
  function loop(index) {
    return isLoop ? (index + slideCount) % slideCount || 0 : index;
  }
  function getEnd() {
    var end = slideCount - (hasFocus() || isLoop && perMove ? 1 : perPage);
    while (omitEnd && end-- > 0) {
      if (toPosition(slideCount - 1, true) !== toPosition(end, true)) {
        end++;
        break;
      }
    }
    return react_splide_esm_clamp(end, 0, slideCount - 1);
  }
  function toIndex(page) {
    return react_splide_esm_clamp(hasFocus() ? page : perPage * page, 0, endIndex);
  }
  function toPage(index) {
    return hasFocus() ? react_splide_esm_min(index, endIndex) : react_splide_esm_floor((index >= endIndex ? slideCount - 1 : index) / perPage);
  }
  function toDest(destination) {
    var closest2 = Move2.toIndex(destination);
    return isSlide ? react_splide_esm_clamp(closest2, 0, endIndex) : closest2;
  }
  function setIndex(index) {
    if (index !== currIndex) {
      prevIndex = currIndex;
      currIndex = index;
    }
  }
  function getIndex(prev) {
    return prev ? prevIndex : currIndex;
  }
  function hasFocus() {
    return !react_splide_esm_isUndefined(options.focus) || options.isNavigation;
  }
  function isBusy() {
    return Splide22.state.is([MOVING, SCROLLING]) && !!options.waitForTransition;
  }
  return {
    mount,
    go,
    scroll,
    getNext,
    getPrev,
    getAdjacent,
    getEnd,
    setIndex,
    getIndex,
    toIndex,
    toPage,
    toDest,
    hasFocus,
    isBusy
  };
}
var XML_NAME_SPACE = "http://www.w3.org/2000/svg";
var PATH = "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";
var SIZE = 40;
function Arrows(Splide22, Components2, options) {
  var event = EventInterface(Splide22);
  var on = event.on, bind = event.bind, emit = event.emit;
  var classes = options.classes, i18n = options.i18n;
  var Elements2 = Components2.Elements, Controller2 = Components2.Controller;
  var placeholder = Elements2.arrows, track = Elements2.track;
  var wrapper = placeholder;
  var prev = Elements2.prev;
  var next = Elements2.next;
  var created;
  var wrapperClasses;
  var arrows = {};
  function mount() {
    init();
    on(EVENT_UPDATED, remount);
  }
  function remount() {
    destroy();
    mount();
  }
  function init() {
    var enabled = options.arrows;
    if (enabled && !(prev && next)) {
      createArrows();
    }
    if (prev && next) {
      react_splide_esm_assign(arrows, {
        prev,
        next
      });
      display(wrapper, enabled ? "" : "none");
      addClass(wrapper, wrapperClasses = CLASS_ARROWS + "--" + options.direction);
      if (enabled) {
        listen();
        update();
        setAttribute([prev, next], ARIA_CONTROLS, track.id);
        emit(EVENT_ARROWS_MOUNTED, prev, next);
      }
    }
  }
  function destroy() {
    event.destroy();
    removeClass(wrapper, wrapperClasses);
    if (created) {
      remove(placeholder ? [prev, next] : wrapper);
      prev = next = null;
    } else {
      removeAttribute([prev, next], ALL_ATTRIBUTES);
    }
  }
  function listen() {
    on([EVENT_MOUNTED, EVENT_MOVED, EVENT_REFRESH, EVENT_SCROLLED, EVENT_END_INDEX_CHANGED], update);
    bind(next, "click", apply(go, ">"));
    bind(prev, "click", apply(go, "<"));
  }
  function go(control) {
    Controller2.go(control, true);
  }
  function createArrows() {
    wrapper = placeholder || create("div", classes.arrows);
    prev = createArrow(true);
    next = createArrow(false);
    created = true;
    react_splide_esm_append(wrapper, [prev, next]);
    !placeholder && before(wrapper, track);
  }
  function createArrow(prev2) {
    var arrow = '<button class="' + classes.arrow + " " + (prev2 ? classes.prev : classes.next) + '" type="button"><svg xmlns="' + XML_NAME_SPACE + '" viewBox="0 0 ' + SIZE + " " + SIZE + '" width="' + SIZE + '" height="' + SIZE + '" focusable="false"><path d="' + (options.arrowPath || PATH) + '" />';
    return parseHtml(arrow);
  }
  function update() {
    if (prev && next) {
      var index = Splide22.index;
      var prevIndex = Controller2.getPrev();
      var nextIndex = Controller2.getNext();
      var prevLabel = prevIndex > -1 && index < prevIndex ? i18n.last : i18n.prev;
      var nextLabel = nextIndex > -1 && index > nextIndex ? i18n.first : i18n.next;
      prev.disabled = prevIndex < 0;
      next.disabled = nextIndex < 0;
      setAttribute(prev, ARIA_LABEL, prevLabel);
      setAttribute(next, ARIA_LABEL, nextLabel);
      emit(EVENT_ARROWS_UPDATED, prev, next, prevIndex, nextIndex);
    }
  }
  return {
    arrows,
    mount,
    destroy,
    update
  };
}
var INTERVAL_DATA_ATTRIBUTE = DATA_ATTRIBUTE + "-interval";
function Autoplay(Splide22, Components2, options) {
  var _EventInterface6 = EventInterface(Splide22), on = _EventInterface6.on, bind = _EventInterface6.bind, emit = _EventInterface6.emit;
  var interval = RequestInterval(options.interval, Splide22.go.bind(Splide22, ">"), onAnimationFrame);
  var isPaused = interval.isPaused;
  var Elements2 = Components2.Elements, _Components2$Elements4 = Components2.Elements, root = _Components2$Elements4.root, toggle = _Components2$Elements4.toggle;
  var autoplay = options.autoplay;
  var hovered;
  var focused;
  var stopped = autoplay === "pause";
  function mount() {
    if (autoplay) {
      listen();
      toggle && setAttribute(toggle, ARIA_CONTROLS, Elements2.track.id);
      stopped || play();
      update();
    }
  }
  function listen() {
    if (options.pauseOnHover) {
      bind(root, "mouseenter mouseleave", function(e) {
        hovered = e.type === "mouseenter";
        autoToggle();
      });
    }
    if (options.pauseOnFocus) {
      bind(root, "focusin focusout", function(e) {
        focused = e.type === "focusin";
        autoToggle();
      });
    }
    if (toggle) {
      bind(toggle, "click", function() {
        stopped ? play() : pause(true);
      });
    }
    on([EVENT_MOVE, EVENT_SCROLL, EVENT_REFRESH], interval.rewind);
    on(EVENT_MOVE, onMove);
  }
  function play() {
    if (isPaused() && Components2.Slides.isEnough()) {
      interval.start(!options.resetProgress);
      focused = hovered = stopped = false;
      update();
      emit(EVENT_AUTOPLAY_PLAY);
    }
  }
  function pause(stop) {
    if (stop === void 0) {
      stop = true;
    }
    stopped = !!stop;
    update();
    if (!isPaused()) {
      interval.pause();
      emit(EVENT_AUTOPLAY_PAUSE);
    }
  }
  function autoToggle() {
    if (!stopped) {
      hovered || focused ? pause(false) : play();
    }
  }
  function update() {
    if (toggle) {
      toggleClass(toggle, CLASS_ACTIVE, !stopped);
      setAttribute(toggle, ARIA_LABEL, options.i18n[stopped ? "play" : "pause"]);
    }
  }
  function onAnimationFrame(rate) {
    var bar = Elements2.bar;
    bar && style(bar, "width", rate * 100 + "%");
    emit(EVENT_AUTOPLAY_PLAYING, rate);
  }
  function onMove(index) {
    var Slide2 = Components2.Slides.getAt(index);
    interval.set(Slide2 && +getAttribute(Slide2.slide, INTERVAL_DATA_ATTRIBUTE) || options.interval);
  }
  return {
    mount,
    destroy: interval.cancel,
    play,
    pause,
    isPaused
  };
}
function Cover(Splide22, Components2, options) {
  var _EventInterface7 = EventInterface(Splide22), on = _EventInterface7.on;
  function mount() {
    if (options.cover) {
      on(EVENT_LAZYLOAD_LOADED, apply(toggle, true));
      on([EVENT_MOUNTED, EVENT_UPDATED, EVENT_REFRESH], apply(cover, true));
    }
  }
  function cover(cover2) {
    Components2.Slides.forEach(function(Slide2) {
      var img = child(Slide2.container || Slide2.slide, "img");
      if (img && img.src) {
        toggle(cover2, img, Slide2);
      }
    });
  }
  function toggle(cover2, img, Slide2) {
    Slide2.style("background", cover2 ? 'center/cover no-repeat url("' + img.src + '")' : "", true);
    display(img, cover2 ? "none" : "");
  }
  return {
    mount,
    destroy: apply(cover, false)
  };
}
var BOUNCE_DIFF_THRESHOLD = 10;
var BOUNCE_DURATION = 600;
var FRICTION_FACTOR = 0.6;
var BASE_VELOCITY = 1.5;
var MIN_DURATION = 800;
function Scroll(Splide22, Components2, options) {
  var _EventInterface8 = EventInterface(Splide22), on = _EventInterface8.on, emit = _EventInterface8.emit;
  var set = Splide22.state.set;
  var Move2 = Components2.Move;
  var getPosition = Move2.getPosition, getLimit = Move2.getLimit, exceededLimit = Move2.exceededLimit, translate = Move2.translate;
  var isSlide = Splide22.is(SLIDE);
  var interval;
  var callback;
  var friction = 1;
  function mount() {
    on(EVENT_MOVE, clear);
    on([EVENT_UPDATED, EVENT_REFRESH], cancel);
  }
  function scroll(destination, duration, snap, onScrolled, noConstrain) {
    var from = getPosition();
    clear();
    if (snap && (!isSlide || !exceededLimit())) {
      var size = Components2.Layout.sliderSize();
      var offset = sign(destination) * size * react_splide_esm_floor(react_splide_esm_abs(destination) / size) || 0;
      destination = Move2.toPosition(Components2.Controller.toDest(destination % size)) + offset;
    }
    var noDistance = approximatelyEqual(from, destination, 1);
    friction = 1;
    duration = noDistance ? 0 : duration || react_splide_esm_max(react_splide_esm_abs(destination - from) / BASE_VELOCITY, MIN_DURATION);
    callback = onScrolled;
    interval = RequestInterval(duration, onEnd, apply(update, from, destination, noConstrain), 1);
    set(SCROLLING);
    emit(EVENT_SCROLL);
    interval.start();
  }
  function onEnd() {
    set(IDLE);
    callback && callback();
    emit(EVENT_SCROLLED);
  }
  function update(from, to, noConstrain, rate) {
    var position = getPosition();
    var target = from + (to - from) * easing(rate);
    var diff = (target - position) * friction;
    translate(position + diff);
    if (isSlide && !noConstrain && exceededLimit()) {
      friction *= FRICTION_FACTOR;
      if (react_splide_esm_abs(diff) < BOUNCE_DIFF_THRESHOLD) {
        scroll(getLimit(exceededLimit(true)), BOUNCE_DURATION, false, callback, true);
      }
    }
  }
  function clear() {
    if (interval) {
      interval.cancel();
    }
  }
  function cancel() {
    if (interval && !interval.isPaused()) {
      clear();
      onEnd();
    }
  }
  function easing(t) {
    var easingFunc = options.easingFunc;
    return easingFunc ? easingFunc(t) : 1 - Math.pow(1 - t, 4);
  }
  return {
    mount,
    destroy: clear,
    scroll,
    cancel
  };
}
var SCROLL_LISTENER_OPTIONS = {
  passive: false,
  capture: true
};
function Drag(Splide22, Components2, options) {
  var _EventInterface9 = EventInterface(Splide22), on = _EventInterface9.on, emit = _EventInterface9.emit, bind = _EventInterface9.bind, unbind = _EventInterface9.unbind;
  var state = Splide22.state;
  var Move2 = Components2.Move, Scroll2 = Components2.Scroll, Controller2 = Components2.Controller, track = Components2.Elements.track, reduce = Components2.Media.reduce;
  var _Components2$Directio2 = Components2.Direction, resolve = _Components2$Directio2.resolve, orient = _Components2$Directio2.orient;
  var getPosition = Move2.getPosition, exceededLimit = Move2.exceededLimit;
  var basePosition;
  var baseEvent;
  var prevBaseEvent;
  var isFree;
  var dragging;
  var exceeded = false;
  var clickPrevented;
  var disabled;
  var target;
  function mount() {
    bind(track, POINTER_MOVE_EVENTS, react_splide_esm_noop, SCROLL_LISTENER_OPTIONS);
    bind(track, POINTER_UP_EVENTS, react_splide_esm_noop, SCROLL_LISTENER_OPTIONS);
    bind(track, POINTER_DOWN_EVENTS, onPointerDown, SCROLL_LISTENER_OPTIONS);
    bind(track, "click", onClick, {
      capture: true
    });
    bind(track, "dragstart", prevent);
    on([EVENT_MOUNTED, EVENT_UPDATED], init);
  }
  function init() {
    var drag = options.drag;
    disable(!drag);
    isFree = drag === "free";
  }
  function onPointerDown(e) {
    clickPrevented = false;
    if (!disabled) {
      var isTouch = isTouchEvent(e);
      if (isDraggable(e.target) && (isTouch || !e.button)) {
        if (!Controller2.isBusy()) {
          target = isTouch ? track : window;
          dragging = state.is([MOVING, SCROLLING]);
          prevBaseEvent = null;
          bind(target, POINTER_MOVE_EVENTS, onPointerMove, SCROLL_LISTENER_OPTIONS);
          bind(target, POINTER_UP_EVENTS, onPointerUp, SCROLL_LISTENER_OPTIONS);
          Move2.cancel();
          Scroll2.cancel();
          save(e);
        } else {
          prevent(e, true);
        }
      }
    }
  }
  function onPointerMove(e) {
    if (!state.is(DRAGGING)) {
      state.set(DRAGGING);
      emit(EVENT_DRAG);
    }
    if (e.cancelable) {
      if (dragging) {
        Move2.translate(basePosition + constrain(diffCoord(e)));
        var expired = diffTime(e) > LOG_INTERVAL;
        var hasExceeded = exceeded !== (exceeded = exceededLimit());
        if (expired || hasExceeded) {
          save(e);
        }
        clickPrevented = true;
        emit(EVENT_DRAGGING);
        prevent(e);
      } else if (isSliderDirection(e)) {
        dragging = shouldStart(e);
        prevent(e);
      }
    }
  }
  function onPointerUp(e) {
    if (state.is(DRAGGING)) {
      state.set(IDLE);
      emit(EVENT_DRAGGED);
    }
    if (dragging) {
      move(e);
      prevent(e);
    }
    unbind(target, POINTER_MOVE_EVENTS, onPointerMove);
    unbind(target, POINTER_UP_EVENTS, onPointerUp);
    dragging = false;
  }
  function onClick(e) {
    if (!disabled && clickPrevented) {
      prevent(e, true);
    }
  }
  function save(e) {
    prevBaseEvent = baseEvent;
    baseEvent = e;
    basePosition = getPosition();
  }
  function move(e) {
    var velocity = computeVelocity(e);
    var destination = computeDestination(velocity);
    var rewind = options.rewind && options.rewindByDrag;
    reduce(false);
    if (isFree) {
      Controller2.scroll(destination, 0, options.snap);
    } else if (Splide22.is(FADE)) {
      Controller2.go(orient(sign(velocity)) < 0 ? rewind ? "<" : "-" : rewind ? ">" : "+");
    } else if (Splide22.is(SLIDE) && exceeded && rewind) {
      Controller2.go(exceededLimit(true) ? ">" : "<");
    } else {
      Controller2.go(Controller2.toDest(destination), true);
    }
    reduce(true);
  }
  function shouldStart(e) {
    var thresholds = options.dragMinThreshold;
    var isObj = react_splide_esm_isObject(thresholds);
    var mouse = isObj && thresholds.mouse || 0;
    var touch = (isObj ? thresholds.touch : +thresholds) || 10;
    return react_splide_esm_abs(diffCoord(e)) > (isTouchEvent(e) ? touch : mouse);
  }
  function isSliderDirection(e) {
    return react_splide_esm_abs(diffCoord(e)) > react_splide_esm_abs(diffCoord(e, true));
  }
  function computeVelocity(e) {
    if (Splide22.is(LOOP) || !exceeded) {
      var time = diffTime(e);
      if (time && time < LOG_INTERVAL) {
        return diffCoord(e) / time;
      }
    }
    return 0;
  }
  function computeDestination(velocity) {
    return getPosition() + sign(velocity) * react_splide_esm_min(react_splide_esm_abs(velocity) * (options.flickPower || 600), isFree ? Infinity : Components2.Layout.listSize() * (options.flickMaxPages || 1));
  }
  function diffCoord(e, orthogonal) {
    return coordOf(e, orthogonal) - coordOf(getBaseEvent(e), orthogonal);
  }
  function diffTime(e) {
    return timeOf(e) - timeOf(getBaseEvent(e));
  }
  function getBaseEvent(e) {
    return baseEvent === e && prevBaseEvent || baseEvent;
  }
  function coordOf(e, orthogonal) {
    return (isTouchEvent(e) ? e.changedTouches[0] : e)["page" + resolve(orthogonal ? "Y" : "X")];
  }
  function constrain(diff) {
    return diff / (exceeded && Splide22.is(SLIDE) ? FRICTION : 1);
  }
  function isDraggable(target2) {
    var noDrag = options.noDrag;
    return !matches(target2, "." + CLASS_PAGINATION_PAGE + ", ." + CLASS_ARROW) && (!noDrag || !matches(target2, noDrag));
  }
  function isTouchEvent(e) {
    return typeof TouchEvent !== "undefined" && e instanceof TouchEvent;
  }
  function isDragging() {
    return dragging;
  }
  function disable(value) {
    disabled = value;
  }
  return {
    mount,
    disable,
    isDragging
  };
}
var NORMALIZATION_MAP = {
  Spacebar: " ",
  Right: ARROW_RIGHT,
  Left: ARROW_LEFT,
  Up: ARROW_UP,
  Down: ARROW_DOWN
};
function normalizeKey(key) {
  key = react_splide_esm_isString(key) ? key : key.key;
  return NORMALIZATION_MAP[key] || key;
}
var KEYBOARD_EVENT = "keydown";
function Keyboard(Splide22, Components2, options) {
  var _EventInterface10 = EventInterface(Splide22), on = _EventInterface10.on, bind = _EventInterface10.bind, unbind = _EventInterface10.unbind;
  var root = Splide22.root;
  var resolve = Components2.Direction.resolve;
  var target;
  var disabled;
  function mount() {
    init();
    on(EVENT_UPDATED, destroy);
    on(EVENT_UPDATED, init);
    on(EVENT_MOVE, onMove);
  }
  function init() {
    var keyboard = options.keyboard;
    if (keyboard) {
      target = keyboard === "global" ? window : root;
      bind(target, KEYBOARD_EVENT, onKeydown);
    }
  }
  function destroy() {
    unbind(target, KEYBOARD_EVENT);
  }
  function disable(value) {
    disabled = value;
  }
  function onMove() {
    var _disabled = disabled;
    disabled = true;
    nextTick(function() {
      disabled = _disabled;
    });
  }
  function onKeydown(e) {
    if (!disabled) {
      var key = normalizeKey(e);
      if (key === resolve(ARROW_LEFT)) {
        Splide22.go("<");
      } else if (key === resolve(ARROW_RIGHT)) {
        Splide22.go(">");
      }
    }
  }
  return {
    mount,
    destroy,
    disable
  };
}
var SRC_DATA_ATTRIBUTE = DATA_ATTRIBUTE + "-lazy";
var SRCSET_DATA_ATTRIBUTE = SRC_DATA_ATTRIBUTE + "-srcset";
var IMAGE_SELECTOR = "[" + SRC_DATA_ATTRIBUTE + "], [" + SRCSET_DATA_ATTRIBUTE + "]";
function LazyLoad(Splide22, Components2, options) {
  var _EventInterface11 = EventInterface(Splide22), on = _EventInterface11.on, off = _EventInterface11.off, bind = _EventInterface11.bind, emit = _EventInterface11.emit;
  var isSequential = options.lazyLoad === "sequential";
  var events = [EVENT_MOVED, EVENT_SCROLLED];
  var entries = [];
  function mount() {
    if (options.lazyLoad) {
      init();
      on(EVENT_REFRESH, init);
    }
  }
  function init() {
    empty(entries);
    register();
    if (isSequential) {
      loadNext();
    } else {
      off(events);
      on(events, check);
      check();
    }
  }
  function register() {
    Components2.Slides.forEach(function(Slide2) {
      queryAll(Slide2.slide, IMAGE_SELECTOR).forEach(function(img) {
        var src = getAttribute(img, SRC_DATA_ATTRIBUTE);
        var srcset = getAttribute(img, SRCSET_DATA_ATTRIBUTE);
        if (src !== img.src || srcset !== img.srcset) {
          var className = options.classes.spinner;
          var parent = img.parentElement;
          var spinner = child(parent, "." + className) || create("span", className, parent);
          entries.push([img, Slide2, spinner]);
          img.src || display(img, "none");
        }
      });
    });
  }
  function check() {
    entries = entries.filter(function(data) {
      var distance = options.perPage * ((options.preloadPages || 1) + 1) - 1;
      return data[1].isWithin(Splide22.index, distance) ? load(data) : true;
    });
    entries.length || off(events);
  }
  function load(data) {
    var img = data[0];
    addClass(data[1].slide, CLASS_LOADING);
    bind(img, "load error", apply(onLoad, data));
    setAttribute(img, "src", getAttribute(img, SRC_DATA_ATTRIBUTE));
    setAttribute(img, "srcset", getAttribute(img, SRCSET_DATA_ATTRIBUTE));
    removeAttribute(img, SRC_DATA_ATTRIBUTE);
    removeAttribute(img, SRCSET_DATA_ATTRIBUTE);
  }
  function onLoad(data, e) {
    var img = data[0], Slide2 = data[1];
    removeClass(Slide2.slide, CLASS_LOADING);
    if (e.type !== "error") {
      remove(data[2]);
      display(img, "");
      emit(EVENT_LAZYLOAD_LOADED, img, Slide2);
      emit(EVENT_RESIZE);
    }
    isSequential && loadNext();
  }
  function loadNext() {
    entries.length && load(entries.shift());
  }
  return {
    mount,
    destroy: apply(empty, entries),
    check
  };
}
function Pagination(Splide22, Components2, options) {
  var event = EventInterface(Splide22);
  var on = event.on, emit = event.emit, bind = event.bind;
  var Slides2 = Components2.Slides, Elements2 = Components2.Elements, Controller2 = Components2.Controller;
  var hasFocus = Controller2.hasFocus, getIndex = Controller2.getIndex, go = Controller2.go;
  var resolve = Components2.Direction.resolve;
  var placeholder = Elements2.pagination;
  var items = [];
  var list;
  var paginationClasses;
  function mount() {
    destroy();
    on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], mount);
    var enabled = options.pagination;
    placeholder && display(placeholder, enabled ? "" : "none");
    if (enabled) {
      on([EVENT_MOVE, EVENT_SCROLL, EVENT_SCROLLED], update);
      createPagination();
      update();
      emit(EVENT_PAGINATION_MOUNTED, {
        list,
        items
      }, getAt(Splide22.index));
    }
  }
  function destroy() {
    if (list) {
      remove(placeholder ? react_splide_esm_slice(list.children) : list);
      removeClass(list, paginationClasses);
      empty(items);
      list = null;
    }
    event.destroy();
  }
  function createPagination() {
    var length = Splide22.length;
    var classes = options.classes, i18n = options.i18n, perPage = options.perPage;
    var max2 = hasFocus() ? Controller2.getEnd() + 1 : ceil(length / perPage);
    list = placeholder || create("ul", classes.pagination, Elements2.track.parentElement);
    addClass(list, paginationClasses = CLASS_PAGINATION + "--" + getDirection());
    setAttribute(list, ROLE, "tablist");
    setAttribute(list, ARIA_LABEL, i18n.select);
    setAttribute(list, ARIA_ORIENTATION, getDirection() === TTB ? "vertical" : "");
    for (var i = 0; i < max2; i++) {
      var li = create("li", null, list);
      var button = create("button", {
        class: classes.page,
        type: "button"
      }, li);
      var controls = Slides2.getIn(i).map(function(Slide2) {
        return Slide2.slide.id;
      });
      var text = !hasFocus() && perPage > 1 ? i18n.pageX : i18n.slideX;
      bind(button, "click", apply(onClick, i));
      if (options.paginationKeyboard) {
        bind(button, "keydown", apply(onKeydown, i));
      }
      setAttribute(li, ROLE, "presentation");
      setAttribute(button, ROLE, "tab");
      setAttribute(button, ARIA_CONTROLS, controls.join(" "));
      setAttribute(button, ARIA_LABEL, format(text, i + 1));
      setAttribute(button, TAB_INDEX, -1);
      items.push({
        li,
        button,
        page: i
      });
    }
  }
  function onClick(page) {
    go(">" + page, true);
  }
  function onKeydown(page, e) {
    var length = items.length;
    var key = normalizeKey(e);
    var dir = getDirection();
    var nextPage = -1;
    if (key === resolve(ARROW_RIGHT, false, dir)) {
      nextPage = ++page % length;
    } else if (key === resolve(ARROW_LEFT, false, dir)) {
      nextPage = (--page + length) % length;
    } else if (key === "Home") {
      nextPage = 0;
    } else if (key === "End") {
      nextPage = length - 1;
    }
    var item = items[nextPage];
    if (item) {
      react_splide_esm_focus(item.button);
      go(">" + nextPage);
      prevent(e, true);
    }
  }
  function getDirection() {
    return options.paginationDirection || options.direction;
  }
  function getAt(index) {
    return items[Controller2.toPage(index)];
  }
  function update() {
    var prev = getAt(getIndex(true));
    var curr = getAt(getIndex());
    if (prev) {
      var button = prev.button;
      removeClass(button, CLASS_ACTIVE);
      removeAttribute(button, ARIA_SELECTED);
      setAttribute(button, TAB_INDEX, -1);
    }
    if (curr) {
      var _button = curr.button;
      addClass(_button, CLASS_ACTIVE);
      setAttribute(_button, ARIA_SELECTED, true);
      setAttribute(_button, TAB_INDEX, "");
    }
    emit(EVENT_PAGINATION_UPDATED, {
      list,
      items
    }, prev, curr);
  }
  return {
    items,
    mount,
    destroy,
    getAt,
    update
  };
}
var TRIGGER_KEYS = [" ", "Enter"];
function Sync(Splide22, Components2, options) {
  var isNavigation = options.isNavigation, slideFocus = options.slideFocus;
  var events = [];
  function mount() {
    Splide22.splides.forEach(function(target) {
      if (!target.isParent) {
        sync(Splide22, target.splide);
        sync(target.splide, Splide22);
      }
    });
    if (isNavigation) {
      navigate();
    }
  }
  function destroy() {
    events.forEach(function(event) {
      event.destroy();
    });
    empty(events);
  }
  function remount() {
    destroy();
    mount();
  }
  function sync(splide, target) {
    var event = EventInterface(splide);
    event.on(EVENT_MOVE, function(index, prev, dest) {
      target.go(target.is(LOOP) ? dest : index);
    });
    events.push(event);
  }
  function navigate() {
    var event = EventInterface(Splide22);
    var on = event.on;
    on(EVENT_CLICK, onClick);
    on(EVENT_SLIDE_KEYDOWN, onKeydown);
    on([EVENT_MOUNTED, EVENT_UPDATED], update);
    events.push(event);
    event.emit(EVENT_NAVIGATION_MOUNTED, Splide22.splides);
  }
  function update() {
    setAttribute(Components2.Elements.list, ARIA_ORIENTATION, options.direction === TTB ? "vertical" : "");
  }
  function onClick(Slide2) {
    Splide22.go(Slide2.index);
  }
  function onKeydown(Slide2, e) {
    if (includes(TRIGGER_KEYS, normalizeKey(e))) {
      onClick(Slide2);
      prevent(e);
    }
  }
  return {
    setup: apply(Components2.Media.set, {
      slideFocus: react_splide_esm_isUndefined(slideFocus) ? isNavigation : slideFocus
    }, true),
    mount,
    destroy,
    remount
  };
}
function Wheel(Splide22, Components2, options) {
  var _EventInterface12 = EventInterface(Splide22), bind = _EventInterface12.bind;
  var lastTime = 0;
  function mount() {
    if (options.wheel) {
      bind(Components2.Elements.track, "wheel", onWheel, SCROLL_LISTENER_OPTIONS);
    }
  }
  function onWheel(e) {
    if (e.cancelable) {
      var deltaY = e.deltaY;
      var backwards = deltaY < 0;
      var timeStamp = timeOf(e);
      var _min = options.wheelMinThreshold || 0;
      var sleep = options.wheelSleep || 0;
      if (react_splide_esm_abs(deltaY) > _min && timeStamp - lastTime > sleep) {
        Splide22.go(backwards ? "<" : ">");
        lastTime = timeStamp;
      }
      shouldPrevent(backwards) && prevent(e);
    }
  }
  function shouldPrevent(backwards) {
    return !options.releaseWheel || Splide22.state.is(MOVING) || Components2.Controller.getAdjacent(backwards) !== -1;
  }
  return {
    mount
  };
}
var SR_REMOVAL_DELAY = 90;
function Live(Splide22, Components2, options) {
  var _EventInterface13 = EventInterface(Splide22), on = _EventInterface13.on;
  var track = Components2.Elements.track;
  var enabled = options.live && !options.isNavigation;
  var sr = create("span", CLASS_SR);
  var interval = RequestInterval(SR_REMOVAL_DELAY, apply(toggle, false));
  function mount() {
    if (enabled) {
      disable(!Components2.Autoplay.isPaused());
      setAttribute(track, ARIA_ATOMIC, true);
      sr.textContent = "\u2026";
      on(EVENT_AUTOPLAY_PLAY, apply(disable, true));
      on(EVENT_AUTOPLAY_PAUSE, apply(disable, false));
      on([EVENT_MOVED, EVENT_SCROLLED], apply(toggle, true));
    }
  }
  function toggle(active) {
    setAttribute(track, ARIA_BUSY, active);
    if (active) {
      react_splide_esm_append(track, sr);
      interval.start();
    } else {
      remove(sr);
      interval.cancel();
    }
  }
  function destroy() {
    removeAttribute(track, [ARIA_LIVE, ARIA_ATOMIC, ARIA_BUSY]);
    remove(sr);
  }
  function disable(disabled) {
    if (enabled) {
      setAttribute(track, ARIA_LIVE, disabled ? "off" : "polite");
    }
  }
  return {
    mount,
    disable,
    destroy
  };
}
var ComponentConstructors = /* @__PURE__ */ Object.freeze({
  __proto__: null,
  Media: react_splide_esm_Media,
  Direction,
  Elements,
  Slides,
  Layout,
  Clones,
  Move,
  Controller,
  Arrows,
  Autoplay,
  Cover,
  Scroll,
  Drag,
  Keyboard,
  LazyLoad,
  Pagination,
  Sync,
  Wheel,
  Live
});
var 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"
};
var DEFAULTS = {
  type: "slide",
  role: "region",
  speed: 400,
  perPage: 1,
  cloneStatus: true,
  arrows: true,
  pagination: true,
  paginationKeyboard: true,
  interval: 5e3,
  pauseOnHover: true,
  pauseOnFocus: true,
  resetProgress: true,
  easing: "cubic-bezier(0.25, 1, 0.5, 1)",
  drag: true,
  direction: "ltr",
  trimSpace: true,
  focusableNodes: "a, button, textarea, input, select, iframe",
  live: true,
  classes: CLASSES,
  i18n: I18N,
  reducedMotion: {
    speed: 0,
    rewindSpeed: 0,
    autoplay: "pause"
  }
};
function Fade(Splide22, Components2, options) {
  var Slides2 = Components2.Slides;
  function mount() {
    EventInterface(Splide22).on([EVENT_MOUNTED, EVENT_REFRESH], init);
  }
  function init() {
    Slides2.forEach(function(Slide2) {
      Slide2.style("transform", "translateX(-" + 100 * Slide2.index + "%)");
    });
  }
  function start(index, done) {
    Slides2.style("transition", "opacity " + options.speed + "ms " + options.easing);
    nextTick(done);
  }
  return {
    mount,
    start,
    cancel: react_splide_esm_noop
  };
}
function Slide(Splide22, Components2, options) {
  var Move2 = Components2.Move, Controller2 = Components2.Controller, Scroll2 = Components2.Scroll;
  var list = Components2.Elements.list;
  var transition = apply(style, list, "transition");
  var endCallback;
  function mount() {
    EventInterface(Splide22).bind(list, "transitionend", function(e) {
      if (e.target === list && endCallback) {
        cancel();
        endCallback();
      }
    });
  }
  function start(index, done) {
    var destination = Move2.toPosition(index, true);
    var position = Move2.getPosition();
    var speed = getSpeed(index);
    if (react_splide_esm_abs(destination - position) >= 1 && speed >= 1) {
      if (options.useScroll) {
        Scroll2.scroll(destination, speed, false, done);
      } else {
        transition("transform " + speed + "ms " + options.easing);
        Move2.translate(destination, true);
        endCallback = done;
      }
    } else {
      Move2.jump(index);
      done();
    }
  }
  function cancel() {
    transition("");
    Scroll2.cancel();
  }
  function getSpeed(index) {
    var rewindSpeed = options.rewindSpeed;
    if (Splide22.is(SLIDE) && rewindSpeed) {
      var prev = Controller2.getIndex(true);
      var end = Controller2.getEnd();
      if (prev === 0 && index >= end || prev >= end && index === 0) {
        return rewindSpeed;
      }
    }
    return options.speed;
  }
  return {
    mount,
    start,
    cancel
  };
}
var _Splide = /* @__PURE__ */ function() {
  function _Splide2(target, options) {
    this.event = EventInterface();
    this.Components = {};
    this.state = State(CREATED);
    this.splides = [];
    this._o = {};
    this._E = {};
    var root = react_splide_esm_isString(target) ? query(document, target) : target;
    assert(root, root + " is invalid.");
    this.root = root;
    options = react_splide_esm_merge({
      label: getAttribute(root, ARIA_LABEL) || "",
      labelledby: getAttribute(root, ARIA_LABELLEDBY) || ""
    }, DEFAULTS, _Splide2.defaults, options || {});
    try {
      react_splide_esm_merge(options, JSON.parse(getAttribute(root, DATA_ATTRIBUTE)));
    } catch (e) {
      assert(false, "Invalid JSON");
    }
    this._o = Object.create(react_splide_esm_merge({}, options));
  }
  var _proto = _Splide2.prototype;
  _proto.mount = function mount(Extensions, Transition) {
    var _this = this;
    var state = this.state, Components2 = this.Components;
    assert(state.is([CREATED, DESTROYED]), "Already mounted!");
    state.set(CREATED);
    this._C = Components2;
    this._T = Transition || this._T || (this.is(FADE) ? Fade : Slide);
    this._E = Extensions || this._E;
    var Constructors = react_splide_esm_assign({}, ComponentConstructors, this._E, {
      Transition: this._T
    });
    forOwn(Constructors, function(Component, key) {
      var component = Component(_this, Components2, _this._o);
      Components2[key] = component;
      component.setup && component.setup();
    });
    forOwn(Components2, function(component) {
      component.mount && component.mount();
    });
    this.emit(EVENT_MOUNTED);
    addClass(this.root, CLASS_INITIALIZED);
    state.set(IDLE);
    this.emit(EVENT_READY);
    return this;
  };
  _proto.sync = function sync(splide) {
    this.splides.push({
      splide
    });
    splide.splides.push({
      splide: this,
      isParent: true
    });
    if (this.state.is(IDLE)) {
      this._C.Sync.remount();
      splide.Components.Sync.remount();
    }
    return this;
  };
  _proto.go = function go(control) {
    this._C.Controller.go(control);
    return this;
  };
  _proto.on = function on(events, callback) {
    this.event.on(events, callback);
    return this;
  };
  _proto.off = function off(events) {
    this.event.off(events);
    return this;
  };
  _proto.emit = function emit(event) {
    var _this$event;
    (_this$event = this.event).emit.apply(_this$event, [event].concat(react_splide_esm_slice(arguments, 1)));
    return this;
  };
  _proto.add = function add(slides, index) {
    this._C.Slides.add(slides, index);
    return this;
  };
  _proto.remove = function remove2(matcher) {
    this._C.Slides.remove(matcher);
    return this;
  };
  _proto.is = function is(type) {
    return this._o.type === type;
  };
  _proto.refresh = function refresh() {
    this.emit(EVENT_REFRESH);
    return this;
  };
  _proto.destroy = function destroy(completely) {
    if (completely === void 0) {
      completely = true;
    }
    var event = this.event, state = this.state;
    if (state.is(CREATED)) {
      EventInterface(this).on(EVENT_READY, this.destroy.bind(this, completely));
    } else {
      forOwn(this._C, function(component) {
        component.destroy && component.destroy(completely);
      }, true);
      event.emit(EVENT_DESTROY);
      event.destroy();
      completely && empty(this.splides);
      state.set(DESTROYED);
    }
    return this;
  };
  react_splide_esm_createClass(_Splide2, [{
    key: "options",
    get: function get() {
      return this._o;
    },
    set: function set(options) {
      this._C.Media.set(options, true, true);
    }
  }, {
    key: "length",
    get: function get() {
      return this._C.Slides.getLength(true);
    }
  }, {
    key: "index",
    get: function get() {
      return this._C.Controller.getIndex();
    }
  }]);
  return _Splide2;
}();
var Splide = _Splide;
Splide.defaults = {};
Splide.STATES = STATES;

// src/js/components/Splide/Splide.tsx


// src/js/constants/events.ts
var EVENTS = [
  [EVENT_MOUNTED, "onMounted"],
  [EVENT_READY, "onReady"],
  [EVENT_MOVE, "onMove"],
  [EVENT_MOVED, "onMoved"],
  [EVENT_CLICK, "onClick"],
  [EVENT_ACTIVE, "onActive"],
  [EVENT_INACTIVE, "onInactive"],
  [EVENT_VISIBLE, "onVisible"],
  [EVENT_HIDDEN, "onHidden"],
  [EVENT_REFRESH, "onRefresh"],
  [EVENT_UPDATED, "onUpdated"],
  [EVENT_RESIZE, "onResize"],
  [EVENT_RESIZED, "onResized"],
  [EVENT_DRAG, "onDrag"],
  [EVENT_DRAGGING, "onDragging"],
  [EVENT_DRAGGED, "onDragged"],
  [EVENT_SCROLL, "onScroll"],
  [EVENT_SCROLLED, "onScrolled"],
  [EVENT_DESTROY, "onDestroy"],
  [EVENT_ARROWS_MOUNTED, "onArrowsMounted"],
  [EVENT_ARROWS_UPDATED, "onArrowsUpdated"],
  [EVENT_PAGINATION_MOUNTED, "onPaginationMounted"],
  [EVENT_PAGINATION_UPDATED, "onPaginationUpdated"],
  [EVENT_NAVIGATION_MOUNTED, "onNavigationMounted"],
  [EVENT_AUTOPLAY_PLAY, "onAutoplayPlay"],
  [EVENT_AUTOPLAY_PLAYING, "onAutoplayPlaying"],
  [EVENT_AUTOPLAY_PAUSE, "onAutoplayPause"],
  [EVENT_LAZYLOAD_LOADED, "onLazyLoadLoaded"]
];

// src/js/utils/classNames/classNames.ts
function react_splide_esm_classNames(...classes) {
  return classes.filter(Boolean).join(" ");
}

// src/js/utils/isObject/isObject.ts
function isObject2(subject) {
  return subject !== null && typeof subject === "object";
}

// src/js/utils/isEqualDeep/isEqualDeep.ts
function isEqualDeep(subject1, subject2) {
  if (Array.isArray(subject1) && Array.isArray(subject2)) {
    return subject1.length === subject2.length && !subject1.some((elm, index) => !isEqualDeep(elm, subject2[index]));
  }
  if (isObject2(subject1) && isObject2(subject2)) {
    const keys1 = Object.keys(subject1);
    const keys2 = Object.keys(subject2);
    return keys1.length === keys2.length && !keys1.some((key) => {
      return !Object.prototype.hasOwnProperty.call(subject2, key) || !isEqualDeep(subject1[key], subject2[key]);
    });
  }
  return subject1 === subject2;
}

// src/js/utils/isEqualShallow/isEqualShallow.ts
function isEqualShallow(array1, array2) {
  return array1.length === array2.length && !array1.some((elm, index) => elm !== array2[index]);
}

// src/js/utils/forOwn/forOwn.ts
function forOwn2(object, iteratee) {
  if (object) {
    const keys = Object.keys(object);
    for (let i = 0; i < keys.length; i++) {
      const key = keys[i];
      if (key !== "__proto__") {
        if (iteratee(object[key], key) === false) {
          break;
        }
      }
    }
  }
  return object;
}

// src/js/utils/merge/merge.ts
function merge2(object, source) {
  const merged = object;
  forOwn2(source, (value, key) => {
    if (Array.isArray(value)) {
      merged[key] = value.slice();
    } else if (isObject2(value)) {
      merged[key] = merge2(isObject2(merged[key]) ? merged[key] : {}, value);
    } else {
      merged[key] = value;
    }
  });
  return merged;
}

// src/js/components/SplideTrack/SplideTrack.tsx

var SplideTrack = ({ children: children2, className, ...props }) => {
  return /* @__PURE__ */ external_React_default().createElement("div", {
    className: react_splide_esm_classNames("splide__track", className),
    ...props
  }, /* @__PURE__ */ external_React_default().createElement("ul", {
    className: "splide__list"
  }, children2));
};

// src/js/components/Splide/Splide.tsx
var Splide2 = class extends (external_React_default()).Component {
  constructor() {
    super(...arguments);
    this.splideRef = external_React_default().createRef();
    this.slides = [];
  }
  componentDidMount() {
    const { options, extensions, transition } = this.props;
    const { current } = this.splideRef;
    if (current) {
      this.splide = new Splide(current, options);
      this.bind(this.splide);
      this.splide.mount(extensions, transition);
      this.options = merge2({}, options || {});
      this.slides = this.getSlides();
    }
  }
  componentWillUnmount() {
    if (this.splide) {
      this.splide.destroy();
      this.splide = void 0;
    }
    this.options = void 0;
    this.slides.length = 0;
  }
  componentDidUpdate() {
    if (!this.splide) {
      return;
    }
    const { options } = this.props;
    if (options && !isEqualDeep(this.options, options)) {
      this.splide.options = options;
      this.options = merge2({}, options);
    }
    const newSlides = this.getSlides();
    if (!isEqualShallow(this.slides, newSlides)) {
      this.splide.refresh();
      this.slides = newSlides;
    }
  }
  sync(splide) {
    var _a;
    (_a = this.splide) == null ? void 0 : _a.sync(splide);
  }
  go(control) {
    var _a;
    (_a = this.splide) == null ? void 0 : _a.go(control);
  }
  getSlides() {
    var _a;
    if (this.splide) {
      const children2 = (_a = this.splide.Components.Elements) == null ? void 0 : _a.list.children;
      return children2 && Array.prototype.slice.call(children2) || [];
    }
    return [];
  }
  bind(splide) {
    EVENTS.forEach(([event, name]) => {
      const handler = this.props[name];
      if (typeof handler === "function") {
        splide.on(event, (...args) => {
          handler(splide, ...args);
        });
      }
    });
  }
  omit(props, keys) {
    keys.forEach((key) => {
      if (Object.prototype.hasOwnProperty.call(props, key)) {
        delete props[key];
      }
    });
    return props;
  }
  render() {
    const { className, tag: Root = "div", hasTrack = true, children: children2, ...props } = this.props;
    return /* @__PURE__ */ external_React_default().createElement(Root, {
      className: react_splide_esm_classNames("splide", className),
      ref: this.splideRef,
      ...this.omit(props, ["options", ...EVENTS.map((event) => event[1])])
    }, hasTrack ? /* @__PURE__ */ external_React_default().createElement(SplideTrack, null, children2) : children2);
  }
};

// src/js/components/SplideSlide/SplideSlide.tsx

var SplideSlide = ({ children: children2, className, ...props }) => {
  return /* @__PURE__ */ external_React_default().createElement("li", {
    className: react_splide_esm_classNames("splide__slide", className),
    ...props
  }, children2);
};

/*!
 * Splide.js
 * Version  : 4.1.3
 * License  : MIT
 * Copyright: 2022 Naotoshi Fujita
 */

;// CONCATENATED MODULE: ./src/blocks/blocks/slider/components/InspectorControls.tsx





var slider_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _ref, _ref3, _ref5;
  var _props$attributes = props.attributes,
    alignment = _props$attributes.alignment,
    enableAutoPlay = _props$attributes.enableAutoPlay,
    enablePauseOnHover = _props$attributes.enablePauseOnHover,
    height = _props$attributes.height,
    sliderSpeed = _props$attributes.sliderSpeed,
    enableArrow = _props$attributes.enableArrow,
    arrowHeight = _props$attributes.arrowHeight,
    arrowWidth = _props$attributes.arrowWidth,
    arrowSize = _props$attributes.arrowSize,
    arrowColor = _props$attributes.arrowColor,
    arrowBackground = _props$attributes.arrowBackground,
    arrowHoverColor = _props$attributes.arrowHoverColor,
    arrowHoverBackground = _props$attributes.arrowHoverBackground,
    category = _props$attributes.category,
    tag = _props$attributes.tag,
    orderBy = _props$attributes.orderBy,
    orderType = _props$attributes.orderType,
    authorName = _props$attributes.authorName,
    excludedCategory = _props$attributes.excludedCategory,
    postCount = _props$attributes.postCount,
    postTitleTypography = _props$attributes.postTitleTypography,
    postTitleMarkup = _props$attributes.postTitleMarkup,
    postTitleColor = _props$attributes.postTitleColor,
    postTitleHoverColor = _props$attributes.postTitleHoverColor,
    enableCategory = _props$attributes.enableCategory,
    categoryColor = _props$attributes.categoryColor,
    categoryBackground = _props$attributes.categoryBackground,
    categoryHoverColor = _props$attributes.categoryHoverColor,
    categoryHoverBackground = _props$attributes.categoryHoverBackground,
    categoryPadding = _props$attributes.categoryPadding,
    categoryBorder = _props$attributes.categoryBorder,
    categoryBoxShadow = _props$attributes.categoryBoxShadow,
    categoryHoverBorder = _props$attributes.categoryHoverBorder,
    categoryBoxShadowHover = _props$attributes.categoryBoxShadowHover,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    metaIconColor = _props$attributes.metaIconColor,
    metaLinkColor = _props$attributes.metaLinkColor,
    metaLinkHoverColor = _props$attributes.metaLinkHoverColor,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    excerptColor = _props$attributes.excerptColor,
    excerptMargin = _props$attributes.excerptMargin,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    readMoreColor = _props$attributes.readMoreColor,
    readMorewHoverColor = _props$attributes.readMorewHoverColor,
    readMoreBackground = _props$attributes.readMoreBackground,
    readMoreHoverBackground = _props$attributes.readMoreHoverBackground,
    readMoreSpacing = _props$attributes.readMoreSpacing,
    readMorePadding = _props$attributes.readMorePadding,
    readMoreBorder = _props$attributes.readMoreBorder,
    readMoreHoverBorder = _props$attributes.readMoreHoverBorder,
    readMoreBoxShadow = _props$attributes.readMoreBoxShadow,
    readMoreBoxShadowHover = _props$attributes.readMoreBoxShadowHover,
    enableDot = _props$attributes.enableDot,
    dotGap = _props$attributes.dotGap,
    dotHeight = _props$attributes.dotHeight,
    dotWidth = _props$attributes.dotWidth,
    horizontalPosition = _props$attributes.horizontalPosition,
    verticalPosition = _props$attributes.verticalPosition,
    dotBackground = _props$attributes.dotBackground,
    dotBorder = _props$attributes.dotBorder,
    dotBoxShadow = _props$attributes.dotBoxShadow,
    dotHoverBorder = _props$attributes.dotHoverBorder,
    dotBoxShadowHover = _props$attributes.dotBoxShadowHover,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags,
    authorOptions = props.authorOptions;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("General", "magazine-blocks"),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Left", "magazine-blocks"),
      value: "left",
      icon: "align-left"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Center", "magazine-blocks"),
      value: "center",
      icon: "align-center"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Right", "magazine-blocks"),
      value: "right",
      icon: "align-right"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    value: alignment,
    label: (0,external_wp_i18n_namespaceObject.__)("Alignment", "magazine-blocks"),
    responsive: true
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        height: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Height", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 300,
    max: 1000,
    value: height
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        sliderSpeed: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Speed", "magazine-blocks"),
    min: 0,
    max: 10000,
    value: sliderSpeed
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableAutoPlay,
    onChange: function onChange() {
      return setAttributes({
        enableAutoPlay: !enableAutoPlay
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Auto Play", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enablePauseOnHover,
    onChange: function onChange() {
      return setAttributes({
        enablePauseOnHover: !enablePauseOnHover
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Pause On Hover", "magazine-blocks")
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Arrow", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableArrow,
    onChange: function onChange() {
      return setAttributes({
        enableArrow: !enableArrow
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableArrow && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        arrowHeight: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Heigth", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 60,
    value: arrowHeight
  }), enableArrow && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        arrowWidth: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 60,
    value: arrowWidth
  }), enableArrow && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        arrowSize: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Size", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: arrowSize
  }), enableArrow && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        arrowColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: arrowColor,
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: arrowBackground,
    onChange: function onChange(val) {
      return setAttributes({
        arrowBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        arrowHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: arrowHoverColor,
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: arrowHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        arrowHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground"
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Query", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: category,
    onChange: function onChange(val) {
      return setAttributes({
        category: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref = categories !== null && categories !== void 0 ? categories : []) === null || _ref === void 0 ? void 0 : _ref.map(function (_ref2) {
      var name = _ref2.name,
        id = _ref2.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: tag,
    onChange: function onChange(val) {
      return setAttributes({
        tag: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Tag", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref3 = tags !== null && tags !== void 0 ? tags : []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (_ref4) {
      var name = _ref4.name,
        id = _ref4.id;
      return {
        label: name,
        value: id.toString()
      };
    })))
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks"),
      value: "date"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Title", "magazine-blocks"),
      value: "title"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Random", "magazine-blocks"),
      value: "rand"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderBy: val
      });
    },
    value: orderBy,
    label: (0,external_wp_i18n_namespaceObject.__)("Order By", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Ascending", "magazine-blocks"),
      value: "asc"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Descending", "magazine-blocks"),
      value: "desc"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        orderType: val
      });
    },
    value: orderType,
    label: (0,external_wp_i18n_namespaceObject.__)("Order", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    value: excludedCategory,
    onChange: function onChange(val) {
      return setAttributes({
        excludedCategory: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Excluded Category", "magazine-blocks"),
    options: [{
      value: "all",
      label: (0,external_wp_i18n_namespaceObject.__)("All")
    }].concat(toConsumableArray_toConsumableArray((_ref5 = categories !== null && categories !== void 0 ? categories : []) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (_ref6) {
      var name = _ref6.name,
        id = _ref6.id;
      return {
        label: name,
        value: id.toString()
      };
    }))),
    multiple: true
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: authorOptions !== null && authorOptions !== void 0 ? authorOptions : [],
    onChange: function onChange(val) {
      return setAttributes({
        authorName: val
      });
    },
    value: authorName,
    label: (0,external_wp_i18n_namespaceObject.__)("Authors", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    label: (0,external_wp_i18n_namespaceObject.__)("Post Count", "magazine-blocks"),
    value: postCount,
    step: 1,
    min: 1,
    max: 15,
    onChange: function onChange(val) {
      return setAttributes({
        postCount: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Post Title", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(typography_Typography, {
    value: postTitleTypography,
    onChange: function onChange(val) {
      return setAttributes({
        postTitleTypography: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(select_Select, {
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("H1", "magazine-blocks"),
      value: "h1"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H2", "magazine-blocks"),
      value: "h2"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H3", "magazine-blocks"),
      value: "h3"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H4", "magazine-blocks"),
      value: "h4"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H5", "magazine-blocks"),
      value: "h5"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("H6", "magazine-blocks"),
      value: "h6"
    }],
    onChange: function onChange(val) {
      return setAttributes({
        postTitleMarkup: val
      });
    },
    value: postTitleMarkup,
    label: (0,external_wp_i18n_namespaceObject.__)("HTML Markup", "magazine-blocks"),
    inline: false
  }), /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        postTitleHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: postTitleHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Header Meta", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableCategory,
    onChange: function onChange() {
      return setAttributes({
        enableCategory: !enableCategory
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Category", "magazine-blocks")
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        categoryBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: categoryHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: categoryHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableCategory && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: categoryPadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "padding",
    resetKey: "padding",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        categoryPadding: val
      });
    }
  }), enableCategory && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: categoryBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: categoryBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: categoryHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        categoryHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: categoryBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        categoryBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Meta", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    label: (0,external_wp_i18n_namespaceObject.__)("Position", "magazine-blocks"),
    value: metaPosition,
    inline: true,
    onChange: function onChange(val) {
      return setAttributes({
        metaPosition: val
      });
    },
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)("Top", "magazine-blocks"),
      value: "top",
      icon: "align-top"
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)("Bottom", "magazine-blocks"),
      value: "bottom",
      icon: "align-bottom"
    }]
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableAuthor,
    onChange: function onChange() {
      return setAttributes({
        enableAuthor: !enableAuthor
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Author", "magazine-blocks")
  }), /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableDate,
    onChange: function onChange() {
      return setAttributes({
        enableDate: !enableDate
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Date", "magazine-blocks")
  }), enableDate && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaIconColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Icon Color", "magazine-blocks"),
    value: metaIconColor || ""
  }), (true === enableAuthor || true === enableDate) && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkColor || ""
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        metaLinkHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Link Color", "magazine-blocks"),
    value: metaLinkHoverColor || ""
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Excerpt", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableExcerpt,
    onChange: function onChange() {
      return setAttributes({
        enableExcerpt: !enableExcerpt
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptLimit: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Limit", "magazine-blocks"),
    min: 0,
    max: 500,
    step: 1,
    value: excerptLimit
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        excerptColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: excerptColor || ""
  }), enableExcerpt && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: excerptMargin,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Margin", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        excerptMargin: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Read More", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableReadMore,
    onChange: function onChange() {
      return setAttributes({
        enableReadMore: !enableReadMore
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(input_Input, {
    value: readMoreText,
    label: (0,external_wp_i18n_namespaceObject.__)("Text", "magazine-blocks"),
    onChange: function onChange(val) {
      return setAttributes({
        readMoreText: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMoreColor || "",
    resetKey: "color"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreBackground || "",
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "background"
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        readMorewHoverColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Color", "magazine-blocks"),
    value: readMorewHoverColor || "",
    resetKey: "hoverColor"
  }), /*#__PURE__*/external_React_default().createElement(background_Background, {
    value: readMoreHoverBackground,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background", "magazine-blocks"),
    resetKey: "hoverBackground" || 0
  }))), enableReadMore && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        readMoreSpacing: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Spacing", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 100,
    value: readMoreSpacing
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(dimensions_Dimensions, {
    value: readMorePadding,
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)("Padding", "magazine-blocks"),
    type: "margin",
    resetKey: "margin",
    defaultUnit: "px",
    units: ["px", "rem", "em", "%"],
    onChange: function onChange(val) {
      return setAttributes({
        readMorePadding: val
      });
    }
  }), enableReadMore && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: readMoreBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: readMoreBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: readMoreHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: readMoreBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        readMoreBoxShadowHover: val
      });
    }
  })))), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)("Dots", "magazine-blocks")
  }, /*#__PURE__*/external_React_default().createElement(toggle_Toggle, {
    checked: enableDot,
    onChange: function onChange() {
      return setAttributes({
        enableDot: !enableDot
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Enable", "magazine-blocks")
  }), enableDot && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        dotGap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Gap", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 50,
    value: dotGap
  }), enableDot && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        dotHeight: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Height", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 50,
    value: dotHeight
  }), enableDot && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        dotWidth: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Width", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: 0,
    max: 50,
    value: dotWidth
  }), enableDot && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        horizontalPosition: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Horizontal Position", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: -1000,
    max: 1000,
    value: horizontalPosition
  }), enableDot && /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        verticalPosition: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Vertical Position", "magazine-blocks"),
    units: ["px", "em", "%"],
    responsive: true,
    min: -1000,
    max: 1000,
    value: verticalPosition
  }), enableDot && /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        dotBackground: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)("Background Color", "magazine-blocks"),
    value: dotBackground || ""
  }), enableDot && /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    defaultValue: "normal"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "normal"
  }, (0,external_wp_i18n_namespaceObject.__)("Normal", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "hover"
  }, (0,external_wp_i18n_namespaceObject.__)("Hover", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "normal"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "border",
    value: dotBorder,
    onChange: function onChange(val) {
      return setAttributes({
        dotBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadow",
    value: dotBoxShadow,
    onChange: function onChange(val) {
      return setAttributes({
        dotBoxShadow: val
      });
    }
  })), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "hover"
  }, /*#__PURE__*/external_React_default().createElement(border_Border, {
    resetKey: "hoverBorder",
    value: dotHoverBorder,
    onChange: function onChange(val) {
      return setAttributes({
        dotHoverBorder: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(box_shadow_BoxShadow, {
    resetKey: "boxShadowHover",
    value: dotBoxShadowHover,
    onChange: function onChange(val) {
      return setAttributes({
        dotBoxShadowHover: val
      });
    }
  }))))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const slider_components_InspectorControls = (slider_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/slider/Edit.tsx

function slider_Edit_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function slider_Edit_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? slider_Edit_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : slider_Edit_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }












var slider_Edit_Edit = function Edit(props) {
  var posts = props.posts,
    className = props.className,
    _props$attributes = props.attributes,
    enablePauseOnHover = _props$attributes.enablePauseOnHover,
    sliderSpeed = _props$attributes.sliderSpeed,
    enableArrow = _props$attributes.enableArrow,
    enableCategory = _props$attributes.enableCategory,
    metaPosition = _props$attributes.metaPosition,
    enableAuthor = _props$attributes.enableAuthor,
    enableDate = _props$attributes.enableDate,
    excerptLimit = _props$attributes.excerptLimit,
    enableExcerpt = _props$attributes.enableExcerpt,
    enableReadMore = _props$attributes.enableReadMore,
    readMoreText = _props$attributes.readMoreText,
    enableDot = _props$attributes.enableDot,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    setAttributes = props.setAttributes,
    categories = props.categories,
    tags = props.tags;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "slider",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;

  // @ts-ignore
  var authors = (0,external_wp_data_namespaceObject.useSelect)(function (select) {
    var _ref = select("core"),
      getUsers = _ref.getUsers;
    return getUsers({
      per_page: -1
    });
  });
  var authorOptions = authors ? authors.map(function (author) {
    return {
      value: author.id.toString(),
      label: author.name
    };
  }) : [];
  var classNames = classnames_default()("mzb-slider-".concat(clientId), className, hideOnDesktop && "magazine-blocks-hide-on-desktop");
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(slider_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes,
    categories: categories,
    tags: tags,
    authorOptions: authorOptions
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement(Splide2, {
    options: {
      perPage: 1,
      pagination: enableDot,
      paginationType: "dot",
      pauseOnHover: enablePauseOnHover,
      interval: 2000,
      speed: sliderSpeed,
      autoplay: false,
      arrows: enableArrow,
      type: "loop"
    }
  },
  // eslint-disable-next-line array-callback-return
  (posts || []).map(function (post, idx) {
    var _post$magazine_blocks;
    var maxWords = excerptLimit; // Replace with your desired word limit
    var excerpt = post.excerpt.rendered.split(" ").slice(0, maxWords).join(" ");
    return /*#__PURE__*/external_React_default().createElement(SplideSlide, {
      key: idx
    }, (post === null || post === void 0 || (_post$magazine_blocks = post.magazine_blocks_featured_image_url) === null || _post$magazine_blocks === void 0 || (_post$magazine_blocks = _post$magazine_blocks.full) === null || _post$magazine_blocks === void 0 ? void 0 : _post$magazine_blocks[0]) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-featured-image"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      src: post.magazine_blocks_featured_image_url.full[0],
      alt: ""
    })), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-content"
    }, enableCategory && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-meta"
    }, /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-categories",
      dangerouslySetInnerHTML: {
        __html: post.magazine_blocks_category
      }
    })), metaPosition === "bottom" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered)), /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor === true && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "author-display-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.magazine_blocks_author.author_link
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate === true &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " ")))), metaPosition === "top" && /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-post-entry-meta"
    }, enableAuthor === true && /*#__PURE__*/external_React_default().createElement("span", {
      className: "mzb-post-author"
    }, /*#__PURE__*/external_React_default().createElement("img", {
      className: "author-display-image",
      src: post.magazine_blocks_author_image
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.magazine_blocks_author.author_link
    }, " ", post.magazine_blocks_author.display_name, " ")), enableDate === true &&
    /*#__PURE__*/
    /* eslint-disable-next-line no-restricted-syntax,jsx-a11y/anchor-is-valid */
    external_React_default().createElement("span", {
      className: "mzb-post-date"
    }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
      type: "blockIcon",
      name: "calendar",
      size: 24
    }), /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, " ", (0,external_wp_date_namespaceObject.dateI18n)((0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date, post.date_gmt, undefined), " "))), /*#__PURE__*/external_React_default().createElement("h3", {
      className: "mzb-post-title"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.link
    }, post.title.rendered))), (enableExcerpt || enableReadMore) && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-content"
    }, enableExcerpt && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-entry-summary",
      dangerouslySetInnerHTML: {
        __html: excerpt
      }
    }), enableReadMore && /*#__PURE__*/external_React_default().createElement("div", {
      className: "mzb-read-more"
    }, /*#__PURE__*/external_React_default().createElement("a", {
      href: post.excerpt.rendered
    }, readMoreText)))));
  }))));
};

// @ts-ignore
/* harmony default export */ const slider_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var _getEntityRecords;
  var _select = select("core"),
    getEntityRecords = _select.getEntityRecords;
  var _props$attributes2 = props.attributes,
    category = _props$attributes2.category,
    tag = _props$attributes2.tag,
    postCount = _props$attributes2.postCount,
    order = _props$attributes2.order,
    orderBy = _props$attributes2.orderBy,
    orderType = _props$attributes2.orderType,
    authorName = _props$attributes2.authorName,
    excludedCategory = _props$attributes2.excludedCategory;
  var query = {
    order: order
  };
  return {
    posts: getEntityRecords("postType", "post", slider_Edit_objectSpread(slider_Edit_objectSpread({}, query), {}, {
      categories: "all" === category ? undefined : parseInt(category),
      tags: "all" === tag ? undefined : tag,
      per_page: postCount,
      orderby: orderBy,
      order: orderType,
      author: authorName,
      categories_exclude: "" === excludedCategory ? [] : excludedCategory
    })),
    numberOfPosts: ((_getEntityRecords = getEntityRecords("postType", "post", {
      per_page: -1,
      categories: "all" === category ? undefined : parseInt(category)
    })) === null || _getEntityRecords === void 0 ? void 0 : _getEntityRecords.length) || 0,
    categories: getEntityRecords("taxonomy", "category", {
      per_page: -1
    }) || [],
    tags: getEntityRecords("taxonomy", "post_tag", {
      per_page: -1
    }) || []
  };
})(slider_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/slider/index.tsx

function slider_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function slider_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? slider_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : slider_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }






var slider_name = slider_block_namespaceObject.name;
var slider_settings = slider_objectSpread(slider_objectSpread({}, slider_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "slider",
    size: 24
  }),
  attributes: slider_attributes,
  edit: slider_Edit
});
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icons/attributes.ts

function social_icons_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function social_icons_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? social_icons_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : social_icons_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var social_icons_attributes_attributes = social_icons_attributes_objectSpread({
  "clientId": {
    "type": "string"
  },
  "alignment": {
    "type": "object",
    "style": [{
      "selector": "{{WRAPPER}} {justify-content: {{VALUE}}; }"
    }]
  },
  "columnGap": {
    "type": "object",
    "default": {
      "desktop": {
        "value": 10,
        "unit": "px"
      }
    },
    "style": [{
      "selector": "{{WRAPPER}} .mzb-social-links .block-editor-block-list__layout, {{WRAPPER}} {column-gap: {{VALUE}}; }"
    }]
  },
  "backgroundColor": {
    "type": String,
    "style": [{
      "selector": "{{WRAPPER}} .mzb-social-icon a {background-color: {{VALUE}}}"
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const social_icons_attributes = (social_icons_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icons/block.json
const social_icons_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/social-icons","title":"Social Icons","description":"Link social profiles on your site","keywords":["social-icons","icon"],"category":"magazine-blocks","textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"alignment":{"type":"object","style":[{"selector":"{{WRAPPER}} {justify-content: {{VALUE}}; }"}]},"columnGap":{"type":"object","default":{"desktop":{"value":10,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} .mzb-social-links .block-editor-block-list__layout, {{WRAPPER}} {column-gap: {{VALUE}}; }"}]},"backgroundColor":{"type":"string","style":[{"selector":"{{WRAPPER}} .mzb-social-icon a {background-color: {{VALUE}}}|"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor","script":"magazine-blocks-frontend"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icons/components/InspectorControls.tsx




var social_icons_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    alignment = _props$attributes.alignment,
    columnGap = _props$attributes.columnGap,
    backgroundColor = _props$attributes.backgroundColor,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)('General', 'magazine-blocks'),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(advance_select_AdvancedSelect, {
    value: alignment,
    onChange: function onChange(val) {
      return setAttributes({
        alignment: val
      });
    },
    responsive: true,
    label: (0,external_wp_i18n_namespaceObject.__)('Alignment', 'magazine-blocks'),
    options: [{
      label: (0,external_wp_i18n_namespaceObject.__)('Left', 'magazine-blocks'),
      value: 'left',
      icon: 'text-align-left'
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)('Center', 'magazine-blocks'),
      value: 'center',
      icon: 'text-align-center'
    }, {
      label: (0,external_wp_i18n_namespaceObject.__)('Right', 'magazine-blocks'),
      value: 'right',
      icon: 'text-align-right'
    }]
  }), /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        columnGap: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)('Column Gap', 'magazine-blocks'),
    units: ['px', 'em', '%'],
    responsive: true,
    min: 0,
    max: 40,
    value: columnGap
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)('Color', 'magazine-blocks'),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(color_Color, {
    onChange: function onChange(val) {
      return setAttributes({
        backgroundColor: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)('Background Color', 'magazine-blocks'),
    value: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : ''
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const social_icons_components_InspectorControls = (social_icons_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icons/Edit.tsx












var social_icons_Edit_Edit = function Edit(props) {
  var className = props.className,
    size = props.attributes.size,
    setAttributes = props.setAttributes;
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "social-icons",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-social-icons mzb-social-icons-".concat(clientId), size && "is-".concat(size), className);
  var getDefaultSocialIcon = function getDefaultSocialIcon() {
    return ['facebook', 'twitter', 'linkedin', 'youtube'].map(function (icon) {
      return ['magazine-blocks/social-icon', {
        icon: {
          enable: true,
          icon: icon
        }
      }];
    });
  };
  var addIcon = function addIcon() {
    var _select = (0,external_wp_data_namespaceObject.select)('core/block-editor'),
      getBlocks = _select.getBlocks;
    var _dispatch = (0,external_wp_data_namespaceObject.dispatch)('core/block-editor'),
      replaceInnerBlocks = _dispatch.replaceInnerBlocks;
    var innerBlocks = toConsumableArray_toConsumableArray(getBlocks(props.clientId));
    innerBlocks.splice(innerBlocks.length + 1, 0, (0,external_wp_blocks_namespaceObject.createBlock)('magazine-blocks/social-icon'));
    replaceInnerBlocks(props.clientId, innerBlocks, false);
  };
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(social_icons_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-social-links"
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InnerBlocks

  // @ts-ignore
  , {
    template: getDefaultSocialIcon(),
    allowedBlocks: ['magazine-blocks/social-icon']
  }), /*#__PURE__*/external_React_default().createElement("div", {
    className: "mzb-social-icons-insert"
  }, /*#__PURE__*/external_React_default().createElement("button", {
    onClick: addIcon
  }, " ", /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "frontendIcon",
    name: "plus"
  }))))));
};

// @ts-ignore
/* harmony default export */ const social_icons_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var size = props.attributes.size;
  var query = {};
})(social_icons_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icons/Save.tsx





var social_icons_Save_Save = function Save(props) {
  var className = props.className,
    _props$attributes = props.attributes,
    clientId = _props$attributes.clientId,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop;
  var classNames = classnames_default()("mzb-social-icons mzb-social-icons-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && 'magazine-blocks-hide-on-desktop');
  return /*#__PURE__*/external_React_default().createElement("div", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
};
/* harmony default export */ const social_icons_Save = (social_icons_Save_Save);
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icons/index.tsx

function social_icons_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function social_icons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? social_icons_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : social_icons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }







var social_icons_name = social_icons_block_namespaceObject.name;
var social_icons_settings = social_icons_objectSpread(social_icons_objectSpread({}, social_icons_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "socialIcons",
    size: 24
  }),
  attributes: social_icons_attributes,
  edit: social_icons_Edit,
  save: social_icons_Save
});
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icon/attributes.ts

function social_icon_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function social_icon_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? social_icon_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : social_icon_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

var social_icon_attributes_attributes = social_icon_attributes_objectSpread({
  "clientId": {
    "type": "string"
  },
  "link": {
    "type": "object"
  },
  "icon": {
    "default": {
      "enable": true,
      "icon": "facebook"
    }
  },
  "iconSize": {
    "type": "object",
    "default": {
      "desktop": {
        "value": 14,
        "unit": "px"
      }
    },
    "style": [{
      "selector": "{{WRAPPER}} svg { width: {{VALUE}}; height: {{VALUE}}; }"
    }]
  }
}, COMMON_BLOCK_ATTRIBUTES);
/* harmony default export */ const social_icon_attributes = (social_icon_attributes_attributes);
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icon/block.json
const social_icon_block_namespaceObject = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","name":"magazine-blocks/social-icon","title":"Social Icon","description":"An advanced single social icon within section block.","parent":["magazine-blocks/social-icons"],"keywords":["social-icon","icon"],"textdomain":"magazine-blocks","supports":{"className":false,"customClassName":false},"example":{"attributes":{}},"attributes":{"clientId":{"type":"string"},"link":{"type":"object"},"icon":{"type":"object","default":{"enable":true,"icon":"facebook"}},"iconSize":{"type":"object","default":{"desktop":{"value":14,"unit":"px"}},"style":[{"selector":"{{WRAPPER}} svg { width: {{VALUE}}; height: {{VALUE}}; }"}]},"blockHTML":{"type":"string","default":"div"},"blockMargin":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { margin: {{VALUE}}; }"}]},"blockPadding":{"type":"object","default":{"dimension":1,"desktop":{"lock":true}},"style":[{"selector":"{{WRAPPER}} { padding: {{VALUE}}; }"}]},"blockZIndex":{"type":"number","style":[{"selector":"{{WRAPPER}} { z-index: {{VALUE}}; }"}]},"cssID":{"type":"string"},"hideOnDesktop":{"type":"boolean","style":[{"selector":"@media (min-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnTablet":{"type":"boolean","style":[{"selector":"@media (min-width:48em) and (max-width:62em) { {{WRAPPER}} { display: none; } }"}]},"hideOnMobile":{"type":"boolean","style":[{"selector":"@media (max-width:48em) { {{WRAPPER}} { display: none; } }"}]},"blockCSS":{"type":"string"},"className":{"type":"string"}},"style":"magazine-blocks-blocks","editorScript":"magazine-blocks-blocks","editorStyle":"magazine-blocks-blocks-editor","script":"magazine-blocks-frontend"}');
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icon/components/InspectorControls.tsx




var social_icon_components_InspectorControls_InspectorControls = function InspectorControls(props) {
  var _props$attributes = props.attributes,
    link = _props$attributes.link,
    iconSize = _props$attributes.iconSize,
    blockHTML = _props$attributes.blockHTML,
    blockMargin = _props$attributes.blockMargin,
    blockPadding = _props$attributes.blockPadding,
    blockZIndex = _props$attributes.blockZIndex,
    cssID = _props$attributes.cssID,
    hideOnDesktop = _props$attributes.hideOnDesktop,
    hideOnTablet = _props$attributes.hideOnTablet,
    hideOnMobile = _props$attributes.hideOnMobile,
    className = _props$attributes.className,
    setAttributes = props.setAttributes;
  return /*#__PURE__*/external_React_default().createElement(external_wp_blockEditor_namespaceObject.InspectorControls, null, /*#__PURE__*/external_React_default().createElement(Tabs.Root, {
    rememberLastActiveTab: true,
    defaultValue: "settings"
  }, /*#__PURE__*/external_React_default().createElement(Tabs.List, null, /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "settings"
  }, (0,external_wp_i18n_namespaceObject.__)("Settings", "magazine-blocks")), /*#__PURE__*/external_React_default().createElement(Tabs.Trigger, {
    value: "advanced"
  }, (0,external_wp_i18n_namespaceObject.__)("Advanced", "magazine-blocks"))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "settings"
  }, /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)('General', 'magazine-blocks'),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(UrlInput, {
    label: (0,external_wp_i18n_namespaceObject.__)('URL', 'magazine-blocks'),
    onChange: function onChange(val) {
      return setAttributes({
        link: val
      });
    },
    value: link,
    placeholder: "https://",
    newTab: true
  })), /*#__PURE__*/external_React_default().createElement(panel_Panel, {
    title: (0,external_wp_i18n_namespaceObject.__)('Icons', 'magazine-blocks'),
    initialOpen: true
  }, /*#__PURE__*/external_React_default().createElement(slider_Slider, {
    onChange: function onChange(val) {
      return setAttributes({
        iconSize: val
      });
    },
    label: (0,external_wp_i18n_namespaceObject.__)('Size', 'magazine-blocks'),
    units: ['px', 'em', '%'],
    responsive: true,
    min: 0,
    max: 40,
    value: iconSize
  }))), /*#__PURE__*/external_React_default().createElement(Tabs.Content, {
    value: "advanced"
  }, /*#__PURE__*/external_React_default().createElement(AdvancedSettings, {
    blockHTML: blockHTML,
    blockMargin: blockMargin,
    blockPadding: blockPadding,
    blockZIndex: blockZIndex,
    cssID: cssID,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_ResponsiveSettings, {
    hideOnDesktop: hideOnDesktop,
    hideOnTablet: hideOnTablet,
    hideOnMobile: hideOnMobile,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(common_CSSSettings, {
    className: className,
    setAttributes: setAttributes,
    hasBlockCSS: false
  }))));
};
/* harmony default export */ const social_icon_components_InspectorControls = (social_icon_components_InspectorControls_InspectorControls);
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icon/Edit.tsx















var social_icon_Edit_Edit = function Edit(props) {
  var className = props.className,
    _props$attributes = props.attributes,
    size = _props$attributes.size,
    link = _props$attributes.link,
    icon = _props$attributes.icon,
    setAttributes = props.setAttributes;
  var _useState = (0,external_wp_element_namespaceObject.useState)(false),
    _useState2 = slicedToArray_slicedToArray(_useState, 2),
    isVisible = _useState2[0],
    setIsVisible = _useState2[1];
  var _useClientId = hooks_useClientId(props),
    clientId = _useClientId.clientId;
  var _useDeviceType = hooks_useDeviceType(),
    deviceType = _useDeviceType.deviceType;
  var _useCopyPasteStyles = useCopyPasteStyles(),
    CopyPasterStyleBlockControl = _useCopyPasteStyles.CopyPasterStyleBlockControl;
  var _useBlockStyle = hooks_useBlockStyle({
      blockName: "social-icon",
      clientId: clientId,
      attributes: props.attributes,
      deviceType: deviceType
    }),
    Style = _useBlockStyle.Style;
  var classNames = classnames_default()("mzb-social-icons mzb-social-icons-".concat(clientId), size && "is-".concat(size), className);
  var getDefaultSocialIcon = function getDefaultSocialIcon() {
    return ['facebook', 'twitter', 'linkedin', 'youtube'].map(function (icon) {
      return ['magazine-blocks/social-icon', {
        icon: {
          enable: true,
          icon: icon
        }
      }];
    });
  };
  var addIcon = function addIcon() {
    var _select = (0,external_wp_data_namespaceObject.select)('core/block-editor'),
      getBlocks = _select.getBlocks;
    var _dispatch = (0,external_wp_data_namespaceObject.dispatch)('core/block-editor'),
      replaceInnerBlocks = _dispatch.replaceInnerBlocks;
    var innerBlocks = toConsumableArray_toConsumableArray(getBlocks(props.clientId));
    innerBlocks.splice(innerBlocks.length + 1, 0, (0,external_wp_blocks_namespaceObject.createBlock)('magazine-blocks/social-icon'));
    replaceInnerBlocks(props.clientId, innerBlocks, false);
  };
  return /*#__PURE__*/external_React_default().createElement(external_wp_element_namespaceObject.Fragment, null, /*#__PURE__*/external_React_default().createElement(social_icon_components_InspectorControls, {
    attributes: props.attributes,
    setAttributes: setAttributes
  }), /*#__PURE__*/external_React_default().createElement(CopyPasterStyleBlockControl, {
    withBlockControls: true
  }), /*#__PURE__*/external_React_default().createElement(Style, null), /*#__PURE__*/external_React_default().createElement("span", {
    className: "mzb-social-icon mzb-social-icon-".concat(clientId),
    onClick: function onClick() {
      return setIsVisible(true);
    }
  }, /*#__PURE__*/external_React_default().createElement("a", {
    href: "#"
  }, " ", /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "socialIcon",
    name: icon.icon || ''
  }), " ")), isVisible && /*#__PURE__*/external_React_default().createElement(external_wp_components_namespaceObject.Popover, {
    onClose: function onClose() {
      return setIsVisible(false);
    },
    position: "top center"
  }, /*#__PURE__*/external_React_default().createElement(icon_selector_IconSelector, {
    value: icon || {},
    onChange: function onChange(val) {
      return setAttributes({
        icon: val
      });
    }
  }), /*#__PURE__*/external_React_default().createElement(UrlInput, {
    label: (0,external_wp_i18n_namespaceObject.__)('URL', 'magazine-blocks'),
    onChange: function onChange(val) {
      return setAttributes({
        link: val
      });
    },
    value: link,
    placeholder: "https://",
    newTab: true
  })));
};

// @ts-ignore
/* harmony default export */ const social_icon_Edit = ((0,external_wp_data_namespaceObject.withSelect)(function (select, props) {
  var size = props.attributes.size;
  var query = {};
})(social_icon_Edit_Edit));
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icon/Save.tsx





var social_icon_Save_Save = function Save(props) {
  var className = props.className,
    _props$attributes = props.attributes,
    link = _props$attributes.link,
    clientId = _props$attributes.clientId,
    icon = _props$attributes.icon,
    size = _props$attributes.size,
    hideOnDesktop = _props$attributes.hideOnDesktop;
  var classNames = classnames_default()("mzb-social-icon mzb-social-icon-".concat(clientId), size && "is-".concat(size), className, hideOnDesktop && 'magazine-blocks-hide-on-desktop');
  return /*#__PURE__*/external_React_default().createElement("span", {
    className: classNames
  }, /*#__PURE__*/external_React_default().createElement(element_Element, {
    tagName: "a",
    htmlAttrs: {
      href: link && link.url ? link.url : '#',
      target: link && link.newTab ? '_blank' : null,
      rel: link && link.newTab ? 'noopener' : null
    }
  }, /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "socialIcon",
    name: icon.icon || ''
  })));
};
/* harmony default export */ const social_icon_Save = (social_icon_Save_Save);
;// CONCATENATED MODULE: ./src/blocks/blocks/social-icon/index.tsx

function social_icon_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function social_icon_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? social_icon_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : social_icon_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }







var social_icon_name = social_icon_block_namespaceObject.name;
var social_icon_settings = social_icon_objectSpread(social_icon_objectSpread({}, social_icon_block_namespaceObject), {}, {
  icon: /*#__PURE__*/external_React_default().createElement(icon_Icon, {
    type: "blockIcon",
    name: "social-icon",
    size: 24
  }),
  attributes: social_icon_attributes,
  edit: social_icon_Edit,
  save: social_icon_Save
});
;// CONCATENATED MODULE: ./src/blocks/blocks/index.ts
























/* The `const blocks` is an array that contains references to various modules. Each
module represents a different block component, such as a column, section,
heading, paragraph, buttons, button, image, and spacing. These modules are
imported from their respective files and stored in the `blocks` array. */
var blocks = [section_namespaceObject, column_namespaceObject, heading_namespaceObject, advertisement_namespaceObject, banner_posts_namespaceObject, grid_module_namespaceObject, featured_posts_namespaceObject, featured_categories_namespaceObject, tab_post_namespaceObject, post_list_namespaceObject, post_video_namespaceObject, category_list_namespaceObject, news_ticker_namespaceObject, date_weather_namespaceObject, slider_namespaceObject, social_icons_namespaceObject, social_icon_namespaceObject];

/**
 * The function "registerBlocks" iterates over an array of blocks and calls the
 * "register" method on each block.
 */
var registerBlocks = function registerBlocks() {
  for (var _i = 0, _blocks = blocks; _i < _blocks.length; _i++) {
    var block = _blocks[_i];
    var settings = (0,external_wp_hooks_namespaceObject.applyFilters)("magazine-blocks.block.metadata", block.settings);
    settings.edit = (0,external_wp_hooks_namespaceObject.applyFilters)("magazine-blocks.block.edit", settings.edit, settings);
    (0,external_wp_blocks_namespaceObject.registerBlockType)(block.name, settings);
  }
};
/* harmony default export */ const blocks_blocks = ((/* unused pure expression or super */ null && (registerBlocks)));
;// CONCATENATED MODULE: ./src/blocks/helpers/add-block-style.tsx



var addBlockStyle = function addBlockStyle() {
  addFilter("blocks.getSaveElement", "magazine-blocks/add/styles", function (el, type, attrs) {
    // if (type.name.includes("magazine-blocks")) {
    var blockName = type.name.split("/")[1];
    var css = generateBlockCSS({
      settings: attrs,
      blockName: type.name.split("/")[1],
      blockID: attrs.clientId,
      context: "save"
    });
    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
      id: "mzb-".concat(blockName, "-").concat(attrs.clientId, "-style")
    }, css), el);
    // }
    // return el;
  });
};

/* harmony default export */ const add_block_style = ((/* unused pure expression or super */ null && (addBlockStyle)));
;// CONCATENATED MODULE: ./src/blocks/helpers/auto-recover-blocks.ts

function auto_recover_blocks_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function auto_recover_blocks_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? auto_recover_blocks_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : auto_recover_blocks_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }


var subscribeOnceWhen = function subscribeOnceWhen(predicate, callback) {
  var unsubscribe = (0,external_wp_data_namespaceObject.subscribe)(function () {
    if (predicate()) {
      setTimeout(function () {
        callback();
      }, 500);
      unsubscribe();
    }
  });
  return unsubscribe;
};
var isBlocksLoaded = function isBlocksLoaded() {
  var _select = (0,external_wp_data_namespaceObject.select)("core/block-editor"),
    getBlocks = _select.getBlocks;
  return getBlocks().length > 0;
};
var recoverBlock = function recoverBlock(_ref) {
  var name = _ref.name,
    attributes = _ref.attributes,
    innerBlocks = _ref.innerBlocks;
  return (0,external_wp_blocks_namespaceObject.createBlock)(name, attributes, innerBlocks);
};
var getInvalidBlocks = function getInvalidBlocks(blocks) {
  return blocks.reduce(function (invalidBlocks, block) {
    if (!block.isValid && block.name.includes("magazine-blocks")) {
      invalidBlocks.push(block);
    }
    if (block.innerBlocks.length > 0) {
      var invalidInnerBlocks = getInvalidBlocks(block.innerBlocks);
      if (invalidInnerBlocks.length > 0) {
        invalidBlocks = invalidBlocks.concat(invalidInnerBlocks);
      }
    }
    return invalidBlocks;
  }, []);
};
var recoverBlocks = function recoverBlocks() {
  var _blocks;
  var _ref2 = (0,external_wp_data_namespaceObject.dispatch)("core/block-editor"),
    replaceBlock = _ref2.replaceBlock;
  var blocks;
  if ("widgets" === window.pagenow || "customize" === window.pagenow) {
    var widgetAreas = (0,external_wp_data_namespaceObject.select)("core/block-editor").getBlocks();
    blocks = widgetAreas.map(function (widgetArea) {
      var innerBlocks = (0,external_wp_data_namespaceObject.select)("core/block-editor").getBlocks(widgetArea.clientId);
      return auto_recover_blocks_objectSpread(auto_recover_blocks_objectSpread({}, widgetArea), {}, {
        innerBlocks: innerBlocks
      });
    });
  } else {
    blocks = (0,external_wp_data_namespaceObject.select)("core/block-editor").getBlocks();
  }
  if ((_blocks = blocks) !== null && _blocks !== void 0 && _blocks.length) {
    var invalidBlocks = getInvalidBlocks(blocks);
    if (invalidBlocks !== null && invalidBlocks !== void 0 && invalidBlocks.length) {
      invalidBlocks.forEach(function (oldBlock) {
        var newBlock = recoverBlock(oldBlock);
        if (newBlock.isValid) {
          replaceBlock(oldBlock.clientId, newBlock);
        }
      });
    }
  }
};
var autoRecoverBlocks = function autoRecoverBlocks() {
  return new Promise(function (resolve) {
    subscribeOnceWhen(isBlocksLoaded, function () {
      recoverBlocks();
      setTimeout(function () {
        return resolve();
      }, 200);
    });
  });
};
/* harmony default export */ const auto_recover_blocks = (autoRecoverBlocks);
;// CONCATENATED MODULE: ./src/blocks/helpers/disable-blocks.ts


var disableBlocks = function disableBlocks() {
  (0,external_wp_hooks_namespaceObject.addFilter)("magazine-blocks.block.metadata", "magazine-blocks/disable-blocks", function (metadata) {
    var name = metadata.name.split("/")[1];
    var enabled = localized.configs.blocks[name];
    if (!enabled) {
      if (typeof metadata.supports === "undefined") {
        metadata.supports = {};
      }
      metadata.supports.inserter = false;
    }
    return metadata;
  });
};
/* harmony default export */ const disable_blocks = (disableBlocks);
;// CONCATENATED MODULE: ./src/blocks/helpers/set-section-default-width.ts


var setSectionDefaultWidth = function setSectionDefaultWidth() {
  (0,external_wp_hooks_namespaceObject.addFilter)("magazine-blocks.block.metadata", "magazine-blocks/update-section-default-width", function (metadata) {
    if ("magazine-blocks/section" === metadata.name) {
      metadata.attributes.width["default"].desktop.value = localized.configs.editor["section-width"];
    }
    return metadata;
  });
};
/* harmony default export */ const set_section_default_width = (setSectionDefaultWidth);
;// CONCATENATED MODULE: ./src/blocks/helpers/update-block-attributes.ts

var BACKGROUND_ATTRIBUTE_KEYS = ["background", "hoverBackground", "background1", "background2", "hoverBackground1", "hoverBackground2"];
var updateBlockAttributes = function updateBlockAttributes() {
  (0,external_wp_hooks_namespaceObject.addFilter)("blocks.getBlockAttributes", "magazine-blocks/update-background-attribute", function (attrs, block) {
    if (block.name.startsWith("mzb/")) {
      for (var _i = 0, _BACKGROUND_ATTRIBUTE = BACKGROUND_ATTRIBUTE_KEYS; _i < _BACKGROUND_ATTRIBUTE.length; _i++) {
        var _attrs$key;
        var key = _BACKGROUND_ATTRIBUTE[_i];
        if (attrs !== null && attrs !== void 0 && (_attrs$key = attrs[key]) !== null && _attrs$key !== void 0 && (_attrs$key = _attrs$key.image) !== null && _attrs$key !== void 0 && (_attrs$key = _attrs$key.image) !== null && _attrs$key !== void 0 && _attrs$key.type) {
          var _attrs$key$image$imag, _attrs$key$image$imag2, _attrs$key$image$imag3, _attrs$key$image$imag4, _attrs$key$image$imag5, _attrs$key$image$imag6;
          attrs[key].image.image.url = ((_attrs$key$image$imag = (_attrs$key$image$imag2 = attrs[key].image.image) === null || _attrs$key$image$imag2 === void 0 ? void 0 : _attrs$key$image$imag2.local) !== null && _attrs$key$image$imag !== void 0 ? _attrs$key$image$imag : "") || ((_attrs$key$image$imag3 = (_attrs$key$image$imag4 = attrs[key].image.image) === null || _attrs$key$image$imag4 === void 0 ? void 0 : _attrs$key$image$imag4.external) !== null && _attrs$key$image$imag3 !== void 0 ? _attrs$key$image$imag3 : "");
          delete attrs[key].image.image.type;
          (_attrs$key$image$imag5 = attrs[key].image.image) === null || _attrs$key$image$imag5 === void 0 || delete _attrs$key$image$imag5.local;
          (_attrs$key$image$imag6 = attrs[key].image.image) === null || _attrs$key$image$imag6 === void 0 || delete _attrs$key$image$imag6.external;
        }
      }
    }
    return attrs;
  });
};
/* harmony default export */ const update_block_attributes = (updateBlockAttributes);
;// CONCATENATED MODULE: ./src/blocks/helpers/update-block-category-icon.tsx


var updateBlockCategoryIcon = function updateBlockCategoryIcon() {
  (0,external_wp_blocks_namespaceObject.updateCategory)("magazine-blocks", {
    icon: /*#__PURE__*/external_React_default().createElement("svg", {
      width: "24",
      height: "24",
      viewBox: "0 0 24 24",
      fill: "none",
      xmlns: "http://www.w3.org/2000/svg"
    }, /*#__PURE__*/external_React_default().createElement("rect", {
      width: "24",
      height: "24",
      fill: "white"
    }), /*#__PURE__*/external_React_default().createElement("path", {
      d: "M12 18.7957H4.60217V5.20432L12 9.82797V18.7957Z",
      fill: "#690AA0"
    }), /*#__PURE__*/external_React_default().createElement("path", {
      d: "M19.4194 18.7957H12V9.82797L19.4194 5.20432V18.7957Z",
      fill: "#8D42CE"
    }), /*#__PURE__*/external_React_default().createElement("path", {
      d: "M24 24H0V0H24V24ZM1.07527 22.9247H22.9247V1.07527H1.07527V22.9247Z",
      fill: "#690AA0"
    }))
  });
};
/* harmony default export */ const update_block_category_icon = (updateBlockCategoryIcon);
;// CONCATENATED MODULE: ./src/blocks/helpers/index.ts






;// CONCATENATED MODULE: ./src/blocks/index.ts



disable_blocks();
set_section_default_width();

//Register blocks.
registerBlocks();
update_block_attributes(); // update old attributes.
update_block_category_icon(); // Update Magazine Blocks category icon.
auto_recover_blocks(); // Auto recover blocks in widget/customize screen.

/***/ }),

/***/ 184:
/***/ ((module, exports) => {

var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
	Copyright (c) 2018 Jed Watson.
	Licensed under the MIT License (MIT), see
	http://jedwatson.github.io/classnames
*/
/* global define */

(function () {
	'use strict';

	var hasOwn = {}.hasOwnProperty;
	var nativeCodeString = '[native code]';

	function classNames() {
		var classes = [];

		for (var i = 0; i < arguments.length; i++) {
			var arg = arguments[i];
			if (!arg) continue;

			var argType = typeof arg;

			if (argType === 'string' || argType === 'number') {
				classes.push(arg);
			} else if (Array.isArray(arg)) {
				if (arg.length) {
					var inner = classNames.apply(null, arg);
					if (inner) {
						classes.push(inner);
					}
				}
			} else if (argType === 'object') {
				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
					classes.push(arg.toString());
					continue;
				}

				for (var key in arg) {
					if (hasOwn.call(arg, key) && arg[key]) {
						classes.push(key);
					}
				}
			}
		}

		return classes.join(' ');
	}

	if ( true && module.exports) {
		classNames.default = classNames;
		module.exports = classNames;
	} else if (true) {
		// register as 'classnames', consistent with npm package name
		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
			return classNames;
		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
	} else {}
}());


/***/ }),

/***/ 960:
/***/ ((__unused_webpack_module, exports) => {

"use strict";

Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.Doctype = exports.CDATA = exports.Tag = exports.Style = exports.Script = exports.Comment = exports.Directive = exports.Text = exports.Root = exports.isTag = exports.ElementType = void 0;
/** Types of elements found in htmlparser2's DOM */
var ElementType;
(function (ElementType) {
    /** Type for the root element of a document */
    ElementType["Root"] = "root";
    /** Type for Text */
    ElementType["Text"] = "text";
    /** Type for <? ... ?> */
    ElementType["Directive"] = "directive";
    /** Type for <!-- ... --> */
    ElementType["Comment"] = "comment";
    /** Type for <script> tags */
    ElementType["Script"] = "script";
    /** Type for <style> tags */
    ElementType["Style"] = "style";
    /** Type for Any tag */
    ElementType["Tag"] = "tag";
    /** Type for <![CDATA[ ... ]]> */
    ElementType["CDATA"] = "cdata";
    /** Type for <!doctype ...> */
    ElementType["Doctype"] = "doctype";
})(ElementType = exports.ElementType || (exports.ElementType = {}));
/**
 * Tests whether an element is a tag or not.
 *
 * @param elem Element to test
 */
function isTag(elem) {
    return (elem.type === ElementType.Tag ||
        elem.type === ElementType.Script ||
        elem.type === ElementType.Style);
}
exports.isTag = isTag;
// Exports for backwards compatibility
/** Type for the root element of a document */
exports.Root = ElementType.Root;
/** Type for Text */
exports.Text = ElementType.Text;
/** Type for <? ... ?> */
exports.Directive = ElementType.Directive;
/** Type for <!-- ... --> */
exports.Comment = ElementType.Comment;
/** Type for <script> tags */
exports.Script = ElementType.Script;
/** Type for <style> tags */
exports.Style = ElementType.Style;
/** Type for Any tag */
exports.Tag = ElementType.Tag;
/** Type for <![CDATA[ ... ]]> */
exports.CDATA = ElementType.CDATA;
/** Type for <!doctype ...> */
exports.Doctype = ElementType.Doctype;


/***/ }),

/***/ 915:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {

"use strict";

var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.DomHandler = void 0;
var domelementtype_1 = __webpack_require__(960);
var node_js_1 = __webpack_require__(790);
__exportStar(__webpack_require__(790), exports);
// Default options
var defaultOpts = {
    withStartIndices: false,
    withEndIndices: false,
    xmlMode: false,
};
var DomHandler = /** @class */ (function () {
    /**
     * @param callback Called once parsing has completed.
     * @param options Settings for the handler.
     * @param elementCB Callback whenever a tag is closed.
     */
    function DomHandler(callback, options, elementCB) {
        /** The elements of the DOM */
        this.dom = [];
        /** The root element for the DOM */
        this.root = new node_js_1.Document(this.dom);
        /** Indicated whether parsing has been completed. */
        this.done = false;
        /** Stack of open tags. */
        this.tagStack = [this.root];
        /** A data node that is still being written to. */
        this.lastNode = null;
        /** Reference to the parser instance. Used for location information. */
        this.parser = null;
        // Make it possible to skip arguments, for backwards-compatibility
        if (typeof options === "function") {
            elementCB = options;
            options = defaultOpts;
        }
        if (typeof callback === "object") {
            options = callback;
            callback = undefined;
        }
        this.callback = callback !== null && callback !== void 0 ? callback : null;
        this.options = options !== null && options !== void 0 ? options : defaultOpts;
        this.elementCB = elementCB !== null && elementCB !== void 0 ? elementCB : null;
    }
    DomHandler.prototype.onparserinit = function (parser) {
        this.parser = parser;
    };
    // Resets the handler back to starting state
    DomHandler.prototype.onreset = function () {
        this.dom = [];
        this.root = new node_js_1.Document(this.dom);
        this.done = false;
        this.tagStack = [this.root];
        this.lastNode = null;
        this.parser = null;
    };
    // Signals the handler that parsing is done
    DomHandler.prototype.onend = function () {
        if (this.done)
            return;
        this.done = true;
        this.parser = null;
        this.handleCallback(null);
    };
    DomHandler.prototype.onerror = function (error) {
        this.handleCallback(error);
    };
    DomHandler.prototype.onclosetag = function () {
        this.lastNode = null;
        var elem = this.tagStack.pop();
        if (this.options.withEndIndices) {
            elem.endIndex = this.parser.endIndex;
        }
        if (this.elementCB)
            this.elementCB(elem);
    };
    DomHandler.prototype.onopentag = function (name, attribs) {
        var type = this.options.xmlMode ? domelementtype_1.ElementType.Tag : undefined;
        var element = new node_js_1.Element(name, attribs, undefined, type);
        this.addNode(element);
        this.tagStack.push(element);
    };
    DomHandler.prototype.ontext = function (data) {
        var lastNode = this.lastNode;
        if (lastNode && lastNode.type === domelementtype_1.ElementType.Text) {
            lastNode.data += data;
            if (this.options.withEndIndices) {
                lastNode.endIndex = this.parser.endIndex;
            }
        }
        else {
            var node = new node_js_1.Text(data);
            this.addNode(node);
            this.lastNode = node;
        }
    };
    DomHandler.prototype.oncomment = function (data) {
        if (this.lastNode && this.lastNode.type === domelementtype_1.ElementType.Comment) {
            this.lastNode.data += data;
            return;
        }
        var node = new node_js_1.Comment(data);
        this.addNode(node);
        this.lastNode = node;
    };
    DomHandler.prototype.oncommentend = function () {
        this.lastNode = null;
    };
    DomHandler.prototype.oncdatastart = function () {
        var text = new node_js_1.Text("");
        var node = new node_js_1.CDATA([text]);
        this.addNode(node);
        text.parent = node;
        this.lastNode = text;
    };
    DomHandler.prototype.oncdataend = function () {
        this.lastNode = null;
    };
    DomHandler.prototype.onprocessinginstruction = function (name, data) {
        var node = new node_js_1.ProcessingInstruction(name, data);
        this.addNode(node);
    };
    DomHandler.prototype.handleCallback = function (error) {
        if (typeof this.callback === "function") {
            this.callback(error, this.dom);
        }
        else if (error) {
            throw error;
        }
    };
    DomHandler.prototype.addNode = function (node) {
        var parent = this.tagStack[this.tagStack.length - 1];
        var previousSibling = parent.children[parent.children.length - 1];
        if (this.options.withStartIndices) {
            node.startIndex = this.parser.startIndex;
        }
        if (this.options.withEndIndices) {
            node.endIndex = this.parser.endIndex;
        }
        parent.children.push(node);
        if (previousSibling) {
            node.prev = previousSibling;
            previousSibling.next = node;
        }
        node.parent = parent;
        this.lastNode = null;
    };
    return DomHandler;
}());
exports.DomHandler = DomHandler;
exports["default"] = DomHandler;


/***/ }),

/***/ 790:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {

"use strict";

var __extends = (this && this.__extends) || (function () {
    var extendStatics = function (d, b) {
        extendStatics = Object.setPrototypeOf ||
            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
        return extendStatics(d, b);
    };
    return function (d, b) {
        if (typeof b !== "function" && b !== null)
            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", ({ value: true }));
exports.cloneNode = exports.hasChildren = exports.isDocument = exports.isDirective = exports.isComment = exports.isText = exports.isCDATA = exports.isTag = exports.Element = exports.Document = exports.CDATA = exports.NodeWithChildren = exports.ProcessingInstruction = exports.Comment = exports.Text = exports.DataNode = exports.Node = void 0;
var domelementtype_1 = __webpack_require__(960);
/**
 * This object will be used as the prototype for Nodes when creating a
 * DOM-Level-1-compliant structure.
 */
var Node = /** @class */ (function () {
    function Node() {
        /** Parent of the node */
        this.parent = null;
        /** Previous sibling */
        this.prev = null;
        /** Next sibling */
        this.next = null;
        /** The start index of the node. Requires `withStartIndices` on the handler to be `true. */
        this.startIndex = null;
        /** The end index of the node. Requires `withEndIndices` on the handler to be `true. */
        this.endIndex = null;
    }
    Object.defineProperty(Node.prototype, "parentNode", {
        // Read-write aliases for properties
        /**
         * Same as {@link parent}.
         * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
         */
        get: function () {
            return this.parent;
        },
        set: function (parent) {
            this.parent = parent;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(Node.prototype, "previousSibling", {
        /**
         * Same as {@link prev}.
         * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
         */
        get: function () {
            return this.prev;
        },
        set: function (prev) {
            this.prev = prev;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(Node.prototype, "nextSibling", {
        /**
         * Same as {@link next}.
         * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
         */
        get: function () {
            return this.next;
        },
        set: function (next) {
            this.next = next;
        },
        enumerable: false,
        configurable: true
    });
    /**
     * Clone this node, and optionally its children.
     *
     * @param recursive Clone child nodes as well.
     * @returns A clone of the node.
     */
    Node.prototype.cloneNode = function (recursive) {
        if (recursive === void 0) { recursive = false; }
        return cloneNode(this, recursive);
    };
    return Node;
}());
exports.Node = Node;
/**
 * A node that contains some data.
 */
var DataNode = /** @class */ (function (_super) {
    __extends(DataNode, _super);
    /**
     * @param data The content of the data node
     */
    function DataNode(data) {
        var _this = _super.call(this) || this;
        _this.data = data;
        return _this;
    }
    Object.defineProperty(DataNode.prototype, "nodeValue", {
        /**
         * Same as {@link data}.
         * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
         */
        get: function () {
            return this.data;
        },
        set: function (data) {
            this.data = data;
        },
        enumerable: false,
        configurable: true
    });
    return DataNode;
}(Node));
exports.DataNode = DataNode;
/**
 * Text within the document.
 */
var Text = /** @class */ (function (_super) {
    __extends(Text, _super);
    function Text() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.type = domelementtype_1.ElementType.Text;
        return _this;
    }
    Object.defineProperty(Text.prototype, "nodeType", {
        get: function () {
            return 3;
        },
        enumerable: false,
        configurable: true
    });
    return Text;
}(DataNode));
exports.Text = Text;
/**
 * Comments within the document.
 */
var Comment = /** @class */ (function (_super) {
    __extends(Comment, _super);
    function Comment() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.type = domelementtype_1.ElementType.Comment;
        return _this;
    }
    Object.defineProperty(Comment.prototype, "nodeType", {
        get: function () {
            return 8;
        },
        enumerable: false,
        configurable: true
    });
    return Comment;
}(DataNode));
exports.Comment = Comment;
/**
 * Processing instructions, including doc types.
 */
var ProcessingInstruction = /** @class */ (function (_super) {
    __extends(ProcessingInstruction, _super);
    function ProcessingInstruction(name, data) {
        var _this = _super.call(this, data) || this;
        _this.name = name;
        _this.type = domelementtype_1.ElementType.Directive;
        return _this;
    }
    Object.defineProperty(ProcessingInstruction.prototype, "nodeType", {
        get: function () {
            return 1;
        },
        enumerable: false,
        configurable: true
    });
    return ProcessingInstruction;
}(DataNode));
exports.ProcessingInstruction = ProcessingInstruction;
/**
 * A `Node` that can have children.
 */
var NodeWithChildren = /** @class */ (function (_super) {
    __extends(NodeWithChildren, _super);
    /**
     * @param children Children of the node. Only certain node types can have children.
     */
    function NodeWithChildren(children) {
        var _this = _super.call(this) || this;
        _this.children = children;
        return _this;
    }
    Object.defineProperty(NodeWithChildren.prototype, "firstChild", {
        // Aliases
        /** First child of the node. */
        get: function () {
            var _a;
            return (_a = this.children[0]) !== null && _a !== void 0 ? _a : null;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(NodeWithChildren.prototype, "lastChild", {
        /** Last child of the node. */
        get: function () {
            return this.children.length > 0
                ? this.children[this.children.length - 1]
                : null;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(NodeWithChildren.prototype, "childNodes", {
        /**
         * Same as {@link children}.
         * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
         */
        get: function () {
            return this.children;
        },
        set: function (children) {
            this.children = children;
        },
        enumerable: false,
        configurable: true
    });
    return NodeWithChildren;
}(Node));
exports.NodeWithChildren = NodeWithChildren;
var CDATA = /** @class */ (function (_super) {
    __extends(CDATA, _super);
    function CDATA() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.type = domelementtype_1.ElementType.CDATA;
        return _this;
    }
    Object.defineProperty(CDATA.prototype, "nodeType", {
        get: function () {
            return 4;
        },
        enumerable: false,
        configurable: true
    });
    return CDATA;
}(NodeWithChildren));
exports.CDATA = CDATA;
/**
 * The root node of the document.
 */
var Document = /** @class */ (function (_super) {
    __extends(Document, _super);
    function Document() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.type = domelementtype_1.ElementType.Root;
        return _this;
    }
    Object.defineProperty(Document.prototype, "nodeType", {
        get: function () {
            return 9;
        },
        enumerable: false,
        configurable: true
    });
    return Document;
}(NodeWithChildren));
exports.Document = Document;
/**
 * An element within the DOM.
 */
var Element = /** @class */ (function (_super) {
    __extends(Element, _super);
    /**
     * @param name Name of the tag, eg. `div`, `span`.
     * @param attribs Object mapping attribute names to attribute values.
     * @param children Children of the node.
     */
    function Element(name, attribs, children, type) {
        if (children === void 0) { children = []; }
        if (type === void 0) { type = name === "script"
            ? domelementtype_1.ElementType.Script
            : name === "style"
                ? domelementtype_1.ElementType.Style
                : domelementtype_1.ElementType.Tag; }
        var _this = _super.call(this, children) || this;
        _this.name = name;
        _this.attribs = attribs;
        _this.type = type;
        return _this;
    }
    Object.defineProperty(Element.prototype, "nodeType", {
        get: function () {
            return 1;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(Element.prototype, "tagName", {
        // DOM Level 1 aliases
        /**
         * Same as {@link name}.
         * [DOM spec](https://dom.spec.whatwg.org)-compatible alias.
         */
        get: function () {
            return this.name;
        },
        set: function (name) {
            this.name = name;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(Element.prototype, "attributes", {
        get: function () {
            var _this = this;
            return Object.keys(this.attribs).map(function (name) {
                var _a, _b;
                return ({
                    name: name,
                    value: _this.attribs[name],
                    namespace: (_a = _this["x-attribsNamespace"]) === null || _a === void 0 ? void 0 : _a[name],
                    prefix: (_b = _this["x-attribsPrefix"]) === null || _b === void 0 ? void 0 : _b[name],
                });
            });
        },
        enumerable: false,
        configurable: true
    });
    return Element;
}(NodeWithChildren));
exports.Element = Element;
/**
 * @param node Node to check.
 * @returns `true` if the node is a `Element`, `false` otherwise.
 */
function isTag(node) {
    return (0, domelementtype_1.isTag)(node);
}
exports.isTag = isTag;
/**
 * @param node Node to check.
 * @returns `true` if the node has the type `CDATA`, `false` otherwise.
 */
function isCDATA(node) {
    return node.type === domelementtype_1.ElementType.CDATA;
}
exports.isCDATA = isCDATA;
/**
 * @param node Node to check.
 * @returns `true` if the node has the type `Text`, `false` otherwise.
 */
function isText(node) {
    return node.type === domelementtype_1.ElementType.Text;
}
exports.isText = isText;
/**
 * @param node Node to check.
 * @returns `true` if the node has the type `Comment`, `false` otherwise.
 */
function isComment(node) {
    return node.type === domelementtype_1.ElementType.Comment;
}
exports.isComment = isComment;
/**
 * @param node Node to check.
 * @returns `true` if the node has the type `ProcessingInstruction`, `false` otherwise.
 */
function isDirective(node) {
    return node.type === domelementtype_1.ElementType.Directive;
}
exports.isDirective = isDirective;
/**
 * @param node Node to check.
 * @returns `true` if the node has the type `ProcessingInstruction`, `false` otherwise.
 */
function isDocument(node) {
    return node.type === domelementtype_1.ElementType.Root;
}
exports.isDocument = isDocument;
/**
 * @param node Node to check.
 * @returns `true` if the node has children, `false` otherwise.
 */
function hasChildren(node) {
    return Object.prototype.hasOwnProperty.call(node, "children");
}
exports.hasChildren = hasChildren;
/**
 * Clone a node, and optionally its children.
 *
 * @param recursive Clone child nodes as well.
 * @returns A clone of the node.
 */
function cloneNode(node, recursive) {
    if (recursive === void 0) { recursive = false; }
    var result;
    if (isText(node)) {
        result = new Text(node.data);
    }
    else if (isComment(node)) {
        result = new Comment(node.data);
    }
    else if (isTag(node)) {
        var children = recursive ? cloneChildren(node.children) : [];
        var clone_1 = new Element(node.name, __assign({}, node.attribs), children);
        children.forEach(function (child) { return (child.parent = clone_1); });
        if (node.namespace != null) {
            clone_1.namespace = node.namespace;
        }
        if (node["x-attribsNamespace"]) {
            clone_1["x-attribsNamespace"] = __assign({}, node["x-attribsNamespace"]);
        }
        if (node["x-attribsPrefix"]) {
            clone_1["x-attribsPrefix"] = __assign({}, node["x-attribsPrefix"]);
        }
        result = clone_1;
    }
    else if (isCDATA(node)) {
        var children = recursive ? cloneChildren(node.children) : [];
        var clone_2 = new CDATA(children);
        children.forEach(function (child) { return (child.parent = clone_2); });
        result = clone_2;
    }
    else if (isDocument(node)) {
        var children = recursive ? cloneChildren(node.children) : [];
        var clone_3 = new Document(children);
        children.forEach(function (child) { return (child.parent = clone_3); });
        if (node["x-mode"]) {
            clone_3["x-mode"] = node["x-mode"];
        }
        result = clone_3;
    }
    else if (isDirective(node)) {
        var instruction = new ProcessingInstruction(node.name, node.data);
        if (node["x-name"] != null) {
            instruction["x-name"] = node["x-name"];
            instruction["x-publicId"] = node["x-publicId"];
            instruction["x-systemId"] = node["x-systemId"];
        }
        result = instruction;
    }
    else {
        throw new Error("Not implemented yet: ".concat(node.type));
    }
    result.startIndex = node.startIndex;
    result.endIndex = node.endIndex;
    if (node.sourceCodeLocation != null) {
        result.sourceCodeLocation = node.sourceCodeLocation;
    }
    return result;
}
exports.cloneNode = cloneNode;
function cloneChildren(childs) {
    var children = childs.map(function (child) { return cloneNode(child, true); });
    for (var i = 1; i < children.length; i++) {
        children[i].prev = children[i - 1];
        children[i - 1].next = children[i];
    }
    return children;
}


/***/ }),

/***/ 679:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

"use strict";


var reactIs = __webpack_require__(864);

/**
 * Copyright 2015, Yahoo! Inc.
 * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
 */
var REACT_STATICS = {
  childContextTypes: true,
  contextType: true,
  contextTypes: true,
  defaultProps: true,
  displayName: true,
  getDefaultProps: true,
  getDerivedStateFromError: true,
  getDerivedStateFromProps: true,
  mixins: true,
  propTypes: true,
  type: true
};
var KNOWN_STATICS = {
  name: true,
  length: true,
  prototype: true,
  caller: true,
  callee: true,
  arguments: true,
  arity: true
};
var FORWARD_REF_STATICS = {
  '$$typeof': true,
  render: true,
  defaultProps: true,
  displayName: true,
  propTypes: true
};
var MEMO_STATICS = {
  '$$typeof': true,
  compare: true,
  defaultProps: true,
  displayName: true,
  propTypes: true,
  type: true
};
var TYPE_STATICS = {};
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;

function getStatics(component) {
  // React v16.11 and below
  if (reactIs.isMemo(component)) {
    return MEMO_STATICS;
  } // React v16.12 and above


  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
}

var defineProperty = Object.defineProperty;
var getOwnPropertyNames = Object.getOwnPropertyNames;
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var getPrototypeOf = Object.getPrototypeOf;
var objectPrototype = Object.prototype;
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
  if (typeof sourceComponent !== 'string') {
    // don't hoist over string (html) components
    if (objectPrototype) {
      var inheritedComponent = getPrototypeOf(sourceComponent);

      if (inheritedComponent && inheritedComponent !== objectPrototype) {
        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
      }
    }

    var keys = getOwnPropertyNames(sourceComponent);

    if (getOwnPropertySymbols) {
      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
    }

    var targetStatics = getStatics(targetComponent);
    var sourceStatics = getStatics(sourceComponent);

    for (var i = 0; i < keys.length; ++i) {
      var key = keys[i];

      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);

        try {
          // Avoid failures from read-only properties
          defineProperty(targetComponent, key, descriptor);
        } catch (e) {}
      }
    }
  }

  return targetComponent;
}

module.exports = hoistNonReactStatics;


/***/ }),

/***/ 885:
/***/ ((__unused_webpack_module, exports) => {

/**
 * SVG elements are case-sensitive.
 *
 * @see {@link https://developer.mozilla.org/docs/Web/SVG/Element#svg_elements_a_to_z}
 */
exports.CASE_SENSITIVE_TAG_NAMES = [
  'animateMotion',
  'animateTransform',
  'clipPath',
  'feBlend',
  'feColorMatrix',
  'feComponentTransfer',
  'feComposite',
  'feConvolveMatrix',
  'feDiffuseLighting',
  'feDisplacementMap',
  'feDropShadow',
  'feFlood',
  'feFuncA',
  'feFuncB',
  'feFuncG',
  'feFuncR',
  'feGaussianBlur',
  'feImage',
  'feMerge',
  'feMergeNode',
  'feMorphology',
  'feOffset',
  'fePointLight',
  'feSpecularLighting',
  'feSpotLight',
  'feTile',
  'feTurbulence',
  'foreignObject',
  'linearGradient',
  'radialGradient',
  'textPath'
];


/***/ }),

/***/ 276:
/***/ ((module) => {

// constants
var HTML = 'html';
var HEAD = 'head';
var BODY = 'body';
var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
// match-all-characters in case of newlines (DOTALL)
var HEAD_TAG_REGEX = /<head[^]*>/i;
var BODY_TAG_REGEX = /<body[^]*>/i;

// falls back to `parseFromString` if `createHTMLDocument` cannot be used
var parseFromDocument = function () {
  throw new Error(
    'This browser does not support `document.implementation.createHTMLDocument`'
  );
};

var parseFromString = function () {
  throw new Error(
    'This browser does not support `DOMParser.prototype.parseFromString`'
  );
};

var DOMParser = typeof window === 'object' && window.DOMParser;

/**
 * DOMParser (performance: slow).
 *
 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
 */
if (typeof DOMParser === 'function') {
  var domParser = new DOMParser();
  var mimeType = 'text/html';

  /**
   * Creates an HTML document using `DOMParser.parseFromString`.
   *
   * @param  {string} html      - The HTML string.
   * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
   * @return {HTMLDocument}
   */
  parseFromString = function (html, tagName) {
    if (tagName) {
      html = '<' + tagName + '>' + html + '</' + tagName + '>';
    }

    return domParser.parseFromString(html, mimeType);
  };

  parseFromDocument = parseFromString;
}

/**
 * DOMImplementation (performance: fair).
 *
 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
 */
if (typeof document === 'object' && document.implementation) {
  var doc = document.implementation.createHTMLDocument();

  /**
   * Use HTML document created by `document.implementation.createHTMLDocument`.
   *
   * @param  {string} html      - The HTML string.
   * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
   * @return {HTMLDocument}
   */
  parseFromDocument = function (html, tagName) {
    if (tagName) {
      var element = doc.documentElement.querySelector(tagName);
      element.innerHTML = html;
      return doc;
    }

    doc.documentElement.innerHTML = html;
    return doc;
  };
}

/**
 * Template (performance: fast).
 *
 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
 */
var template =
  typeof document === 'object' ? document.createElement('template') : {};

var parseFromTemplate;

if (template.content) {
  /**
   * Uses a template element (content fragment) to parse HTML.
   *
   * @param  {string} html - The HTML string.
   * @return {NodeList}
   */
  parseFromTemplate = function (html) {
    template.innerHTML = html;
    return template.content.childNodes;
  };
}

/**
 * Parses HTML string to DOM nodes.
 *
 * @param  {string}   html - HTML markup.
 * @return {NodeList}
 */
function domparser(html) {
  var firstTagName;
  var match = html.match(FIRST_TAG_REGEX);

  if (match && match[1]) {
    firstTagName = match[1].toLowerCase();
  }

  var doc;
  var element;
  var elements;

  switch (firstTagName) {
    case HTML:
      doc = parseFromString(html);

      // the created document may come with filler head/body elements,
      // so make sure to remove them if they don't actually exist
      if (!HEAD_TAG_REGEX.test(html)) {
        element = doc.querySelector(HEAD);
        if (element) {
          element.parentNode.removeChild(element);
        }
      }

      if (!BODY_TAG_REGEX.test(html)) {
        element = doc.querySelector(BODY);
        if (element) {
          element.parentNode.removeChild(element);
        }
      }

      return doc.querySelectorAll(HTML);

    case HEAD:
    case BODY:
      doc = parseFromDocument(html);
      elements = doc.querySelectorAll(firstTagName);

      // if there's a sibling element, then return both elements
      if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
        return elements[0].parentNode.childNodes;
      }
      return elements;

    // low-level tag or text
    default:
      if (parseFromTemplate) {
        return parseFromTemplate(html);
      }
      element = parseFromDocument(html, BODY).querySelector(BODY);
      return element.childNodes;
  }
}

module.exports = domparser;


/***/ }),

/***/ 152:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var domparser = __webpack_require__(276);
var utilities = __webpack_require__(507);

var formatDOM = utilities.formatDOM;

var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>

/**
 * Parses HTML string to DOM nodes in browser.
 *
 * @param  {string} html  - HTML markup.
 * @return {DomElement[]} - DOM elements.
 */
function HTMLDOMParser(html) {
  if (typeof html !== 'string') {
    throw new TypeError('First argument must be a string');
  }

  if (html === '') {
    return [];
  }

  // match directive
  var match = html.match(DIRECTIVE_REGEX);
  var directive;

  if (match && match[1]) {
    directive = match[1];
  }

  return formatDOM(domparser(html), null, directive);
}

module.exports = HTMLDOMParser;


/***/ }),

/***/ 507:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

var domhandler = __webpack_require__(915);
var constants = __webpack_require__(885);

var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;

var Comment = domhandler.Comment;
var Element = domhandler.Element;
var ProcessingInstruction = domhandler.ProcessingInstruction;
var Text = domhandler.Text;

var caseSensitiveTagNamesMap = {};
var tagName;

for (var i = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i < len; i++) {
  tagName = CASE_SENSITIVE_TAG_NAMES[i];
  caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
}

/**
 * Gets case-sensitive tag name.
 *
 * @param {string} tagName - Tag name in lowercase.
 * @returns {string|undefined} - Case-sensitive tag name.
 */
function getCaseSensitiveTagName(tagName) {
  return caseSensitiveTagNamesMap[tagName];
}

/**
 * Formats DOM attributes to a hash map.
 *
 * @param {NamedNodeMap} attributes - List of attributes.
 * @returns {object} - Map of attribute name to value.
 */
function formatAttributes(attributes) {
  var result = {};
  var attribute;
  // `NamedNodeMap` is array-like
  for (var i = 0, len = attributes.length; i < len; i++) {
    attribute = attributes[i];
    result[attribute.name] = attribute.value;
  }
  return result;
}

/**
 * Corrects the tag name if it is case-sensitive (SVG).
 * Otherwise, returns the lowercase tag name (HTML).
 *
 * @param {string} tagName - Lowercase tag name.
 * @returns {string} - Formatted tag name.
 */
function formatTagName(tagName) {
  tagName = tagName.toLowerCase();
  var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
  if (caseSensitiveTagName) {
    return caseSensitiveTagName;
  }
  return tagName;
}

/**
 * Transforms DOM nodes to `domhandler` nodes.
 *
 * @param {NodeList} nodes - DOM nodes.
 * @param {Element|null} [parent=null] - Parent node.
 * @param {string} [directive] - Directive.
 * @returns {Array<Comment|Element|ProcessingInstruction|Text>}
 */
function formatDOM(nodes, parent, directive) {
  parent = parent || null;
  var result = [];
  var tagName;

  for (var index = 0, len = nodes.length; index < len; index++) {
    var node = nodes[index];
    var current;

    // set the node data given the type
    switch (node.nodeType) {
      case 1:
        tagName = formatTagName(node.nodeName);
        // script, style, or tag
        current = new Element(tagName, formatAttributes(node.attributes));
        current.children = formatDOM(
          // template children are on content
          tagName === 'template' ? node.content.childNodes : node.childNodes,
          current
        );
        break;

      case 3:
        current = new Text(node.nodeValue);
        break;

      case 8:
        current = new Comment(node.nodeValue);
        break;

      default:
        continue;
    }

    // set previous node next
    var prev = result[index - 1] || null;
    if (prev) {
      prev.next = current;
    }

    // set properties for current node
    current.parent = parent;
    current.prev = prev;
    current.next = null;

    result.push(current);
  }

  if (directive) {
    current = new ProcessingInstruction(
      directive.substring(0, directive.indexOf(' ')).toLowerCase(),
      directive
    );
    current.next = result[0] || null;
    current.parent = parent;
    result.unshift(current);

    if (result[1]) {
      result[1].prev = result[0];
    }
  }

  return result;
}

exports.formatAttributes = formatAttributes;
exports.formatDOM = formatDOM;


/***/ }),

/***/ 488:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var domhandler = __webpack_require__(915);
var htmlToDOM = __webpack_require__(152);

var attributesToProps = __webpack_require__(484);
var domToReact = __webpack_require__(670);

// support backwards compatibility for ES Module
htmlToDOM =
  /* istanbul ignore next */
  typeof htmlToDOM.default === 'function' ? htmlToDOM.default : htmlToDOM;

var domParserOptions = { lowerCaseAttributeNames: false };

/**
 * Converts HTML string to React elements.
 *
 * @param {string} html - HTML string.
 * @param {object} [options] - Parser options.
 * @param {object} [options.htmlparser2] - htmlparser2 options.
 * @param {object} [options.library] - Library for React, Preact, etc.
 * @param {Function} [options.replace] - Replace method.
 * @returns {JSX.Element|JSX.Element[]|string} - React element(s), empty array, or string.
 */
function HTMLReactParser(html, options) {
  if (typeof html !== 'string') {
    throw new TypeError('First argument must be a string');
  }
  if (html === '') {
    return [];
  }
  options = options || {};
  return domToReact(
    htmlToDOM(html, options.htmlparser2 || domParserOptions),
    options
  );
}

HTMLReactParser.domToReact = domToReact;
HTMLReactParser.htmlToDOM = htmlToDOM;
HTMLReactParser.attributesToProps = attributesToProps;

// domhandler
HTMLReactParser.Comment = domhandler.Comment;
HTMLReactParser.Element = domhandler.Element;
HTMLReactParser.ProcessingInstruction = domhandler.ProcessingInstruction;
HTMLReactParser.Text = domhandler.Text;

// support CommonJS and ES Modules
module.exports = HTMLReactParser;
HTMLReactParser.default = HTMLReactParser;


/***/ }),

/***/ 484:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var reactProperty = __webpack_require__(726);
var utilities = __webpack_require__(606);

// https://reactjs.org/docs/uncontrolled-components.html
// https://developer.mozilla.org/docs/Web/HTML/Attributes
var UNCONTROLLED_COMPONENT_ATTRIBUTES = ['checked', 'value'];
var UNCONTROLLED_COMPONENT_NAMES = ['input', 'select', 'textarea'];

var VALUE_ONLY_INPUTS = {
  reset: true,
  submit: true
};

/**
 * Converts HTML/SVG DOM attributes to React props.
 *
 * @param {object} [attributes={}] - HTML/SVG DOM attributes.
 * @param {string} [nodeName] - DOM node name.
 * @returns - React props.
 */
module.exports = function attributesToProps(attributes, nodeName) {
  attributes = attributes || {};

  var attributeName;
  var attributeNameLowerCased;
  var attributeValue;
  var propName;
  var propertyInfo;
  var props = {};
  var inputIsValueOnly = attributes.type && VALUE_ONLY_INPUTS[attributes.type];

  for (attributeName in attributes) {
    attributeValue = attributes[attributeName];

    // ARIA (aria-*) or custom data (data-*) attribute
    if (reactProperty.isCustomAttribute(attributeName)) {
      props[attributeName] = attributeValue;
      continue;
    }

    // convert HTML/SVG attribute to React prop
    attributeNameLowerCased = attributeName.toLowerCase();
    propName = getPropName(attributeNameLowerCased);

    if (propName) {
      propertyInfo = reactProperty.getPropertyInfo(propName);

      // convert attribute to uncontrolled component prop (e.g., `value` to `defaultValue`)
      if (
        UNCONTROLLED_COMPONENT_ATTRIBUTES.indexOf(propName) !== -1 &&
        UNCONTROLLED_COMPONENT_NAMES.indexOf(nodeName) !== -1 &&
        !inputIsValueOnly
      ) {
        propName = getPropName('default' + attributeNameLowerCased);
      }

      props[propName] = attributeValue;

      switch (propertyInfo && propertyInfo.type) {
        case reactProperty.BOOLEAN:
          props[propName] = true;
          break;
        case reactProperty.OVERLOADED_BOOLEAN:
          if (attributeValue === '') {
            props[propName] = true;
          }
          break;
      }
      continue;
    }

    // preserve custom attribute if React >=16
    if (utilities.PRESERVE_CUSTOM_ATTRIBUTES) {
      props[attributeName] = attributeValue;
    }
  }

  // transform inline style to object
  utilities.setStyleProp(attributes.style, props);

  return props;
};

/**
 * Gets prop name from lowercased attribute name.
 *
 * @param {string} attributeName - Lowercased attribute name.
 * @returns - Prop name.
 */
function getPropName(attributeName) {
  return reactProperty.possibleStandardNames[attributeName];
}


/***/ }),

/***/ 670:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var React = __webpack_require__(196);
var attributesToProps = __webpack_require__(484);
var utilities = __webpack_require__(606);

var setStyleProp = utilities.setStyleProp;
var canTextBeChildOfNode = utilities.canTextBeChildOfNode;

/**
 * Converts DOM nodes to JSX element(s).
 *
 * @param {DomElement[]} nodes - DOM nodes.
 * @param {object} [options={}] - Options.
 * @param {Function} [options.replace] - Replacer.
 * @param {object} [options.library] - Library (React, Preact, etc.).
 * @returns - String or JSX element(s).
 */
function domToReact(nodes, options) {
  options = options || {};

  var library = options.library || React;
  var cloneElement = library.cloneElement;
  var createElement = library.createElement;
  var isValidElement = library.isValidElement;

  var result = [];
  var node;
  var isWhitespace;
  var hasReplace = typeof options.replace === 'function';
  var replaceElement;
  var props;
  var children;
  var trim = options.trim;

  for (var i = 0, len = nodes.length; i < len; i++) {
    node = nodes[i];

    // replace with custom React element (if present)
    if (hasReplace) {
      replaceElement = options.replace(node);

      if (isValidElement(replaceElement)) {
        // set "key" prop for sibling elements
        // https://fb.me/react-warning-keys
        if (len > 1) {
          replaceElement = cloneElement(replaceElement, {
            key: replaceElement.key || i
          });
        }
        result.push(replaceElement);
        continue;
      }
    }

    if (node.type === 'text') {
      isWhitespace = !node.data.trim().length;

      if (isWhitespace && node.parent && !canTextBeChildOfNode(node.parent)) {
        // We have a whitespace node that can't be nested in its parent
        // so skip it
        continue;
      }

      if (trim && isWhitespace) {
        // Trim is enabled and we have a whitespace node
        // so skip it
        continue;
      }

      // We have a text node that's not whitespace and it can be nested
      // in its parent so add it to the results
      result.push(node.data);
      continue;
    }

    props = node.attribs;
    if (skipAttributesToProps(node)) {
      setStyleProp(props.style, props);
    } else if (props) {
      props = attributesToProps(props, node.name);
    }

    children = null;

    switch (node.type) {
      case 'script':
      case 'style':
        // prevent text in <script> or <style> from being escaped
        // https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
        if (node.children[0]) {
          props.dangerouslySetInnerHTML = {
            __html: node.children[0].data
          };
        }
        break;

      case 'tag':
        // setting textarea value in children is an antipattern in React
        // https://reactjs.org/docs/forms.html#the-textarea-tag
        if (node.name === 'textarea' && node.children[0]) {
          props.defaultValue = node.children[0].data;
        } else if (node.children && node.children.length) {
          // continue recursion of creating React elements (if applicable)
          children = domToReact(node.children, options);
        }
        break;

      // skip all other cases (e.g., comment)
      default:
        continue;
    }

    // set "key" prop for sibling elements
    // https://fb.me/react-warning-keys
    if (len > 1) {
      props.key = i;
    }

    result.push(createElement(node.name, props, children));
  }

  return result.length === 1 ? result[0] : result;
}

/**
 * Determines whether DOM element attributes should be transformed to props.
 * Web Components should not have their attributes transformed except for `style`.
 *
 * @param {DomElement} node
 * @returns - Whether node attributes should be converted to props.
 */
function skipAttributesToProps(node) {
  return (
    utilities.PRESERVE_CUSTOM_ATTRIBUTES &&
    node.type === 'tag' &&
    utilities.isCustomComponent(node.name, node.attribs)
  );
}

module.exports = domToReact;


/***/ }),

/***/ 606:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var React = __webpack_require__(196);
var styleToJS = (__webpack_require__(476)["default"]);

/**
 * Swap key with value in an object.
 *
 * @param {object} obj - The object.
 * @param {Function} [override] - The override method.
 * @returns - The inverted object.
 */
function invertObject(obj, override) {
  if (!obj || typeof obj !== 'object') {
    throw new TypeError('First argument must be an object');
  }

  var key;
  var value;
  var isOverridePresent = typeof override === 'function';
  var overrides = {};
  var result = {};

  for (key in obj) {
    value = obj[key];

    if (isOverridePresent) {
      overrides = override(key, value);
      if (overrides && overrides.length === 2) {
        result[overrides[0]] = overrides[1];
        continue;
      }
    }

    if (typeof value === 'string') {
      result[value] = key;
    }
  }

  return result;
}

/**
 * Check if a given tag is a custom component.
 *
 * @see {@link https://github.com/facebook/react/blob/v16.6.3/packages/react-dom/src/shared/isCustomComponent.js}
 *
 * @param {string} tagName - The name of the html tag.
 * @param {object} props - The props being passed to the element.
 * @returns - Whether tag is custom component.
 */
function isCustomComponent(tagName, props) {
  if (tagName.indexOf('-') === -1) {
    return props && typeof props.is === 'string';
  }

  switch (tagName) {
    // These are reserved SVG and MathML elements.
    // We don't mind this whitelist too much because we expect it to never grow.
    // The alternative is to track the namespace in a few places which is convoluted.
    // https://w3c.github.io/webcomponents/spec/custom/#custom-elements-core-concepts
    case 'annotation-xml':
    case 'color-profile':
    case 'font-face':
    case 'font-face-src':
    case 'font-face-uri':
    case 'font-face-format':
    case 'font-face-name':
    case 'missing-glyph':
      return false;
    default:
      return true;
  }
}

var styleToJSOptions = { reactCompat: true };

/**
 * Sets style prop.
 *
 * @param {null|undefined|string} style
 * @param {object} props
 */
function setStyleProp(style, props) {
  if (style === null || style === undefined) {
    return;
  }
  try {
    props.style = styleToJS(style, styleToJSOptions);
  } catch (err) {
    props.style = {};
  }
}

/**
 * @constant {boolean}
 * @see {@link https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html}
 */
var PRESERVE_CUSTOM_ATTRIBUTES = React.version.split('.')[0] >= 16;

// Taken from
// https://github.com/facebook/react/blob/cae635054e17a6f107a39d328649137b83f25972/packages/react-dom/src/client/validateDOMNesting.js#L213
var elementsWithNoTextChildren = new Set([
  'tr',
  'tbody',
  'thead',
  'tfoot',
  'colgroup',
  'table',
  'head',
  'html',
  'frameset'
]);

/**
 * Checks if the given node can contain text nodes
 *
 * @param {DomElement} node - Node.
 * @returns - Whether node can contain text nodes.
 */
function canTextBeChildOfNode(node) {
  return !elementsWithNoTextChildren.has(node.name);
}

module.exports = {
  PRESERVE_CUSTOM_ATTRIBUTES: PRESERVE_CUSTOM_ATTRIBUTES,
  invertObject: invertObject,
  isCustomComponent: isCustomComponent,
  setStyleProp: setStyleProp,
  canTextBeChildOfNode: canTextBeChildOfNode,
  elementsWithNoTextChildren: elementsWithNoTextChildren
};


/***/ }),

/***/ 139:
/***/ ((module) => {

// http://www.w3.org/TR/CSS21/grammar.html
// https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;

var NEWLINE_REGEX = /\n/g;
var WHITESPACE_REGEX = /^\s*/;

// declaration
var PROPERTY_REGEX = /^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/;
var COLON_REGEX = /^:\s*/;
var VALUE_REGEX = /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/;
var SEMICOLON_REGEX = /^[;\s]*/;

// https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String/Trim#Polyfill
var TRIM_REGEX = /^\s+|\s+$/g;

// strings
var NEWLINE = '\n';
var FORWARD_SLASH = '/';
var ASTERISK = '*';
var EMPTY_STRING = '';

// types
var TYPE_COMMENT = 'comment';
var TYPE_DECLARATION = 'declaration';

/**
 * @param {String} style
 * @param {Object} [options]
 * @return {Object[]}
 * @throws {TypeError}
 * @throws {Error}
 */
module.exports = function(style, options) {
  if (typeof style !== 'string') {
    throw new TypeError('First argument must be a string');
  }

  if (!style) return [];

  options = options || {};

  /**
   * Positional.
   */
  var lineno = 1;
  var column = 1;

  /**
   * Update lineno and column based on `str`.
   *
   * @param {String} str
   */
  function updatePosition(str) {
    var lines = str.match(NEWLINE_REGEX);
    if (lines) lineno += lines.length;
    var i = str.lastIndexOf(NEWLINE);
    column = ~i ? str.length - i : column + str.length;
  }

  /**
   * Mark position and patch `node.position`.
   *
   * @return {Function}
   */
  function position() {
    var start = { line: lineno, column: column };
    return function(node) {
      node.position = new Position(start);
      whitespace();
      return node;
    };
  }

  /**
   * Store position information for a node.
   *
   * @constructor
   * @property {Object} start
   * @property {Object} end
   * @property {undefined|String} source
   */
  function Position(start) {
    this.start = start;
    this.end = { line: lineno, column: column };
    this.source = options.source;
  }

  /**
   * Non-enumerable source string.
   */
  Position.prototype.content = style;

  var errorsList = [];

  /**
   * Error `msg`.
   *
   * @param {String} msg
   * @throws {Error}
   */
  function error(msg) {
    var err = new Error(
      options.source + ':' + lineno + ':' + column + ': ' + msg
    );
    err.reason = msg;
    err.filename = options.source;
    err.line = lineno;
    err.column = column;
    err.source = style;

    if (options.silent) {
      errorsList.push(err);
    } else {
      throw err;
    }
  }

  /**
   * Match `re` and return captures.
   *
   * @param {RegExp} re
   * @return {undefined|Array}
   */
  function match(re) {
    var m = re.exec(style);
    if (!m) return;
    var str = m[0];
    updatePosition(str);
    style = style.slice(str.length);
    return m;
  }

  /**
   * Parse whitespace.
   */
  function whitespace() {
    match(WHITESPACE_REGEX);
  }

  /**
   * Parse comments.
   *
   * @param {Object[]} [rules]
   * @return {Object[]}
   */
  function comments(rules) {
    var c;
    rules = rules || [];
    while ((c = comment())) {
      if (c !== false) {
        rules.push(c);
      }
    }
    return rules;
  }

  /**
   * Parse comment.
   *
   * @return {Object}
   * @throws {Error}
   */
  function comment() {
    var pos = position();
    if (FORWARD_SLASH != style.charAt(0) || ASTERISK != style.charAt(1)) return;

    var i = 2;
    while (
      EMPTY_STRING != style.charAt(i) &&
      (ASTERISK != style.charAt(i) || FORWARD_SLASH != style.charAt(i + 1))
    ) {
      ++i;
    }
    i += 2;

    if (EMPTY_STRING === style.charAt(i - 1)) {
      return error('End of comment missing');
    }

    var str = style.slice(2, i - 2);
    column += 2;
    updatePosition(str);
    style = style.slice(i);
    column += 2;

    return pos({
      type: TYPE_COMMENT,
      comment: str
    });
  }

  /**
   * Parse declaration.
   *
   * @return {Object}
   * @throws {Error}
   */
  function declaration() {
    var pos = position();

    // prop
    var prop = match(PROPERTY_REGEX);
    if (!prop) return;
    comment();

    // :
    if (!match(COLON_REGEX)) return error("property missing ':'");

    // val
    var val = match(VALUE_REGEX);

    var ret = pos({
      type: TYPE_DECLARATION,
      property: trim(prop[0].replace(COMMENT_REGEX, EMPTY_STRING)),
      value: val
        ? trim(val[0].replace(COMMENT_REGEX, EMPTY_STRING))
        : EMPTY_STRING
    });

    // ;
    match(SEMICOLON_REGEX);

    return ret;
  }

  /**
   * Parse declarations.
   *
   * @return {Object[]}
   */
  function declarations() {
    var decls = [];

    comments(decls);

    // declarations
    var decl;
    while ((decl = declaration())) {
      if (decl !== false) {
        decls.push(decl);
        comments(decls);
      }
    }

    return decls;
  }

  whitespace();
  return declarations();
};

/**
 * Trim `str`.
 *
 * @param {String} str
 * @return {String}
 */
function trim(str) {
  return str ? str.replace(TRIM_REGEX, EMPTY_STRING) : EMPTY_STRING;
}


/***/ }),

/***/ 921:
/***/ ((__unused_webpack_module, exports) => {

"use strict";
/** @license React v16.13.1
 * react-is.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;
exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t};
exports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p};
exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z;


/***/ }),

/***/ 864:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

"use strict";


if (true) {
  module.exports = __webpack_require__(921);
} else {}


/***/ }),

/***/ 726:
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {

"use strict";


Object.defineProperty(exports, "__esModule", ({ value: true }));

function _slicedToArray(arr, i) {
  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
}

function _arrayWithHoles(arr) {
  if (Array.isArray(arr)) return arr;
}

function _iterableToArrayLimit(arr, i) {
  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];

  if (_i == null) return;
  var _arr = [];
  var _n = true;
  var _d = false;

  var _s, _e;

  try {
    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
      _arr.push(_s.value);

      if (i && _arr.length === i) break;
    }
  } catch (err) {
    _d = true;
    _e = err;
  } finally {
    try {
      if (!_n && _i["return"] != null) _i["return"]();
    } finally {
      if (_d) throw _e;
    }
  }

  return _arr;
}

function _unsupportedIterableToArray(o, minLen) {
  if (!o) return;
  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
  var n = Object.prototype.toString.call(o).slice(8, -1);
  if (n === "Object" && o.constructor) n = o.constructor.name;
  if (n === "Map" || n === "Set") return Array.from(o);
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
}

function _arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;

  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];

  return arr2;
}

function _nonIterableRest() {
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}

// A reserved attribute.
// It is handled by React separately and shouldn't be written to the DOM.
var RESERVED = 0; // A simple string attribute.
// Attributes that aren't in the filter are presumed to have this type.

var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
// "enumerated" attributes with "true" and "false" as possible values.
// When true, it should be set to a "true" string.
// When false, it should be set to a "false" string.

var BOOLEANISH_STRING = 2; // A real boolean attribute.
// When true, it should be present (set either to an empty string or its name).
// When false, it should be omitted.

var BOOLEAN = 3; // An attribute that can be used as a flag as well as with a value.
// When true, it should be present (set either to an empty string or its name).
// When false, it should be omitted.
// For any other value, should be present with that value.

var OVERLOADED_BOOLEAN = 4; // An attribute that must be numeric or parse as a numeric.
// When falsy, it should be removed.

var NUMERIC = 5; // An attribute that must be positive numeric or parse as a positive numeric.
// When falsy, it should be removed.

var POSITIVE_NUMERIC = 6;
function getPropertyInfo(name) {
  return properties.hasOwnProperty(name) ? properties[name] : null;
}

function PropertyInfoRecord(name, type, mustUseProperty, attributeName, attributeNamespace, sanitizeURL, removeEmptyString) {
  this.acceptsBooleans = type === BOOLEANISH_STRING || type === BOOLEAN || type === OVERLOADED_BOOLEAN;
  this.attributeName = attributeName;
  this.attributeNamespace = attributeNamespace;
  this.mustUseProperty = mustUseProperty;
  this.propertyName = name;
  this.type = type;
  this.sanitizeURL = sanitizeURL;
  this.removeEmptyString = removeEmptyString;
} // When adding attributes to this list, be sure to also add them to
// the `possibleStandardNames` module to ensure casing and incorrect
// name warnings.


var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.

var reservedProps = ['children', 'dangerouslySetInnerHTML', // TODO: This prevents the assignment of defaultValue to regular
// elements (not just inputs). Now that ReactDOMInput assigns to the
// defaultValue property -- do we need this?
'defaultValue', 'defaultChecked', 'innerHTML', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'style'];
reservedProps.forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, RESERVED, false, // mustUseProperty
  name, // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // A few React string attributes have a different name.
// This is a mapping from React prop names to the attribute names.

[['acceptCharset', 'accept-charset'], ['className', 'class'], ['htmlFor', 'for'], ['httpEquiv', 'http-equiv']].forEach(function (_ref) {
  var _ref2 = _slicedToArray(_ref, 2),
      name = _ref2[0],
      attributeName = _ref2[1];

  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
  attributeName, // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are "enumerated" HTML attributes that accept "true" and "false".
// In React, we let users pass `true` and `false` even though technically
// these aren't boolean attributes (they are coerced to strings).

['contentEditable', 'draggable', 'spellCheck', 'value'].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
  name.toLowerCase(), // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are "enumerated" SVG attributes that accept "true" and "false".
// In React, we let users pass `true` and `false` even though technically
// these aren't boolean attributes (they are coerced to strings).
// Since these are SVG attributes, their attribute names are case-sensitive.

['autoReverse', 'externalResourcesRequired', 'focusable', 'preserveAlpha'].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, BOOLEANISH_STRING, false, // mustUseProperty
  name, // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are HTML boolean attributes.

['allowFullScreen', 'async', // Note: there is a special case that prevents it from being written to the DOM
// on the client side because the browsers are inconsistent. Instead we call focus().
'autoFocus', 'autoPlay', 'controls', 'default', 'defer', 'disabled', 'disablePictureInPicture', 'disableRemotePlayback', 'formNoValidate', 'hidden', 'loop', 'noModule', 'noValidate', 'open', 'playsInline', 'readOnly', 'required', 'reversed', 'scoped', 'seamless', // Microdata
'itemScope'].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, BOOLEAN, false, // mustUseProperty
  name.toLowerCase(), // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are the few React props that we set as DOM properties
// rather than attributes. These are all booleans.

['checked', // Note: `option.selected` is not updated if `select.multiple` is
// disabled with `removeAttribute`. We have special logic for handling this.
'multiple', 'muted', 'selected' // NOTE: if you add a camelCased prop to this list,
// you'll need to set attributeName to name.toLowerCase()
// instead in the assignment below.
].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, BOOLEAN, true, // mustUseProperty
  name, // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are HTML attributes that are "overloaded booleans": they behave like
// booleans, but can also accept a string value.

['capture', 'download' // NOTE: if you add a camelCased prop to this list,
// you'll need to set attributeName to name.toLowerCase()
// instead in the assignment below.
].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, OVERLOADED_BOOLEAN, false, // mustUseProperty
  name, // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are HTML attributes that must be positive numbers.

['cols', 'rows', 'size', 'span' // NOTE: if you add a camelCased prop to this list,
// you'll need to set attributeName to name.toLowerCase()
// instead in the assignment below.
].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, POSITIVE_NUMERIC, false, // mustUseProperty
  name, // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These are HTML attributes that must be numbers.

['rowSpan', 'start'].forEach(function (name) {
  properties[name] = new PropertyInfoRecord(name, NUMERIC, false, // mustUseProperty
  name.toLowerCase(), // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
});
var CAMELIZE = /[\-\:]([a-z])/g;

var capitalize = function capitalize(token) {
  return token[1].toUpperCase();
}; // This is a list of all SVG attributes that need special casing, namespacing,
// or boolean value assignment. Regular attributes that just accept strings
// and have the same names are omitted, just like in the HTML attribute filter.
// Some of these attributes can be hard to find. This list was created by
// scraping the MDN documentation.


['accent-height', 'alignment-baseline', 'arabic-form', 'baseline-shift', 'cap-height', 'clip-path', 'clip-rule', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'dominant-baseline', 'enable-background', 'fill-opacity', 'fill-rule', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'glyph-name', 'glyph-orientation-horizontal', 'glyph-orientation-vertical', 'horiz-adv-x', 'horiz-origin-x', 'image-rendering', 'letter-spacing', 'lighting-color', 'marker-end', 'marker-mid', 'marker-start', 'overline-position', 'overline-thickness', 'paint-order', 'panose-1', 'pointer-events', 'rendering-intent', 'shape-rendering', 'stop-color', 'stop-opacity', 'strikethrough-position', 'strikethrough-thickness', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'text-anchor', 'text-decoration', 'text-rendering', 'underline-position', 'underline-thickness', 'unicode-bidi', 'unicode-range', 'units-per-em', 'v-alphabetic', 'v-hanging', 'v-ideographic', 'v-mathematical', 'vector-effect', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'word-spacing', 'writing-mode', 'xmlns:xlink', 'x-height' // NOTE: if you add a camelCased prop to this list,
// you'll need to set attributeName to name.toLowerCase()
// instead in the assignment below.
].forEach(function (attributeName) {
  var name = attributeName.replace(CAMELIZE, capitalize);
  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
  attributeName, null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // String SVG attributes with the xlink namespace.

['xlink:actuate', 'xlink:arcrole', 'xlink:role', 'xlink:show', 'xlink:title', 'xlink:type' // NOTE: if you add a camelCased prop to this list,
// you'll need to set attributeName to name.toLowerCase()
// instead in the assignment below.
].forEach(function (attributeName) {
  var name = attributeName.replace(CAMELIZE, capitalize);
  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
  attributeName, 'http://www.w3.org/1999/xlink', false, // sanitizeURL
  false);
}); // String SVG attributes with the xml namespace.

['xml:base', 'xml:lang', 'xml:space' // NOTE: if you add a camelCased prop to this list,
// you'll need to set attributeName to name.toLowerCase()
// instead in the assignment below.
].forEach(function (attributeName) {
  var name = attributeName.replace(CAMELIZE, capitalize);
  properties[name] = new PropertyInfoRecord(name, STRING, false, // mustUseProperty
  attributeName, 'http://www.w3.org/XML/1998/namespace', false, // sanitizeURL
  false);
}); // These attribute exists both in HTML and SVG.
// The attribute name is case-sensitive in SVG so we can't just use
// the React name like we do for attributes that exist only in HTML.

['tabIndex', 'crossOrigin'].forEach(function (attributeName) {
  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
  attributeName.toLowerCase(), // attributeName
  null, // attributeNamespace
  false, // sanitizeURL
  false);
}); // These attributes accept URLs. These must not allow javascript: URLS.
// These will also need to accept Trusted Types object in the future.

var xlinkHref = 'xlinkHref';
properties[xlinkHref] = new PropertyInfoRecord('xlinkHref', STRING, false, // mustUseProperty
'xlink:href', 'http://www.w3.org/1999/xlink', true, // sanitizeURL
false);
['src', 'href', 'action', 'formAction'].forEach(function (attributeName) {
  properties[attributeName] = new PropertyInfoRecord(attributeName, STRING, false, // mustUseProperty
  attributeName.toLowerCase(), // attributeName
  null, // attributeNamespace
  true, // sanitizeURL
  true);
});

var _require = __webpack_require__(229),
    CAMELCASE = _require.CAMELCASE,
    SAME = _require.SAME,
    possibleStandardNamesOptimized = _require.possibleStandardNames;

var ATTRIBUTE_NAME_START_CHAR = ":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD";
var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + "\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
/**
 * Checks whether a property name is a custom attribute.
 *
 * @see {@link https://github.com/facebook/react/blob/15-stable/src/renderers/dom/shared/HTMLDOMPropertyConfig.js#L23-L25}
 *
 * @param {string}
 * @return {boolean}
 */

var isCustomAttribute = RegExp.prototype.test.bind( // eslint-disable-next-line no-misleading-character-class
new RegExp('^(data|aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$'));
var possibleStandardNames = Object.keys(possibleStandardNamesOptimized).reduce(function (accumulator, standardName) {
  var propName = possibleStandardNamesOptimized[standardName];

  if (propName === SAME) {
    accumulator[standardName] = standardName;
  } else if (propName === CAMELCASE) {
    accumulator[standardName.toLowerCase()] = standardName;
  } else {
    accumulator[standardName] = propName;
  }

  return accumulator;
}, {});

exports.BOOLEAN = BOOLEAN;
exports.BOOLEANISH_STRING = BOOLEANISH_STRING;
exports.NUMERIC = NUMERIC;
exports.OVERLOADED_BOOLEAN = OVERLOADED_BOOLEAN;
exports.POSITIVE_NUMERIC = POSITIVE_NUMERIC;
exports.RESERVED = RESERVED;
exports.STRING = STRING;
exports.getPropertyInfo = getPropertyInfo;
exports.isCustomAttribute = isCustomAttribute;
exports.possibleStandardNames = possibleStandardNames;


/***/ }),

/***/ 229:
/***/ ((__unused_webpack_module, exports) => {

// An attribute in which the DOM/SVG standard name is the same as the React prop name (e.g., 'accept').
var SAME = 0;
exports.SAME = SAME;

// An attribute in which the React prop name is the camelcased version of the DOM/SVG standard name (e.g., 'acceptCharset').
var CAMELCASE = 1;
exports.CAMELCASE = CAMELCASE;

exports.possibleStandardNames = {
  accept: 0,
  acceptCharset: 1,
  'accept-charset': 'acceptCharset',
  accessKey: 1,
  action: 0,
  allowFullScreen: 1,
  alt: 0,
  as: 0,
  async: 0,
  autoCapitalize: 1,
  autoComplete: 1,
  autoCorrect: 1,
  autoFocus: 1,
  autoPlay: 1,
  autoSave: 1,
  capture: 0,
  cellPadding: 1,
  cellSpacing: 1,
  challenge: 0,
  charSet: 1,
  checked: 0,
  children: 0,
  cite: 0,
  class: 'className',
  classID: 1,
  className: 1,
  cols: 0,
  colSpan: 1,
  content: 0,
  contentEditable: 1,
  contextMenu: 1,
  controls: 0,
  controlsList: 1,
  coords: 0,
  crossOrigin: 1,
  dangerouslySetInnerHTML: 1,
  data: 0,
  dateTime: 1,
  default: 0,
  defaultChecked: 1,
  defaultValue: 1,
  defer: 0,
  dir: 0,
  disabled: 0,
  disablePictureInPicture: 1,
  disableRemotePlayback: 1,
  download: 0,
  draggable: 0,
  encType: 1,
  enterKeyHint: 1,
  for: 'htmlFor',
  form: 0,
  formMethod: 1,
  formAction: 1,
  formEncType: 1,
  formNoValidate: 1,
  formTarget: 1,
  frameBorder: 1,
  headers: 0,
  height: 0,
  hidden: 0,
  high: 0,
  href: 0,
  hrefLang: 1,
  htmlFor: 1,
  httpEquiv: 1,
  'http-equiv': 'httpEquiv',
  icon: 0,
  id: 0,
  innerHTML: 1,
  inputMode: 1,
  integrity: 0,
  is: 0,
  itemID: 1,
  itemProp: 1,
  itemRef: 1,
  itemScope: 1,
  itemType: 1,
  keyParams: 1,
  keyType: 1,
  kind: 0,
  label: 0,
  lang: 0,
  list: 0,
  loop: 0,
  low: 0,
  manifest: 0,
  marginWidth: 1,
  marginHeight: 1,
  max: 0,
  maxLength: 1,
  media: 0,
  mediaGroup: 1,
  method: 0,
  min: 0,
  minLength: 1,
  multiple: 0,
  muted: 0,
  name: 0,
  noModule: 1,
  nonce: 0,
  noValidate: 1,
  open: 0,
  optimum: 0,
  pattern: 0,
  placeholder: 0,
  playsInline: 1,
  poster: 0,
  preload: 0,
  profile: 0,
  radioGroup: 1,
  readOnly: 1,
  referrerPolicy: 1,
  rel: 0,
  required: 0,
  reversed: 0,
  role: 0,
  rows: 0,
  rowSpan: 1,
  sandbox: 0,
  scope: 0,
  scoped: 0,
  scrolling: 0,
  seamless: 0,
  selected: 0,
  shape: 0,
  size: 0,
  sizes: 0,
  span: 0,
  spellCheck: 1,
  src: 0,
  srcDoc: 1,
  srcLang: 1,
  srcSet: 1,
  start: 0,
  step: 0,
  style: 0,
  summary: 0,
  tabIndex: 1,
  target: 0,
  title: 0,
  type: 0,
  useMap: 1,
  value: 0,
  width: 0,
  wmode: 0,
  wrap: 0,
  about: 0,
  accentHeight: 1,
  'accent-height': 'accentHeight',
  accumulate: 0,
  additive: 0,
  alignmentBaseline: 1,
  'alignment-baseline': 'alignmentBaseline',
  allowReorder: 1,
  alphabetic: 0,
  amplitude: 0,
  arabicForm: 1,
  'arabic-form': 'arabicForm',
  ascent: 0,
  attributeName: 1,
  attributeType: 1,
  autoReverse: 1,
  azimuth: 0,
  baseFrequency: 1,
  baselineShift: 1,
  'baseline-shift': 'baselineShift',
  baseProfile: 1,
  bbox: 0,
  begin: 0,
  bias: 0,
  by: 0,
  calcMode: 1,
  capHeight: 1,
  'cap-height': 'capHeight',
  clip: 0,
  clipPath: 1,
  'clip-path': 'clipPath',
  clipPathUnits: 1,
  clipRule: 1,
  'clip-rule': 'clipRule',
  color: 0,
  colorInterpolation: 1,
  'color-interpolation': 'colorInterpolation',
  colorInterpolationFilters: 1,
  'color-interpolation-filters': 'colorInterpolationFilters',
  colorProfile: 1,
  'color-profile': 'colorProfile',
  colorRendering: 1,
  'color-rendering': 'colorRendering',
  contentScriptType: 1,
  contentStyleType: 1,
  cursor: 0,
  cx: 0,
  cy: 0,
  d: 0,
  datatype: 0,
  decelerate: 0,
  descent: 0,
  diffuseConstant: 1,
  direction: 0,
  display: 0,
  divisor: 0,
  dominantBaseline: 1,
  'dominant-baseline': 'dominantBaseline',
  dur: 0,
  dx: 0,
  dy: 0,
  edgeMode: 1,
  elevation: 0,
  enableBackground: 1,
  'enable-background': 'enableBackground',
  end: 0,
  exponent: 0,
  externalResourcesRequired: 1,
  fill: 0,
  fillOpacity: 1,
  'fill-opacity': 'fillOpacity',
  fillRule: 1,
  'fill-rule': 'fillRule',
  filter: 0,
  filterRes: 1,
  filterUnits: 1,
  floodOpacity: 1,
  'flood-opacity': 'floodOpacity',
  floodColor: 1,
  'flood-color': 'floodColor',
  focusable: 0,
  fontFamily: 1,
  'font-family': 'fontFamily',
  fontSize: 1,
  'font-size': 'fontSize',
  fontSizeAdjust: 1,
  'font-size-adjust': 'fontSizeAdjust',
  fontStretch: 1,
  'font-stretch': 'fontStretch',
  fontStyle: 1,
  'font-style': 'fontStyle',
  fontVariant: 1,
  'font-variant': 'fontVariant',
  fontWeight: 1,
  'font-weight': 'fontWeight',
  format: 0,
  from: 0,
  fx: 0,
  fy: 0,
  g1: 0,
  g2: 0,
  glyphName: 1,
  'glyph-name': 'glyphName',
  glyphOrientationHorizontal: 1,
  'glyph-orientation-horizontal': 'glyphOrientationHorizontal',
  glyphOrientationVertical: 1,
  'glyph-orientation-vertical': 'glyphOrientationVertical',
  glyphRef: 1,
  gradientTransform: 1,
  gradientUnits: 1,
  hanging: 0,
  horizAdvX: 1,
  'horiz-adv-x': 'horizAdvX',
  horizOriginX: 1,
  'horiz-origin-x': 'horizOriginX',
  ideographic: 0,
  imageRendering: 1,
  'image-rendering': 'imageRendering',
  in2: 0,
  in: 0,
  inlist: 0,
  intercept: 0,
  k1: 0,
  k2: 0,
  k3: 0,
  k4: 0,
  k: 0,
  kernelMatrix: 1,
  kernelUnitLength: 1,
  kerning: 0,
  keyPoints: 1,
  keySplines: 1,
  keyTimes: 1,
  lengthAdjust: 1,
  letterSpacing: 1,
  'letter-spacing': 'letterSpacing',
  lightingColor: 1,
  'lighting-color': 'lightingColor',
  limitingConeAngle: 1,
  local: 0,
  markerEnd: 1,
  'marker-end': 'markerEnd',
  markerHeight: 1,
  markerMid: 1,
  'marker-mid': 'markerMid',
  markerStart: 1,
  'marker-start': 'markerStart',
  markerUnits: 1,
  markerWidth: 1,
  mask: 0,
  maskContentUnits: 1,
  maskUnits: 1,
  mathematical: 0,
  mode: 0,
  numOctaves: 1,
  offset: 0,
  opacity: 0,
  operator: 0,
  order: 0,
  orient: 0,
  orientation: 0,
  origin: 0,
  overflow: 0,
  overlinePosition: 1,
  'overline-position': 'overlinePosition',
  overlineThickness: 1,
  'overline-thickness': 'overlineThickness',
  paintOrder: 1,
  'paint-order': 'paintOrder',
  panose1: 0,
  'panose-1': 'panose1',
  pathLength: 1,
  patternContentUnits: 1,
  patternTransform: 1,
  patternUnits: 1,
  pointerEvents: 1,
  'pointer-events': 'pointerEvents',
  points: 0,
  pointsAtX: 1,
  pointsAtY: 1,
  pointsAtZ: 1,
  prefix: 0,
  preserveAlpha: 1,
  preserveAspectRatio: 1,
  primitiveUnits: 1,
  property: 0,
  r: 0,
  radius: 0,
  refX: 1,
  refY: 1,
  renderingIntent: 1,
  'rendering-intent': 'renderingIntent',
  repeatCount: 1,
  repeatDur: 1,
  requiredExtensions: 1,
  requiredFeatures: 1,
  resource: 0,
  restart: 0,
  result: 0,
  results: 0,
  rotate: 0,
  rx: 0,
  ry: 0,
  scale: 0,
  security: 0,
  seed: 0,
  shapeRendering: 1,
  'shape-rendering': 'shapeRendering',
  slope: 0,
  spacing: 0,
  specularConstant: 1,
  specularExponent: 1,
  speed: 0,
  spreadMethod: 1,
  startOffset: 1,
  stdDeviation: 1,
  stemh: 0,
  stemv: 0,
  stitchTiles: 1,
  stopColor: 1,
  'stop-color': 'stopColor',
  stopOpacity: 1,
  'stop-opacity': 'stopOpacity',
  strikethroughPosition: 1,
  'strikethrough-position': 'strikethroughPosition',
  strikethroughThickness: 1,
  'strikethrough-thickness': 'strikethroughThickness',
  string: 0,
  stroke: 0,
  strokeDasharray: 1,
  'stroke-dasharray': 'strokeDasharray',
  strokeDashoffset: 1,
  'stroke-dashoffset': 'strokeDashoffset',
  strokeLinecap: 1,
  'stroke-linecap': 'strokeLinecap',
  strokeLinejoin: 1,
  'stroke-linejoin': 'strokeLinejoin',
  strokeMiterlimit: 1,
  'stroke-miterlimit': 'strokeMiterlimit',
  strokeWidth: 1,
  'stroke-width': 'strokeWidth',
  strokeOpacity: 1,
  'stroke-opacity': 'strokeOpacity',
  suppressContentEditableWarning: 1,
  suppressHydrationWarning: 1,
  surfaceScale: 1,
  systemLanguage: 1,
  tableValues: 1,
  targetX: 1,
  targetY: 1,
  textAnchor: 1,
  'text-anchor': 'textAnchor',
  textDecoration: 1,
  'text-decoration': 'textDecoration',
  textLength: 1,
  textRendering: 1,
  'text-rendering': 'textRendering',
  to: 0,
  transform: 0,
  typeof: 0,
  u1: 0,
  u2: 0,
  underlinePosition: 1,
  'underline-position': 'underlinePosition',
  underlineThickness: 1,
  'underline-thickness': 'underlineThickness',
  unicode: 0,
  unicodeBidi: 1,
  'unicode-bidi': 'unicodeBidi',
  unicodeRange: 1,
  'unicode-range': 'unicodeRange',
  unitsPerEm: 1,
  'units-per-em': 'unitsPerEm',
  unselectable: 0,
  vAlphabetic: 1,
  'v-alphabetic': 'vAlphabetic',
  values: 0,
  vectorEffect: 1,
  'vector-effect': 'vectorEffect',
  version: 0,
  vertAdvY: 1,
  'vert-adv-y': 'vertAdvY',
  vertOriginX: 1,
  'vert-origin-x': 'vertOriginX',
  vertOriginY: 1,
  'vert-origin-y': 'vertOriginY',
  vHanging: 1,
  'v-hanging': 'vHanging',
  vIdeographic: 1,
  'v-ideographic': 'vIdeographic',
  viewBox: 1,
  viewTarget: 1,
  visibility: 0,
  vMathematical: 1,
  'v-mathematical': 'vMathematical',
  vocab: 0,
  widths: 0,
  wordSpacing: 1,
  'word-spacing': 'wordSpacing',
  writingMode: 1,
  'writing-mode': 'writingMode',
  x1: 0,
  x2: 0,
  x: 0,
  xChannelSelector: 1,
  xHeight: 1,
  'x-height': 'xHeight',
  xlinkActuate: 1,
  'xlink:actuate': 'xlinkActuate',
  xlinkArcrole: 1,
  'xlink:arcrole': 'xlinkArcrole',
  xlinkHref: 1,
  'xlink:href': 'xlinkHref',
  xlinkRole: 1,
  'xlink:role': 'xlinkRole',
  xlinkShow: 1,
  'xlink:show': 'xlinkShow',
  xlinkTitle: 1,
  'xlink:title': 'xlinkTitle',
  xlinkType: 1,
  'xlink:type': 'xlinkType',
  xmlBase: 1,
  'xml:base': 'xmlBase',
  xmlLang: 1,
  'xml:lang': 'xmlLang',
  xmlns: 0,
  'xml:space': 'xmlSpace',
  xmlnsXlink: 1,
  'xmlns:xlink': 'xmlnsXlink',
  xmlSpace: 1,
  y1: 0,
  y2: 0,
  y: 0,
  yChannelSelector: 1,
  z: 0,
  zoomAndPan: 1
};


/***/ }),

/***/ 476:
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {

"use strict";

var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
var style_to_object_1 = __importDefault(__webpack_require__(848));
var utilities_1 = __webpack_require__(678);
function StyleToJS(style, options) {
    var output = {};
    if (!style || typeof style !== 'string') {
        return output;
    }
    (0, style_to_object_1["default"])(style, function (property, value) {
        if (property && value) {
            output[(0, utilities_1.camelCase)(property, options)] = value;
        }
    });
    return output;
}
exports["default"] = StyleToJS;


/***/ }),

/***/ 678:
/***/ ((__unused_webpack_module, exports) => {

"use strict";

exports.__esModule = true;
exports.camelCase = void 0;
var CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9-]+$/;
var HYPHEN_REGEX = /-([a-z])/g;
var NO_HYPHEN_REGEX = /^[^-]+$/;
var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
var skipCamelCase = function (property) {
    return !property ||
        NO_HYPHEN_REGEX.test(property) ||
        CUSTOM_PROPERTY_REGEX.test(property);
};
var capitalize = function (match, character) {
    return character.toUpperCase();
};
var trimHyphen = function (match, prefix) { return "".concat(prefix, "-"); };
var camelCase = function (property, options) {
    if (options === void 0) { options = {}; }
    if (skipCamelCase(property)) {
        return property;
    }
    property = property.toLowerCase();
    if (options.reactCompat) {
        property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
    }
    else {
        property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
    }
    return property.replace(HYPHEN_REGEX, capitalize);
};
exports.camelCase = camelCase;


/***/ }),

/***/ 848:
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var parse = __webpack_require__(139);

/**
 * Parses inline style to object.
 *
 * @example
 * // returns { 'line-height': '42' }
 * StyleToObject('line-height: 42;');
 *
 * @param  {String}      style      - The inline style.
 * @param  {Function}    [iterator] - The iterator function.
 * @return {null|Object}
 */
function StyleToObject(style, iterator) {
  var output = null;
  if (!style || typeof style !== 'string') {
    return output;
  }

  var declaration;
  var declarations = parse(style);
  var hasIterator = typeof iterator === 'function';
  var property;
  var value;

  for (var i = 0, len = declarations.length; i < len; i++) {
    declaration = declarations[i];
    property = declaration.property;
    value = declaration.value;

    if (hasIterator) {
      iterator(property, value, declaration);
    } else if (value) {
      output || (output = {});
      output[property] = value;
    }
  }

  return output;
}

module.exports = StyleToObject;
module.exports["default"] = StyleToObject; // ESM support


/***/ }),

/***/ 196:
/***/ ((module) => {

"use strict";
module.exports = window["React"];

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = __webpack_modules__;
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/chunk loaded */
/******/ 	(() => {
/******/ 		var deferred = [];
/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
/******/ 			if(chunkIds) {
/******/ 				priority = priority || 0;
/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
/******/ 				deferred[i] = [chunkIds, fn, priority];
/******/ 				return;
/******/ 			}
/******/ 			var notFulfilled = Infinity;
/******/ 			for (var i = 0; i < deferred.length; i++) {
/******/ 				var [chunkIds, fn, priority] = deferred[i];
/******/ 				var fulfilled = true;
/******/ 				for (var j = 0; j < chunkIds.length; j++) {
/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
/******/ 						chunkIds.splice(j--, 1);
/******/ 					} else {
/******/ 						fulfilled = false;
/******/ 						if(priority < notFulfilled) notFulfilled = priority;
/******/ 					}
/******/ 				}
/******/ 				if(fulfilled) {
/******/ 					deferred.splice(i--, 1)
/******/ 					var r = fn();
/******/ 					if (r !== undefined) result = r;
/******/ 				}
/******/ 			}
/******/ 			return result;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	(() => {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = (module) => {
/******/ 			var getter = module && module.__esModule ?
/******/ 				() => (module['default']) :
/******/ 				() => (module);
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/create fake namespace object */
/******/ 	(() => {
/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
/******/ 		var leafPrototypes;
/******/ 		// create a fake namespace object
/******/ 		// mode & 1: value is a module id, require it
/******/ 		// mode & 2: merge all properties of value into the ns
/******/ 		// mode & 4: return value when already ns object
/******/ 		// mode & 16: return value when it's Promise-like
/******/ 		// mode & 8|1: behave like require
/******/ 		__webpack_require__.t = function(value, mode) {
/******/ 			if(mode & 1) value = this(value);
/******/ 			if(mode & 8) return value;
/******/ 			if(typeof value === 'object' && value) {
/******/ 				if((mode & 4) && value.__esModule) return value;
/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
/******/ 			}
/******/ 			var ns = Object.create(null);
/******/ 			__webpack_require__.r(ns);
/******/ 			var def = {};
/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
/******/ 			for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
/******/ 			}
/******/ 			def['default'] = () => (value);
/******/ 			__webpack_require__.d(ns, def);
/******/ 			return ns;
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/global */
/******/ 	(() => {
/******/ 		__webpack_require__.g = (function() {
/******/ 			if (typeof globalThis === 'object') return globalThis;
/******/ 			try {
/******/ 				return this || new Function('return this')();
/******/ 			} catch (e) {
/******/ 				if (typeof window === 'object') return window;
/******/ 			}
/******/ 		})();
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/publicPath */
/******/ 	(() => {
/******/ 		var scriptUrl;
/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
/******/ 		var document = __webpack_require__.g.document;
/******/ 		if (!scriptUrl && document) {
/******/ 			if (document.currentScript)
/******/ 				scriptUrl = document.currentScript.src;
/******/ 			if (!scriptUrl) {
/******/ 				var scripts = document.getElementsByTagName("script");
/******/ 				if(scripts.length) {
/******/ 					var i = scripts.length - 1;
/******/ 					while (i > -1 && !scriptUrl) scriptUrl = scripts[i--].src;
/******/ 				}
/******/ 			}
/******/ 		}
/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
/******/ 		scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
/******/ 		__webpack_require__.p = scriptUrl;
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/jsonp chunk loading */
/******/ 	(() => {
/******/ 		// no baseURI
/******/ 		
/******/ 		// object to store loaded and loading chunks
/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ 		var installedChunks = {
/******/ 			346: 0,
/******/ 			812: 0
/******/ 		};
/******/ 		
/******/ 		// no chunk on demand loading
/******/ 		
/******/ 		// no prefetching
/******/ 		
/******/ 		// no preloaded
/******/ 		
/******/ 		// no HMR
/******/ 		
/******/ 		// no HMR manifest
/******/ 		
/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
/******/ 		
/******/ 		// install a JSONP callback for chunk loading
/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ 			var [chunkIds, moreModules, runtime] = data;
/******/ 			// add "moreModules" to the modules object,
/******/ 			// then flag all "chunkIds" as loaded and fire callback
/******/ 			var moduleId, chunkId, i = 0;
/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ 				for(moduleId in moreModules) {
/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ 					}
/******/ 				}
/******/ 				if(runtime) var result = runtime(__webpack_require__);
/******/ 			}
/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ 			for(;i < chunkIds.length; i++) {
/******/ 				chunkId = chunkIds[i];
/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ 					installedChunks[chunkId][0]();
/******/ 				}
/******/ 				installedChunks[chunkId] = 0;
/******/ 			}
/******/ 			return __webpack_require__.O(result);
/******/ 		}
/******/ 		
/******/ 		var chunkLoadingGlobal = self["webpackChunkmagazine_blocks"] = self["webpackChunkmagazine_blocks"] || [];
/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/ 	})();
/******/ 	
/************************************************************************/
/******/ 	
/******/ 	// startup
/******/ 	// Load entry module and return exports
/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, [812], () => (__webpack_require__(814)))
/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
/******/ 	
/******/ })()
;