@onepercentio/one-ui 1.3.2 → 1.3.4

package/dist/components/Table/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Table.default;
+  }
+});
+var _Table = _interopRequireWildcard(require("./Table"));
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Table[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfVGFibGUiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZGVzYyIsInNldCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYmxlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IH0gZnJvbSBcIi4vVGFibGVcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1RhYmxlXCI7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLE1BQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixNQUFBLENBQUFNLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsQ0FBQTtNQUFBLE9BQUFkLE1BQUEsQ0FBQU0sR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUF3QixTQUFBUyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBZix3QkFBQW1CLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQVQsR0FBQSxDQUFBTSxHQUFBLFNBQUFLLE1BQUEsV0FBQUMscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBckIsR0FBQSxJQUFBYyxHQUFBLFFBQUFkLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQVcsR0FBQSxFQUFBZCxHQUFBLFNBQUFzQixJQUFBLEdBQUFGLHFCQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBUCxHQUFBLEVBQUFkLEdBQUEsY0FBQXNCLElBQUEsS0FBQUEsSUFBQSxDQUFBZCxHQUFBLElBQUFjLElBQUEsQ0FBQUMsR0FBQSxLQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFhLE1BQUEsRUFBQW5CLEdBQUEsRUFBQXNCLElBQUEsWUFBQUgsTUFBQSxDQUFBbkIsR0FBQSxJQUFBYyxHQUFBLENBQUFkLEdBQUEsU0FBQW1CLE1BQUEsQ0FBQUgsT0FBQSxHQUFBRixHQUFBLE1BQUFHLEtBQUEsSUFBQUEsS0FBQSxDQUFBTSxHQUFBLENBQUFULEdBQUEsRUFBQUssTUFBQSxZQUFBQSxNQUFBIn0=

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabType = void 0;
+exports.default = Tabs;
+var _react = _interopRequireWildcard(require("react"));
+var _TabsModule = _interopRequireDefault(require("./Tabs.module.scss"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+let TabType = exports.TabType = /*#__PURE__*/function (TabType) {
+  TabType[TabType["FULL"] = 0] = "FULL";
+  TabType[TabType["UNDERLINE"] = 1] = "UNDERLINE";
+  TabType[TabType["CLASS"] = 2] = "CLASS";
+  return TabType;
+}({});
+/**
+ * A component that displays a set of tabs for switching between different options or views.
+ * Users can click on a tab to select it, and the component highlights the active choice.
+ */
+function Tabs(props) {
+  const {
+    options,
+    selected,
+    onSelect,
+    itemClassName = "",
+    className = "",
+    type = TabType.UNDERLINE
+  } = props;
+  const classes = (0, _OneUIProvider.useOneUIConfig)("component.tabs", {});
+  const selectedRef = (0, _react.useRef)(null);
+  const guideRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (props.type === TabType.CLASS) return;
+    const guideStyle = guideRef.current.style;
+    const currEl = selectedRef.current;
+    guideStyle["opacity"] = currEl ? "1" : guideStyle["opacity"];
+    guideStyle["width"] = currEl ? currEl.clientWidth + "px" : "0px";
+    guideStyle["left"] = currEl ? currEl.offsetLeft + "px" : guideStyle["left"] || "initial";
+    if (type === TabType.FULL) {
+      guideStyle["height"] = currEl ? currEl.clientHeight + "px" : "";
+      guideStyle["top"] = currEl ? currEl.offsetTop + "px" : guideStyle["top"] || "initial";
+    } else {
+      guideStyle["top"] = currEl ? currEl.offsetTop + currEl.clientHeight + "px" : guideStyle["top"] || "initial";
+    }
+  }, [selected]);
+  (0, _react.useEffect)(() => {
+    if (props.type === TabType.CLASS) return;
+    guideRef.current.classList.add(_TabsModule.default.enableTransition);
+  }, []);
+  const tabNativeCls = TabType[type] in _TabsModule.default ? _TabsModule.default[TabType[type]] : "";
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_TabsModule.default.container, " ").concat(className, " ").concat(tabNativeCls, " ").concat(classes.container)
+  }, options.map(o => /*#__PURE__*/_react.default.createElement("div", {
+    ref: selected === o.id ? selectedRef : undefined,
+    onClick: () => onSelect(o.id),
+    className: "".concat(selected === o.id ? _TabsModule.default.selected : "", " ").concat(itemClassName, " ").concat(props.type === TabType.CLASS && selected === o.id ? props.selectedClass : "", " ").concat(classes.item),
+    key: o.id
+  }, o.label)), TabType.CLASS !== props.type && /*#__PURE__*/_react.default.createElement("div", {
+    ref: guideRef,
+    className: _TabsModule.default.guide
+  })));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfVGFic01vZHVsZSIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfT25lVUlQcm92aWRlciIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJUYWJUeXBlIiwiZXhwb3J0cyIsIlRhYnMiLCJwcm9wcyIsIm9wdGlvbnMiLCJzZWxlY3RlZCIsIm9uU2VsZWN0IiwiaXRlbUNsYXNzTmFtZSIsImNsYXNzTmFtZSIsInR5cGUiLCJVTkRFUkxJTkUiLCJjbGFzc2VzIiwidXNlT25lVUlDb25maWciLCJzZWxlY3RlZFJlZiIsInVzZVJlZiIsImd1aWRlUmVmIiwidXNlRWZmZWN0IiwiQ0xBU1MiLCJndWlkZVN0eWxlIiwiY3VycmVudCIsInN0eWxlIiwiY3VyckVsIiwiY2xpZW50V2lkdGgiLCJvZmZzZXRMZWZ0IiwiRlVMTCIsImNsaWVudEhlaWdodCIsIm9mZnNldFRvcCIsImNsYXNzTGlzdCIsImFkZCIsIlN0eWxlcyIsImVuYWJsZVRyYW5zaXRpb24iLCJ0YWJOYXRpdmVDbHMiLCJjcmVhdGVFbGVtZW50IiwiRnJhZ21lbnQiLCJjb25jYXQiLCJjb250YWluZXIiLCJtYXAiLCJvIiwicmVmIiwiaWQiLCJ1bmRlZmluZWQiLCJvbkNsaWNrIiwic2VsZWN0ZWRDbGFzcyIsIml0ZW0iLCJsYWJlbCIsImd1aWRlIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50LCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFN0eWxlcyBmcm9tIFwiLi9UYWJzLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgeyB1c2VPbmVVSUNvbmZpZyB9IGZyb20gXCIuLi8uLi9jb250ZXh0L09uZVVJUHJvdmlkZXJcIjtcblxuZXhwb3J0IGVudW0gVGFiVHlwZSB7XG4gIC8qKiBBIGRpdiB0aGF0IGVuY292ZXJzIHRoZSB0YWIgKi9cbiAgRlVMTCxcbiAgLyoqIEFuIHVuZGVybGluZSAqL1xuICBVTkRFUkxJTkUsXG4gIC8qKiBBIGNsYXNzIGlzIGFzc2lnbmVkIHRvIHRoZSBzZWxlY3RlZCB0YWIgKi9cbiAgQ0xBU1MsXG59XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCBkaXNwbGF5cyBhIHNldCBvZiB0YWJzIGZvciBzd2l0Y2hpbmcgYmV0d2VlbiBkaWZmZXJlbnQgb3B0aW9ucyBvciB2aWV3cy5cbiAqIFVzZXJzIGNhbiBjbGljayBvbiBhIHRhYiB0byBzZWxlY3QgaXQsIGFuZCB0aGUgY29tcG9uZW50IGhpZ2hsaWdodHMgdGhlIGFjdGl2ZSBjaG9pY2UuXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFRhYnM8TyBleHRlbmRzIHN0cmluZyB8IG51bWJlcj4oXG4gIHByb3BzOiB7XG4gICAgb3B0aW9uczogUmVhZG9ubHk8XG4gICAgICB7XG4gICAgICAgIGlkOiBPO1xuICAgICAgICBsYWJlbDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICAgICAgfVtdXG4gICAgPjtcbiAgICBzZWxlY3RlZD86IE87XG4gICAgb25TZWxlY3Q6IChvcHRpb246IE8pID0+IHZvaWQ7XG4gICAgaXRlbUNsYXNzTmFtZT86IHN0cmluZztcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIH0gJiAoXG4gICAgfCB7XG4gICAgICAgIHR5cGU/OiBFeGNsdWRlPFRhYlR5cGUsIFRhYlR5cGUuQ0xBU1M+O1xuICAgICAgfVxuICAgIHwge1xuICAgICAgICB0eXBlPzogRXh0cmFjdDxUYWJUeXBlLCBUYWJUeXBlLkNMQVNTPjtcbiAgICAgICAgc2VsZWN0ZWRDbGFzczogc3RyaW5nO1xuICAgICAgfVxuICApXG4pIHtcbiAgY29uc3Qge1xuICAgIG9wdGlvbnMsXG4gICAgc2VsZWN0ZWQsXG4gICAgb25TZWxlY3QsXG4gICAgaXRlbUNsYXNzTmFtZSA9IFwiXCIsXG4gICAgY2xhc3NOYW1lID0gXCJcIixcbiAgICB0eXBlID0gVGFiVHlwZS5VTkRFUkxJTkUsXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgY2xhc3NlcyA9IHVzZU9uZVVJQ29uZmlnKFwiY29tcG9uZW50LnRhYnNcIiwge30pXG4gIGNvbnN0IHNlbGVjdGVkUmVmID0gdXNlUmVmPEhUTUxQYXJhZ3JhcGhFbGVtZW50PihudWxsKTtcbiAgY29uc3QgZ3VpZGVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwcm9wcy50eXBlID09PSBUYWJUeXBlLkNMQVNTKSByZXR1cm47XG4gICAgY29uc3QgZ3VpZGVTdHlsZSA9IGd1aWRlUmVmLmN1cnJlbnQhLnN0eWxlO1xuICAgIGNvbnN0IGN1cnJFbCA9IHNlbGVjdGVkUmVmLmN1cnJlbnQ7XG4gICAgZ3VpZGVTdHlsZVtcIm9wYWNpdHlcIl0gPSBjdXJyRWwgPyBcIjFcIiA6IGd1aWRlU3R5bGVbXCJvcGFjaXR5XCJdO1xuICAgIGd1aWRlU3R5bGVbXCJ3aWR0aFwiXSA9IGN1cnJFbCA/IGN1cnJFbC5jbGllbnRXaWR0aCArIFwicHhcIiA6IFwiMHB4XCI7XG4gICAgZ3VpZGVTdHlsZVtcImxlZnRcIl0gPSBjdXJyRWxcbiAgICAgID8gY3VyckVsLm9mZnNldExlZnQgKyBcInB4XCJcbiAgICAgIDogZ3VpZGVTdHlsZVtcImxlZnRcIl0gfHwgXCJpbml0aWFsXCI7XG4gICAgaWYgKHR5cGUgPT09IFRhYlR5cGUuRlVMTCkge1xuICAgICAgZ3VpZGVTdHlsZVtcImhlaWdodFwiXSA9IGN1cnJFbCA/IGN1cnJFbC5jbGllbnRIZWlnaHQgKyBcInB4XCIgOiBcIlwiO1xuICAgICAgZ3VpZGVTdHlsZVtcInRvcFwiXSA9IGN1cnJFbFxuICAgICAgICA/IGN1cnJFbC5vZmZzZXRUb3AgKyBcInB4XCJcbiAgICAgICAgOiBndWlkZVN0eWxlW1widG9wXCJdIHx8IFwiaW5pdGlhbFwiO1xuICAgIH0gZWxzZSB7XG4gICAgICBndWlkZVN0eWxlW1widG9wXCJdID0gY3VyckVsXG4gICAgICAgID8gY3VyckVsLm9mZnNldFRvcCArIGN1cnJFbC5jbGllbnRIZWlnaHQgKyBcInB4XCJcbiAgICAgICAgOiBndWlkZVN0eWxlW1widG9wXCJdIHx8IFwiaW5pdGlhbFwiO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocHJvcHMudHlwZSA9PT0gVGFiVHlwZS5DTEFTUykgcmV0dXJuO1xuICAgIGd1aWRlUmVmLmN1cnJlbnQhLmNsYXNzTGlzdC5hZGQoU3R5bGVzLmVuYWJsZVRyYW5zaXRpb24pO1xuICB9LCBbXSk7XG4gIGNvbnN0IHRhYk5hdGl2ZUNscyA9IFRhYlR5cGVbdHlwZV0gaW4gU3R5bGVzID8gU3R5bGVzW1RhYlR5cGVbdHlwZV1dIDogXCJcIjtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake1N0eWxlcy5jb250YWluZXJ9ICR7Y2xhc3NOYW1lfSAke3RhYk5hdGl2ZUNsc30gJHtjbGFzc2VzLmNvbnRhaW5lcn1gfT5cbiAgICAgICAge29wdGlvbnMubWFwKChvKSA9PiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXtzZWxlY3RlZCA9PT0gby5pZCA/IHNlbGVjdGVkUmVmIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3Qoby5pZCl9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake1xuICAgICAgICAgICAgICBzZWxlY3RlZCA9PT0gby5pZCA/IFN0eWxlcy5zZWxlY3RlZCA6IFwiXCJcbiAgICAgICAgICAgIH0gJHtpdGVtQ2xhc3NOYW1lfSAke1xuICAgICAgICAgICAgICBwcm9wcy50eXBlID09PSBUYWJUeXBlLkNMQVNTICYmIHNlbGVjdGVkID09PSBvLmlkXG4gICAgICAgICAgICAgICAgPyBwcm9wcy5zZWxlY3RlZENsYXNzXG4gICAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgICB9ICR7Y2xhc3Nlcy5pdGVtfWB9XG4gICAgICAgICAgICBrZXk9e28uaWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRhYi1vcHRpb25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvLmxhYmVsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgICAge1RhYlR5cGUuQ0xBU1MgIT09IHByb3BzLnR5cGUgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17Z3VpZGVSZWZ9XG4gICAgICAgICAgICBjbGFzc05hbWU9e1N0eWxlcy5ndWlkZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGFiLWd1aWRlXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC8+XG4gICk7XG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsV0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsY0FBQSxHQUFBSCxPQUFBO0FBQTZELFNBQUFFLHVCQUFBRSxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQUEsU0FBQUcseUJBQUFDLFdB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

