@blaze-cms/react-page-builder 0.146.0-node18.1 → 0.146.0-rc-eagle.0

package/lib/index.js

@@ -1,193 +1,216 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ErrorMessage", {
+  enumerable: true,
+  get: function () {
+    return _ErrorMessage.default;
+  }
+});
 Object.defineProperty(exports, "LoadingComponent", {
   enumerable: true,
-  get: function get() {
-    return _Loading["default"];
+  get: function () {
+    return _Loading.default;
   }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function get() {
-    return _ModalAdapter["default"];
+  get: function () {
+    return _ModalAdapter.default;
   }
 });
 Object.defineProperty(exports, "buildFiltersQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.buildFiltersQuery;
   }
 });
 Object.defineProperty(exports, "buildPBComponents", {
   enumerable: true,
-  get: function get() {
-    return _buildPBComponents["default"];
+  get: function () {
+    return _buildPBComponents.default;
   }
 });
 Object.defineProperty(exports, "buildPropsQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.buildPropsQuery;
   }
 });
 Object.defineProperty(exports, "buildPropsToDisplayWithContent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers2.buildPropsToDisplayWithContent;
   }
 });
 Object.defineProperty(exports, "buildRawQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.buildRawQuery;
   }
 });
 Object.defineProperty(exports, "buildRawQueryStringified", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.buildRawQueryStringified;
   }
 });
 Object.defineProperty(exports, "componentMap", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.componentMap;
   }
 });
 Object.defineProperty(exports, "components", {
   enumerable: true,
-  get: function get() {
-    return _components["default"];
+  get: function () {
+    return _components.default;
   }
 });
 Object.defineProperty(exports, "generateMultiItemQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _query.generateMultiItemQuery;
   }
 });
 Object.defineProperty(exports, "generateSingleItemQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _query.generateSingleItemQuery;
   }
 });
 Object.defineProperty(exports, "getAction", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _query.getAction;
   }
 });
 Object.defineProperty(exports, "getClassModifiers", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.getClassModifiers;
   }
 });
 Object.defineProperty(exports, "getComponent", {
   enumerable: true,
-  get: function get() {
-    return _getComponent["default"];
+  get: function () {
+    return _getComponent.default;
+  }
+});
+Object.defineProperty(exports, "getComponentId", {
+  enumerable: true,
+  get: function () {
+    return _helpers.getComponentId;
+  }
+});
+Object.defineProperty(exports, "getCurrentUser", {
+  enumerable: true,
+  get: function () {
+    return _query.getCurrentUser;
   }
 });
 Object.defineProperty(exports, "getEntitySchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _query.getEntitySchema;
   }
 });
 Object.defineProperty(exports, "getInheritedFilters", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.getInheritedFilters;
   }
 });
 Object.defineProperty(exports, "getLightboxImages", {
   enumerable: true,
-  get: function get() {
-    return _getLightboxImages["default"];
+  get: function () {
+    return _getLightboxImages.default;
   }
 });
 Object.defineProperty(exports, "getQueryProps", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.getQueryProps;
   }
 });
 Object.defineProperty(exports, "getSingleEntitySchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _query.getSingleEntitySchema;
   }
 });
 Object.defineProperty(exports, "getUnpublishedEntityName", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.getUnpublishedEntityName;
   }
 });
 Object.defineProperty(exports, "getUser", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _query.getUser;
   }
 });
 Object.defineProperty(exports, "hasChildren", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.hasChildren;
   }
 });
 Object.defineProperty(exports, "renderChildren", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.renderChildren;
   }
 });
 Object.defineProperty(exports, "summaryComponents", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DataSummaryTypes.summaryComponents;
   }
 });
+Object.defineProperty(exports, "translations", {
+  enumerable: true,
+  get: function () {
+    return _translations.default;
+  }
+});
 Object.defineProperty(exports, "useGetEntitySchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useGetEntitySchema;
   }
 });
 Object.defineProperty(exports, "useGetEntitySchemasAsObj", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useGetEntitySchemasAsObj;
   }
 });
 Object.defineProperty(exports, "useGetSingleEntitySchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useGetSingleEntitySchema;
   }
 });
 Object.defineProperty(exports, "variantHandler", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.variantHandler;
   }
 });
 Object.defineProperty(exports, "variants", {
   enumerable: true,
-  get: function get() {
-    return _variants["default"];
+  get: function () {
+    return _variants.default;
   }
 });
 Object.defineProperty(exports, "withTitle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _HOC.withTitle;
   }
 });
