@semcore/core 2.40.0-prerelease.1 → 2.40.0-prerelease.5

package/lib/utils/eventEmitter.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var EventEmitter = exports["default"] = /*#__PURE__*/function () {
+  function EventEmitter() {
+    (0, _classCallCheck2["default"])(this, EventEmitter);
+    (0, _defineProperty2["default"])(this, "events", new Map());
+  }
+  return (0, _createClass2["default"])(EventEmitter, [{
+    key: "on",
+    value: function on(eventName, fn) {
+      var _this$events$get,
+        _this = this;
+      var handlers = (_this$events$get = this.events.get(eventName)) !== null && _this$events$get !== void 0 ? _this$events$get : new Set();
+      handlers.add(fn);
+      this.events.set(eventName, handlers);
+      return function () {
+        _this.off(eventName, fn);
+      };
+    }
+  }, {
+    key: "off",
+    value: function off(eventName, fn) {
+      var _this$events$get2;
+      (_this$events$get2 = this.events.get(eventName)) === null || _this$events$get2 === void 0 || _this$events$get2["delete"](fn);
+    }
+  }, {
+    key: "emit",
+    value: function emit(eventName) {
+      var handlers = this.events.get(eventName);
+      if (handlers) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        var _iterator = (0, _createForOfIteratorHelper2["default"])(handlers),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var handler = _step.value;
+            handler.call.apply(handler, [null].concat(args));
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    }
+
+    /**
+     * @deprecated. Fallback to the `on` method for backward compatibility.
+     */
+  }, {
+    key: "subscribe",
+    value: function subscribe(eventName, fn) {
+      return this.on(eventName, fn);
+    }
+  }]);
+}();
+//# sourceMappingURL=eventEmitter.js.map

package/lib/utils/eventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventEmitter.js","names":["EventEmitter","exports","_classCallCheck2","_defineProperty2","Map","_createClass2","key","value","on","eventName","fn","_this$events$get","_this","handlers","events","get","Set","add","set","off","_this$events$get2","emit","_len","arguments","length","args","Array","_key","_iterator","_createForOfIteratorHelper2","_step","s","n","done","handler","call","apply","concat","err","e","f","subscribe"],"sources":["../../src/utils/eventEmitter.ts"],"sourcesContent":["type Events = Record<string, (...args: any[]) => void>;\ntype Cleanup = () => void;\n\nexport default class EventEmitter<E extends Events, K extends keyof E = keyof E, H extends E[K] = E[K]> {\n  private events = new Map<K, Set<H>>();\n\n  public on(eventName: K, fn: H): Cleanup {\n    const handlers = this.events.get(eventName) ?? new Set<H>();\n\n    handlers.add(fn);\n\n    this.events.set(eventName, handlers);\n\n    return () => {\n      this.off(eventName, fn);\n    };\n  }\n\n  public off(eventName: K, fn: H): void {\n    this.events.get(eventName)?.delete(fn);\n  }\n\n  public emit(eventName: K, ...args: Parameters<H>) {\n    const handlers = this.events.get(eventName);\n\n    if (handlers) {\n      for (const handler of handlers) {\n        handler.call(null, ...args);\n      }\n    }\n  }\n\n  /**\n   * @deprecated. Fallback to the `on` method for backward compatibility.\n   */\n  public subscribe(eventName: K, fn: H): Cleanup {\n    return this.on(eventName, fn);\n  }\n}\n"],"mappings":";;;;;;;;;;;IAGqBA,YAAY,GAAAC,OAAA;EAAA,SAAAD,aAAA;IAAA,IAAAE,gBAAA,mBAAAF,YAAA;IAAA,IAAAG,gBAAA,6BACd,IAAIC,GAAG,CAAY,CAAC;EAAA;EAAA,WAAAC,aAAA,aAAAL,YAAA;IAAAM,GAAA;IAAAC,KAAA,EAErC,SAAOC,EAAEA,CAACC,SAAY,EAAEC,EAAK,EAAW;MAAA,IAAAC,gBAAA;QAAAC,KAAA;MACtC,IAAMC,QAAQ,IAAAF,gBAAA,GAAG,IAAI,CAACG,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAE,gBAAA,cAAAA,gBAAA,GAAI,IAAIK,GAAG,CAAI,CAAC;MAE3DH,QAAQ,CAACI,GAAG,CAACP,EAAE,CAAC;MAEhB,IAAI,CAACI,MAAM,CAACI,GAAG,CAACT,SAAS,EAAEI,QAAQ,CAAC;MAEpC,OAAO,YAAM;QACXD,KAAI,CAACO,GAAG,CAACV,SAAS,EAAEC,EAAE,CAAC;MACzB,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOY,GAAGA,CAACV,SAAY,EAAEC,EAAK,EAAQ;MAAA,IAAAU,iBAAA;MACpC,CAAAA,iBAAA,OAAI,CAACN,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAW,iBAAA,eAA1BA,iBAAA,UAAkC,CAACV,EAAE,CAAC;IACxC;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOc,IAAIA,CAACZ,SAAY,EAA0B;MAChD,IAAMI,QAAQ,GAAG,IAAI,CAACC,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC;MAE3C,IAAII,QAAQ,EAAE;QAAA,SAAAS,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAHaC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;QAAA;QAAA,IAAAC,SAAA,OAAAC,2BAAA,aAIPhB,QAAQ;UAAAiB,KAAA;QAAA;UAA9B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAgC;YAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAvB,KAAA;YAChB2B,OAAO,CAACC,IAAI,CAAAC,KAAA,CAAZF,OAAO,GAAM,IAAI,EAAAG,MAAA,CAAKZ,IAAI,EAAC;UAC7B;QAAC,SAAAa,GAAA;UAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA;QAAA;UAAAV,SAAA,CAAAY,CAAA;QAAA;MACH;IACF;;IAEA;AACF;AACA;EAFE;IAAAlC,GAAA;IAAAC,KAAA,EAGA,SAAOkC,SAASA,CAAChC,SAAY,EAAEC,EAAK,EAAW;MAC7C,OAAO,IAAI,CAACF,EAAE,CAACC,SAAS,EAAEC,EAAE,CAAC;IAC/B;EAAC;AAAA","ignoreList":[]}