package/dist/components/Tabs/Tabs.module.scss

@@ -0,0 +1,40 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  overflow-x: auto;
+  display: flex;
+  position: relative;
+  align-items: flex-start;
+  > div {
+    cursor: pointer;
+    &.selected {
+      font-weight: bold;
+    }
+  }
+  &.FULL {
+    overflow: visible;
+    > div {
+      transition: color 250ms linear;
+      padding: 0.4em 1em;
+      z-index: 1;
+      margin: 0px;
+
+      &.selected {
+        color: var(--tab-selected-color);
+      }
+    }
+    .guide {
+      box-shadow: $elevation;
+      border-radius: 1em / 50%;
+    }
+  }
+}
+
+.guide {
+  height: 0.1em;
+  background-color: var(--tab-guide-color, $digitalBlue);
+  position: absolute;
+  &.enableTransition {
+    transition: left $fast, width $fast, top $fast, height $fast;
+  }
+}

package/dist/components/Tabs/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.default;
+  }
+});
+var _Tabs = _interopRequireWildcard(require("./Tabs"));
+Object.keys(_Tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Tabs[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfVGFicyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJkZXNjIiwic2V0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGFicy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL1RhYnNcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1RhYnNcIjsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLEtBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosS0FBQSxFQUFBSyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFOLEtBQUEsQ0FBQU0sR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxDQUFBO01BQUEsT0FBQWQsS0FBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQXVCLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==

package/dist/components/Text/Text.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._Text = _Text;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+var _TextModule = _interopRequireDefault(require("./Text.module.scss"));
+const _excluded = ["type", "children", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _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.apply(this, arguments); }
+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; }
+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; }
+function _Text(_ref2, _ref) {
+  let {
+      type,
+      children,
+      className = ""
+    } = _ref2,
+    otherProps = _objectWithoutProperties(_ref2, _excluded);
+  const classNameType = (0, _OneUIProvider.useOneUIConfig)("component.text.className", {});
+  const tagByType = (0, _OneUIProvider.useOneUIConfig)("component.text.htmlTag", {});
+  const TagType = tagByType[type] || "p";
+  return /*#__PURE__*/_react.default.createElement(TagType, _extends({
+    ref: _ref,
+    className: "".concat(_TextModule.default.text, " ").concat(classNameType[type], " ").concat(className, " ").concat(otherProps.onClick ? _TextModule.default.iteractible : "")
+  }, otherProps), children);
+}
+
+/**
+ * A component to hold all text variantions
+ **/
+const Text = /*#__PURE__*/(0, _react.forwardRef)(_Text);
+
+/**
+ * A reusable component that displays styled text with different sizes and colors.
+ * It automatically applies the correct HTML tag and styling based on the text type.
+ */
+var _default = exports.default = Text;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfT25lVUlQcm92aWRlciIsIl9UZXh0TW9kdWxlIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9leGNsdWRlZCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZXh0ZW5kcyIsImFzc2lnbiIsImJpbmQiLCJ0YXJnZXQiLCJpIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwic291cmNlIiwiYXBwbHkiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMiLCJleGNsdWRlZCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllc0xvb3NlIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwic291cmNlU3ltYm9sS2V5cyIsImluZGV4T2YiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsInNvdXJjZUtleXMiLCJrZXlzIiwiX1RleHQiLCJfcmVmMiIsIl9yZWYiLCJ0eXBlIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJvdGhlclByb3BzIiwiY2xhc3NOYW1lVHlwZSIsInVzZU9uZVVJQ29uZmlnIiwidGFnQnlUeXBlIiwiVGFnVHlwZSIsImNyZWF0ZUVsZW1lbnQiLCJyZWYiLCJjb25jYXQiLCJTdHlsZXMiLCJ0ZXh0Iiwib25DbGljayIsIml0ZXJhY3RpYmxlIiwiVGV4dCIsImZvcndhcmRSZWYiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0L1RleHQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgRm9yd2FyZGVkUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VPbmVVSUNvbmZpZyB9IGZyb20gXCIuLi8uLi9jb250ZXh0L09uZVVJUHJvdmlkZXJcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vVGV4dC5tb2R1bGUuc2Nzc1wiO1xuaW1wb3J0IHsgRnJvbU9uZVBlcmNlbnRVdGlsaXR5IH0gZnJvbSBcIi4uLy4uL3R5cGUtdXRpbHNcIjtcblxuZXhwb3J0IGZ1bmN0aW9uIF9UZXh0KFxuICB7XG4gICAgdHlwZSxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUgPSBcIlwiLFxuICAgIC4uLm90aGVyUHJvcHNcbiAgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48XG4gICAge1xuICAgICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgdHlwZTogRnJvbU9uZVBlcmNlbnRVdGlsaXR5PCdVSUVsZW1lbnRzLlRleHRWYXJpYW50cyc+O1xuICAgICAgY29sb3I/OiBGcm9tT25lUGVyY2VudFV0aWxpdHk8J1VJRWxlbWVudHMuVGV4dENvbG9ycyc+O1xuICAgIH0gJiBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxQYXJhZ3JhcGhFbGVtZW50PiwgXCJjb2xvclwiPlxuICA+LFxuICBfcmVmPzogRm9yd2FyZGVkUmVmPEhUTUxQYXJhZ3JhcGhFbGVtZW50PlxuKSB7XG4gIGNvbnN0IGNsYXNzTmFtZVR5cGUgPSB1c2VPbmVVSUNvbmZpZyhcImNvbXBvbmVudC50ZXh0LmNsYXNzTmFtZVwiLCB7fSk7XG4gIGNvbnN0IHRhZ0J5VHlwZSA9IHVzZU9uZVVJQ29uZmlnKFwiY29tcG9uZW50LnRleHQuaHRtbFRhZ1wiLCB7fSk7XG5cbiAgY29uc3QgVGFnVHlwZTogYW55ID0gdGFnQnlUeXBlW3R5cGUgYXMga2V5b2YgdHlwZW9mIHRhZ0J5VHlwZV0gfHwgXCJwXCI7XG5cbiAgcmV0dXJuIChcbiAgICA8VGFnVHlwZVxuICAgICAgcmVmPXtfcmVmfVxuICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMudGV4dH0gJHtjbGFzc05hbWVUeXBlW3R5cGUgYXMga2V5b2YgdHlwZW9mIGNsYXNzTmFtZVR5cGVdXG4gICAgICAgIH0gJHtjbGFzc05hbWV9ICR7b3RoZXJQcm9wcy5vbkNsaWNrID8gU3R5bGVzLml0ZXJhY3RpYmxlIDogXCJcIn1gfVxuICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnVHlwZT5cbiAgKTtcbn1cblxuLyoqXG4gKiBBIGNvbXBvbmVudCB0byBob2xkIGFsbCB0ZXh0IHZhcmlhbnRpb25zXG4gKiovXG5jb25zdCBUZXh0ID0gZm9yd2FyZFJlZihfVGV4dCk7XG5cbi8qKlxuICogQSByZXVzYWJsZSBjb21wb25lbnQgdGhhdCBkaXNwbGF5cyBzdHlsZWQgdGV4dCB3aXRoIGRpZmZlcmVudCBzaXplcyBhbmQgY29sb3JzLlxuICogSXQgYXV0b21hdGljYWxseSBhcHBsaWVzIHRoZSBjb3JyZWN0IEhUTUwgdGFnIGFuZCBzdHlsaW5nIGJhc2VkIG9uIHRoZSB0ZXh0IHR5cGUuXG4gKi9cbmV4cG9ydCBkZWZhdWx0IFRleHQ7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsY0FBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsV0FBQSxHQUFBQyxzQkFBQSxDQUFBSCxPQUFBO0FBQXdDLE1BQUFJLFNBQUE7QUFBQSxTQUFBRCx1QkFBQUUsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUFBLFNBQUFHLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFWLHdCQUFBTSxHQUFBLEVBQUFJLFdBQUEsU0FBQUEsV0FBQSxJQUFBSixHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBUSxLQUFBLEdBQUFMLHdCQUFBLENBQUFDLFdBQUEsT0FBQUksS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQVQsR0FBQSxZQUFBUSxLQUFBLENBQUFFLEdBQUEsQ0FBQVYsR0FBQSxTQUFBVyxNQUFBLFdBQUFDLHFCQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxNQUFBLENBQUFFLHdCQUFBLFdBQUFDLEdBQUEsSUFBQWhCLEdBQUEsUUFBQWdCLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQW5CLEdBQUEsRUFBQWdCLEdBQUEsU0FBQUksSUFBQSxHQUFBUixxQkFBQSxHQUFBQyxNQUFBLENBQUFFLHdCQUFBLENBQUFmLEdBQUEsRUFBQWdCLEdBQUEsY0FBQUksSUFBQSxLQUFBQSxJQUFBLENBQUFWLEdBQUEsSUFBQVUsSUFBQSxDQUFBQyxHQUFBLEtBQUFSLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSCxNQUFBLEVBQUFLLEdBQUEsRUFBQUksSUFBQSxZQUFBVCxNQUFBLENBQUFLLEdBQUEsSUFBQWhCLEdBQUEsQ0FBQWdCLEdBQUEsU0FBQUwsTUFBQSxDQUFBVCxPQUFBLEdBQUFGLEdBQUEsTUFBQVEsS0FBQSxJQUFBQSxLQUFBLENBQUFhLEdBQUEsQ0FBQXJCLEdBQUEsRUFBQVcsTUFBQSxZQUFBQSxNQUFBO0FBQUEsU0FBQVcsU0FBQSxJQUFBQSxRQUFBLEdBQUFULE1BQUEsQ0FBQVUsTUFBQSxHQUFBVixNQUFBLENBQUFVLE1BQUEsQ0FBQUMsSUFBQSxlQUFBQyxNQUFBLGFBQUFDLENBQUEsTUFBQUEsQ0FBQSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsRUFBQUYsQ0FBQSxVQUFBRyxNQUFBLEdBQUFGLFNBQUEsQ0FBQUQsQ0FBQSxZQUFBVixHQUFBLElBQUFhLE1BQUEsUUFBQWhCLE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQVUsTUFBQSxFQUFBYixHQUFBLEtBQUFTLE1BQUEsQ0FBQVQsR0FBQSxJQUFBYSxNQUFBLENBQUFiLEdBQUEsZ0JBQUFTLE1BQUEsWUFBQUgsUUFBQSxDQUFBUSxLQUFBLE9BQUFILFNBQUE7QUFBQSxTQUFBSSx5QkFBQUYsTUFBQSxFQUFBRyxRQUFBLFFBQUFILE1BQUEseUJBQUFKLE1BQUEsR0FBQVEsNkJBQUEsQ0FBQUosTUFBQSxFQUFBRyxRQUFBLE9BQUFoQixHQUFBLEVBQUFVLENBQUEsTUFBQWIsTUFBQSxDQUFBcUIscUJBQUEsUUFBQUMsZ0JBQUEsR0FBQXRCLE1BQUEsQ0FBQXFCLHFCQUFBLENBQUFMLE1BQUEsUUFBQUgsQ0FBQSxNQUFBQSxDQUFBLEdBQUFTLGdCQUFBLENBQUFQLE1BQUEsRUFBQUYsQ0FBQSxNQUFBVixHQUFBLEdBQUFtQixnQkFBQSxDQUFBVCxDQUFBLE9BQUFNLFFBQUEsQ0FBQUksT0FBQSxDQUFBcEIsR0FBQSx1QkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFvQixvQkFBQSxDQUFBbEIsSUFBQSxDQUFBVSxNQUFBLEVBQUFiLEdBQUEsYUFBQVMsTUFBQSxDQUFBVCxHQUFBLElBQUFhLE1BQUEsQ0FBQWIsR0FBQSxjQUFBUyxNQUFBO0FBQUEsU0FBQVEsOEJBQUFKLE1BQUEsRUFBQUcsUUFBQSxRQUFBSCxNQUFBLHlCQUFBSixNQUFBLFdBQUFhLFVBQUEsR0FBQXpCLE1BQUEsQ0FBQTBCLElBQUEsQ0FBQVYsTUFBQSxPQUFBYixHQUFBLEVBQUFVLENBQUEsT0FBQUEsQ0FBQSxNQUFBQSxDQUFBLEdBQUFZLFVBQUEsQ0FBQVYsTUFBQSxFQUFBRixDQUFBLE1BQUFWLEdBQUEsR0FBQXNCLFVBQUEsQ0FBQVosQ0FBQSxPQUFBTSxRQUFBLENBQUFJLE9BQUEsQ0FBQXBCLEdBQUEsa0JBQUFTLE1BQUEsQ0FBQVQsR0FBQSxJQUFBYSxNQUFBLENBQUFiLEdBQUEsWUFBQVMsTUFBQTtBQUdqQyxTQUFTZSxLQUFLQSxDQUFBQyxLQUFBLEVBYW5CQyxJQUF5QyxFQUN6QztFQUFBLElBYkE7TUFDRUMsSUFBSTtNQUNKQyxRQUFRO01BQ1JDLFNBQVMsR0FBRztJQVFkLENBQUMsR0FBQUosS0FBQTtJQVBJSyxVQUFVLEdBQUFmLHdCQUFBLENBQUFVLEtBQUEsRUFBQTFDLFNBQUE7RUFVZixNQUFNZ0QsYUFBYSxHQUFHLElBQUFDLDZCQUFjLEVBQUMsMEJBQTBCLEVBQUUsQ0FBQyxDQUFDLENBQUM7RUFDcEUsTUFBTUMsU0FBUyxHQUFHLElBQUFELDZCQUFjLEVBQUMsd0JBQXdCLEVBQUUsQ0FBQyxDQUFDLENBQUM7RUFFOUQsTUFBTUUsT0FBWSxHQUFHRCxTQUFTLENBQUNOLElBQUksQ0FBMkIsSUFBSSxHQUFHO0VBRXJFLG9CQUNFbEQsTUFBQSxDQUFBUyxPQUFBLENBQUFpRCxhQUFBLENBQUNELE9BQU8sRUFBQTVCLFFBQUE7SUFDTjhCLEdBQUcsRUFBRVYsSUFBSztJQUNWRyxTQUFTLEtBQUFRLE1BQUEsQ0FBS0MsbUJBQU0sQ0FBQ0MsSUFBSSxPQUFBRixNQUFBLENBQUlOLGFBQWEsQ0FBQ0osSUFBSSxDQUErQixPQUFBVSxNQUFBLENBQ3hFUixTQUFTLE9BQUFRLE1BQUEsQ0FBSVAsVUFBVSxDQUFDVSxPQUFPLEdBQUdGLG1CQUFNLENBQUNHLFdBQVcsR0FBRyxFQUFFO0VBQUcsR0FDOURYLFVBQVUsR0FFYkYsUUFDTSxDQUFDO0FBRWQ7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsTUFBTWMsSUFBSSxnQkFBRyxJQUFBQyxpQkFBVSxFQUFDbkIsS0FBSyxDQUFDOztBQUU5QjtBQUNBO0FBQ0E7QUFDQTtBQUhBLElBQUFvQixRQUFBLEdBQUFDLE9BQUEsQ0FBQTNELE9BQUEsR0FJZXdELElBQUkifQ==