@@ -199,10 +222,12 @@ var _components = _interopRequireDefault(require("./components"));
 var _variants = _interopRequireDefault(require("./variants"));
 var _Loading = _interopRequireDefault(require("./components/Loading"));
 var _ModalAdapter = _interopRequireDefault(require("./components/ModalAdapter"));
+var _ErrorMessage = _interopRequireDefault(require("./components/ErrorMessage"));
 var _query = require("./application/query");
 var _helpers = require("./helpers");
 var _HOC = require("./HOC");
 var _hooks = require("./hooks");
 var _DataSummaryTypes = require("./components/DataSummary/DataSummaryTypes");
 var _helpers2 = require("./components/DataSummary/helpers");
+var _translations = _interopRequireDefault(require("./translations"));
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_buildPBComponents","_interopRequireDefault","require","_getLightboxImages","_getComponent","_utils","_components","_variants","_Loading","_ModalAdapter","_query","_helpers","_HOC","_hooks","_DataSummaryTypes","_helpers2"],"sources":["../src/index.js"],"sourcesContent":["export { default as buildPBComponents } from './hooks/helpers/buildPBComponents';\nexport { default as getLightboxImages } from './hooks/helpers/get-lightbox-images';\nexport { default as getComponent } from './hooks/helpers/getComponent';\nexport { componentMap, variantHandler, getClassModifiers } from './utils';\nexport { default as components } from './components';\nexport { default as variants } from './variants';\nexport { default as LoadingComponent } from './components/Loading';\nexport { default as Modal } from './components/ModalAdapter';\nexport {\n  getAction,\n  generateSingleItemQuery,\n  generateMultiItemQuery,\n  getEntitySchema,\n  getSingleEntitySchema,\n  getUser\n} from './application/query';\nexport {\n  getInheritedFilters,\n  getQueryProps,\n  buildRawQuery,\n  buildPropsQuery,\n  buildRawQueryStringified,\n  buildFiltersQuery,\n  getUnpublishedEntityName,\n  renderChildren,\n  hasChildren\n} from './helpers';\nexport { withTitle } from './HOC';\nexport { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';\nexport { summaryComponents } from './components/DataSummary/DataSummaryTypes';\nexport { buildPropsToDisplayWithContent } from './components/DataSummary/helpers';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAQA,IAAAS,QAAA,GAAAT,OAAA;AAWA,IAAAU,IAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,iBAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_buildPBComponents","_interopRequireDefault","require","_getLightboxImages","_getComponent","_utils","_components","_variants","_Loading","_ModalAdapter","_ErrorMessage","_query","_helpers","_HOC","_hooks","_DataSummaryTypes","_helpers2","_translations"],"sources":["../src/index.js"],"sourcesContent":["export { default as buildPBComponents } from './hooks/helpers/buildPBComponents';\nexport { default as getLightboxImages } from './hooks/helpers/get-lightbox-images';\nexport { default as getComponent } from './hooks/helpers/getComponent';\nexport { componentMap, variantHandler, getClassModifiers } from './utils';\nexport { default as components } from './components';\nexport { default as variants } from './variants';\nexport { default as LoadingComponent } from './components/Loading';\nexport { default as Modal } from './components/ModalAdapter';\nexport { default as ErrorMessage } from './components/ErrorMessage';\nexport {\n  getAction,\n  generateSingleItemQuery,\n  generateMultiItemQuery,\n  getEntitySchema,\n  getSingleEntitySchema,\n  getUser,\n  getCurrentUser\n} from './application/query';\nexport {\n  getInheritedFilters,\n  getQueryProps,\n  buildRawQuery,\n  buildPropsQuery,\n  buildRawQueryStringified,\n  buildFiltersQuery,\n  getUnpublishedEntityName,\n  renderChildren,\n  hasChildren,\n  getComponentId\n} from './helpers';\nexport { withTitle } from './HOC';\nexport { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';\nexport { summaryComponents } from './components/DataSummary/DataSummaryTypes';\nexport { buildPropsToDisplayWithContent } from './components/DataSummary/helpers';\nexport { default as translations } from './translations';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AASA,IAAAU,QAAA,GAAAV,OAAA;AAYA,IAAAW,IAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,iBAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,aAAA,GAAAhB,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/system-components/EditorMode/BlazeLogo.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("./constants");
+const _excluded = ["childNode"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 _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) { (0, _defineProperty2.default)(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; }
+const BlazeLogo = _ref => {
+  let {
+      childNode
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const {
+    id
+  } = props;
+  const [style, setStyle] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    if (!childNode) return;
+    const rect = childNode.getBoundingClientRect();
+    const left = rect.width / 2 + rect.left + window.scrollX - 20;
+    let top = rect.top - 20 + window.scrollY;
+    if (top <= 0) {
+      top = rect.bottom - 20;
+    }
+    const display = childNode.classList.contains(_constants.EDITOR_MODE_HIGHLIGHT_CLASS) ? null : 'none';
+    const newStyle = {
+      display,
+      top,
+      left
+    };
+    setStyle(newStyle);
+    const observer = new MutationObserver(mutations => {
+      mutations.forEach(mutation => {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
+          const isHighlighted = childNode.classList.contains(_constants.EDITOR_MODE_HIGHLIGHT_CLASS);
+          setStyle(_objectSpread(_objectSpread({}, newStyle), {}, {
+            display: isHighlighted ? null : 'none'
+          }));
+        }
+      });
+    });
+    observer.observe(childNode, {
+      attributes: true
+    });
+    return () => observer.disconnect();
+  }, [childNode, id]);
+
+  // todo: fix icon hover/click activation while using position absolute
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    type: "button",
+    className: _constants.EDITOR_MODE_ICON_CLASS
+  }, props, {
+    style: style
+  }), /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "22",
+    height: "33"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    transform: "translate(1.0415 1.85962)",
+    d: "M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z",
+    fillRule: "evenodd"
+  })));
+};
+var _default = exports.default = BlazeLogo;
+//# sourceMappingURL=BlazeLogo.js.map