package/lib/utils/eventEmitter.mjs

@@ -0,0 +1,62 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var EventEmitter = /*#__PURE__*/function () {
+  function EventEmitter() {
+    _classCallCheck(this, EventEmitter);
+    _defineProperty(this, "events", new Map());
+  }
+  return _createClass(EventEmitter, [{
+    key: "on",
+    value: function on(eventName, fn) {
+      var _this$events$get,
+        _this = this;
+      var handlers = (_this$events$get = this.events.get(eventName)) !== null && _this$events$get !== void 0 ? _this$events$get : new Set();
+      handlers.add(fn);
+      this.events.set(eventName, handlers);
+      return function () {
+        _this.off(eventName, fn);
+      };
+    }
+  }, {
+    key: "off",
+    value: function off(eventName, fn) {
+      var _this$events$get2;
+      (_this$events$get2 = this.events.get(eventName)) === null || _this$events$get2 === void 0 || _this$events$get2["delete"](fn);
+    }
+  }, {
+    key: "emit",
+    value: function emit(eventName) {
+      var handlers = this.events.get(eventName);
+      if (handlers) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        var _iterator = _createForOfIteratorHelper(handlers),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var handler = _step.value;
+            handler.call.apply(handler, [null].concat(args));
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    }
+
+    /**
+     * @deprecated. Fallback to the `on` method for backward compatibility.
+     */
+  }, {
+    key: "subscribe",
+    value: function subscribe(eventName, fn) {
+      return this.on(eventName, fn);
+    }
+  }]);
+}();
+export { EventEmitter as default };
+//# sourceMappingURL=eventEmitter.mjs.map

package/lib/utils/eventEmitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventEmitter.mjs","names":["EventEmitter","_classCallCheck","_defineProperty","Map","_createClass","key","value","on","eventName","fn","_this$events$get","_this","handlers","events","get","Set","add","set","off","_this$events$get2","emit","_len","arguments","length","args","Array","_key","_iterator","_createForOfIteratorHelper","_step","s","n","done","handler","call","apply","concat","err","e","f","subscribe","default"],"sources":["../../src/utils/eventEmitter.ts"],"sourcesContent":["type Events = Record<string, (...args: any[]) => void>;\ntype Cleanup = () => void;\n\nexport default class EventEmitter<E extends Events, K extends keyof E = keyof E, H extends E[K] = E[K]> {\n  private events = new Map<K, Set<H>>();\n\n  public on(eventName: K, fn: H): Cleanup {\n    const handlers = this.events.get(eventName) ?? new Set<H>();\n\n    handlers.add(fn);\n\n    this.events.set(eventName, handlers);\n\n    return () => {\n      this.off(eventName, fn);\n    };\n  }\n\n  public off(eventName: K, fn: H): void {\n    this.events.get(eventName)?.delete(fn);\n  }\n\n  public emit(eventName: K, ...args: Parameters<H>) {\n    const handlers = this.events.get(eventName);\n\n    if (handlers) {\n      for (const handler of handlers) {\n        handler.call(null, ...args);\n      }\n    }\n  }\n\n  /**\n   * @deprecated. Fallback to the `on` method for backward compatibility.\n   */\n  public subscribe(eventName: K, fn: H): Cleanup {\n    return this.on(eventName, fn);\n  }\n}\n"],"mappings":";;;;IAGqBA,YAAY;EAAA,SAAAA,aAAA;IAAAC,eAAA,OAAAD,YAAA;IAAAE,eAAA,iBACd,IAAIC,GAAG,CAAY,CAAC;EAAA;EAAA,OAAAC,YAAA,CAAAJ,YAAA;IAAAK,GAAA;IAAAC,KAAA,EAErC,SAAOC,EAAEA,CAACC,SAAY,EAAEC,EAAK,EAAW;MAAA,IAAAC,gBAAA;QAAAC,KAAA;MACtC,IAAMC,QAAQ,IAAAF,gBAAA,GAAG,IAAI,CAACG,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAE,gBAAA,cAAAA,gBAAA,GAAI,IAAIK,GAAG,CAAI,CAAC;MAE3DH,QAAQ,CAACI,GAAG,CAACP,EAAE,CAAC;MAEhB,IAAI,CAACI,MAAM,CAACI,GAAG,CAACT,SAAS,EAAEI,QAAQ,CAAC;MAEpC,OAAO,YAAM;QACXD,KAAI,CAACO,GAAG,CAACV,SAAS,EAAEC,EAAE,CAAC;MACzB,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOY,GAAGA,CAACV,SAAY,EAAEC,EAAK,EAAQ;MAAA,IAAAU,iBAAA;MACpC,CAAAA,iBAAA,OAAI,CAACN,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAW,iBAAA,eAA1BA,iBAAA,UAAkC,CAACV,EAAE,CAAC;IACxC;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOc,IAAIA,CAACZ,SAAY,EAA0B;MAChD,IAAMI,QAAQ,GAAG,IAAI,CAACC,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC;MAE3C,IAAII,QAAQ,EAAE;QAAA,SAAAS,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAHaC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;QAAA;QAAA,IAAAC,SAAA,GAAAC,0BAAA,CAIPhB,QAAQ;UAAAiB,KAAA;QAAA;UAA9B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAgC;YAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAvB,KAAA;YAChB2B,OAAO,CAACC,IAAI,CAAAC,KAAA,CAAZF,OAAO,GAAM,IAAI,EAAAG,MAAA,CAAKZ,IAAI,EAAC;UAC7B;QAAC,SAAAa,GAAA;UAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA;QAAA;UAAAV,SAAA,CAAAY,CAAA;QAAA;MACH;IACF;;IAEA;AACF;AACA;EAFE;IAAAlC,GAAA;IAAAC,KAAA,EAGA,SAAOkC,SAASA,CAAChC,SAAY,EAAEC,EAAK,EAAW;MAC7C,OAAO,IAAI,CAACF,EAAE,CAACC,SAAS,EAAEC,EAAE,CAAC;IAC/B;EAAC;AAAA;AAAA,SAlCkBT,YAAY,IAAAyC,OAAA","ignoreList":[]}