package/dist/components/Text/Text.module.scss

@@ -0,0 +1,13 @@
+@use "../../assets/styles/index.scss" as *;
+
+.iteractible {
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.text {
+  margin: 0px;
+  white-space: pre-wrap;
+}

package/dist/components/Text/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Text.default;
+  }
+});
+var _Text = _interopRequireWildcard(require("./Text"));
+Object.keys(_Text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Text[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfVGV4dCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJkZXNjIiwic2V0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL1RleHRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1RleHRcIjsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLEtBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosS0FBQSxFQUFBSyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFOLEtBQUEsQ0FBQU0sR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxDQUFBO01BQUEsT0FBQWQsS0FBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQXVCLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==

package/dist/components/Transition/MasksFactory/DiagonalReveal.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DiagonalReveal;
+var _server = require("react-dom/server");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("./utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function DiagonalReveal(el) {
+  const height = el.clientHeight;
+  const width = el.clientWidth;
+  const time = (0, _utils.getTime)(el);
+  const filterId = "f-".concat(Date.now().toString());
+  const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    id: Date.now().toString()
+  }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
+    id: filterId,
+    x: "0",
+    y: "0"
+  }, /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
+    in: "SourceGraphic",
+    stdDeviation: "15"
+  }))), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "-25",
+    y: "-25",
+    width: "".concat(width * 1.5, "px"),
+    fill: "white",
+    height: "".concat(height * 1.1, "px"),
+    filter: "url(#".concat(filterId, ")")
+  }, /*#__PURE__*/_react.default.createElement("animateTransform", {
+    attributeName: "transform",
+    attributeType: "XML",
+    type: "rotate",
+    values: "0 0 0; 25 0 0; 32 0 0;",
+    dur: "".concat(time, "ms")
+  }), /*#__PURE__*/_react.default.createElement("animateTransform", {
+    additive: "sum",
+    attributeName: "transform",
+    attributeType: "XML",
+    type: "translate",
+    values: "0 0; 0 ".concat(height * 0.2, "; 0 ").concat(height, ";"),
+    dur: "".concat(time, "ms")
+  }))));
+  return "url('data:image/svg+xml;charset=utf8,".concat(encodeURIComponent(resultSvg), "')");
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2VydmVyIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIkRpYWdvbmFsUmV2ZWFsIiwiZWwiLCJoZWlnaHQiLCJjbGllbnRIZWlnaHQiLCJ3aWR0aCIsImNsaWVudFdpZHRoIiwidGltZSIsImdldFRpbWUiLCJmaWx0ZXJJZCIsImNvbmNhdCIsIkRhdGUiLCJub3ciLCJ0b1N0cmluZyIsInJlc3VsdFN2ZyIsInJlbmRlclRvU3RyaW5nIiwiY3JlYXRlRWxlbWVudCIsInhtbG5zIiwiaWQiLCJ4IiwieSIsImluIiwic3RkRGV2aWF0aW9uIiwiZmlsbCIsImZpbHRlciIsImF0dHJpYnV0ZU5hbWUiLCJhdHRyaWJ1dGVUeXBlIiwidHlwZSIsInZhbHVlcyIsImR1ciIsImFkZGl0aXZlIiwiZW5jb2RlVVJJQ29tcG9uZW50Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVHJhbnNpdGlvbi9NYXNrc0ZhY3RvcnkvRGlhZ29uYWxSZXZlYWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHJlbmRlclRvU3RyaW5nIH0gZnJvbSBcInJlYWN0LWRvbS9zZXJ2ZXJcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGdldFRpbWUgfSBmcm9tIFwiLi91dGlsc1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBEaWFnb25hbFJldmVhbChlbDogSFRNTERpdkVsZW1lbnQpIHtcbiAgY29uc3QgaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0O1xuICBjb25zdCB3aWR0aCA9IGVsLmNsaWVudFdpZHRoO1xuICBjb25zdCB0aW1lID0gZ2V0VGltZShlbCk7XG4gIGNvbnN0IGZpbHRlcklkID0gYGYtJHtEYXRlLm5vdygpLnRvU3RyaW5nKCl9YDtcbiAgY29uc3QgcmVzdWx0U3ZnID0gcmVuZGVyVG9TdHJpbmcoXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgaWQ9e0RhdGUubm93KCkudG9TdHJpbmcoKX0+XG4gICAgICA8ZGVmcz5cbiAgICAgICAgPGZpbHRlciBpZD17ZmlsdGVySWR9IHg9XCIwXCIgeT1cIjBcIj5cbiAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49XCJTb3VyY2VHcmFwaGljXCIgc3RkRGV2aWF0aW9uPVwiMTVcIiAvPlxuICAgICAgICA8L2ZpbHRlcj5cbiAgICAgIDwvZGVmcz5cbiAgICAgIDxyZWN0XG4gICAgICAgIHg9XCItMjVcIlxuICAgICAgICB5PVwiLTI1XCJcbiAgICAgICAgd2lkdGg9e2Ake3dpZHRoICogMS41fXB4YH1cbiAgICAgICAgZmlsbD1cIndoaXRlXCJcbiAgICAgICAgaGVpZ2h0PXtgJHtoZWlnaHQgKiAxLjF9cHhgfVxuICAgICAgICBmaWx0ZXI9e2B1cmwoIyR7ZmlsdGVySWR9KWB9XG4gICAgICA+XG4gICAgICAgIDxhbmltYXRlVHJhbnNmb3JtXG4gICAgICAgICAgYXR0cmlidXRlTmFtZT1cInRyYW5zZm9ybVwiXG4gICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgdHlwZT1cInJvdGF0ZVwiXG4gICAgICAgICAgdmFsdWVzPVwiMCAwIDA7IDI1IDAgMDsgMzIgMCAwO1wiXG4gICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgLz5cbiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm1cbiAgICAgICAgICBhZGRpdGl2ZT1cInN1bVwiXG4gICAgICAgICAgYXR0cmlidXRlTmFtZT1cInRyYW5zZm9ybVwiXG4gICAgICAgICAgYXR0cmlidXRlVHlwZT1cIlhNTFwiXG4gICAgICAgICAgdHlwZT1cInRyYW5zbGF0ZVwiXG4gICAgICAgICAgdmFsdWVzPXtgMCAwOyAwICR7aGVpZ2h0ICogMC4yfTsgMCAke2hlaWdodH07YH1cbiAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAvPlxuICAgICAgPC9yZWN0PlxuICAgIDwvc3ZnPlxuICApO1xuXG4gIHJldHVybiBgdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7Y2hhcnNldD11dGY4LCR7ZW5jb2RlVVJJQ29tcG9uZW50KFxuICAgIHJlc3VsdFN2Z1xuICApfScpYDtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsT0FBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsTUFBQSxHQUFBSCxPQUFBO0FBQWtDLFNBQUFFLHVCQUFBRSxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBRW5CLFNBQVNHLGNBQWNBLENBQUNDLEVBQWtCLEVBQUU7RUFDekQsTUFBTUMsTUFBTSxHQUFHRCxFQUFFLENBQUNFLFlBQVk7RUFDOUIsTUFBTUMsS0FBSyxHQUFHSCxFQUFFLENBQUNJLFdBQVc7RUFDNUIsTUFBTUMsSUFBSSxHQUFHLElBQUFDLGNBQU8sRUFBQ04sRUFBRSxDQUFDO0VBQ3hCLE1BQU1PLFFBQVEsUUFBQUMsTUFBQSxDQUFRQyxJQUFJLENBQUNDLEdBQUcsQ0FBQyxDQUFDLENBQUNDLFFBQVEsQ0FBQyxDQUFDLENBQUU7RUFDN0MsTUFBTUMsU0FBUyxHQUFHLElBQUFDLHNCQUFjLGdCQUM5QnBCLE1BQUEsQ0FBQUssT0FBQSxDQUFBZ0IsYUFBQTtJQUFLQyxLQUFLLEVBQUMsNEJBQTRCO0lBQUNDLEVBQUUsRUFBRVAsSUFBSSxDQUFDQyxHQUFHLENBQUMsQ0FBQyxDQUFDQyxRQUFRLENBQUM7RUFBRSxnQkFDaEVsQixNQUFBLENBQUFLLE9BQUEsQ0FBQWdCLGFBQUEsNEJBQ0VyQixNQUFBLENBQUFLLE9BQUEsQ0FBQWdCLGFBQUE7SUFBUUUsRUFBRSxFQUFFVCxRQUFTO0lBQUNVLENBQUMsRUFBQyxHQUFHO0lBQUNDLENBQUMsRUFBQztFQUFHLGdCQUMvQnpCLE1BQUEsQ0FBQUssT0FBQSxDQUFBZ0IsYUFBQTtJQUFnQkssRUFBRSxFQUFDLGVBQWU7SUFBQ0MsWUFBWSxFQUFDO0VBQUksQ0FBRSxDQUNoRCxDQUNKLENBQUMsZUFDUDNCLE1BQUEsQ0FBQUssT0FBQSxDQUFBZ0IsYUFBQTtJQUNFRyxDQUFDLEVBQUMsS0FBSztJQUNQQyxDQUFDLEVBQUMsS0FBSztJQUNQZixLQUFLLEtBQUFLLE1BQUEsQ0FBS0wsS0FBSyxHQUFHLEdBQUcsT0FBSztJQUMxQmtCLElBQUksRUFBQyxPQUFPO0lBQ1pwQixNQUFNLEtBQUFPLE1BQUEsQ0FBS1AsTUFBTSxHQUFHLEdBQUcsT0FBSztJQUM1QnFCLE1BQU0sVUFBQWQsTUFBQSxDQUFVRCxRQUFRO0VBQUksZ0JBRTVCZCxNQUFBLENBQUFLLE9BQUEsQ0FBQWdCLGFBQUE7SUFDRVMsYUFBYSxFQUFDLFdBQVc7SUFDekJDLGFBQWEsRUFBQyxLQUFLO0lBQ25CQyxJQUFJLEVBQUMsUUFBUTtJQUNiQyxNQUFNLEVBQUMsd0JBQXdCO0lBQy9CQyxHQUFHLEtBQUFuQixNQUFBLENBQUtILElBQUk7RUFBSyxDQUNsQixDQUFDLGVBQ0ZaLE1BQUEsQ0FBQUssT0FBQSxDQUFBZ0IsYUFBQTtJQUNFYyxRQUFRLEVBQUMsS0FBSztJQUNkTCxhQUFhLEVBQUMsV0FBVztJQUN6QkMsYUFBYSxFQUFDLEtBQUs7SUFDbkJDLElBQUksRUFBQyxXQUFXO0lBQ2hCQyxNQUFNLFlBQUFsQixNQUFBLENBQVlQLE1BQU0sR0FBRyxHQUFHLFVBQUFPLE1BQUEsQ0FBT1AsTUFBTSxNQUFJO0lBQy9DMEIsR0FBRyxLQUFBbkIsTUFBQSxDQUFLSCxJQUFJO0VBQUssQ0FDbEIsQ0FDRyxDQUNILENBQ1AsQ0FBQztFQUVELCtDQUFBRyxNQUFBLENBQStDcUIsa0JBQWtCLENBQy9EakIsU0FDRixDQUFDO0FBQ0gifQ==