package/lib/system-components/EditorMode/BlazeLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlazeLogo.js","names":["_react","_interopRequireWildcard","require","_constants","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BlazeLogo","_ref","childNode","props","_objectWithoutProperties2","id","style","setStyle","useState","useEffect","rect","getBoundingClientRect","left","width","window","scrollX","top","scrollY","bottom","display","classList","contains","EDITOR_MODE_HIGHLIGHT_CLASS","newStyle","observer","MutationObserver","mutations","mutation","type","attributeName","isHighlighted","observe","attributes","disconnect","createElement","_extends2","className","EDITOR_MODE_ICON_CLASS","xmlns","height","fill","transform","d","fillRule","_default","exports"],"sources":["../../../src/system-components/EditorMode/BlazeLogo.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { EDITOR_MODE_ICON_CLASS, EDITOR_MODE_HIGHLIGHT_CLASS } from './constants';\n\nconst BlazeLogo = ({ childNode, ...props }) => {\n  const { id } = props;\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (!childNode) return;\n\n    const rect = childNode.getBoundingClientRect();\n    const left = rect.width / 2 + rect.left + window.scrollX - 20;\n    let top = rect.top - 20 + window.scrollY;\n    if (top <= 0) {\n      top = rect.bottom - 20;\n    }\n    const display = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS) ? null : 'none';\n    const newStyle = { display, top, left };\n    setStyle(newStyle);\n\n    const observer = new MutationObserver(mutations => {\n      mutations.forEach(mutation => {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n          const isHighlighted = childNode.classList.contains(EDITOR_MODE_HIGHLIGHT_CLASS);\n          setStyle({ ...newStyle, display: isHighlighted ? null : 'none' });\n        }\n      });\n    });\n    observer.observe(childNode, { attributes: true });\n    return () => observer.disconnect();\n  }, [childNode, id]);\n\n  // todo: fix icon hover/click activation while using position absolute\n  return (\n    <button type=\"button\" className={EDITOR_MODE_ICON_CLASS} {...props} style={style}>\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"33\">\n        <path\n          fill=\"currentColor\"\n          transform=\"translate(1.0415 1.85962)\"\n          d=\"M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    </button>\n  );\n};\n\nexport default BlazeLogo;\n"],"mappings":"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","ignoreList":[]}

