@lumx/react 3.20.1-alpha.32 → 3.20.1-alpha.34

package/_internal/84978777.js

@@ -0,0 +1,55 @@
+import getVariation from './9a5db774.js';
+import { variationPlacements, basePlacements, placements } from './f4baa1da.js';
+import detectOverflow from './6f0ce1bb.js';
+import getBasePlacement from './215781b4.js';
+
+/*:: type OverflowsMap = { [ComputedPlacement]: number }; */
+
+/*;; type OverflowsMap = { [key in ComputedPlacement]: number }; */
+function computeAutoPlacement(state, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var _options = options,
+      placement = _options.placement,
+      boundary = _options.boundary,
+      rootBoundary = _options.rootBoundary,
+      padding = _options.padding,
+      flipVariations = _options.flipVariations,
+      _options$allowedAutoP = _options.allowedAutoPlacements,
+      allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+  var variation = getVariation(placement);
+  var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
+    return getVariation(placement) === variation;
+  }) : basePlacements; // $FlowFixMe
+
+  var allowedPlacements = placements$1.filter(function (placement) {
+    return allowedAutoPlacements.indexOf(placement) >= 0;
+  });
+
+  if (allowedPlacements.length === 0) {
+    allowedPlacements = placements$1;
+
+    if (process.env.NODE_ENV !== "production") {
+      console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(' '));
+    }
+  } // $FlowFixMe: Flow seems to have problems with two array unions...
+
+
+  var overflows = allowedPlacements.reduce(function (acc, placement) {
+    acc[placement] = detectOverflow(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      padding: padding
+    })[getBasePlacement(placement)];
+    return acc;
+  }, {});
+  return Object.keys(overflows).sort(function (a, b) {
+    return overflows[a] - overflows[b];
+  });
+}
+
+export { computeAutoPlacement as default };
+//# sourceMappingURL=84978777.js.map

package/_internal/84978777.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"84978777.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js"],"sourcesContent":["import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\n\n/*:: type OverflowsMap = { [ComputedPlacement]: number }; */\n\n/*;; type OverflowsMap = { [key in ComputedPlacement]: number }; */\nexport default function computeAutoPlacement(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      placement = _options.placement,\n      boundary = _options.boundary,\n      rootBoundary = _options.rootBoundary,\n      padding = _options.padding,\n      flipVariations = _options.flipVariations,\n      _options$allowedAutoP = _options.allowedAutoPlacements,\n      allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n  var variation = getVariation(placement);\n  var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n    return getVariation(placement) === variation;\n  }) : basePlacements; // $FlowFixMe\n\n  var allowedPlacements = placements.filter(function (placement) {\n    return allowedAutoPlacements.indexOf(placement) >= 0;\n  });\n\n  if (allowedPlacements.length === 0) {\n    allowedPlacements = placements;\n\n    if (process.env.NODE_ENV !== \"production\") {\n      console.error(['Popper: The `allowedAutoPlacements` option did not allow any', 'placements. Ensure the `placement` option matches the variation', 'of the allowed placements.', 'For example, \"auto\" cannot be used to allow \"bottom-start\".', 'Use \"auto-start\" instead.'].join(' '));\n    }\n  } // $FlowFixMe: Flow seems to have problems with two array unions...\n\n\n  var overflows = allowedPlacements.reduce(function (acc, placement) {\n    acc[placement] = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding\n    })[getBasePlacement(placement)];\n    return acc;\n  }, {});\n  return Object.keys(overflows).sort(function (a, b) {\n    return overflows[a] - overflows[b];\n  });\n}"],"names":["allPlacements","placements"],"mappings":";;;;;AAKA;AACA;AACA;AACe,SAAS,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE;AAC7D,EAAE,IAAI,OAAO,KAAK,KAAK,CAAC,EAAE;AAC1B,IAAI,OAAO,GAAG,EAAE,CAAC;AACjB,GAAG;AACH;AACA,EAAE,IAAI,QAAQ,GAAG,OAAO;AACxB,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS;AACpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ;AAClC,MAAM,YAAY,GAAG,QAAQ,CAAC,YAAY;AAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;AAChC,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc;AAC9C,MAAM,qBAAqB,GAAG,QAAQ,CAAC,qBAAqB;AAC5D,MAAM,qBAAqB,GAAG,qBAAqB,KAAK,KAAK,CAAC,GAAGA,UAAa,GAAG,qBAAqB,CAAC;AACvG,EAAE,IAAI,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;AAC1C,EAAE,IAAIC,YAAU,GAAG,SAAS,GAAG,cAAc,GAAG,mBAAmB,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAU,SAAS,EAAE;AACtH,IAAI,OAAO,YAAY,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC;AACjD,GAAG,CAAC,GAAG,cAAc,CAAC;AACtB;AACA,EAAE,IAAI,iBAAiB,GAAGA,YAAU,CAAC,MAAM,CAAC,UAAU,SAAS,EAAE;AACjE,IAAI,OAAO,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACzD,GAAG,CAAC,CAAC;AACL;AACA,EAAE,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE;AACtC,IAAI,iBAAiB,GAAGA,YAAU,CAAC;AACnC;AACA,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC/C,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,8DAA8D,EAAE,iEAAiE,EAAE,4BAA4B,EAAE,6DAA6D,EAAE,2BAA2B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7R,KAAK;AACL,GAAG;AACH;AACA;AACA,EAAE,IAAI,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,SAAS,EAAE;AACrE,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE;AAC3C,MAAM,SAAS,EAAE,SAAS;AAC1B,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,YAAY,EAAE,YAAY;AAChC,MAAM,OAAO,EAAE,OAAO;AACtB,KAAK,CAAC,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;AACpC,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AACrD,IAAI,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACvC,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}