package/lib/utils/findComponent.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement, type MutableRefObject } from 'react';
+declare function findComponent<P = any>(Children: any, names: string[], recursively?: boolean, limit?: number): ReactElement<P> | undefined;
+export declare function isAdvanceMode(Children: any, name: string[], recursively?: boolean): boolean;
+type IntergalacticComponent = ReactElement & {
+    ref?: MutableRefObject<HTMLElement>;
+};
+export declare function findAllComponents(Children: any, names: string[]): IntergalacticComponent[];
+/**
+ * Extract some components from Children and return them and rest of components as tuple.
+ */
+export declare function extractFrom(Children: any, names: string[]): IntergalacticComponent[][];
+export default findComponent;

package/lib/utils/findComponent.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.extractFrom = extractFrom;
+exports.findAllComponents = findAllComponents;
+exports.isAdvanceMode = isAdvanceMode;
+var _react = _interopRequireDefault(require("react"));
+var _getOriginChildren = _interopRequireDefault(require("./getOriginChildren"));
+var _symbols = require("../core-types/symbols");
+function findComponent(Children, names, recursively) {
+  var limit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100;
+  var children = Children[_symbols.CHILDREN_COMPONENT] ? (0, _getOriginChildren["default"])(Children) : Children;
+  return _react["default"].Children.toArray(children).find(function (child) {
+    if (/*#__PURE__*/_react["default"].isValidElement(child)) {
+      if (child.type === _react["default"].Fragment) {
+        return findComponent(child.props.children, names, recursively, limit);
+      }
+      // @ts-ignore
+      var inheritedNames = child.type[_symbols.INHERITED_NAME] || [child.type.displayName];
+      var result = !!inheritedNames.find(function (name) {
+        return names.includes(name);
+      });
+      if (!result && child.props.children && recursively && limit > 0) {
+        return findComponent(child.props.children, names, recursively, limit - 1);
+      }
+      return result;
+    }
+  });
+}
+function isAdvanceMode(Children, name, recursively) {
+  var children = Children[_symbols.CHILDREN_COMPONENT] ? (0, _getOriginChildren["default"])(Children) : Children;
+  if (!children) return false;
+  if (typeof children === 'function') {
+    return true;
+  }
+  return !!findComponent(children, name, recursively);
+}
+function findAllComponents(Children, names) {
+  var result = [];
+  var _findAllAndAdd = function findAllAndAdd(Children) {
+    var children = Children[_symbols.CHILDREN_COMPONENT] ? (0, _getOriginChildren["default"])(Children) : Children;
+    _react["default"].Children.toArray(children).forEach(function (child) {
+      if (/*#__PURE__*/_react["default"].isValidElement(child)) {
+        if (child.type === _react["default"].Fragment) {
+          _findAllAndAdd(child.props.children);
+        } else if (typeof child.type === 'function' && _symbols.CHILDREN_COMPONENT in child.type && child.type[_symbols.CHILDREN_COMPONENT]) {
+          _findAllAndAdd(child.type);
+        } else {
+          // @ts-ignore
+          var inheritedNames = child.type[_symbols.INHERITED_NAME] || [child.type.displayName];
+          var component = !!inheritedNames.find(function (name) {
+            return names.includes(name);
+          });
+          if (component) {
+            result.push(child);
+          }
+          if (child.props.children) {
+            return _findAllAndAdd(child.props.children);
+          }
+        }
+      }
+    });
+  };
+  _findAllAndAdd(Children);
+  return result;
+}
+
+/**
+ * Extract some components from Children and return them and rest of components as tuple.
+ */
+function extractFrom(Children, names) {
+  var extracted = [];
+  var rest = [];
+  var _extractor = function extractor(Children) {
+    var children = Children[_symbols.CHILDREN_COMPONENT] ? (0, _getOriginChildren["default"])(Children) : Children;
+    _react["default"].Children.toArray(children).forEach(function (child) {
+      if (/*#__PURE__*/_react["default"].isValidElement(child)) {
+        if (child.type === _react["default"].Fragment) {
+          _extractor(child.props.children);
+        } else if (typeof child.type === 'function' && _symbols.CHILDREN_COMPONENT in child.type && child.type[_symbols.CHILDREN_COMPONENT]) {
+          _extractor(child.type);
+        } else {
+          // @ts-ignore
+          var inheritedNames = child.type[_symbols.INHERITED_NAME] || [child.type.displayName];
+          var component = !!inheritedNames.find(function (name) {
+            return names.includes(name);
+          });
+          if (component) {
+            extracted.push(child);
+          } else {
+            rest.push(child);
+          }
+        }
+      }
+    });
+  };
+  _extractor(Children);
+  return [extracted, rest];
+}
+var _default = exports["default"] = findComponent;
+//# sourceMappingURL=findComponent.js.map