package/lib/system-components/EditorMode/PbWrapper.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _nextjsComponents = require("@blaze-cms/nextjs-components");
+var _addEditorModeEventListeners = _interopRequireDefault(require("./helpers/add-editor-mode-event-listeners"));
+var _BlazeLogo = _interopRequireDefault(require("./BlazeLogo"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PbWrapper = ({
+  name,
+  type = 'start'
+}) => {
+  const ref = (0, _react.useRef)(null);
+  const [logoProps, setLogoProps] = (0, _react.useState)(null);
+  const {
+    debugOptions: {
+      adminHref
+    } = {}
+  } = (0, _nextjsComponents.useMainContext)();
+  (0, _react.useEffect)(() => {
+    const unmount = (0, _addEditorModeEventListeners.default)({
+      ref,
+      name,
+      adminHref,
+      type,
+      setLogoProps
+    });
+    return unmount;
+  }, [adminHref, name, type]);
+  const TagName = `pb-wrapper-${type}`;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TagName, {
+    ref: ref,
+    "pb-component-name": name
+  }), type === 'end' && logoProps && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_BlazeLogo.default, logoProps), document.body));
+};
+var _default = exports.default = PbWrapper;
+//# sourceMappingURL=PbWrapper.js.map

package/lib/system-components/EditorMode/PbWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PbWrapper.js","names":["_react","_interopRequireWildcard","require","_reactDom","_nextjsComponents","_addEditorModeEventListeners","_interopRequireDefault","_BlazeLogo","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PbWrapper","name","type","ref","useRef","logoProps","setLogoProps","useState","debugOptions","adminHref","useMainContext","useEffect","unmount","addEditorModeEventListeners","TagName","createElement","Fragment","createPortal","document","body","_default","exports"],"sources":["../../../src/system-components/EditorMode/PbWrapper.js"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useMainContext } from '@blaze-cms/nextjs-components';\nimport addEditorModeEventListeners from './helpers/add-editor-mode-event-listeners';\nimport BlazeLogo from './BlazeLogo';\n\nconst PbWrapper = ({ name, type = 'start' }) => {\n  const ref = useRef(null);\n  const [logoProps, setLogoProps] = useState(null);\n  const { debugOptions: { adminHref } = {} } = useMainContext();\n\n  useEffect(() => {\n    const unmount = addEditorModeEventListeners({ ref, name, adminHref, type, setLogoProps });\n\n    return unmount;\n  }, [adminHref, name, type]);\n  const TagName = `pb-wrapper-${type}`;\n\n  return (\n    <>\n      <TagName ref={ref} pb-component-name={name} />\n      {type === 'end' && logoProps && createPortal(<BlazeLogo {...logoProps} />, document.body)}\n    </>\n  );\n};\n\nexport default PbWrapper;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAoC,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,SAAS,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG;AAAQ,CAAC,KAAK;EAC9C,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACxB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAChD,MAAM;IAAEC,YAAY,EAAE;MAAEC;IAAU,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,gCAAc,EAAC,CAAC;EAE7D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAG,IAAAC,oCAA2B,EAAC;MAAEV,GAAG;MAAEF,IAAI;MAAEQ,SAAS;MAAEP,IAAI;MAAEI;IAAa,CAAC,CAAC;IAEzF,OAAOM,OAAO;EAChB,CAAC,EAAE,CAACH,SAAS,EAAER,IAAI,EAAEC,IAAI,CAAC,CAAC;EAC3B,MAAMY,OAAO,GAAG,cAAcZ,IAAI,EAAE;EAEpC,oBACE7B,MAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAAA1C,MAAA,CAAAkB,OAAA,CAAAyB,QAAA,qBACE3C,MAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACD,OAAO;IAACX,GAAG,EAAEA,GAAI;IAAC,qBAAmBF;EAAK,CAAE,CAAC,EAC7CC,IAAI,KAAK,KAAK,IAAIG,SAAS,iBAAI,IAAAY,sBAAY,eAAC5C,MAAA,CAAAkB,OAAA,CAAAwB,aAAA,CAACnC,UAAA,CAAAW,OAAS,EAAKc,SAAY,CAAC,EAAEa,QAAQ,CAACC,IAAI,CACxF,CAAC;AAEP,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEaS,SAAS","ignoreList":[]}