package/_internal/{components/switch-24fea8d7.js → 851a3109.js}

@@ -2,14 +2,14 @@ import { Children } from 'react';
 import classNames from 'classnames';
 import isEmpty from 'lodash/isEmpty';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useId } from '../useId-3a1facc0.js';
-import { u as useTheme } from '../ThemeContext-3181f000.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
-import { u as useDisableStateProps } from '../useDisableStateProps-69e16b7c.js';
+import { useId } from './11687649.js';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { useDisableStateProps } from './ef982c3d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Alignment, Theme } from '@lumx/core/js/constants';
-import { InputLabel } from './input-label-30d199c3.js';
-import { InputHelper } from './input-helper-2e4e49fd.js';
+import { InputLabel } from './26a92990.js';
+import { InputHelper } from './3119c1fe.js';
 
 /**
  * Component display name.
@@ -120,4 +120,4 @@ Switch.className = CLASSNAME;
 Switch.defaultProps = DEFAULT_PROPS;
 
 export { Switch };
-//# sourceMappingURL=switch-24fea8d7.js.map
+//# sourceMappingURL=851a3109.js.map

package/_internal/851a3109.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"851a3109.js","sources":["../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Children, InputHTMLAttributes, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Alignment, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface SwitchProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Helper text. */\n    helper?: string;\n    /** Whether it is checked or not. */\n    isChecked?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Position of the switch relative to the label. */\n    position?: Extract<Alignment, 'right' | 'left'>;\n    /** Native input value property. */\n    value?: string;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Switch';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SwitchProps> = {\n    position: Alignment.left,\n};\n\n/**\n * Switch component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Switch = forwardRef<SwitchProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        children,\n        className,\n        helper,\n        id,\n        isChecked = checked,\n        name,\n        onChange,\n        position = DEFAULT_PROPS.position,\n        theme = defaultTheme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = otherProps;\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isChecked,\n                    isDisabled: isAnyDisabled,\n                    position,\n                    theme,\n                    isUnchecked: !isChecked,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    type=\"checkbox\"\n                    role=\"switch\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    name={name}\n                    value={value}\n                    {...disabledStateProps}\n                    readOnly={inputProps.readOnly || isAnyDisabled}\n                    checked={isChecked}\n                    aria-checked={Boolean(isChecked)}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n                    <div className={`${CLASSNAME}__input-indicator`} />\n                </div>\n            </div>\n\n            {Children.count(children) > 0 && (\n                <div className={`${CLASSNAME}__content`}>\n                    <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n                        {children}\n                    </InputLabel>\n                    {!isEmpty(helper) && (\n                        <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n                            {helper}\n                        </InputHelper>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n});\nSwitch.displayName = COMPONENT_NAME;\nSwitch.className = CLASSNAME;\nSwitch.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","position","Alignment","left","Switch","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","children","className","helper","id","isChecked","name","onChange","theme","value","inputProps","forwardedProps","generatedInputId","useId","inputId","handleChange","event","_jsxs","classNames","handleBasicClasses","prefix","isDisabled","isUnchecked","_jsx","type","role","readOnly","Boolean","undefined","Children","count","InputLabel","htmlFor","isEmpty","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/879fa64d.js

@@ -0,0 +1,6 @@
+function getNodeName(element) {
+  return element ? (element.nodeName || '').toLowerCase() : null;
+}
+
+export { getNodeName as default };
+//# sourceMappingURL=879fa64d.js.map

package/_internal/879fa64d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"879fa64d.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js"],"sourcesContent":["export default function getNodeName(element) {\n  return element ? (element.nodeName || '').toLowerCase() : null;\n}"],"names":[],"mappings":"AAAe,SAAS,WAAW,CAAC,OAAO,EAAE;AAC7C,EAAE,OAAO,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;AACjE;;;;","x_google_ignoreList":[0]}

package/_internal/883321fd.js

@@ -0,0 +1,17 @@
+import React__default from 'react';
+
+/**
+ * Portal initializing function.
+ * If it does not provide a container, the Portal children will render in classic React tree and not in a portal.
+ */
+
+const PortalContext = /*#__PURE__*/React__default.createContext(() => ({
+  container: document.body
+}));
+/**
+ * Customize where <Portal> wrapped elements render (tooltip, popover, dialog, etc.)
+ */
+const PortalProvider = PortalContext.Provider;
+
+export { PortalContext, PortalProvider };
+//# sourceMappingURL=883321fd.js.map

package/_internal/883321fd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"883321fd.js","sources":["../../src/utils/Portal/PortalProvider.tsx"],"sourcesContent":["import React from 'react';\n\ntype Container = DocumentFragment | Element;\n\n/**\n * Portal initializing function.\n * If it does not provide a container, the Portal children will render in classic React tree and not in a portal.\n */\nexport type PortalInit = () => {\n    container?: Container;\n    teardown?: () => void;\n};\n\nexport const PortalContext = React.createContext<PortalInit>(() => ({ container: document.body }));\n\nexport interface PortalProviderProps {\n    children?: React.ReactNode;\n    value: PortalInit;\n}\n\n/**\n * Customize where <Portal> wrapped elements render (tooltip, popover, dialog, etc.)\n */\nexport const PortalProvider: React.FC<PortalProviderProps> = PortalContext.Provider;\n"],"names":["PortalContext","React","createContext","container","document","body","PortalProvider","Provider"],"mappings":";;AAIA;AACA;AACA;AACA;;MAMaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAa,OAAO;EAAEC,SAAS,EAAEC,QAAQ,CAACC,IAAAA;AAAK,CAAC,CAAC,EAAC;AAOlG;AACA;AACA;AACaC,MAAAA,cAA6C,GAAGN,aAAa,CAACO;;;;"}