package/lib/utils/findComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findComponent.js","names":["_react","_interopRequireDefault","require","_getOriginChildren","_symbols","findComponent","Children","names","recursively","limit","arguments","length","undefined","children","CHILDREN_COMPONENT","getOriginChildren","React","toArray","find","child","isValidElement","type","Fragment","props","inheritedNames","INHERITED_NAME","displayName","result","name","includes","isAdvanceMode","findAllComponents","findAllAndAdd","forEach","component","push","extractFrom","extracted","rest","extractor","_default","exports"],"sources":["../../src/utils/findComponent.ts"],"sourcesContent":["import React, { type ReactElement, type MutableRefObject } from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction findComponent<P = any>(\n  Children: any,\n  names: string[],\n  recursively?: boolean,\n  limit = 100,\n): ReactElement<P> | undefined {\n  const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n  return React.Children.toArray(children).find((child) => {\n    if (React.isValidElement(child)) {\n      if (child.type === React.Fragment) {\n        return findComponent(child.props.children, names, recursively, limit);\n      }\n      // @ts-ignore\n      const inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];\n      const result = !!inheritedNames.find((name: string) => names.includes(name));\n\n      if (!result && child.props.children && recursively && limit > 0) {\n        return findComponent(child.props.children, names, recursively, limit - 1);\n      }\n\n      return result;\n    }\n  }) as ReactElement<P> | undefined;\n}\n\nexport function isAdvanceMode(Children: any, name: string[], recursively?: boolean) {\n  const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n  if (!children) return false;\n  if (typeof children === 'function') {\n    return true;\n  }\n  return !!findComponent(children, name, recursively);\n}\n\ntype IntergalacticComponent = ReactElement & {\n  ref?: MutableRefObject<HTMLElement>;\n};\n\nexport function findAllComponents(Children: any, names: string[]): IntergalacticComponent[] {\n  const result: IntergalacticComponent[] = [];\n\n  const findAllAndAdd = (Children: any) => {\n    const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n    React.Children.toArray(children).forEach((child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === React.Fragment) {\n          findAllAndAdd(child.props.children);\n        } else if (\n          typeof child.type === 'function' &&\n          CHILDREN_COMPONENT in child.type &&\n          child.type[CHILDREN_COMPONENT]\n        ) {\n          findAllAndAdd(child.type);\n        } else {\n          // @ts-ignore\n          const inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];\n          const component = !!inheritedNames.find((name: string) => names.includes(name));\n\n          if (component) {\n            result.push(child);\n          }\n\n          if (child.props.children) {\n            return findAllAndAdd(child.props.children);\n          }\n        }\n      }\n    });\n  };\n\n  findAllAndAdd(Children);\n\n  return result;\n}\n\n/**\n * Extract some components from Children and return them and rest of components as tuple.\n */\nexport function extractFrom(Children: any, names: string[]): IntergalacticComponent[][] {\n  const extracted: IntergalacticComponent[] = [];\n  const rest: IntergalacticComponent[] = [];\n\n  const extractor = (Children: any) => {\n    const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n    React.Children.toArray(children).forEach((child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === React.Fragment) {\n          extractor(child.props.children);\n        } else if (\n          typeof child.type === 'function' &&\n          CHILDREN_COMPONENT in child.type &&\n          child.type[CHILDREN_COMPONENT]\n        ) {\n          extractor(child.type);\n        } else {\n          // @ts-ignore\n          const inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];\n          const component = !!inheritedNames.find((name: string) => names.includes(name));\n\n          if (component) {\n            extracted.push(child);\n          } else {\n            rest.push(child);\n          }\n        }\n      }\n    });\n  };\n\n  extractor(Children);\n\n  return [extracted, rest];\n}\n\nexport default findComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/findComponent.mjs

@@ -0,0 +1,95 @@
+import React from 'react';
+import getOriginChildren from "./getOriginChildren.mjs";
+import { CHILDREN_COMPONENT, INHERITED_NAME } from "../core-types/symbols.mjs";
+function findComponent(Children, names, recursively) {
+  var limit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100;
+  var children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;
+  return React.Children.toArray(children).find(function (child) {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      if (child.type === React.Fragment) {
+        return findComponent(child.props.children, names, recursively, limit);
+      }
+      // @ts-ignore
+      var inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];
+      var result = !!inheritedNames.find(function (name) {
+        return names.includes(name);
+      });
+      if (!result && child.props.children && recursively && limit > 0) {
+        return findComponent(child.props.children, names, recursively, limit - 1);
+      }
+      return result;
+    }
+  });
+}
+export function isAdvanceMode(Children, name, recursively) {
+  var children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;
+  if (!children) return false;
+  if (typeof children === 'function') {
+    return true;
+  }
+  return !!findComponent(children, name, recursively);
+}
+export function findAllComponents(Children, names) {
+  var result = [];
+  var _findAllAndAdd = function findAllAndAdd(Children) {
+    var children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;
+    React.Children.toArray(children).forEach(function (child) {
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        if (child.type === React.Fragment) {
+          _findAllAndAdd(child.props.children);
+        } else if (typeof child.type === 'function' && CHILDREN_COMPONENT in child.type && child.type[CHILDREN_COMPONENT]) {
+          _findAllAndAdd(child.type);
+        } else {
+          // @ts-ignore
+          var inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];
+          var component = !!inheritedNames.find(function (name) {
+            return names.includes(name);
+          });
+          if (component) {
+            result.push(child);
+          }
+          if (child.props.children) {
+            return _findAllAndAdd(child.props.children);
+          }
+        }
+      }
+    });
+  };
+  _findAllAndAdd(Children);
+  return result;
+}
+
+/**
+ * Extract some components from Children and return them and rest of components as tuple.
+ */
+export function extractFrom(Children, names) {
+  var extracted = [];
+  var rest = [];
+  var _extractor = function extractor(Children) {
+    var children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;
+    React.Children.toArray(children).forEach(function (child) {
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        if (child.type === React.Fragment) {
+          _extractor(child.props.children);
+        } else if (typeof child.type === 'function' && CHILDREN_COMPONENT in child.type && child.type[CHILDREN_COMPONENT]) {
+          _extractor(child.type);
+        } else {
+          // @ts-ignore
+          var inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];
+          var component = !!inheritedNames.find(function (name) {
+            return names.includes(name);
+          });
+          if (component) {
+            extracted.push(child);
+          } else {
+            rest.push(child);
+          }
+        }
+      }
+    });
+  };
+  _extractor(Children);
+  return [extracted, rest];
+}
+export default findComponent;
+//# sourceMappingURL=findComponent.mjs.map