package/lib/system-components/EditorMode/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EDITOR_MODE_ICON_CLASS = exports.EDITOR_MODE_HIGHLIGHT_CLASS = void 0;
+const EDITOR_MODE_HIGHLIGHT_CLASS = exports.EDITOR_MODE_HIGHLIGHT_CLASS = 'blaze-pb-editor-highlight';
+const EDITOR_MODE_ICON_CLASS = exports.EDITOR_MODE_ICON_CLASS = 'blaze-pb-editor-icon';
+//# sourceMappingURL=constants.js.map

package/lib/system-components/EditorMode/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EDITOR_MODE_HIGHLIGHT_CLASS","exports","EDITOR_MODE_ICON_CLASS"],"sources":["../../../src/system-components/EditorMode/constants.js"],"sourcesContent":["export const EDITOR_MODE_HIGHLIGHT_CLASS = 'blaze-pb-editor-highlight';\nexport const EDITOR_MODE_ICON_CLASS = 'blaze-pb-editor-icon';\n"],"mappings":";;;;;;AAAO,MAAMA,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,2BAA2B;AAC/D,MAAME,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,sBAAsB","ignoreList":[]}

package/lib/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _helpers = require("../../../helpers");
+var _constants = require("../constants");
+var _checkIsOverBlazeIcon = _interopRequireDefault(require("./check-is-over-blaze-icon"));
+const addEditorModeEventListeners = ({
+  ref,
+  name,
+  adminHref,
+  type,
+  setLogoProps
+}) => {
+  // ignore start tags and if parent not found
+  if (type !== 'end' || !ref.current || !ref.current.parentNode) return;
+  const listeners = [];
+  const siblings = ref.current.parentNode.children;
+  const foundChildren = [];
+  let foundStart = false;
+  // eslint-disable-next-line no-restricted-syntax, no-unused-vars
+  for (const child of siblings) {
+    if (!foundStart) {
+      // find start tag
+      if (child.getAttribute('pb-component-name') === name) {
+        foundStart = true;
+      }
+      // eslint-disable-next-line no-continue
+      continue;
+    }
+    if (child === ref.current) {
+      // end tag found
+      break;
+    }
+    foundChildren.push(child); // all nodes between start and end tags - PB component nodes
+  }
+  const cleanUpFunctions = Object.values(siblings).map(childNode => {
+    const componentId = (0, _helpers.getComponentId)(name);
+    const clickItemId = `click-${componentId}`;
+    const mouseenter = e => {
+      e.stopPropagation();
+      document.querySelectorAll(`.${_constants.EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {
+        node.classList.remove(_constants.EDITOR_MODE_HIGHLIGHT_CLASS);
+      });
+      childNode.classList.add(_constants.EDITOR_MODE_HIGHLIGHT_CLASS);
+      setLogoProps({
+        id: clickItemId,
+        'aria-label': `Edit ${name}`,
+        childNode,
+        onClick: click
+      });
+    };
+    const mouseleave = e => {
+      e.stopPropagation();
+      if ((0, _checkIsOverBlazeIcon.default)(e)) {
+        return;
+      }
+      setLogoProps(null);
+      if (e.toElement) {
+        const icon = e.toElement.closest(`.${_constants.EDITOR_MODE_ICON_CLASS}`);
+        document.querySelectorAll(`.${_constants.EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {
+          node.classList.remove(_constants.EDITOR_MODE_HIGHLIGHT_CLASS);
+        });
+        if (icon && icon.id === clickItemId) {
+          e.stopPropagation();
+        }
+      }
+    };
+    const click = e => {
+      e.stopPropagation();
+      e.preventDefault();
+      window.open(`${adminHref}#${componentId}`, adminHref);
+    };
+    childNode.addEventListener('click', click); // todo: remove listener and trigger on icon click
+    childNode.addEventListener('mouseenter', mouseenter);
+    childNode.addEventListener('mouseleave', mouseleave);
+    listeners.push([childNode, {
+      click,
+      mouseenter,
+      mouseleave
+    }]);
+    const nodeCleanup = () => {
+      listeners.forEach(([, events]) => {
+        Object.entries(events).forEach(([event, handler]) => {
+          childNode.removeEventListener(event, handler);
+        });
+      });
+    };
+    return nodeCleanup;
+  });
+  const unmount = () => {
+    cleanUpFunctions.forEach(fn => fn());
+  };
+  return unmount;
+};
+var _default = exports.default = addEditorModeEventListeners;
+//# sourceMappingURL=add-editor-mode-event-listeners.js.map