package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DiagonalSquareToBalls;
+var _server = require("react-dom/server");
+var _react = _interopRequireDefault(require("react"));
+var _utils = _interopRequireWildcard(require("./utils"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
+ */
+function DiagonalSquareToBalls() {
+  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  return function (el) {
+    const height = el.clientHeight;
+    const width = el.clientWidth;
+    const _ballsize = height / amountOfVerticalSquares;
+    const maximumBalls = width / _ballsize;
+    const amountOfBalls = Math.floor(maximumBalls);
+    const _time = (0, _utils.getTime)(el);
+    const rndTime = () => _time * 0.25 + _time * 0.75 * 1;
+    const resultSvg = (0, _server.renderToString)( /*#__PURE__*/_react.default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      id: Date.now().toString()
+    }, (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize).map(_ref => {
+      let {
+        ballSize: _ballsize,
+        x: _x,
+        y: _y,
+        column,
+        row
+      } = _ref;
+      const ratio = column / amountOfBalls * (row / amountOfVerticalSquares);
+      const fourthTime = rndTime() * 0.25;
+      const time = fourthTime + ratio * (fourthTime * 3);
+      const padding = 1 * _ballsize;
+      const ballsize = _ballsize - padding;
+      const x = _x + padding / 2;
+      const y = _y + padding / 2;
+      return /*#__PURE__*/_react.default.createElement("rect", {
+        fill: "white",
+        rx: "".concat(ballsize, "px")
+      }, /*#__PURE__*/_react.default.createElement("animate", {
+        attributeName: "rx",
+        attributeType: "XML",
+        values: "".concat(0, "px;", 0, "px;", _ballsize, "px"),
+        dur: "".concat(time / 2, "ms")
+      }), /*#__PURE__*/_react.default.createElement("animate", {
+        attributeName: "x",
+        attributeType: "XML",
+        values: "".concat(_x, "px;").concat(x, "px;").concat(x + ballsize / 2, "px"),
+        dur: "".concat(time, "ms")
+      }), /*#__PURE__*/_react.default.createElement("animate", {
+        attributeName: "y",
+        attributeType: "XML",
+        values: "".concat(_y, "px;").concat(y, "px;").concat(y + ballsize / 2, "px"),
+        dur: "".concat(time, "ms")
+      }), /*#__PURE__*/_react.default.createElement("animate", {
+        attributeName: "width",
+        attributeType: "XML",
+        values: "".concat(_ballsize, "px;").concat(ballsize, "px;", 0, "px"),
+        dur: "".concat(time, "ms")
+      }), /*#__PURE__*/_react.default.createElement("animate", {
+        attributeName: "height",
+        attributeType: "XML",
+        values: "".concat(_ballsize, "px;").concat(ballsize, "px;", 0, "px"),
+        dur: "".concat(time, "ms")
+      }));
+    })));
+    return "url('data:image/svg+xml;charset=utf8,".concat(encodeURIComponent(resultSvg), "')");
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfc2VydmVyIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfdXRpbHMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJEaWFnb25hbFNxdWFyZVRvQmFsbHMiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImVsIiwiaGVpZ2h0IiwiY2xpZW50SGVpZ2h0Iiwid2lkdGgiLCJjbGllbnRXaWR0aCIsIl9iYWxsc2l6ZSIsIm1heGltdW1CYWxscyIsImFtb3VudE9mQmFsbHMiLCJNYXRoIiwiZmxvb3IiLCJfdGltZSIsImdldFRpbWUiLCJybmRUaW1lIiwicmVzdWx0U3ZnIiwicmVuZGVyVG9TdHJpbmciLCJjcmVhdGVFbGVtZW50IiwieG1sbnMiLCJpZCIsIkRhdGUiLCJub3ciLCJ0b1N0cmluZyIsImJ1aWxkR3JpZCIsIm1hcCIsIl9yZWYiLCJiYWxsU2l6ZSIsIngiLCJfeCIsInkiLCJfeSIsImNvbHVtbiIsInJvdyIsInJhdGlvIiwiZm91cnRoVGltZSIsInRpbWUiLCJwYWRkaW5nIiwiYmFsbHNpemUiLCJmaWxsIiwicngiLCJjb25jYXQiLCJhdHRyaWJ1dGVOYW1lIiwiYXR0cmlidXRlVHlwZSIsInZhbHVlcyIsImR1ciIsImVuY29kZVVSSUNvbXBvbmVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RyYW5zaXRpb24vTWFza3NGYWN0b3J5L0RpYWdvbmFsU3F1YXJlVG9CYWxscy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVuZGVyVG9TdHJpbmcgfSBmcm9tIFwicmVhY3QtZG9tL3NlcnZlclwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGJ1aWxkR3JpZCwgeyBnZXRUaW1lIH0gZnJvbSBcIi4vdXRpbHNcIjtcblxuLyoqXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRGlhZ29uYWxTcXVhcmVUb0JhbGxzKFxuICBhbW91bnRPZlZlcnRpY2FsU3F1YXJlczogbnVtYmVyID0gMTBcbikge1xuICByZXR1cm4gZnVuY3Rpb24gKGVsOiBIVE1MRGl2RWxlbWVudCkge1xuICAgIGNvbnN0IGhlaWdodCA9IGVsLmNsaWVudEhlaWdodDtcbiAgICBjb25zdCB3aWR0aCA9IGVsLmNsaWVudFdpZHRoO1xuICAgIGNvbnN0IF9iYWxsc2l6ZSA9IGhlaWdodCAvIGFtb3VudE9mVmVydGljYWxTcXVhcmVzO1xuICAgIGNvbnN0IG1heGltdW1CYWxscyA9IHdpZHRoIC8gX2JhbGxzaXplO1xuICAgIGNvbnN0IGFtb3VudE9mQmFsbHMgPSBNYXRoLmZsb29yKG1heGltdW1CYWxscyk7XG5cbiAgICBjb25zdCBfdGltZSA9IGdldFRpbWUoZWwpO1xuICAgIGNvbnN0IHJuZFRpbWUgPSAoKSA9PiBfdGltZSAqIDAuMjUgKyBfdGltZSAqIDAuNzUgKiAxO1xuXG4gICAgY29uc3QgcmVzdWx0U3ZnID0gcmVuZGVyVG9TdHJpbmcoXG4gICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBpZD17RGF0ZS5ub3coKS50b1N0cmluZygpfT5cbiAgICAgICAge2J1aWxkR3JpZChhbW91bnRPZlZlcnRpY2FsU3F1YXJlcywgYW1vdW50T2ZCYWxscywgX2JhbGxzaXplKS5tYXAoXG4gICAgICAgICAgKHsgYmFsbFNpemU6IF9iYWxsc2l6ZSwgeDogX3gsIHk6IF95LCBjb2x1bW4sIHJvdyB9KSA9PiB7XG4gICAgICAgICAgICBjb25zdCByYXRpbyA9XG4gICAgICAgICAgICAgIChjb2x1bW4gLyBhbW91bnRPZkJhbGxzKSAqIChyb3cgLyBhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyk7XG4gICAgICAgICAgICBjb25zdCBmb3VydGhUaW1lID0gcm5kVGltZSgpICogMC4yNTtcbiAgICAgICAgICAgIGNvbnN0IHRpbWUgPSBmb3VydGhUaW1lICsgcmF0aW8gKiAoZm91cnRoVGltZSAqIDMpO1xuICAgICAgICAgICAgY29uc3QgcGFkZGluZyA9IDEgKiBfYmFsbHNpemU7XG4gICAgICAgICAgICBjb25zdCBiYWxsc2l6ZSA9IF9iYWxsc2l6ZSAtIHBhZGRpbmc7XG5cbiAgICAgICAgICAgIGNvbnN0IHggPSBfeCArIHBhZGRpbmcgLyAyO1xuICAgICAgICAgICAgY29uc3QgeSA9IF95ICsgcGFkZGluZyAvIDI7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8cmVjdCBmaWxsPVwid2hpdGVcIiByeD17YCR7YmFsbHNpemV9cHhgfT5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cInJ4XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHswfXB4OyR7MH1weDske19iYWxsc2l6ZX1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWUgLyAyfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwieFwiXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVUeXBlPVwiWE1MXCJcbiAgICAgICAgICAgICAgICAgIHZhbHVlcz17YCR7X3h9cHg7JHt4fXB4OyR7eCArIGJhbGxzaXplIC8gMn1weGB9XG4gICAgICAgICAgICAgICAgICBkdXI9e2Ake3RpbWV9bXNgfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPGFuaW1hdGVcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9XCJ5XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtfeX1weDske3l9cHg7JHt5ICsgYmFsbHNpemUgLyAyfXB4YH1cbiAgICAgICAgICAgICAgICAgIGR1cj17YCR7dGltZX1tc2B9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8YW5pbWF0ZVxuICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT1cIndpZHRoXCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtfYmFsbHNpemV9cHg7JHtiYWxsc2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxhbmltYXRlXG4gICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPVwiaGVpZ2h0XCJcbiAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9XCJYTUxcIlxuICAgICAgICAgICAgICAgICAgdmFsdWVzPXtgJHtfYmFsbHNpemV9cHg7JHtiYWxsc2l6ZX1weDskezB9cHhgfVxuICAgICAgICAgICAgICAgICAgZHVyPXtgJHt0aW1lfW1zYH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L3JlY3Q+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cbiAgICAgICAgKX1cbiAgICAgIDwvc3ZnPlxuICAgICk7XG5cbiAgICByZXR1cm4gYHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2NoYXJzZXQ9dXRmOCwke2VuY29kZVVSSUNvbXBvbmVudChcbiAgICAgIHJlc3VsdFN2Z1xuICAgICl9JylgO1xuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxPQUFBLEdBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFDLHVCQUFBLENBQUFKLE9BQUE7QUFBNkMsU0FBQUsseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQUYsd0JBQUFNLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQUUsR0FBQSxDQUFBTCxHQUFBLFNBQUFNLE1BQUEsV0FBQUMscUJBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1BQUEsQ0FBQUUsd0JBQUEsV0FBQUMsR0FBQSxJQUFBWCxHQUFBLFFBQUFXLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQWQsR0FBQSxFQUFBVyxHQUFBLFNBQUFJLElBQUEsR0FBQVIscUJBQUEsR0FBQUMsTUFBQSxDQUFBRSx3QkFBQSxDQUFBVixHQUFBLEVBQUFXLEdBQUEsY0FBQUksSUFBQSxLQUFBQSxJQUFBLENBQUFWLEdBQUEsSUFBQVUsSUFBQSxDQUFBQyxHQUFBLEtBQUFSLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSCxNQUFBLEVBQUFLLEdBQUEsRUFBQUksSUFBQSxZQUFBVCxNQUFBLENBQUFLLEdBQUEsSUFBQVgsR0FBQSxDQUFBVyxHQUFBLFNBQUFMLE1BQUEsQ0FBQUosT0FBQSxHQUFBRixHQUFBLE1BQUFHLEtBQUEsSUFBQUEsS0FBQSxDQUFBYSxHQUFBLENBQUFoQixHQUFBLEVBQUFNLE1BQUEsWUFBQUEsTUFBQTtBQUFBLFNBQUFkLHVCQUFBUSxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBRTdDO0FBQ0E7QUFDQTtBQUNBO0FBQ2UsU0FBU2lCLHFCQUFxQkEsQ0FBQSxFQUUzQztFQUFBLElBREFDLHVCQUErQixHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxFQUFFO0VBRXBDLE9BQU8sVUFBVUcsRUFBa0IsRUFBRTtJQUNuQyxNQUFNQyxNQUFNLEdBQUdELEVBQUUsQ0FBQ0UsWUFBWTtJQUM5QixNQUFNQyxLQUFLLEdBQUdILEVBQUUsQ0FBQ0ksV0FBVztJQUM1QixNQUFNQyxTQUFTLEdBQUdKLE1BQU0sR0FBR0wsdUJBQXVCO0lBQ2xELE1BQU1VLFlBQVksR0FBR0gsS0FBSyxHQUFHRSxTQUFTO0lBQ3RDLE1BQU1FLGFBQWEsR0FBR0MsSUFBSSxDQUFDQyxLQUFLLENBQUNILFlBQVksQ0FBQztJQUU5QyxNQUFNSSxLQUFLLEdBQUcsSUFBQUMsY0FBTyxFQUFDWCxFQUFFLENBQUM7SUFDekIsTUFBTVksT0FBTyxHQUFHQSxDQUFBLEtBQU1GLEtBQUssR0FBRyxJQUFJLEdBQUdBLEtBQUssR0FBRyxJQUFJLEdBQUcsQ0FBQztJQUVyRCxNQUFNRyxTQUFTLEdBQUcsSUFBQUMsc0JBQWMsZ0JBQzlCN0MsTUFBQSxDQUFBVyxPQUFBLENBQUFtQyxhQUFBO01BQUtDLEtBQUssRUFBQyw0QkFBNEI7TUFBQ0MsRUFBRSxFQUFFQyxJQUFJLENBQUNDLEdBQUcsQ0FBQyxDQUFDLENBQUNDLFFBQVEsQ0FBQztJQUFFLEdBQy9ELElBQUFDLGNBQVMsRUFBQ3pCLHVCQUF1QixFQUFFVyxhQUFhLEVBQUVGLFNBQVMsQ0FBQyxDQUFDaUIsR0FBRyxDQUMvREMsSUFBQSxJQUF3RDtNQUFBLElBQXZEO1FBQUVDLFFBQVEsRUFBRW5CLFNBQVM7UUFBRW9CLENBQUMsRUFBRUMsRUFBRTtRQUFFQyxDQUFDLEVBQUVDLEVBQUU7UUFBRUMsTUFBTTtRQUFFQztNQUFJLENBQUMsR0FBQVAsSUFBQTtNQUNqRCxNQUFNUSxLQUFLLEdBQ1JGLE1BQU0sR0FBR3RCLGFBQWEsSUFBS3VCLEdBQUcsR0FBR2xDLHVCQUF1QixDQUFDO01BQzVELE1BQU1vQyxVQUFVLEdBQUdwQixPQUFPLENBQUMsQ0FBQyxHQUFHLElBQUk7TUFDbkMsTUFBTXFCLElBQUksR0FBR0QsVUFBVSxHQUFHRCxLQUFLLElBQUlDLFVBQVUsR0FBRyxDQUFDLENBQUM7TUFDbEQsTUFBTUUsT0FBTyxHQUFHLENBQUMsR0FBRzdCLFNBQVM7TUFDN0IsTUFBTThCLFFBQVEsR0FBRzlCLFNBQVMsR0FBRzZCLE9BQU87TUFFcEMsTUFBTVQsQ0FBQyxHQUFHQyxFQUFFLEdBQUdRLE9BQU8sR0FBRyxDQUFDO01BQzFCLE1BQU1QLENBQUMsR0FBR0MsRUFBRSxHQUFHTSxPQUFPLEdBQUcsQ0FBQztNQUMxQixvQkFDRWpFLE1BQUEsQ0FBQVcsT0FBQSxDQUFBbUMsYUFBQTtRQUFNcUIsSUFBSSxFQUFDLE9BQU87UUFBQ0MsRUFBRSxLQUFBQyxNQUFBLENBQUtILFFBQVE7TUFBSyxnQkFDckNsRSxNQUFBLENBQUFXLE9BQUEsQ0FBQW1DLGFBQUE7UUFDRXdCLGFBQWEsRUFBQyxJQUFJO1FBQ2xCQyxhQUFhLEVBQUMsS0FBSztRQUNuQkMsTUFBTSxLQUFBSCxNQUFBLENBQUssQ0FBQyxTQUFNLENBQUMsU0FBTWpDLFNBQVMsT0FBSztRQUN2Q3FDLEdBQUcsS0FBQUosTUFBQSxDQUFLTCxJQUFJLEdBQUcsQ0FBQztNQUFLLENBQ3RCLENBQUMsZUFDRmhFLE1BQUEsQ0FBQVcsT0FBQSxDQUFBbUMsYUFBQTtRQUNFd0IsYUFBYSxFQUFDLEdBQUc7UUFDakJDLGFBQWEsRUFBQyxLQUFLO1FBQ25CQyxNQUFNLEtBQUFILE1BQUEsQ0FBS1osRUFBRSxTQUFBWSxNQUFBLENBQU1iLENBQUMsU0FBQWEsTUFBQSxDQUFNYixDQUFDLEdBQUdVLFFBQVEsR0FBRyxDQUFDLE9BQUs7UUFDL0NPLEdBQUcsS0FBQUosTUFBQSxDQUFLTCxJQUFJO01BQUssQ0FDbEIsQ0FBQyxlQUNGaEUsTUFBQSxDQUFBVyxPQUFBLENBQUFtQyxhQUFBO1FBQ0V3QixhQUFhLEVBQUMsR0FBRztRQUNqQkMsYUFBYSxFQUFDLEtBQUs7UUFDbkJDLE1BQU0sS0FBQUgsTUFBQSxDQUFLVixFQUFFLFNBQUFVLE1BQUEsQ0FBTVgsQ0FBQyxTQUFBVyxNQUFBLENBQU1YLENBQUMsR0FBR1EsUUFBUSxHQUFHLENBQUMsT0FBSztRQUMvQ08sR0FBRyxLQUFBSixNQUFBLENBQUtMLElBQUk7TUFBSyxDQUNsQixDQUFDLGVBQ0ZoRSxNQUFBLENBQUFXLE9BQUEsQ0FBQW1DLGFBQUE7UUFDRXdCLGFBQWEsRUFBQyxPQUFPO1FBQ3JCQyxhQUFhLEVBQUMsS0FBSztRQUNuQkMsTUFBTSxLQUFBSCxNQUFBLENBQUtqQyxTQUFTLFNBQUFpQyxNQUFBLENBQU1ILFFBQVEsU0FBTSxDQUFDLE9BQUs7UUFDOUNPLEdBQUcsS0FBQUosTUFBQSxDQUFLTCxJQUFJO01BQUssQ0FDbEIsQ0FBQyxlQUNGaEUsTUFBQSxDQUFBVyxPQUFBLENBQUFtQyxhQUFBO1FBQ0V3QixhQUFhLEVBQUMsUUFBUTtRQUN0QkMsYUFBYSxFQUFDLEtBQUs7UUFDbkJDLE1BQU0sS0FBQUgsTUFBQSxDQUFLakMsU0FBUyxTQUFBaUMsTUFBQSxDQUFNSCxRQUFRLFNBQU0sQ0FBQyxPQUFLO1FBQzlDTyxHQUFHLEtBQUFKLE1BQUEsQ0FBS0wsSUFBSTtNQUFLLENBQ2xCLENBQ0csQ0FBQztJQUVYLENBQ0YsQ0FDRyxDQUNQLENBQUM7SUFFRCwrQ0FBQUssTUFBQSxDQUErQ0ssa0JBQWtCLENBQy9EOUIsU0FDRixDQUFDO0VBQ0gsQ0FBQztBQUNIIn0=

package/dist/components/Transition/MasksFactory/PhysicsSquares.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PhysicsSquares;
+var _matterJs = _interopRequireDefault(require("matter-js"));
+var _utils = _interopRequireDefault(require("./utils"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * DO NOT DARE TO USE THIS IF YOU HAVE A MINIMAL RESPECT FOR PERFORMANCE
+ * 
+ * Creates an svg that transitions from a square grid to rounded corners and them shrinks the balls to reveal the content
+ * @param amountOfVerticalSquares The amount of squares vertically to be shown
+ */
+function PhysicsSquares() {
+  let amountOfVerticalSquares = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  return function (el) {
+    const height = el.clientHeight;
+    const width = el.clientWidth;
+    const _ballsize = height / amountOfVerticalSquares;
+    const maximumBalls = width / _ballsize;
+    const amountOfBalls = Math.floor(maximumBalls);
+    const gridData = (0, _utils.default)(amountOfVerticalSquares, amountOfBalls, _ballsize);
+    const _time = getComputedStyle(el).getPropertyValue("--animation-speed-transition");
+    const time = _time.endsWith("ms") ? Number(_time.replace("ms", "")) : Number(_time.replace("s", "")) * 1000;
+    const canvas = document.createElement("canvas");
+    canvas.width = el.clientWidth / 10;
+    canvas.height = el.clientHeight / 10;
+    // module aliases
+    var Engine = _matterJs.default.Engine,
+      Render = _matterJs.default.Render,
+      Runner = _matterJs.default.Runner,
+      Bodies = _matterJs.default.Bodies,
+      Composite = _matterJs.default.Composite;
+
+    // create an engine
+    var engine = Engine.create();
+
+    // create a renderer
+    var render = Render.create({
+      engine: engine,
+      options: {
+        wireframes: false,
+        background: "black",
+        height: el.clientHeight,
+        width: el.clientWidth
+      },
+      canvas: canvas,
+      bounds: {
+        min: {
+          x: 0,
+          y: 0
+        },
+        max: {
+          x: el.clientWidth,
+          y: el.clientHeight
+        }
+      }
+    });
+    var ground = Bodies.rectangle(0, el.clientHeight, el.clientWidth * 2, 10, {
+      render: {
+        fillStyle: "black"
+      },
+      angle: 0.1,
+      isStatic: true
+    });
+    const gridBodies = gridData.map(a => Bodies.circle(a.x + a.ballSize / 2 + Math.random() * a.ballSize / 2, a.y + a.ballSize / 2 + Math.random() * a.ballSize / 2, a.ballSize / 4 + Math.random() * a.ballSize / 4, {
+      density: 0.1,
+      render: {
+        fillStyle: "black"
+      }
+    }));
+
+    // add all of the bodies to the world
+    Composite.add(engine.world, [...gridBodies, ground]);
+
+    // run the renderer
+    Render.run(render);
+
+    // create runner
+    var runner = Runner.create();
+
+    // run the engine
+    Runner.run(runner, engine);
+    const i = setInterval(() => {
+      el.firstElementChild.style.webkitMaskImage = "url('".concat(canvas.toDataURL("base64"), "')");
+    }, 1000 / 60);
+    setTimeout(() => {
+      clearInterval(i);
+      Runner.stop(runner);
+    }, time);
+    return "";
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfbWF0dGVySnMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl91dGlscyIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiUGh5c2ljc1NxdWFyZXMiLCJhbW91bnRPZlZlcnRpY2FsU3F1YXJlcyIsImFyZ3VtZW50cyIsImxlbmd0aCIsInVuZGVmaW5lZCIsImVsIiwiaGVpZ2h0IiwiY2xpZW50SGVpZ2h0Iiwid2lkdGgiLCJjbGllbnRXaWR0aCIsIl9iYWxsc2l6ZSIsIm1heGltdW1CYWxscyIsImFtb3VudE9mQmFsbHMiLCJNYXRoIiwiZmxvb3IiLCJncmlkRGF0YSIsImJ1aWxkR3JpZCIsIl90aW1lIiwiZ2V0Q29tcHV0ZWRTdHlsZSIsImdldFByb3BlcnR5VmFsdWUiLCJ0aW1lIiwiZW5kc1dpdGgiLCJOdW1iZXIiLCJyZXBsYWNlIiwiY2FudmFzIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiRW5naW5lIiwiTWF0dGVyIiwiUmVuZGVyIiwiUnVubmVyIiwiQm9kaWVzIiwiQ29tcG9zaXRlIiwiZW5naW5lIiwiY3JlYXRlIiwicmVuZGVyIiwib3B0aW9ucyIsIndpcmVmcmFtZXMiLCJiYWNrZ3JvdW5kIiwiYm91bmRzIiwibWluIiwieCIsInkiLCJtYXgiLCJncm91bmQiLCJyZWN0YW5nbGUiLCJmaWxsU3R5bGUiLCJhbmdsZSIsImlzU3RhdGljIiwiZ3JpZEJvZGllcyIsIm1hcCIsImEiLCJjaXJjbGUiLCJiYWxsU2l6ZSIsInJhbmRvbSIsImRlbnNpdHkiLCJhZGQiLCJ3b3JsZCIsInJ1biIsInJ1bm5lciIsImkiLCJzZXRJbnRlcnZhbCIsImZpcnN0RWxlbWVudENoaWxkIiwic3R5bGUiLCJ3ZWJraXRNYXNrSW1hZ2UiLCJjb25jYXQiLCJ0b0RhdGFVUkwiLCJzZXRUaW1lb3V0IiwiY2xlYXJJbnRlcnZhbCIsInN0b3AiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UcmFuc2l0aW9uL01hc2tzRmFjdG9yeS9QaHlzaWNzU3F1YXJlcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IE1hdHRlciBmcm9tIFwibWF0dGVyLWpzXCI7XG5pbXBvcnQgYnVpbGRHcmlkIGZyb20gXCIuL3V0aWxzXCI7XG4vKipcbiAqIERPIE5PVCBEQVJFIFRPIFVTRSBUSElTIElGIFlPVSBIQVZFIEEgTUlOSU1BTCBSRVNQRUNUIEZPUiBQRVJGT1JNQU5DRVxuICogXG4gKiBDcmVhdGVzIGFuIHN2ZyB0aGF0IHRyYW5zaXRpb25zIGZyb20gYSBzcXVhcmUgZ3JpZCB0byByb3VuZGVkIGNvcm5lcnMgYW5kIHRoZW0gc2hyaW5rcyB0aGUgYmFsbHMgdG8gcmV2ZWFsIHRoZSBjb250ZW50XG4gKiBAcGFyYW0gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXMgVGhlIGFtb3VudCBvZiBzcXVhcmVzIHZlcnRpY2FsbHkgdG8gYmUgc2hvd25cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUGh5c2ljc1NxdWFyZXMoYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM6IG51bWJlciA9IDEwKSB7XG4gIHJldHVybiBmdW5jdGlvbiAoZWw6IEhUTUxEaXZFbGVtZW50KSB7XG4gICAgY29uc3QgaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0O1xuICAgIGNvbnN0IHdpZHRoID0gZWwuY2xpZW50V2lkdGg7XG4gICAgY29uc3QgX2JhbGxzaXplID0gaGVpZ2h0IC8gYW1vdW50T2ZWZXJ0aWNhbFNxdWFyZXM7XG4gICAgY29uc3QgbWF4aW11bUJhbGxzID0gd2lkdGggLyBfYmFsbHNpemU7XG4gICAgY29uc3QgYW1vdW50T2ZCYWxscyA9IE1hdGguZmxvb3IobWF4aW11bUJhbGxzKTtcbiAgICBjb25zdCBncmlkRGF0YSA9IGJ1aWxkR3JpZChcbiAgICAgIGFtb3VudE9mVmVydGljYWxTcXVhcmVzLFxuICAgICAgYW1vdW50T2ZCYWxscyxcbiAgICAgIF9iYWxsc2l6ZVxuICAgICk7XG4gICAgY29uc3QgX3RpbWUgPSBnZXRDb21wdXRlZFN0eWxlKGVsKS5nZXRQcm9wZXJ0eVZhbHVlKFxuICAgICAgXCItLWFuaW1hdGlvbi1zcGVlZC10cmFuc2l0aW9uXCJcbiAgICApO1xuICAgIGNvbnN0IHRpbWUgPSBfdGltZS5lbmRzV2l0aChcIm1zXCIpXG4gICAgICA/IE51bWJlcihfdGltZS5yZXBsYWNlKFwibXNcIiwgXCJcIikpXG4gICAgICA6IE51bWJlcihfdGltZS5yZXBsYWNlKFwic1wiLCBcIlwiKSkgKiAxMDAwO1xuICAgIGNvbnN0IGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJjYW52YXNcIik7XG4gICAgY2FudmFzLndpZHRoID0gZWwuY2xpZW50V2lkdGggLyAxMDtcbiAgICBjYW52YXMuaGVpZ2h0ID0gZWwuY2xpZW50SGVpZ2h0IC8gMTA7XG4gICAgLy8gbW9kdWxlIGFsaWFzZXNcbiAgICB2YXIgRW5naW5lID0gTWF0dGVyLkVuZ2luZSxcbiAgICAgIFJlbmRlciA9IE1hdHRlci5SZW5kZXIsXG4gICAgICBSdW5uZXIgPSBNYXR0ZXIuUnVubmVyLFxuICAgICAgQm9kaWVzID0gTWF0dGVyLkJvZGllcyxcbiAgICAgIENvbXBvc2l0ZSA9IE1hdHRlci5Db21wb3NpdGU7XG5cbiAgICAvLyBjcmVhdGUgYW4gZW5naW5lXG4gICAgdmFyIGVuZ2luZSA9IEVuZ2luZS5jcmVhdGUoKTtcblxuICAgIC8vIGNyZWF0ZSBhIHJlbmRlcmVyXG4gICAgdmFyIHJlbmRlciA9IFJlbmRlci5jcmVhdGUoe1xuICAgICAgZW5naW5lOiBlbmdpbmUsXG4gICAgICBvcHRpb25zOiB7XG4gICAgICAgIHdpcmVmcmFtZXM6IGZhbHNlLFxuICAgICAgICBiYWNrZ3JvdW5kOiBcImJsYWNrXCIsXG4gICAgICAgIGhlaWdodDogZWwuY2xpZW50SGVpZ2h0LFxuICAgICAgICB3aWR0aDogZWwuY2xpZW50V2lkdGgsXG4gICAgICB9LFxuICAgICAgY2FudmFzOiBjYW52YXMsXG4gICAgICBib3VuZHM6IHtcbiAgICAgICAgbWluOiB7XG4gICAgICAgICAgeDogMCxcbiAgICAgICAgICB5OiAwLFxuICAgICAgICB9LFxuICAgICAgICBtYXg6IHtcbiAgICAgICAgICB4OiBlbC5jbGllbnRXaWR0aCxcbiAgICAgICAgICB5OiBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pO1xuICAgIHZhciBncm91bmQgPSBCb2RpZXMucmVjdGFuZ2xlKDAsIGVsLmNsaWVudEhlaWdodCwgZWwuY2xpZW50V2lkdGggKiAyLCAxMCwge1xuICAgICAgcmVuZGVyOiB7XG4gICAgICAgIGZpbGxTdHlsZTogXCJibGFja1wiLFxuICAgICAgfSxcbiAgICAgIGFuZ2xlOiAwLjEsXG4gICAgICBpc1N0YXRpYzogdHJ1ZSxcbiAgICB9KTtcblxuICAgIGNvbnN0IGdyaWRCb2RpZXMgPSBncmlkRGF0YS5tYXAoKGEpID0+XG4gICAgICBCb2RpZXMuY2lyY2xlKFxuICAgICAgICBhLnggKyBhLmJhbGxTaXplIC8gMiArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyAyLFxuICAgICAgICBhLnkgKyBhLmJhbGxTaXplIC8gMiArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyAyLFxuICAgICAgICBhLmJhbGxTaXplIC8gNCArIChNYXRoLnJhbmRvbSgpICogYS5iYWxsU2l6ZSkgLyA0LFxuICAgICAgICB7XG4gICAgICAgICAgZGVuc2l0eTogMC4xLFxuICAgICAgICAgIHJlbmRlcjoge1xuICAgICAgICAgICAgZmlsbFN0eWxlOiBcImJsYWNrXCIsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgKVxuICAgICk7XG5cbiAgICAvLyBhZGQgYWxsIG9mIHRoZSBib2RpZXMgdG8gdGhlIHdvcmxkXG4gICAgQ29tcG9zaXRlLmFkZChlbmdpbmUud29ybGQsIFsuLi5ncmlkQm9kaWVzLCBncm91bmRdKTtcblxuICAgIC8vIHJ1biB0aGUgcmVuZGVyZXJcbiAgICBSZW5kZXIucnVuKHJlbmRlcik7XG5cbiAgICAvLyBjcmVhdGUgcnVubmVyXG4gICAgdmFyIHJ1bm5lciA9IFJ1bm5lci5jcmVhdGUoKTtcblxuICAgIC8vIHJ1biB0aGUgZW5naW5lXG4gICAgUnVubmVyLnJ1bihydW5uZXIsIGVuZ2luZSk7XG5cbiAgICBjb25zdCBpID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgKFxuICAgICAgICBlbC5maXJzdEVsZW1lbnRDaGlsZCEgYXMgSFRNTERpdkVsZW1lbnRcbiAgICAgICkuc3R5bGUud2Via2l0TWFza0ltYWdlID0gYHVybCgnJHtjYW52YXMhLnRvRGF0YVVSTChcImJhc2U2NFwiKX0nKWA7XG4gICAgfSwgMTAwMCAvIDYwKTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNsZWFySW50ZXJ2YWwoaSk7XG4gICAgICBSdW5uZXIuc3RvcChydW5uZXIpO1xuICAgIH0sIHRpbWUpO1xuICAgIHJldHVybiBgYDtcbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsU0FBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQWdDLFNBQUFELHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQ2hDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNlLFNBQVNHLGNBQWNBLENBQUEsRUFBdUM7RUFBQSxJQUF0Q0MsdUJBQStCLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLEVBQUU7RUFDekUsT0FBTyxVQUFVRyxFQUFrQixFQUFFO0lBQ25DLE1BQU1DLE1BQU0sR0FBR0QsRUFBRSxDQUFDRSxZQUFZO0lBQzlCLE1BQU1DLEtBQUssR0FBR0gsRUFBRSxDQUFDSSxXQUFXO0lBQzVCLE1BQU1DLFNBQVMsR0FBR0osTUFBTSxHQUFHTCx1QkFBdUI7SUFDbEQsTUFBTVUsWUFBWSxHQUFHSCxLQUFLLEdBQUdFLFNBQVM7SUFDdEMsTUFBTUUsYUFBYSxHQUFHQyxJQUFJLENBQUNDLEtBQUssQ0FBQ0gsWUFBWSxDQUFDO0lBQzlDLE1BQU1JLFFBQVEsR0FBRyxJQUFBQyxjQUFTLEVBQ3hCZix1QkFBdUIsRUFDdkJXLGFBQWEsRUFDYkYsU0FDRixDQUFDO0lBQ0QsTUFBTU8sS0FBSyxHQUFHQyxnQkFBZ0IsQ0FBQ2IsRUFBRSxDQUFDLENBQUNjLGdCQUFnQixDQUNqRCw4QkFDRixDQUFDO0lBQ0QsTUFBTUMsSUFBSSxHQUFHSCxLQUFLLENBQUNJLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FDN0JDLE1BQU0sQ0FBQ0wsS0FBSyxDQUFDTSxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQy9CRCxNQUFNLENBQUNMLEtBQUssQ0FBQ00sT0FBTyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLElBQUk7SUFDekMsTUFBTUMsTUFBTSxHQUFHQyxRQUFRLENBQUNDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDL0NGLE1BQU0sQ0FBQ2hCLEtBQUssR0FBR0gsRUFBRSxDQUFDSSxXQUFXLEdBQUcsRUFBRTtJQUNsQ2UsTUFBTSxDQUFDbEIsTUFBTSxHQUFHRCxFQUFFLENBQUNFLFlBQVksR0FBRyxFQUFFO0lBQ3BDO0lBQ0EsSUFBSW9CLE1BQU0sR0FBR0MsaUJBQU0sQ0FBQ0QsTUFBTTtNQUN4QkUsTUFBTSxHQUFHRCxpQkFBTSxDQUFDQyxNQUFNO01BQ3RCQyxNQUFNLEdBQUdGLGlCQUFNLENBQUNFLE1BQU07TUFDdEJDLE1BQU0sR0FBR0gsaUJBQU0sQ0FBQ0csTUFBTTtNQUN0QkMsU0FBUyxHQUFHSixpQkFBTSxDQUFDSSxTQUFTOztJQUU5QjtJQUNBLElBQUlDLE1BQU0sR0FBR04sTUFBTSxDQUFDTyxNQUFNLENBQUMsQ0FBQzs7SUFFNUI7SUFDQSxJQUFJQyxNQUFNLEdBQUdOLE1BQU0sQ0FBQ0ssTUFBTSxDQUFDO01BQ3pCRCxNQUFNLEVBQUVBLE1BQU07TUFDZEcsT0FBTyxFQUFFO1FBQ1BDLFVBQVUsRUFBRSxLQUFLO1FBQ2pCQyxVQUFVLEVBQUUsT0FBTztRQUNuQmhDLE1BQU0sRUFBRUQsRUFBRSxDQUFDRSxZQUFZO1FBQ3ZCQyxLQUFLLEVBQUVILEVBQUUsQ0FBQ0k7TUFDWixDQUFDO01BQ0RlLE1BQU0sRUFBRUEsTUFBTTtNQUNkZSxNQUFNLEVBQUU7UUFDTkMsR0FBRyxFQUFFO1VBQ0hDLENBQUMsRUFBRSxDQUFDO1VBQ0pDLENBQUMsRUFBRTtRQUNMLENBQUM7UUFDREMsR0FBRyxFQUFFO1VBQ0hGLENBQUMsRUFBRXBDLEVBQUUsQ0FBQ0ksV0FBVztVQUNqQmlDLENBQUMsRUFBRXJDLEVBQUUsQ0FBQ0U7UUFDUjtNQUNGO0lBQ0YsQ0FBQyxDQUFDO0lBQ0YsSUFBSXFDLE1BQU0sR0FBR2IsTUFBTSxDQUFDYyxTQUFTLENBQUMsQ0FBQyxFQUFFeEMsRUFBRSxDQUFDRSxZQUFZLEVBQUVGLEVBQUUsQ0FBQ0ksV0FBVyxHQUFHLENBQUMsRUFBRSxFQUFFLEVBQUU7TUFDeEUwQixNQUFNLEVBQUU7UUFDTlcsU0FBUyxFQUFFO01BQ2IsQ0FBQztNQUNEQyxLQUFLLEVBQUUsR0FBRztNQUNWQyxRQUFRLEVBQUU7SUFDWixDQUFDLENBQUM7SUFFRixNQUFNQyxVQUFVLEdBQUdsQyxRQUFRLENBQUNtQyxHQUFHLENBQUVDLENBQUMsSUFDaENwQixNQUFNLENBQUNxQixNQUFNLENBQ1hELENBQUMsQ0FBQ1YsQ0FBQyxHQUFHVSxDQUFDLENBQUNFLFFBQVEsR0FBRyxDQUFDLEdBQUl4QyxJQUFJLENBQUN5QyxNQUFNLENBQUMsQ0FBQyxHQUFHSCxDQUFDLENBQUNFLFFBQVEsR0FBSSxDQUFDLEVBQ3ZERixDQUFDLENBQUNULENBQUMsR0FBR1MsQ0FBQyxDQUFDRSxRQUFRLEdBQUcsQ0FBQyxHQUFJeEMsSUFBSSxDQUFDeUMsTUFBTSxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRSxRQUFRLEdBQUksQ0FBQyxFQUN2REYsQ0FBQyxDQUFDRSxRQUFRLEdBQUcsQ0FBQyxHQUFJeEMsSUFBSSxDQUFDeUMsTUFBTSxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFDRSxRQUFRLEdBQUksQ0FBQyxFQUNqRDtNQUNFRSxPQUFPLEVBQUUsR0FBRztNQUNacEIsTUFBTSxFQUFFO1FBQ05XLFNBQVMsRUFBRTtNQUNiO0lBQ0YsQ0FDRixDQUNGLENBQUM7O0lBRUQ7SUFDQWQsU0FBUyxDQUFDd0IsR0FBRyxDQUFDdkIsTUFBTSxDQUFDd0IsS0FBSyxFQUFFLENBQUMsR0FBR1IsVUFBVSxFQUFFTCxNQUFNLENBQUMsQ0FBQzs7SUFFcEQ7SUFDQWYsTUFBTSxDQUFDNkIsR0FBRyxDQUFDdkIsTUFBTSxDQUFDOztJQUVsQjtJQUNBLElBQUl3QixNQUFNLEdBQUc3QixNQUFNLENBQUNJLE1BQU0sQ0FBQyxDQUFDOztJQUU1QjtJQUNBSixNQUFNLENBQUM0QixHQUFHLENBQUNDLE1BQU0sRUFBRTFCLE1BQU0sQ0FBQztJQUUxQixNQUFNMkIsQ0FBQyxHQUFHQyxXQUFXLENBQUMsTUFBTTtNQUV4QnhELEVBQUUsQ0FBQ3lELGlCQUFpQixDQUNwQkMsS0FBSyxDQUFDQyxlQUFlLFdBQUFDLE1BQUEsQ0FBV3pDLE1BQU0sQ0FBRTBDLFNBQVMsQ0FBQyxRQUFRLENBQUMsT0FBSTtJQUNuRSxDQUFDLEVBQUUsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNiQyxVQUFVLENBQUMsTUFBTTtNQUNmQyxhQUFhLENBQUNSLENBQUMsQ0FBQztNQUNoQjlCLE1BQU0sQ0FBQ3VDLElBQUksQ0FBQ1YsTUFBTSxDQUFDO0lBQ3JCLENBQUMsRUFBRXZDLElBQUksQ0FBQztJQUNSO0VBQ0YsQ0FBQztBQUNIIn0=