@m4l/components 0.1.4 → 0.1.6

package/components/mui_extended/Button/index.js

@@ -0,0 +1,131 @@
+import { LoadingButton as LoadingButton$1 } from "@mui/lab";
+import { Skeleton, styled as styled$1 } from "@mui/material";
+import { styled, alpha } from "@mui/material/styles";
+import { jsx } from "react/jsx-runtime";
+import { useModuleSkeleton, useEnvironment } from "@m4l/core";
+import MuiButton from "@mui/material/Button";
+import { I as IconButton } from "../IconButton/index.js";
+import { u as useBase } from "../../DynamicFilter/index.js";
+import { useMemo } from "react";
+const WrapperSKTLoadingButton = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  width: "100%",
+  borderRadius: theme.spacing(1),
+  overflow: "hidden"
+}));
+const SKTLoadingButton = () => /* @__PURE__ */ jsx(WrapperSKTLoadingButton, {
+  id: "WrapperSKTLoadingButton",
+  children: /* @__PURE__ */ jsx(Skeleton, {
+    variant: "rectangular",
+    width: "100%",
+    height: "48px"
+  })
+});
+const LoadingButton = (props) => {
+  const {
+    isSkeleton,
+    children,
+    ...other
+  } = props;
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTLoadingButton, {});
+  }
+  return /* @__PURE__ */ jsx(LoadingButton$1, {
+    ...other,
+    children
+  });
+};
+const SKTButton = styled$1(Skeleton)(({
+  theme
+}) => ({
+  borderRadius: theme.spacing(0.5)
+}));
+const Button = (props) => {
+  const isSkeleton = useModuleSkeleton();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTButton, {
+      variant: "rectangular",
+      width: "100px",
+      height: "36px"
+    });
+  }
+  return /* @__PURE__ */ jsx(MuiButton, {
+    ...props
+  });
+};
+const SKTWrapperFilterButton = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: theme.spacing(3.75),
+  height: theme.spacing(3.75),
+  background: alpha(theme.palette.primary.main, 0.3)
+}));
+const WrapperFilterButton = styled("div")(() => ({
+  "&.isDirty": {
+    animationName: "dirtyEffect",
+    animationDuration: "1s",
+    animationFillMode: "both",
+    animationIterationCount: "infinite",
+    transition: "all .3s",
+    "@keyframes dirtyEffect": {
+      "20%": {
+        opacity: 1
+      },
+      "50%": {
+        opacity: 0.5
+      },
+      "100%": {
+        opacity: 1
+      }
+    }
+  },
+  "&.isDirtyError": {}
+}));
+function FilterButton() {
+  const {
+    isSkeleton,
+    fireOnChangeFilters,
+    automatic,
+    isDirty,
+    isValid
+  } = useBase();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTWrapperFilterButton, {
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: 20,
+        height: 20
+      })
+    });
+  }
+  const color = useMemo(() => {
+    if (automatic || !isDirty) {
+      return "action.active";
+    }
+    if (!isValid) {
+      return "error.main";
+    }
+    return "primary.main";
+  }, [automatic, isValid, isDirty]);
+  return /* @__PURE__ */ jsx(WrapperFilterButton, {
+    id: "WrapperFilterButton",
+    className: isDirty && isValid ? "isDirty" : "",
+    children: /* @__PURE__ */ jsx(IconButton, {
+      bgColor: color,
+      dictionaryTooltip: "dynamic_filter.filter_tooltip",
+      onClick: () => fireOnChangeFilters(),
+      "aria-label": "settings",
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/${automatic ? "refresh" : "search"}.svg`
+    })
+  });
+}
+export { Button as B, FilterButton as F, LoadingButton as L };

package/components/mui_extended/Button/styles.d.ts

@@ -9,4 +9,4 @@ export declare const SKTButton: import("@emotion/styled").StyledComponent<{
     width?: string | number | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "height" | "width" | "animation" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "width" | "height" | "animation" | "children" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/MenuActions/styles.d.ts

@@ -2,11 +2,11 @@
 export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "warning" | "info" | "primary" | "error" | "default" | "secondary" | "inherit" | "success" | undefined;
+    color?: "inherit" | "default" | "warning" | "info" | "primary" | "error" | "secondary" | "success" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;
-    size?: "large" | "medium" | "small" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
@@ -26,5 +26,5 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "size" | "children" | "color" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/index.d.ts

@@ -1,4 +1,6 @@
 export { Accordion } from './Accordion';
+export { Avatar } from './Avatar';
+export { type AvatarProps } from './Avatar/types';
 export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';

package/contexts/ModalContext/index.js

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { M as ModalDialog } from "../../components/ModalDialog/index.js";
 import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.js";
 import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.js";
-import { b as getVariantColor } from "../../vendor.js";
+import { b as getVariantColor } from "../../utils/index.js";
 const WrapperContentConfirm = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/core-js.js

@@ -89,13 +89,23 @@ var requireObjectCoercible$5 = requireObjectCoercible$6;
 var toIndexedObject$6 = function(it) {
   return IndexedObject$3(requireObjectCoercible$5(it));
 };
-var isCallable$k = function(argument) {
+var documentAll$2 = typeof document == "object" && document.all;
+var IS_HTMLDDA = typeof documentAll$2 == "undefined" && documentAll$2 !== void 0;
+var documentAll_1 = {
+  all: documentAll$2,
+  IS_HTMLDDA
+};
+var $documentAll$1 = documentAll_1;
+var documentAll$1 = $documentAll$1.all;
+var isCallable$k = $documentAll$1.IS_HTMLDDA ? function(argument) {
+  return typeof argument == "function" || argument === documentAll$1;
+} : function(argument) {
   return typeof argument == "function";
 };
 var isCallable$j = isCallable$k;
-var documentAll = typeof document == "object" && document.all;
-var SPECIAL_DOCUMENT_ALL = typeof documentAll == "undefined" && documentAll !== void 0;
-var isObject$d = SPECIAL_DOCUMENT_ALL ? function(it) {
+var $documentAll = documentAll_1;
+var documentAll = $documentAll.all;
+var isObject$d = $documentAll.IS_HTMLDDA ? function(it) {
   return typeof it == "object" ? it !== null : isCallable$j(it) || it === documentAll;
 } : function(it) {
   return typeof it == "object" ? it !== null : isCallable$j(it);
@@ -207,10 +217,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function(key, value) {
   return store$2[key] || (store$2[key] = value !== void 0 ? value : {});
 })("versions", []).push({
-  version: "3.25.1",
+  version: "3.25.2",
   mode: "global",
   copyright: "\xA9 2014-2022 Denis Pushkarev (zloirock.ru)",
-  license: "https://github.com/zloirock/core-js/blob/v3.25.1/LICENSE",
+  license: "https://github.com/zloirock/core-js/blob/v3.25.2/LICENSE",
   source: "https://github.com/zloirock/core-js"
 });
 var requireObjectCoercible$4 = requireObjectCoercible$6;

package/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks/useModal';
+export { Logo } from './assets/Logo';

package/index.js

@@ -1,85 +1,90 @@
+export { I as IconButton, a as IconButtonAnimate } from "./components/mui_extended/IconButton/index.js";
+import "framer-motion";
+import "@mui/material";
+import "react/jsx-runtime";
+export { L as LoadingScreen } from "./components/animate/LoadingScreen/index.js";
+import "react";
+import "react-hook-form";
+export { F as FormProvider } from "./components/hook-form/FormProvider/index.js";
+import "@m4l/core";
+export { R as RHFAutocomplete } from "./components/hook-form/RHFAutocomplete/index.js";
+export { R as RHFAutocompleteAsync } from "./components/hook-form/RHFAutocompleteAsync/index.js";
+export { R as RHFCheckbox } from "./components/hook-form/RHFCheckbox/index.js";
+export { R as RHFDateTime } from "./components/hook-form/RHFDateTime/index.js";
+import "@mui/x-date-pickers";
+export { R as RHFTextField } from "./components/hook-form/RHFTextField/index.js";
+import "./lodash.js";
+import "react-dropzone";
+import "@mui/material/styles";
+import "./react-lazy-load-image-component.js";
+export { I as Image } from "./components/Image/index.js";
+export { R as RHFUploadImage } from "./components/hook-form/RHFUpload/index.js";
+export { I as Icon } from "./components/Icon/index.js";
+export { A as Avatar } from "./components/mui_extended/Avatar/index.js";
+import "react-router-dom";
+import "@mui/lab";
+export { L as LoadingButton } from "./components/mui_extended/Button/index.js";
+export { M as MenuPopover } from "./components/mui_extended/MenuPopover/index.js";
+export { b as Actions, M as MenuActions, d as defaultCommonActionsDictionary, g as getCommonActionsDictionary } from "./components/CommonActions/components/Actions/index.js";
+export { P as Pager, g as getPagerComponentsDictionary } from "./components/mui_extended/Pager/index.js";
+export { T as Tab } from "./components/mui_extended/Tab/index.js";
+import "@m4l/graphics";
+export { C as CompanyLogo } from "./components/CompanyLogo/index.js";
+export { D as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/index.js";
+import "@mui/material/Button";
+export { S as ScrollBar } from "./components/ScrollBar/index.js";
+export { D as DynamicFilter, d as defaultDynamicFilterDictionary, g as getDynamicFilterComponentsDictionary } from "./components/DynamicFilter/index.js";
+import "./simplebar.js";
+export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
+import "./react-draggable.js";
+export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
+export { R as Resizeable } from "./components/Resizeable/index.js";
+export { N as NoItemSelected, d as defaultNoItemSelectedDictionary, g as getNoItemSelectedComponentsDictionary } from "./components/NoItemSelected/index.js";
+export { O as ObjectLogs, d as defaultObjectLogDictionary, g as getObjectLogsComponentsDictionary } from "./components/ObjectLogs/index.js";
+import "./react-json-view.js";
+export { P as PaperForm } from "./components/PaperForm/index.js";
+export { P as Page } from "./components/Page/index.js";
+export { P as PropertyValue } from "./components/PropertyValue/index.js";
+import "./react-splitter-layout.js";
+export { S as SplitLayout } from "./components/SplitLayout/index.js";
 export { v as varFade } from "./components/animate/variants/fade.js";
 export { v as varBounce } from "./components/animate/variants/bounce.js";
 export { v as varContainer } from "./components/animate/variants/container.js";
 export { v as varTranEnter, a as varTranExit, b as varTranHover } from "./components/animate/variants/transition.js";
-export { I as IconButton, a as IconButtonAnimate } from "./components/mui_extended/IconButton/index.js";
 export { M as MotionContainer } from "./components/animate/MotionContainer/index.js";
 export { M as MotionLazyContainer } from "./components/animate/MotionLazyContainer/index.js";
-export { F as FormProvider } from "./components/hook-form/FormProvider/index.js";
-export { R as RHFAutocomplete } from "./vendor.js";
-export { R as RHFAutocompleteAsync } from "./components/hook-form/RHFAutocompleteAsync/index.js";
-export { R as RHFCheckbox } from "./components/hook-form/RHFCheckbox/index.js";
-export { R as RHFDateTime } from "./components/hook-form/RHFDateTime.js";
 export { R as RHFMultiCheckbox } from "./components/hook-form/RHFMultiCheckbox/index.js";
-export { R as RHFSelect } from "./components/hook-form/RHFSelect.js";
-export { R as RHFTextField } from "./components/hook-form/RHFTextField/index.js";
-export { R as RHFRadioGroup } from "./components/hook-form/RHFRadioGroup.js";
-export { R as RHFUploadImage } from "./components/hook-form/RHFUpload.js";
+export { R as RHFSelect } from "./components/hook-form/RHFSelect/index.js";
+export { R as RHFRadioGroup } from "./components/hook-form/RHFRadioGroup/index.js";
 export { A as Accordion } from "./components/mui_extended/Accordion/index.js";
 export { B as BoxIcon } from "./components/mui_extended/BoxIcon/index.js";
 export { B as Breadcrumbs } from "./components/mui_extended/Breadcrumbs/index.js";
 export { L as LinkWithRoute } from "./components/mui_extended/LinkWithRoute/index.js";
-export { L as LoadingButton } from "./components/mui_extended/LoadingButton/index.js";
-export { b as Actions, M as MenuActions, d as defaultCommonActionsDictionary, g as getCommonActionsDictionary } from "./components/CommonActions/components/Actions/index.js";
-export { M as MenuPopover } from "./components/mui_extended/MenuPopover/index.js";
-export { P as Pager, g as getPagerComponentsDictionary } from "./components/mui_extended/Pager/index.js";
-export { T as Tab } from "./components/mui_extended/Tab/index.js";
 export { T as Typography } from "./components/mui_extended/Typography/index.js";
-export { C as CompanyLogo } from "./components/CompanyLogo/index.js";
 export { B as BooleanFormatter } from "./components/formatters/BooleanFormatter/index.js";
 export { D as DateFormatter } from "./components/formatters/DateFormatter/index.js";
 export { d as defaultFormattersDictionary, g as getFormattersComponentsDictionary } from "./components/formatters/index.js";
-export { D as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
-export { D as DynamicFilter, d as defaultDynamicFilterDictionary, g as getDynamicFilterComponentsDictionary } from "./components/DynamicFilter/index.js";
 export { A as ActionCancel } from "./components/CommonActions/components/ActionCancel/index.js";
 export { A as ActionIntro } from "./components/CommonActions/components/ActionIntro/index.js";
 export { A as ActionFormCancel } from "./components/CommonActions/components/ActionFormCancel/index.js";
 export { A as ActionFormIntro } from "./components/CommonActions/components/ActionFormIntro/index.js";
-export { I as Icon } from "./components/Icon/index.js";
-export { I as Image } from "./components/Image/index.js";
-export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
 export { L as Loadable } from "./components/Loadable/index.js";
-export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
-export { N as NoItemSelected, d as defaultNoItemSelectedDictionary, g as getNoItemSelectedComponentsDictionary } from "./components/NoItemSelected/index.js";
-export { O as ObjectLogs, d as defaultObjectLogDictionary, g as getObjectLogsComponentsDictionary } from "./components/ObjectLogs/index.js";
-export { P as PaperForm } from "./components/PaperForm/index.js";
-export { P as Page } from "./components/Page/index.js";
-export { P as PropertyValue } from "./components/PropertyValue/index.js";
-export { R as Resizeable } from "./components/Resizeable/index.js";
-export { S as ScrollBar } from "./components/ScrollBar/index.js";
-export { S as SplitLayout } from "./components/SplitLayout/index.js";
-export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/index.js";
+export { S as ScrollToTop } from "./components/ScrollToTop/index.js";
 export { u as useModal } from "./hooks/useModal/index.js";
-import "framer-motion";
-import "react";
-import "@mui/material";
-import "react/jsx-runtime";
-import "@m4l/core";
-import "react-hook-form";
+export { L as Logo } from "./assets/Logo/index.js";
 import "./node_modules.js";
-import "@mui/material/styles";
-import "@mui/x-date-pickers";
-import "./lodash.js";
 import "./commonjs.js";
 import "react-dom";
 import "prop-types";
 import "clsx";
-import "react-dropzone";
-import "./react-lazy-load-image-component.js";
-import "react-router-dom";
-import "@mui/lab";
-import "@mui/material/Button";
-import "@m4l/graphics";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "./simplebar.js";
-import "./core-js.js";
+import "./utils/index.js";
 import "./juggle.js";
-import "./can-use-dom.js";
-import "./react-draggable.js";
-import "./react-json-view.js";
-import "./react-splitter-layout.js";
 import "./react-data-grid.js";
 import "yup";
-import "react-helmet-async";
+import "./core-js.js";
+import "./can-use-dom.js";
 import "./react-resizable.js";
+import "react-helmet-async";

package/juggle.js

@@ -1,4 +1,4 @@
-var resizeObservers = [];
+import { r as resizeObservers, f as freeze, c as global, i as isHidden, d as isSVG, e as isReplacedElement, u as updateCount, s as scheduler, h as isElement } from "./utils/index.js";
 var hasActiveObservations = function() {
   return resizeObservers.some(function(ro) {
     return ro.activeTargets.length > 0;
@@ -29,9 +29,6 @@ var ResizeObserverBoxOptions;
   ResizeObserverBoxOptions2["CONTENT_BOX"] = "content-box";
   ResizeObserverBoxOptions2["DEVICE_PIXEL_CONTENT_BOX"] = "device-pixel-content-box";
 })(ResizeObserverBoxOptions || (ResizeObserverBoxOptions = {}));
-var freeze = function(obj) {
-  return Object.freeze(obj);
-};
 var ResizeObserverSize = function() {
   function ResizeObserverSize2(inlineSize, blockSize) {
     this.inlineSize = inlineSize;
@@ -61,43 +58,6 @@ var DOMRectReadOnly = function() {
   };
   return DOMRectReadOnly2;
 }();
-var isSVG = function(target) {
-  return target instanceof SVGElement && "getBBox" in target;
-};
-var isHidden = function(target) {
-  if (isSVG(target)) {
-    var _a = target.getBBox(), width = _a.width, height = _a.height;
-    return !width && !height;
-  }
-  var _b = target, offsetWidth = _b.offsetWidth, offsetHeight = _b.offsetHeight;
-  return !(offsetWidth || offsetHeight || target.getClientRects().length);
-};
-var isElement = function(obj) {
-  var _a;
-  if (obj instanceof Element) {
-    return true;
-  }
-  var scope = (_a = obj === null || obj === void 0 ? void 0 : obj.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
-  return !!(scope && obj instanceof scope.Element);
-};
-var isReplacedElement = function(target) {
-  switch (target.tagName) {
-    case "INPUT":
-      if (target.type !== "image") {
-        break;
-      }
-    case "VIDEO":
-    case "AUDIO":
-    case "EMBED":
-    case "OBJECT":
-    case "CANVAS":
-    case "IFRAME":
-    case "IMG":
-      return true;
-  }
-  return false;
-};
-var global = typeof window !== "undefined" ? window : {};
 var cache = /* @__PURE__ */ new WeakMap();
 var scrollRegexp = /auto|scroll/;
 var verticalRegexp = /^tb|vertical/;
@@ -205,7 +165,7 @@ var calculateDepthForNode = function(node) {
 };
 var broadcastActiveObservations = function() {
   var shallowestDepth = Infinity;
-  var callbacks2 = [];
+  var callbacks = [];
   resizeObservers.forEach(function processObserver(ro) {
     if (ro.activeTargets.length === 0) {
       return;
@@ -220,12 +180,12 @@ var broadcastActiveObservations = function() {
         shallowestDepth = targetDepth;
       }
     });
-    callbacks2.push(function resizeObserverCallback() {
+    callbacks.push(function resizeObserverCallback() {
       ro.callback.call(ro.observer, entries, ro.observer);
     });
     ro.activeTargets.splice(0, ro.activeTargets.length);
   });
-  for (var _i = 0, callbacks_1 = callbacks2; _i < callbacks_1.length; _i++) {
+  for (var _i = 0, callbacks_1 = callbacks; _i < callbacks_1.length; _i++) {
     var callback = callbacks_1[_i];
     callback();
   }
@@ -246,152 +206,6 @@ var gatherActiveObservationsAtDepth = function(depth) {
     });
   });
 };
-var process = function() {
-  var depth = 0;
-  gatherActiveObservationsAtDepth(depth);
-  while (hasActiveObservations()) {
-    depth = broadcastActiveObservations();
-    gatherActiveObservationsAtDepth(depth);
-  }
-  if (hasSkippedObservations()) {
-    deliverResizeLoopError();
-  }
-  return depth > 0;
-};
-var trigger;
-var callbacks = [];
-var notify = function() {
-  return callbacks.splice(0).forEach(function(cb) {
-    return cb();
-  });
-};
-var queueMicroTask = function(callback) {
-  if (!trigger) {
-    var toggle_1 = 0;
-    var el_1 = document.createTextNode("");
-    var config = { characterData: true };
-    new MutationObserver(function() {
-      return notify();
-    }).observe(el_1, config);
-    trigger = function() {
-      el_1.textContent = "".concat(toggle_1 ? toggle_1-- : toggle_1++);
-    };
-  }
-  callbacks.push(callback);
-  trigger();
-};
-var queueResizeObserver = function(cb) {
-  queueMicroTask(function ResizeObserver2() {
-    requestAnimationFrame(cb);
-  });
-};
-var watching = 0;
-var isWatching = function() {
-  return !!watching;
-};
-var CATCH_PERIOD = 250;
-var observerConfig = { attributes: true, characterData: true, childList: true, subtree: true };
-var events = [
-  "resize",
-  "load",
-  "transitionend",
-  "animationend",
-  "animationstart",
-  "animationiteration",
-  "keyup",
-  "keydown",
-  "mouseup",
-  "mousedown",
-  "mouseover",
-  "mouseout",
-  "blur",
-  "focus"
-];
-var time = function(timeout) {
-  if (timeout === void 0) {
-    timeout = 0;
-  }
-  return Date.now() + timeout;
-};
-var scheduled = false;
-var Scheduler = function() {
-  function Scheduler2() {
-    var _this = this;
-    this.stopped = true;
-    this.listener = function() {
-      return _this.schedule();
-    };
-  }
-  Scheduler2.prototype.run = function(timeout) {
-    var _this = this;
-    if (timeout === void 0) {
-      timeout = CATCH_PERIOD;
-    }
-    if (scheduled) {
-      return;
-    }
-    scheduled = true;
-    var until = time(timeout);
-    queueResizeObserver(function() {
-      var elementsHaveResized = false;
-      try {
-        elementsHaveResized = process();
-      } finally {
-        scheduled = false;
-        timeout = until - time();
-        if (!isWatching()) {
-          return;
-        }
-        if (elementsHaveResized) {
-          _this.run(1e3);
-        } else if (timeout > 0) {
-          _this.run(timeout);
-        } else {
-          _this.start();
-        }
-      }
-    });
-  };
-  Scheduler2.prototype.schedule = function() {
-    this.stop();
-    this.run();
-  };
-  Scheduler2.prototype.observe = function() {
-    var _this = this;
-    var cb = function() {
-      return _this.observer && _this.observer.observe(document.body, observerConfig);
-    };
-    document.body ? cb() : global.addEventListener("DOMContentLoaded", cb);
-  };
-  Scheduler2.prototype.start = function() {
-    var _this = this;
-    if (this.stopped) {
-      this.stopped = false;
-      this.observer = new MutationObserver(this.listener);
-      this.observe();
-      events.forEach(function(name) {
-        return global.addEventListener(name, _this.listener, true);
-      });
-    }
-  };
-  Scheduler2.prototype.stop = function() {
-    var _this = this;
-    if (!this.stopped) {
-      this.observer && this.observer.disconnect();
-      events.forEach(function(name) {
-        return global.removeEventListener(name, _this.listener, true);
-      });
-      this.stopped = true;
-    }
-  };
-  return Scheduler2;
-}();
-var scheduler = new Scheduler();
-var updateCount = function(n) {
-  !watching && n > 0 && scheduler.start();
-  watching += n;
-  !watching && scheduler.stop();
-};
 var skipNotifyOnElement = function(target) {
   return !isSVG(target) && !isReplacedElement(target) && getComputedStyle(target).display === "inline";
 };
@@ -508,4 +322,4 @@ var ResizeObserver = function() {
   };
   return ResizeObserver2;
 }();
-export { ResizeObserver as R };
+export { ResizeObserver as R, hasSkippedObservations as a, broadcastActiveObservations as b, deliverResizeLoopError as d, gatherActiveObservationsAtDepth as g, hasActiveObservations as h };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",