package/_internal/893eb653.js

@@ -0,0 +1,4 @@
+const mdiAlertCircle = 'M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2';
+
+export { mdiAlertCircle };
+//# sourceMappingURL=893eb653.js.map

package/_internal/893eb653.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"893eb653.js","sources":["../../../lumx-icons/dist/esm/alert-circle.js"],"sourcesContent":["export const mdiAlertCircle = 'M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2';"],"names":["mdiAlertCircle"],"mappings":"AAAO,MAAMA,cAAc,GAAG;;;;"}

package/_internal/897e2dbb.js

@@ -0,0 +1,80 @@
+import format from './c01c3bec.js';
+import { modifierPhases } from './f4baa1da.js';
+
+var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
+var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
+var VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];
+function validateModifiers(modifiers) {
+  modifiers.forEach(function (modifier) {
+    Object.keys(modifier).forEach(function (key) {
+      switch (key) {
+        case 'name':
+          if (typeof modifier.name !== 'string') {
+            console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', "\"" + String(modifier.name) + "\""));
+          }
+
+          break;
+
+        case 'enabled':
+          if (typeof modifier.enabled !== 'boolean') {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', "\"" + String(modifier.enabled) + "\""));
+          }
+
+        case 'phase':
+          if (modifierPhases.indexOf(modifier.phase) < 0) {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(', '), "\"" + String(modifier.phase) + "\""));
+          }
+
+          break;
+
+        case 'fn':
+          if (typeof modifier.fn !== 'function') {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', "\"" + String(modifier.fn) + "\""));
+          }
+
+          break;
+
+        case 'effect':
+          if (typeof modifier.effect !== 'function') {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', "\"" + String(modifier.fn) + "\""));
+          }
+
+          break;
+
+        case 'requires':
+          if (!Array.isArray(modifier.requires)) {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', "\"" + String(modifier.requires) + "\""));
+          }
+
+          break;
+
+        case 'requiresIfExists':
+          if (!Array.isArray(modifier.requiresIfExists)) {
+            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', "\"" + String(modifier.requiresIfExists) + "\""));
+          }
+
+          break;
+
+        case 'options':
+        case 'data':
+          break;
+
+        default:
+          console.error("PopperJS: an invalid property has been provided to the \"" + modifier.name + "\" modifier, valid properties are " + VALID_PROPERTIES.map(function (s) {
+            return "\"" + s + "\"";
+          }).join(', ') + "; but \"" + key + "\" was provided.");
+      }
+
+      modifier.requires && modifier.requires.forEach(function (requirement) {
+        if (modifiers.find(function (mod) {
+          return mod.name === requirement;
+        }) == null) {
+          console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
+        }
+      });
+    });
+  });
+}
+
+export { validateModifiers as default };
+//# sourceMappingURL=897e2dbb.js.map