package/lib/utils/findComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"findComponent.mjs","names":["React","getOriginChildren","CHILDREN_COMPONENT","INHERITED_NAME","findComponent","Children","names","recursively","limit","arguments","length","undefined","children","toArray","find","child","isValidElement","type","Fragment","props","inheritedNames","displayName","result","name","includes","isAdvanceMode","findAllComponents","findAllAndAdd","forEach","component","push","extractFrom","extracted","rest","extractor"],"sources":["../../src/utils/findComponent.ts"],"sourcesContent":["import React, { type ReactElement, type MutableRefObject } from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction findComponent<P = any>(\n  Children: any,\n  names: string[],\n  recursively?: boolean,\n  limit = 100,\n): ReactElement<P> | undefined {\n  const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n  return React.Children.toArray(children).find((child) => {\n    if (React.isValidElement(child)) {\n      if (child.type === React.Fragment) {\n        return findComponent(child.props.children, names, recursively, limit);\n      }\n      // @ts-ignore\n      const inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];\n      const result = !!inheritedNames.find((name: string) => names.includes(name));\n\n      if (!result && child.props.children && recursively && limit > 0) {\n        return findComponent(child.props.children, names, recursively, limit - 1);\n      }\n\n      return result;\n    }\n  }) as ReactElement<P> | undefined;\n}\n\nexport function isAdvanceMode(Children: any, name: string[], recursively?: boolean) {\n  const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n  if (!children) return false;\n  if (typeof children === 'function') {\n    return true;\n  }\n  return !!findComponent(children, name, recursively);\n}\n\ntype IntergalacticComponent = ReactElement & {\n  ref?: MutableRefObject<HTMLElement>;\n};\n\nexport function findAllComponents(Children: any, names: string[]): IntergalacticComponent[] {\n  const result: IntergalacticComponent[] = [];\n\n  const findAllAndAdd = (Children: any) => {\n    const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n    React.Children.toArray(children).forEach((child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === React.Fragment) {\n          findAllAndAdd(child.props.children);\n        } else if (\n          typeof child.type === 'function' &&\n          CHILDREN_COMPONENT in child.type &&\n          child.type[CHILDREN_COMPONENT]\n        ) {\n          findAllAndAdd(child.type);\n        } else {\n          // @ts-ignore\n          const inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];\n          const component = !!inheritedNames.find((name: string) => names.includes(name));\n\n          if (component) {\n            result.push(child);\n          }\n\n          if (child.props.children) {\n            return findAllAndAdd(child.props.children);\n          }\n        }\n      }\n    });\n  };\n\n  findAllAndAdd(Children);\n\n  return result;\n}\n\n/**\n * Extract some components from Children and return them and rest of components as tuple.\n */\nexport function extractFrom(Children: any, names: string[]): IntergalacticComponent[][] {\n  const extracted: IntergalacticComponent[] = [];\n  const rest: IntergalacticComponent[] = [];\n\n  const extractor = (Children: any) => {\n    const children = Children[CHILDREN_COMPONENT] ? getOriginChildren(Children) : Children;\n    React.Children.toArray(children).forEach((child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === React.Fragment) {\n          extractor(child.props.children);\n        } else if (\n          typeof child.type === 'function' &&\n          CHILDREN_COMPONENT in child.type &&\n          child.type[CHILDREN_COMPONENT]\n        ) {\n          extractor(child.type);\n        } else {\n          // @ts-ignore\n          const inheritedNames = child.type[INHERITED_NAME] || [child.type.displayName];\n          const component = !!inheritedNames.find((name: string) => names.includes(name));\n\n          if (component) {\n            extracted.push(child);\n          } else {\n            rest.push(child);\n          }\n        }\n      }\n    });\n  };\n\n  extractor(Children);\n\n  return [extracted, rest];\n}\n\nexport default findComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/fire.d.ts

@@ -0,0 +1,2 @@
+export default function fire<T extends {}>(context: T, eventName: string, ...args: any): any;
+export declare function fireFn(fn: (...args: any) => void, ...args: any[]): void;

package/lib/utils/fire.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = fire;
+exports.fireFn = fireFn;
+var _getValue = _interopRequireDefault(require("./getValue"));
+function fire(context, eventName) {
+  var fn = (0, _getValue["default"])(context, "props.".concat(eventName));
+  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    args[_key - 2] = arguments[_key];
+  }
+  if (fn) return fn.call.apply(fn, [context].concat(args));
+}
+function fireFn(fn) {
+  for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    args[_key2 - 1] = arguments[_key2];
+  }
+  if (typeof fn === 'function') return fn.apply(void 0, args);
+}
+//# sourceMappingURL=fire.js.map