package/lib/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-editor-mode-event-listeners.js","names":["_helpers","require","_constants","_checkIsOverBlazeIcon","_interopRequireDefault","addEditorModeEventListeners","ref","name","adminHref","type","setLogoProps","current","parentNode","listeners","siblings","children","foundChildren","foundStart","child","getAttribute","push","cleanUpFunctions","Object","values","map","childNode","componentId","getComponentId","clickItemId","mouseenter","e","stopPropagation","document","querySelectorAll","EDITOR_MODE_HIGHLIGHT_CLASS","forEach","node","classList","remove","add","id","onClick","click","mouseleave","checkIsOverBlazeIcon","toElement","icon","closest","EDITOR_MODE_ICON_CLASS","preventDefault","window","open","addEventListener","nodeCleanup","events","entries","event","handler","removeEventListener","unmount","fn","_default","exports","default"],"sources":["../../../../src/system-components/EditorMode/helpers/add-editor-mode-event-listeners.js"],"sourcesContent":["import { getComponentId } from '../../../helpers';\nimport { EDITOR_MODE_HIGHLIGHT_CLASS, EDITOR_MODE_ICON_CLASS } from '../constants';\nimport checkIsOverBlazeIcon from './check-is-over-blaze-icon';\n\nconst addEditorModeEventListeners = ({ ref, name, adminHref, type, setLogoProps }) => {\n  // ignore start tags and if parent not found\n  if (type !== 'end' || !ref.current || !ref.current.parentNode) return;\n\n  const listeners = [];\n\n  const siblings = ref.current.parentNode.children;\n\n  const foundChildren = [];\n  let foundStart = false;\n  // eslint-disable-next-line no-restricted-syntax, no-unused-vars\n  for (const child of siblings) {\n    if (!foundStart) {\n      // find start tag\n      if (child.getAttribute('pb-component-name') === name) {\n        foundStart = true;\n      }\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (child === ref.current) {\n      // end tag found\n      break;\n    }\n\n    foundChildren.push(child); // all nodes between start and end tags - PB component nodes\n  }\n\n  const cleanUpFunctions = Object.values(siblings).map(childNode => {\n    const componentId = getComponentId(name);\n    const clickItemId = `click-${componentId}`;\n\n    const mouseenter = e => {\n      e.stopPropagation();\n\n      document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {\n        node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n      });\n      childNode.classList.add(EDITOR_MODE_HIGHLIGHT_CLASS);\n\n      setLogoProps({\n        id: clickItemId,\n        'aria-label': `Edit ${name}`,\n        childNode,\n        onClick: click\n      });\n    };\n\n    const mouseleave = e => {\n      e.stopPropagation();\n      if (checkIsOverBlazeIcon(e)) {\n        return;\n      }\n      setLogoProps(null);\n      if (e.toElement) {\n        const icon = e.toElement.closest(`.${EDITOR_MODE_ICON_CLASS}`);\n        document.querySelectorAll(`.${EDITOR_MODE_HIGHLIGHT_CLASS}`).forEach(node => {\n          node.classList.remove(EDITOR_MODE_HIGHLIGHT_CLASS);\n        });\n        if (icon && icon.id === clickItemId) {\n          e.stopPropagation();\n        }\n      }\n    };\n\n    const click = e => {\n      e.stopPropagation();\n      e.preventDefault();\n      window.open(`${adminHref}#${componentId}`, adminHref);\n    };\n\n    childNode.addEventListener('click', click); // todo: remove listener and trigger on icon click\n    childNode.addEventListener('mouseenter', mouseenter);\n    childNode.addEventListener('mouseleave', mouseleave);\n\n    listeners.push([childNode, { click, mouseenter, mouseleave }]);\n\n    const nodeCleanup = () => {\n      listeners.forEach(([, events]) => {\n        Object.entries(events).forEach(([event, handler]) => {\n          childNode.removeEventListener(event, handler);\n        });\n      });\n    };\n\n    return nodeCleanup;\n  });\n\n  const unmount = () => {\n    cleanUpFunctions.forEach(fn => fn());\n  };\n\n  return unmount;\n};\n\nexport default addEditorModeEventListeners;\n"],"mappings":"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","ignoreList":[]}

package/lib/system-components/EditorMode/helpers/check-is-over-blaze-icon.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../constants");
+const checkIsOverBlazeIcon = event => {
+  const {
+    relatedTarget
+  } = event;
+  if (!relatedTarget) return false;
+  if (relatedTarget.tagName === 'BUTTON' && relatedTarget.className === _constants.EDITOR_MODE_ICON_CLASS) {
+    return true;
+  }
+  if (relatedTarget.tagName === 'svg' && relatedTarget.parentNode.className === _constants.EDITOR_MODE_ICON_CLASS) {
+    return true;
+  }
+  if (relatedTarget.tagName === 'path' && relatedTarget.parentNode.parentNode.className === _constants.EDITOR_MODE_ICON_CLASS) {
+    return true;
+  }
+  return false;
+};
+var _default = exports.default = checkIsOverBlazeIcon;
+//# sourceMappingURL=check-is-over-blaze-icon.js.map

package/lib/system-components/EditorMode/helpers/check-is-over-blaze-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-is-over-blaze-icon.js","names":["_constants","require","checkIsOverBlazeIcon","event","relatedTarget","tagName","className","EDITOR_MODE_ICON_CLASS","parentNode","_default","exports","default"],"sources":["../../../../src/system-components/EditorMode/helpers/check-is-over-blaze-icon.js"],"sourcesContent":["import { EDITOR_MODE_ICON_CLASS } from '../constants';\n\nconst checkIsOverBlazeIcon = event => {\n  const { relatedTarget } = event;\n  if (!relatedTarget) return false;\n  if (relatedTarget.tagName === 'BUTTON' && relatedTarget.className === EDITOR_MODE_ICON_CLASS) {\n    return true;\n  }\n  if (\n    relatedTarget.tagName === 'svg' &&\n    relatedTarget.parentNode.className === EDITOR_MODE_ICON_CLASS\n  ) {\n    return true;\n  }\n  if (\n    relatedTarget.tagName === 'path' &&\n    relatedTarget.parentNode.parentNode.className === EDITOR_MODE_ICON_CLASS\n  ) {\n    return true;\n  }\n  return false;\n};\n\nexport default checkIsOverBlazeIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAAEC;EAAc,CAAC,GAAGD,KAAK;EAC/B,IAAI,CAACC,aAAa,EAAE,OAAO,KAAK;EAChC,IAAIA,aAAa,CAACC,OAAO,KAAK,QAAQ,IAAID,aAAa,CAACE,SAAS,KAAKC,iCAAsB,EAAE;IAC5F,OAAO,IAAI;EACb;EACA,IACEH,aAAa,CAACC,OAAO,KAAK,KAAK,IAC/BD,aAAa,CAACI,UAAU,CAACF,SAAS,KAAKC,iCAAsB,EAC7D;IACA,OAAO,IAAI;EACb;EACA,IACEH,aAAa,CAACC,OAAO,KAAK,MAAM,IAChCD,aAAa,CAACI,UAAU,CAACA,UAAU,CAACF,SAAS,KAAKC,iCAAsB,EACxE;IACA,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaT,oBAAoB","ignoreList":[]}

package/lib/system-components/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PbWrapper = void 0;
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PbWrapper = exports.PbWrapper = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./EditorMode/PbWrapper'))));
+//# sourceMappingURL=index.js.map

package/lib/system-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PbWrapper","exports","dynamic","Promise","resolve","then"],"sources":["../../src/system-components/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport const PbWrapper = dynamic(() => import('./EditorMode/PbWrapper'));\n"],"mappings":";;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5B,MAAMkB,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,gBAAO,EAAC,MAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAzB,uBAAA,CAAAD,OAAA,CAAa,wBAAwB,GAAC,CAAC","ignoreList":[]}