package/_internal/897e2dbb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"897e2dbb.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/validateModifiers.js"],"sourcesContent":["import format from \"./format.js\";\nimport { modifierPhases } from \"../enums.js\";\nvar INVALID_MODIFIER_ERROR = 'Popper: modifier \"%s\" provided an invalid %s property, expected %s but got %s';\nvar MISSING_DEPENDENCY_ERROR = 'Popper: modifier \"%s\" requires \"%s\", but \"%s\" modifier is not available';\nvar VALID_PROPERTIES = ['name', 'enabled', 'phase', 'fn', 'effect', 'requires', 'options'];\nexport default function validateModifiers(modifiers) {\n  modifiers.forEach(function (modifier) {\n    Object.keys(modifier).forEach(function (key) {\n      switch (key) {\n        case 'name':\n          if (typeof modifier.name !== 'string') {\n            console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '\"name\"', '\"string\"', \"\\\"\" + String(modifier.name) + \"\\\"\"));\n          }\n\n          break;\n\n        case 'enabled':\n          if (typeof modifier.enabled !== 'boolean') {\n            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"enabled\"', '\"boolean\"', \"\\\"\" + String(modifier.enabled) + \"\\\"\"));\n          }\n\n        case 'phase':\n          if (modifierPhases.indexOf(modifier.phase) < 0) {\n            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"phase\"', \"either \" + modifierPhases.join(', '), \"\\\"\" + String(modifier.phase) + \"\\\"\"));\n          }\n\n          break;\n\n        case 'fn':\n          if (typeof modifier.fn !== 'function') {\n            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"fn\"', '\"function\"', \"\\\"\" + String(modifier.fn) + \"\\\"\"));\n          }\n\n          break;\n\n        case 'effect':\n          if (typeof modifier.effect !== 'function') {\n            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"effect\"', '\"function\"', \"\\\"\" + String(modifier.fn) + \"\\\"\"));\n          }\n\n          break;\n\n        case 'requires':\n          if (!Array.isArray(modifier.requires)) {\n            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"requires\"', '\"array\"', \"\\\"\" + String(modifier.requires) + \"\\\"\"));\n          }\n\n          break;\n\n        case 'requiresIfExists':\n          if (!Array.isArray(modifier.requiresIfExists)) {\n            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '\"requiresIfExists\"', '\"array\"', \"\\\"\" + String(modifier.requiresIfExists) + \"\\\"\"));\n          }\n\n          break;\n\n        case 'options':\n        case 'data':\n          break;\n\n        default:\n          console.error(\"PopperJS: an invalid property has been provided to the \\\"\" + modifier.name + \"\\\" modifier, valid properties are \" + VALID_PROPERTIES.map(function (s) {\n            return \"\\\"\" + s + \"\\\"\";\n          }).join(', ') + \"; but \\\"\" + key + \"\\\" was provided.\");\n      }\n\n      modifier.requires && modifier.requires.forEach(function (requirement) {\n        if (modifiers.find(function (mod) {\n          return mod.name === requirement;\n        }) == null) {\n          console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));\n        }\n      });\n    });\n  });\n}"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/_internal/89ee5eb2.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * Hook focusing an element when defined and `focus` boolean `true`.
+ *
+ * @param element       Element to focus.
+ * @param shouldFocus   Boolean flag to trigger the focus
+ */
+function useFocus(element, shouldFocus = true) {
+  const [wasFocus, setWasFocus] = useState(false);
+  useEffect(() => {
+    if (shouldFocus && wasFocus !== shouldFocus && element) {
+      element.focus();
+      setWasFocus(shouldFocus);
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [element, shouldFocus]);
+}
+
+export { useFocus };
+//# sourceMappingURL=89ee5eb2.js.map

package/_internal/89ee5eb2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"89ee5eb2.js","sources":["../../src/hooks/useFocus.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Hook focusing an element when defined and `focus` boolean `true`.\n *\n * @param element       Element to focus.\n * @param shouldFocus   Boolean flag to trigger the focus\n */\nexport function useFocus(element: HTMLElement | null | undefined, shouldFocus = true): void {\n    const [wasFocus, setWasFocus] = useState(false);\n    useEffect(\n        () => {\n            if (shouldFocus && wasFocus !== shouldFocus && element) {\n                element.focus();\n                setWasFocus(shouldFocus);\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [element, shouldFocus],\n    );\n}\n"],"names":["useFocus","element","shouldFocus","wasFocus","setWasFocus","useState","useEffect","focus"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,QAAQA,CAACC,OAAuC,EAAEC,WAAW,GAAG,IAAI,EAAQ;EACxF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC/CC,EAAAA,SAAS,CACL,MAAM;AACF,IAAA,IAAIJ,WAAW,IAAIC,QAAQ,KAAKD,WAAW,IAAID,OAAO,EAAE;MACpDA,OAAO,CAACM,KAAK,EAAE,CAAA;MACfH,WAAW,CAACF,WAAW,CAAC,CAAA;AAC5B,KAAA;GACH;AACD;AACA,EAAA,CAACD,OAAO,EAAEC,WAAW,CACzB,CAAC,CAAA;AACL;;;;"}

package/_internal/8acd6aff.js

@@ -0,0 +1,82 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { mergeRefs } from './27df0cb6.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { useRovingTabIndex } from './bb8088e1.js';
+import { useTabProviderContextState } from './e0398237.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ProgressTracker';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * ProgressTracker component.
+ *
+ * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ProgressTracker = forwardRef((props, ref) => {
+  const {
+    'aria-label': ariaLabel,
+    children,
+    className,
+    ...forwardedProps
+  } = props;
+  const stepListRef = React__default.useRef(null);
+  useRovingTabIndex({
+    parentRef: stepListRef,
+    elementSelector: '[role="tab"]',
+    keepTabIndex: false,
+    extraDependencies: [children]
+  });
+  const state = useTabProviderContextState();
+  const numberOfSteps = state?.ids?.tab?.length || 0;
+  const backgroundPosition = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;
+  const trackPosition = numberOfSteps > 0 ? 100 / (numberOfSteps - 1) * (state?.activeTabIndex || 0) / 100 : 0;
+  return /*#__PURE__*/jsxs("div", {
+    ref: mergeRefs(ref, stepListRef),
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME),
+    children: [/*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__steps`,
+      role: "tablist",
+      "aria-label": ariaLabel,
+      children: children
+    }), /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__background-bar`,
+      style: {
+        left: `${backgroundPosition}%`,
+        right: `${backgroundPosition}%`
+      }
+    }), /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__foreground-bar`,
+      style: {
+        left: `${backgroundPosition}%`,
+        right: `${backgroundPosition}%`,
+        transform: `scaleX(${trackPosition})`
+      }
+    })]
+  });
+});
+ProgressTracker.displayName = COMPONENT_NAME;
+ProgressTracker.className = CLASSNAME;
+ProgressTracker.defaultProps = DEFAULT_PROPS;
+
+export { ProgressTracker };
+//# sourceMappingURL=8acd6aff.js.map

package/_internal/8acd6aff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"8acd6aff.js","sources":["../../src/components/progress-tracker/ProgressTracker.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { useTabProviderContextState } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerProps extends GenericProps {\n    /** ARIA label (purpose of the set of steps). */\n    ['aria-label']: string;\n    /** Step list. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTracker';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerProps> = {};\n\n/**\n * ProgressTracker component.\n *\n * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTracker = forwardRef<ProgressTrackerProps, HTMLDivElement>((props, ref) => {\n    const { 'aria-label': ariaLabel, children, className, ...forwardedProps } = props;\n    const stepListRef = React.useRef(null);\n    useRovingTabIndex({\n        parentRef: stepListRef,\n        elementSelector: '[role=\"tab\"]',\n        keepTabIndex: false,\n        extraDependencies: [children],\n    });\n\n    const state = useTabProviderContextState();\n    const numberOfSteps = state?.ids?.tab?.length || 0;\n    const backgroundPosition: number = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;\n    const trackPosition: number =\n        numberOfSteps > 0 ? ((100 / (numberOfSteps - 1)) * (state?.activeTabIndex || 0)) / 100 : 0;\n\n    return (\n        <div ref={mergeRefs(ref, stepListRef)} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            <div className={`${CLASSNAME}__steps`} role=\"tablist\" aria-label={ariaLabel}>\n                {children}\n            </div>\n\n            <div\n                className={`${CLASSNAME}__background-bar`}\n                style={{ left: `${backgroundPosition}%`, right: `${backgroundPosition}%` }}\n            />\n\n            <div\n                className={`${CLASSNAME}__foreground-bar`}\n                style={{\n                    left: `${backgroundPosition}%`,\n                    right: `${backgroundPosition}%`,\n                    transform: `scaleX(${trackPosition})`,\n                }}\n            />\n        </div>\n    );\n});\nProgressTracker.displayName = COMPONENT_NAME;\nProgressTracker.className = CLASSNAME;\nProgressTracker.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","ProgressTracker","forwardRef","props","ref","ariaLabel","children","className","forwardedProps","stepListRef","React","useRef","useRovingTabIndex","parentRef","elementSelector","keepTabIndex","extraDependencies","state","useTabProviderContextState","numberOfSteps","ids","tab","length","backgroundPosition","trackPosition","activeTabIndex","_jsxs","mergeRefs","classNames","_jsx","role","style","left","right","transform","displayName","defaultProps"],"mappings":";;;;;;;;;AAsBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,iBAAiB,CAAA;;AAExC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAA4C,GAAG,EAAE,CAAA;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAAGC,UAAU,CAAuC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5F,MAAM;AAAE,IAAA,YAAY,EAAEC,SAAS;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;AACjF,EAAA,MAAMM,WAAW,GAAGC,cAAK,CAACC,MAAM,CAAC,IAAI,CAAC,CAAA;AACtCC,EAAAA,iBAAiB,CAAC;AACdC,IAAAA,SAAS,EAAEJ,WAAW;AACtBK,IAAAA,eAAe,EAAE,cAAc;AAC/BC,IAAAA,YAAY,EAAE,KAAK;IACnBC,iBAAiB,EAAE,CAACV,QAAQ,CAAA;AAChC,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMW,KAAK,GAAGC,0BAA0B,EAAE,CAAA;EAC1C,MAAMC,aAAa,GAAGF,KAAK,EAAEG,GAAG,EAAEC,GAAG,EAAEC,MAAM,IAAI,CAAC,CAAA;AAClD,EAAA,MAAMC,kBAA0B,GAAGJ,aAAa,GAAG,CAAC,GAAG,GAAG,IAAIA,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;EACpF,MAAMK,aAAqB,GACvBL,aAAa,GAAG,CAAC,GAAK,GAAG,IAAIA,aAAa,GAAG,CAAC,CAAC,IAAKF,KAAK,EAAEQ,cAAc,IAAI,CAAC,CAAC,GAAI,GAAG,GAAG,CAAC,CAAA;AAE9F,EAAA,oBACIC,IAAA,CAAA,KAAA,EAAA;AAAKtB,IAAAA,GAAG,EAAEuB,SAAS,CAACvB,GAAG,EAAEK,WAAW,CAAE;AAAA,IAAA,GAAKD,cAAc;AAAED,IAAAA,SAAS,EAAEqB,UAAU,CAACrB,SAAS,EAAET,SAAS,CAAE;AAAAQ,IAAAA,QAAA,gBACnGuB,GAAA,CAAA,KAAA,EAAA;MAAKtB,SAAS,EAAE,CAAGT,EAAAA,SAAS,CAAU,OAAA,CAAA;AAACgC,MAAAA,IAAI,EAAC,SAAS;AAAC,MAAA,YAAA,EAAYzB,SAAU;AAAAC,MAAAA,QAAA,EACvEA,QAAAA;KACA,CAAC,eAENuB,GAAA,CAAA,KAAA,EAAA;MACItB,SAAS,EAAE,CAAGT,EAAAA,SAAS,CAAmB,gBAAA,CAAA;AAC1CiC,MAAAA,KAAK,EAAE;QAAEC,IAAI,EAAE,CAAGT,EAAAA,kBAAkB,CAAG,CAAA,CAAA;QAAEU,KAAK,EAAE,GAAGV,kBAAkB,CAAA,CAAA,CAAA;AAAI,OAAA;KAC5E,CAAC,eAEFM,GAAA,CAAA,KAAA,EAAA;MACItB,SAAS,EAAE,CAAGT,EAAAA,SAAS,CAAmB,gBAAA,CAAA;AAC1CiC,MAAAA,KAAK,EAAE;QACHC,IAAI,EAAE,CAAGT,EAAAA,kBAAkB,CAAG,CAAA,CAAA;QAC9BU,KAAK,EAAE,CAAGV,EAAAA,kBAAkB,CAAG,CAAA,CAAA;QAC/BW,SAAS,EAAE,UAAUV,aAAa,CAAA,CAAA,CAAA;AACtC,OAAA;AAAE,KACL,CAAC,CAAA;AAAA,GACD,CAAC,CAAA;AAEd,CAAC,EAAC;AACFvB,eAAe,CAACkC,WAAW,GAAGtC,cAAc,CAAA;AAC5CI,eAAe,CAACM,SAAS,GAAGT,SAAS,CAAA;AACrCG,eAAe,CAACmC,YAAY,GAAGpC,aAAa;;;;"}

package/_internal/8d318b2b.js

@@ -0,0 +1,138 @@
+import React__default from 'react';
+
+/**
+ * Listen to mouse wheel + ctrl and multi-pointer pinch to zoom
+ */
+function usePointerZoom(scrollAreaRef, onScaleChange, animateScroll) {
+  const [isPointerZooming, setPointerZooming] = React__default.useState(false);
+  React__default.useEffect(() => {
+    const scrollArea = scrollAreaRef.current;
+    if (!scrollArea || !onScaleChange) {
+      return undefined;
+    }
+    let animationFrame;
+    let zoomStateTimeoutId;
+    function updateScaleOnNextFrame(newScale, mousePosition) {
+      // Cancel previously scheduled frame
+      if (animationFrame) cancelAnimationFrame(animationFrame);
+
+      // Cancel previously scheduled zoom state change
+      if (zoomStateTimeoutId) clearTimeout(zoomStateTimeoutId);
+      function nextFrame() {
+        setPointerZooming(true);
+        onScaleChange?.(newScale);
+        animationFrame = null;
+        // Wait a bit before indicating the pointer zooming is finished
+        zoomStateTimeoutId = setTimeout(() => setPointerZooming(false), 100);
+      }
+      animationFrame = requestAnimationFrame(nextFrame);
+
+      // Animate scroll in parallel (centering on the current mouse position)
+      animateScroll(mousePosition, {
+        width: scrollArea.scrollWidth,
+        height: scrollArea.scrollHeight
+      });
+    }
+    function onWheel(event) {
+      if (!event.ctrlKey) {
+        return;
+      }
+      event.preventDefault();
+      const newScale = Math.exp(-event.deltaY / 50);
+
+      // Update scale on next frame (focused on the mouse position)
+      updateScaleOnNextFrame(newScale, {
+        x: event.clientX,
+        y: event.clientY
+      });
+    }
+    const activePointers = {};
+    let prevDistance = null;
+    let previousCenterPoint = null;
+    function onPointerDown(event) {
+      activePointers[event.pointerId] = event;
+    }
+    function onPointerMove(event) {
+      // Update pointer in cache
+      if (activePointers[event.pointerId]) {
+        activePointers[event.pointerId] = event;
+      }
+      const pointers = Object.values(activePointers);
+
+      // Make sure we run computation on one of the pointer in the group
+      if (pointers[0]?.pointerId !== event.pointerId) {
+        return;
+      }
+
+      // Centered point between all pointers
+      const centerPoint = {
+        x: pointers.reduce((x, {
+          clientX
+        }) => x + clientX, 0) / pointers.length,
+        y: pointers.reduce((y, {
+          clientY
+        }) => y + clientY, 0) / pointers.length
+      };
+
+      // Movement of the center point
+      const deltaCenterPoint = previousCenterPoint && {
+        left: previousCenterPoint.x - centerPoint.x,
+        top: previousCenterPoint.y - centerPoint.y
+      };
+
+      // Pan X & Y
+      if (deltaCenterPoint) {
+        // Apply movement of the center point to the scroll
+        scrollArea.scrollBy({
+          top: deltaCenterPoint.top / 2,
+          left: deltaCenterPoint.left / 2
+        });
+      }
+
+      // Pinch to zoom
+      if (pointers.length === 2) {
+        const [pointer1, pointer2] = pointers;
+        const distance = Math.hypot(pointer2.clientX - pointer1.clientX, pointer2.clientY - pointer1.clientY);
+        if (prevDistance && deltaCenterPoint) {
+          const delta = prevDistance - distance;
+          const absDelta = Math.abs(delta);
+
+          // Zoom only if we are "pinching" more than we are moving the pointers
+          if (absDelta > Math.abs(deltaCenterPoint.left) && absDelta > Math.abs(deltaCenterPoint.top)) {
+            // Update scale on next frame (focused on the center point between the two pointers)
+            const newScale = Math.exp(-delta / 100);
+            updateScaleOnNextFrame(newScale, centerPoint);
+          }
+        }
+        prevDistance = distance;
+      }
+      previousCenterPoint = centerPoint;
+    }
+    function onPointerUp(event) {
+      prevDistance = null;
+      previousCenterPoint = null;
+      delete activePointers[event.pointerId];
+    }
+    scrollArea.addEventListener('wheel', onWheel, {
+      passive: false
+    });
+    const isMultiTouch = navigator.maxTouchPoints >= 2;
+    if (isMultiTouch) {
+      scrollArea.addEventListener('pointerdown', onPointerDown);
+      scrollArea.addEventListener('pointermove', onPointerMove);
+      scrollArea.addEventListener('pointerup', onPointerUp);
+    }
+    return () => {
+      scrollArea.removeEventListener('wheel', onWheel);
+      if (isMultiTouch) {
+        scrollArea.removeEventListener('pointerdown', onPointerDown);
+        scrollArea.removeEventListener('pointermove', onPointerMove);
+        scrollArea.removeEventListener('pointerup', onPointerUp);
+      }
+    };
+  }, [animateScroll, onScaleChange, scrollAreaRef]);
+  return isPointerZooming;
+}
+
+export { usePointerZoom };
+//# sourceMappingURL=8d318b2b.js.map

package/_internal/8d318b2b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"8d318b2b.js","sources":["../../src/components/image-lightbox/internal/usePointerZoom.ts"],"sourcesContent":["import React from 'react';\nimport type { Point } from '@lumx/react/utils/type';\nimport type { useAnimateScroll } from './useAnimateScroll';\n\n/**\n * Listen to mouse wheel + ctrl and multi-pointer pinch to zoom\n */\nexport function usePointerZoom(\n    scrollAreaRef: React.RefObject<HTMLDivElement>,\n    onScaleChange: ((value: number) => void) | undefined,\n    animateScroll: ReturnType<typeof useAnimateScroll>,\n) {\n    const [isPointerZooming, setPointerZooming] = React.useState(false);\n    React.useEffect(() => {\n        const scrollArea = scrollAreaRef.current as HTMLDivElement;\n        if (!scrollArea || !onScaleChange) {\n            return undefined;\n        }\n\n        let animationFrame: number | null;\n        let zoomStateTimeoutId: ReturnType<typeof setTimeout> | null;\n\n        function updateScaleOnNextFrame(newScale: number, mousePosition: Point): void {\n            // Cancel previously scheduled frame\n            if (animationFrame) cancelAnimationFrame(animationFrame);\n\n            // Cancel previously scheduled zoom state change\n            if (zoomStateTimeoutId) clearTimeout(zoomStateTimeoutId);\n\n            function nextFrame() {\n                setPointerZooming(true);\n                onScaleChange?.(newScale);\n\n                animationFrame = null;\n                // Wait a bit before indicating the pointer zooming is finished\n                zoomStateTimeoutId = setTimeout(() => setPointerZooming(false), 100);\n            }\n            animationFrame = requestAnimationFrame(nextFrame);\n\n            // Animate scroll in parallel (centering on the current mouse position)\n            animateScroll(mousePosition, {\n                width: scrollArea.scrollWidth,\n                height: scrollArea.scrollHeight,\n            });\n        }\n\n        function onWheel(event: WheelEvent) {\n            if (!event.ctrlKey) {\n                return;\n            }\n            event.preventDefault();\n            const newScale = Math.exp(-event.deltaY / 50);\n\n            // Update scale on next frame (focused on the mouse position)\n            updateScaleOnNextFrame(newScale, {\n                x: event.clientX,\n                y: event.clientY,\n            });\n        }\n\n        const activePointers: Record<PointerEvent['pointerId'], PointerEvent> = {};\n        let prevDistance: number | null = null;\n        let previousCenterPoint: Point | null = null;\n\n        function onPointerDown(event: PointerEvent) {\n            activePointers[event.pointerId] = event;\n        }\n        function onPointerMove(event: PointerEvent) {\n            // Update pointer in cache\n            if (activePointers[event.pointerId]) {\n                activePointers[event.pointerId] = event;\n            }\n\n            const pointers = Object.values(activePointers);\n\n            // Make sure we run computation on one of the pointer in the group\n            if (pointers[0]?.pointerId !== event.pointerId) {\n                return;\n            }\n\n            // Centered point between all pointers\n            const centerPoint: Point = {\n                x: pointers.reduce((x, { clientX }) => x + clientX, 0) / pointers.length,\n                y: pointers.reduce((y, { clientY }) => y + clientY, 0) / pointers.length,\n            };\n\n            // Movement of the center point\n            const deltaCenterPoint = previousCenterPoint && {\n                left: previousCenterPoint.x - centerPoint.x,\n                top: previousCenterPoint.y - centerPoint.y,\n            };\n\n            // Pan X & Y\n            if (deltaCenterPoint) {\n                // Apply movement of the center point to the scroll\n                scrollArea.scrollBy({\n                    top: deltaCenterPoint.top / 2,\n                    left: deltaCenterPoint.left / 2,\n                });\n            }\n\n            // Pinch to zoom\n            if (pointers.length === 2) {\n                const [pointer1, pointer2] = pointers;\n                const distance = Math.hypot(pointer2.clientX - pointer1.clientX, pointer2.clientY - pointer1.clientY);\n\n                if (prevDistance && deltaCenterPoint) {\n                    const delta = prevDistance - distance;\n                    const absDelta = Math.abs(delta);\n\n                    // Zoom only if we are \"pinching\" more than we are moving the pointers\n                    if (absDelta > Math.abs(deltaCenterPoint.left) && absDelta > Math.abs(deltaCenterPoint.top)) {\n                        // Update scale on next frame (focused on the center point between the two pointers)\n                        const newScale = Math.exp(-delta / 100);\n                        updateScaleOnNextFrame(newScale, centerPoint);\n                    }\n                }\n\n                prevDistance = distance;\n            }\n\n            previousCenterPoint = centerPoint;\n        }\n        function onPointerUp(event: PointerEvent) {\n            prevDistance = null;\n            previousCenterPoint = null;\n            delete activePointers[event.pointerId];\n        }\n\n        scrollArea.addEventListener('wheel', onWheel, { passive: false });\n        const isMultiTouch = navigator.maxTouchPoints >= 2;\n        if (isMultiTouch) {\n            scrollArea.addEventListener('pointerdown', onPointerDown);\n            scrollArea.addEventListener('pointermove', onPointerMove);\n            scrollArea.addEventListener('pointerup', onPointerUp);\n        }\n        return () => {\n            scrollArea.removeEventListener('wheel', onWheel);\n            if (isMultiTouch) {\n                scrollArea.removeEventListener('pointerdown', onPointerDown);\n                scrollArea.removeEventListener('pointermove', onPointerMove);\n                scrollArea.removeEventListener('pointerup', onPointerUp);\n            }\n        };\n    }, [animateScroll, onScaleChange, scrollAreaRef]);\n\n    return isPointerZooming;\n}\n"],"names":["usePointerZoom","scrollAreaRef","onScaleChange","animateScroll","isPointerZooming","setPointerZooming","React","useState","useEffect","scrollArea","current","undefined","animationFrame","zoomStateTimeoutId","updateScaleOnNextFrame","newScale","mousePosition","cancelAnimationFrame","clearTimeout","nextFrame","setTimeout","requestAnimationFrame","width","scrollWidth","height","scrollHeight","onWheel","event","ctrlKey","preventDefault","Math","exp","deltaY","x","clientX","y","clientY","activePointers","prevDistance","previousCenterPoint","onPointerDown","pointerId","onPointerMove","pointers","Object","values","centerPoint","reduce","length","deltaCenterPoint","left","top","scrollBy","pointer1","pointer2","distance","hypot","delta","absDelta","abs","onPointerUp","addEventListener","passive","isMultiTouch","navigator","maxTouchPoints","removeEventListener"],"mappings":"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"}

package/_internal/8e3efbc4.js

@@ -0,0 +1,65 @@
+import getWindow from './a0a42aca.js';
+import getNodeName from './879fa64d.js';
+import getComputedStyle from './ff96951d.js';
+import { isHTMLElement } from './617d453e.js';
+import isTableElement from './b5edf49e.js';
+import getParentNode from './063618dc.js';
+import getDocumentElement from './60139f6a.js';
+
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
+  getComputedStyle(element).position === 'fixed') {
+    return null;
+  }
+
+  var offsetParent = element.offsetParent;
+
+  if (offsetParent) {
+    var html = getDocumentElement(offsetParent);
+
+    if (getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && getComputedStyle(html).position !== 'static') {
+      return html;
+    }
+  }
+
+  return offsetParent;
+} // `.offsetParent` reports `null` for fixed elements, while absolute elements
+// return the containing block
+
+
+function getContainingBlock(element) {
+  var currentNode = getParentNode(element);
+
+  while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
+    var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
+    // create a containing block.
+
+    if (css.transform !== 'none' || css.perspective !== 'none' || css.willChange && css.willChange !== 'auto') {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
+  }
+
+  return null;
+} // Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+
+
+function getOffsetParent(element) {
+  var window = getWindow(element);
+  var offsetParent = getTrueOffsetParent(element);
+
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+
+  if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static') {
+    return window;
+  }
+
+  return offsetParent || getContainingBlock(element) || window;
+}
+
+export { getOffsetParent as default };
+//# sourceMappingURL=8e3efbc4.js.map

package/_internal/8e3efbc4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"8e3efbc4.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js"],"sourcesContent":["import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\n\nfunction getTrueOffsetParent(element) {\n  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n  getComputedStyle(element).position === 'fixed') {\n    return null;\n  }\n\n  var offsetParent = element.offsetParent;\n\n  if (offsetParent) {\n    var html = getDocumentElement(offsetParent);\n\n    if (getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && getComputedStyle(html).position !== 'static') {\n      return html;\n    }\n  }\n\n  return offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n  var currentNode = getParentNode(element);\n\n  while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n    var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n\n    if (css.transform !== 'none' || css.perspective !== 'none' || css.willChange && css.willChange !== 'auto') {\n      return currentNode;\n    } else {\n      currentNode = currentNode.parentNode;\n    }\n  }\n\n  return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n  var window = getWindow(element);\n  var offsetParent = getTrueOffsetParent(element);\n\n  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n    offsetParent = getTrueOffsetParent(offsetParent);\n  }\n\n  if (offsetParent && getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static') {\n    return window;\n  }\n\n  return offsetParent || getContainingBlock(element) || window;\n}"],"names":[],"mappings":";;;;;;;;AAQA,SAAS,mBAAmB,CAAC,OAAO,EAAE;AACtC,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7B,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,OAAO,EAAE;AAClD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH;AACA,EAAE,IAAI,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;AAC1C;AACA,EAAE,IAAI,YAAY,EAAE;AACpB,IAAI,IAAI,IAAI,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAChD;AACA,IAAI,IAAI,WAAW,CAAC,YAAY,CAAC,KAAK,MAAM,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,KAAK,QAAQ,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE;AACtJ,MAAM,OAAO,IAAI,CAAC;AAClB,KAAK;AACL,GAAG;AACH;AACA,EAAE,OAAO,YAAY,CAAC;AACtB,CAAC;AACD;AACA;AACA;AACA,SAAS,kBAAkB,CAAC,OAAO,EAAE;AACrC,EAAE,IAAI,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;AAC3C;AACA,EAAE,OAAO,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE;AAC/F,IAAI,IAAI,GAAG,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;AAC5C;AACA;AACA,IAAI,IAAI,GAAG,CAAC,SAAS,KAAK,MAAM,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,UAAU,KAAK,MAAM,EAAE;AAC/G,MAAM,OAAO,WAAW,CAAC;AACzB,KAAK,MAAM;AACX,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC;AAC3C,KAAK;AACL,GAAG;AACH;AACA,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD;AACA;AACA;AACe,SAAS,eAAe,CAAC,OAAO,EAAE;AACjD,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AAClC,EAAE,IAAI,YAAY,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;AAClD;AACA,EAAE,OAAO,YAAY,IAAI,cAAc,CAAC,YAAY,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE;AAC/G,IAAI,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;AACrD,GAAG;AACH;AACA,EAAE,IAAI,YAAY,IAAI,WAAW,CAAC,YAAY,CAAC,KAAK,MAAM,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE;AACpH,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH;AACA,EAAE,OAAO,YAAY,IAAI,kBAAkB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC;AAC/D;;;;","x_google_ignoreList":[0]}