package/lib/utils/fire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fire.js","names":["_getValue","_interopRequireDefault","require","fire","context","eventName","fn","getValue","concat","_len","arguments","length","args","Array","_key","call","apply","fireFn","_len2","_key2"],"sources":["../../src/utils/fire.ts"],"sourcesContent":["import getValue from './getValue';\n\nexport default function fire<T extends {}>(context: T, eventName: string, ...args: any) {\n  const fn = getValue(context, `props.${eventName}`);\n  if (fn) return fn.call(context, ...args);\n}\n\nexport function fireFn(fn: (...args: any) => void, ...args: any[]) {\n  if (typeof fn === 'function') return fn(...args);\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,IAAIA,CAAeC,OAAU,EAAEC,SAAiB,EAAgB;EACtF,IAAMC,EAAE,GAAG,IAAAC,oBAAQ,EAACH,OAAO,WAAAI,MAAA,CAAWH,SAAS,CAAE,CAAC;EAAC,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADwBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAE/E,IAAIR,EAAE,EAAE,OAAOA,EAAE,CAACS,IAAI,CAAAC,KAAA,CAAPV,EAAE,GAAMF,OAAO,EAAAI,MAAA,CAAKI,IAAI,EAAC;AAC1C;AAEO,SAASK,MAAMA,CAACX,EAA0B,EAAkB;EAAA,SAAAY,KAAA,GAAAR,SAAA,CAAAC,MAAA,EAAbC,IAAI,OAAAC,KAAA,CAAAK,KAAA,OAAAA,KAAA,WAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;IAAJP,IAAI,CAAAO,KAAA,QAAAT,SAAA,CAAAS,KAAA;EAAA;EACxD,IAAI,OAAOb,EAAE,KAAK,UAAU,EAAE,OAAOA,EAAE,CAAAU,KAAA,SAAIJ,IAAI,CAAC;AAClD","ignoreList":[]}

package/lib/utils/fire.mjs

@@ -0,0 +1,15 @@
+import getValue from "./getValue.mjs";
+export default function fire(context, eventName) {
+  var fn = getValue(context, "props.".concat(eventName));
+  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    args[_key - 2] = arguments[_key];
+  }
+  if (fn) return fn.call.apply(fn, [context].concat(args));
+}
+export function fireFn(fn) {
+  for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    args[_key2 - 1] = arguments[_key2];
+  }
+  if (typeof fn === 'function') return fn.apply(void 0, args);
+}
+//# sourceMappingURL=fire.mjs.map

package/lib/utils/fire.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fire.mjs","names":["getValue","fire","context","eventName","fn","concat","_len","arguments","length","args","Array","_key","call","apply","fireFn","_len2","_key2"],"sources":["../../src/utils/fire.ts"],"sourcesContent":["import getValue from './getValue';\n\nexport default function fire<T extends {}>(context: T, eventName: string, ...args: any) {\n  const fn = getValue(context, `props.${eventName}`);\n  if (fn) return fn.call(context, ...args);\n}\n\nexport function fireFn(fn: (...args: any) => void, ...args: any[]) {\n  if (typeof fn === 'function') return fn(...args);\n}\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,gBAAY;AAEjC,eAAe,SAASC,IAAIA,CAAeC,OAAU,EAAEC,SAAiB,EAAgB;EACtF,IAAMC,EAAE,GAAGJ,QAAQ,CAACE,OAAO,WAAAG,MAAA,CAAWF,SAAS,CAAE,CAAC;EAAC,SAAAG,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADwBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAE/E,IAAIP,EAAE,EAAE,OAAOA,EAAE,CAACQ,IAAI,CAAAC,KAAA,CAAPT,EAAE,GAAMF,OAAO,EAAAG,MAAA,CAAKI,IAAI,EAAC;AAC1C;AAEA,OAAO,SAASK,MAAMA,CAACV,EAA0B,EAAkB;EAAA,SAAAW,KAAA,GAAAR,SAAA,CAAAC,MAAA,EAAbC,IAAI,OAAAC,KAAA,CAAAK,KAAA,OAAAA,KAAA,WAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;IAAJP,IAAI,CAAAO,KAAA,QAAAT,SAAA,CAAAS,KAAA;EAAA;EACxD,IAAI,OAAOZ,EAAE,KAAK,UAAU,EAAE,OAAOA,EAAE,CAAAS,KAAA,SAAIJ,IAAI,CAAC;AAClD","ignoreList":[]}

package/lib/utils/focus-lock/focusBorders.d.ts

@@ -0,0 +1,4 @@
+export declare const BEFORE_BORDER_ID = "__intergalactic-focus-border-before";
+export declare const AFTER_BORDER_ID = "__intergalactic-focus-border-after";
+export declare const addFocusBorders: (element: HTMLElement) => void;
+export declare const removeFocusBorders: (element: HTMLElement) => void;

package/lib/utils/focus-lock/focusBorders.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeFocusBorders = exports.addFocusBorders = exports.BEFORE_BORDER_ID = exports.AFTER_BORDER_ID = void 0;
+var _getFocusableIn = require("./getFocusableIn");
+var focusBordersRefs = new Map();
+var BEFORE_BORDER_ID = exports.BEFORE_BORDER_ID = '__intergalactic-focus-border-before';
+var AFTER_BORDER_ID = exports.AFTER_BORDER_ID = '__intergalactic-focus-border-after';
+var addFocusBorders = exports.addFocusBorders = function addFocusBorders(element) {
+  if (!focusBordersRefs.has(element) && !(element.previousSibling instanceof HTMLElement && element.previousSibling.dataset.id === BEFORE_BORDER_ID)) {
+    var before = document.createElement('div');
+    var after = document.createElement('div');
+    focusBordersRefs.set(element, {
+      before: before,
+      after: after
+    });
+    before.setAttribute('tabindex', '0');
+    before.style.position = 'fixed';
+    before.dataset.id = BEFORE_BORDER_ID;
+    before.addEventListener('focus', function (event) {
+      var _focusBordersRefs$get, _focusBordersRefs$get2;
+      if (document.activeElement === ((_focusBordersRefs$get = focusBordersRefs.get(element)) === null || _focusBordersRefs$get === void 0 ? void 0 : _focusBordersRefs$get.before) && event.relatedTarget !== ((_focusBordersRefs$get2 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get2 === void 0 ? void 0 : _focusBordersRefs$get2.after) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = (0, _getFocusableIn.getFocusableIn)(element);
+        if (event.relatedTarget === focusable[0]) {
+          var _focusable;
+          (_focusable = focusable[focusable.length - 1]) === null || _focusable === void 0 || _focusable.focus();
+        } else {
+          var _focusable$;
+          (_focusable$ = focusable[0]) === null || _focusable$ === void 0 || _focusable$.focus();
+        }
+      }
+    });
+    after.setAttribute('tabindex', '0');
+    after.style.position = 'fixed';
+    after.dataset.id = AFTER_BORDER_ID;
+    after.addEventListener('focus', function (event) {
+      var _focusBordersRefs$get3, _focusBordersRefs$get4;
+      if (document.activeElement === ((_focusBordersRefs$get3 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get3 === void 0 ? void 0 : _focusBordersRefs$get3.after) && event.relatedTarget !== ((_focusBordersRefs$get4 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get4 === void 0 ? void 0 : _focusBordersRefs$get4.before) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = (0, _getFocusableIn.getFocusableIn)(element);
+        if (event.relatedTarget === focusable[focusable.length - 1]) {
+          var _focusable$2;
+          (_focusable$2 = focusable[0]) === null || _focusable$2 === void 0 || _focusable$2.focus();
+        } else {
+          var _focusable2;
+          (_focusable2 = focusable[focusable.length - 1]) === null || _focusable2 === void 0 || _focusable2.focus();
+        }
+      }
+    });
+    var elementParent = element.parentElement;
+    elementParent === null || elementParent === void 0 || elementParent.insertBefore(before, element);
+    elementParent === null || elementParent === void 0 || elementParent.append(after);
+  }
+};
+var removeFocusBorders = exports.removeFocusBorders = function removeFocusBorders(element) {
+  var focusRefs = focusBordersRefs.get(element);
+  focusRefs === null || focusRefs === void 0 || focusRefs.before.remove();
+  focusRefs === null || focusRefs === void 0 || focusRefs.after.remove();
+  focusBordersRefs["delete"](element);
+};
+//# sourceMappingURL=focusBorders.js.map

package/lib/utils/focus-lock/focusBorders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusBorders.js","names":["_getFocusableIn","require","focusBordersRefs","Map","BEFORE_BORDER_ID","exports","AFTER_BORDER_ID","addFocusBorders","element","has","previousSibling","HTMLElement","dataset","id","before","document","createElement","after","set","setAttribute","style","position","addEventListener","event","_focusBordersRefs$get","_focusBordersRefs$get2","activeElement","get","relatedTarget","focusable","getFocusableIn","_focusable","length","focus","_focusable$","_focusBordersRefs$get3","_focusBordersRefs$get4","_focusable$2","_focusable2","elementParent","parentElement","insertBefore","append","removeFocusBorders","focusRefs","remove"],"sources":["../../../src/utils/focus-lock/focusBorders.ts"],"sourcesContent":["import { getFocusableIn } from './getFocusableIn';\n\nconst focusBordersRefs = new Map<HTMLElement, { before: HTMLElement; after: HTMLElement }>();\n\nexport const BEFORE_BORDER_ID = '__intergalactic-focus-border-before';\nexport const AFTER_BORDER_ID = '__intergalactic-focus-border-after';\n\nexport const addFocusBorders = (element: HTMLElement) => {\n  if (\n    !focusBordersRefs.has(element) &&\n    !(\n      element.previousSibling instanceof HTMLElement &&\n      element.previousSibling.dataset.id === BEFORE_BORDER_ID\n    )\n  ) {\n    const before = document.createElement('div');\n    const after = document.createElement('div');\n\n    focusBordersRefs.set(element, { before, after });\n\n    before.setAttribute('tabindex', '0');\n    before.style.position = 'fixed';\n    before.dataset.id = BEFORE_BORDER_ID;\n    before.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.before &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.after && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[0]) {\n          focusable[focusable.length - 1]?.focus();\n        } else {\n          focusable[0]?.focus();\n        }\n      }\n    });\n\n    after.setAttribute('tabindex', '0');\n    after.style.position = 'fixed';\n    after.dataset.id = AFTER_BORDER_ID;\n    after.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.after &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.before && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[focusable.length - 1]) {\n          focusable[0]?.focus();\n        } else {\n          focusable[focusable.length - 1]?.focus();\n        }\n      }\n    });\n\n    const elementParent = element.parentElement;\n\n    elementParent?.insertBefore(before, element);\n    elementParent?.append(after);\n  }\n};\nexport const removeFocusBorders = (element: HTMLElement) => {\n  const focusRefs = focusBordersRefs.get(element);\n  focusRefs?.before.remove();\n  focusRefs?.after.remove();\n  focusBordersRefs.delete(element);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/focus-lock/focusBorders.mjs

@@ -0,0 +1,62 @@
+import { getFocusableIn } from "./getFocusableIn.mjs";
+var focusBordersRefs = new Map();
+export var BEFORE_BORDER_ID = '__intergalactic-focus-border-before';
+export var AFTER_BORDER_ID = '__intergalactic-focus-border-after';
+export var addFocusBorders = function addFocusBorders(element) {
+  if (!focusBordersRefs.has(element) && !(element.previousSibling instanceof HTMLElement && element.previousSibling.dataset.id === BEFORE_BORDER_ID)) {
+    var before = document.createElement('div');
+    var after = document.createElement('div');
+    focusBordersRefs.set(element, {
+      before: before,
+      after: after
+    });
+    before.setAttribute('tabindex', '0');
+    before.style.position = 'fixed';
+    before.dataset.id = BEFORE_BORDER_ID;
+    before.addEventListener('focus', function (event) {
+      var _focusBordersRefs$get, _focusBordersRefs$get2;
+      if (document.activeElement === ((_focusBordersRefs$get = focusBordersRefs.get(element)) === null || _focusBordersRefs$get === void 0 ? void 0 : _focusBordersRefs$get.before) && event.relatedTarget !== ((_focusBordersRefs$get2 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get2 === void 0 ? void 0 : _focusBordersRefs$get2.after) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = getFocusableIn(element);
+        if (event.relatedTarget === focusable[0]) {
+          var _focusable;
+          (_focusable = focusable[focusable.length - 1]) === null || _focusable === void 0 || _focusable.focus();
+        } else {
+          var _focusable$;
+          (_focusable$ = focusable[0]) === null || _focusable$ === void 0 || _focusable$.focus();
+        }
+      }
+    });
+    after.setAttribute('tabindex', '0');
+    after.style.position = 'fixed';
+    after.dataset.id = AFTER_BORDER_ID;
+    after.addEventListener('focus', function (event) {
+      var _focusBordersRefs$get3, _focusBordersRefs$get4;
+      if (document.activeElement === ((_focusBordersRefs$get3 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get3 === void 0 ? void 0 : _focusBordersRefs$get3.after) && event.relatedTarget !== ((_focusBordersRefs$get4 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get4 === void 0 ? void 0 : _focusBordersRefs$get4.before) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = getFocusableIn(element);
+        if (event.relatedTarget === focusable[focusable.length - 1]) {
+          var _focusable$2;
+          (_focusable$2 = focusable[0]) === null || _focusable$2 === void 0 || _focusable$2.focus();
+        } else {
+          var _focusable2;
+          (_focusable2 = focusable[focusable.length - 1]) === null || _focusable2 === void 0 || _focusable2.focus();
+        }
+      }
+    });
+    var elementParent = element.parentElement;
+    elementParent === null || elementParent === void 0 || elementParent.insertBefore(before, element);
+    elementParent === null || elementParent === void 0 || elementParent.append(after);
+  }
+};
+export var removeFocusBorders = function removeFocusBorders(element) {
+  var focusRefs = focusBordersRefs.get(element);
+  focusRefs === null || focusRefs === void 0 || focusRefs.before.remove();
+  focusRefs === null || focusRefs === void 0 || focusRefs.after.remove();
+  focusBordersRefs["delete"](element);
+};
+//# sourceMappingURL=focusBorders.mjs.map

package/lib/utils/focus-lock/focusBorders.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusBorders.mjs","names":["getFocusableIn","focusBordersRefs","Map","BEFORE_BORDER_ID","AFTER_BORDER_ID","addFocusBorders","element","has","previousSibling","HTMLElement","dataset","id","before","document","createElement","after","set","setAttribute","style","position","addEventListener","event","_focusBordersRefs$get","_focusBordersRefs$get2","activeElement","get","relatedTarget","focusable","_focusable","length","focus","_focusable$","_focusBordersRefs$get3","_focusBordersRefs$get4","_focusable$2","_focusable2","elementParent","parentElement","insertBefore","append","removeFocusBorders","focusRefs","remove"],"sources":["../../../src/utils/focus-lock/focusBorders.ts"],"sourcesContent":["import { getFocusableIn } from './getFocusableIn';\n\nconst focusBordersRefs = new Map<HTMLElement, { before: HTMLElement; after: HTMLElement }>();\n\nexport const BEFORE_BORDER_ID = '__intergalactic-focus-border-before';\nexport const AFTER_BORDER_ID = '__intergalactic-focus-border-after';\n\nexport const addFocusBorders = (element: HTMLElement) => {\n  if (\n    !focusBordersRefs.has(element) &&\n    !(\n      element.previousSibling instanceof HTMLElement &&\n      element.previousSibling.dataset.id === BEFORE_BORDER_ID\n    )\n  ) {\n    const before = document.createElement('div');\n    const after = document.createElement('div');\n\n    focusBordersRefs.set(element, { before, after });\n\n    before.setAttribute('tabindex', '0');\n    before.style.position = 'fixed';\n    before.dataset.id = BEFORE_BORDER_ID;\n    before.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.before &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.after && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[0]) {\n          focusable[focusable.length - 1]?.focus();\n        } else {\n          focusable[0]?.focus();\n        }\n      }\n    });\n\n    after.setAttribute('tabindex', '0');\n    after.style.position = 'fixed';\n    after.dataset.id = AFTER_BORDER_ID;\n    after.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.after &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.before && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[focusable.length - 1]) {\n          focusable[0]?.focus();\n        } else {\n          focusable[focusable.length - 1]?.focus();\n        }\n      }\n    });\n\n    const elementParent = element.parentElement;\n\n    elementParent?.insertBefore(before, element);\n    elementParent?.append(after);\n  }\n};\nexport const removeFocusBorders = (element: HTMLElement) => {\n  const focusRefs = focusBordersRefs.get(element);\n  focusRefs?.before.remove();\n  focusRefs?.after.remove();\n  focusBordersRefs.delete(element);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/focus-lock/getFocusableIn.d.ts

@@ -0,0 +1 @@
+export declare const getFocusableIn: (node: HTMLElement) => HTMLElement[];