@nova-design-system/nova-webcomponents 3.24.0 → 3.25.0

package/dist/components/p-9xYwU7ku.js

@@ -1,724 +1 @@
-import { _ as __rest, b as __assign, c as alpha, p as px, d as progressPercentage, e as degrees, s as scale, f as color, n as number, a as animate } from './p-Dz1GUhVy.js';
-
-var prevTime = 0;
-var onNextFrame = typeof window !== 'undefined' && window.requestAnimationFrame !== undefined ? function (callback) {
-    return window.requestAnimationFrame(callback);
-} : function (callback) {
-    var timestamp = Date.now();
-    var timeToCall = Math.max(0, 16.7 - (timestamp - prevTime));
-    prevTime = timestamp + timeToCall;
-    setTimeout(function () {
-        return callback(prevTime);
-    }, timeToCall);
-};
-
-var createStep = function (setRunNextFrame) {
-    var processToRun = [];
-    var processToRunNextFrame = [];
-    var numThisFrame = 0;
-    var isProcessing = false;
-    var i = 0;
-    var cancelled = new WeakSet();
-    var toKeepAlive = new WeakSet();
-    var renderStep = {
-        cancel: function (process) {
-            var indexOfCallback = processToRunNextFrame.indexOf(process);
-            cancelled.add(process);
-            if (indexOfCallback !== -1) {
-                processToRunNextFrame.splice(indexOfCallback, 1);
-            }
-        },
-        process: function (frame) {
-            var _a;
-            isProcessing = true;
-            _a = [processToRunNextFrame, processToRun], processToRun = _a[0], processToRunNextFrame = _a[1];
-            processToRunNextFrame.length = 0;
-            numThisFrame = processToRun.length;
-            if (numThisFrame) {
-                var process_1;
-                for (i = 0; i < numThisFrame; i++) {
-                    process_1 = processToRun[i];
-                    process_1(frame);
-                    if (toKeepAlive.has(process_1) === true && !cancelled.has(process_1)) {
-                        renderStep.schedule(process_1);
-                        setRunNextFrame(true);
-                    }
-                }
-            }
-            isProcessing = false;
-        },
-        schedule: function (process, keepAlive, immediate) {
-            if (keepAlive === void 0) {
-                keepAlive = false;
-            }
-            if (immediate === void 0) {
-                immediate = false;
-            }
-            var addToCurrentBuffer = immediate && isProcessing;
-            var buffer = addToCurrentBuffer ? processToRun : processToRunNextFrame;
-            cancelled.delete(process);
-            if (keepAlive) toKeepAlive.add(process);
-            if (buffer.indexOf(process) === -1) {
-                buffer.push(process);
-                if (addToCurrentBuffer) numThisFrame = processToRun.length;
-            }
-        }
-    };
-    return renderStep;
-};
-
-var maxElapsed = 40;
-var defaultElapsed = 1 / 60 * 1000;
-var useDefaultElapsed = true;
-var willRunNextFrame = false;
-var isProcessing = false;
-var frame = {
-    delta: 0,
-    timestamp: 0
-};
-var stepsOrder = ["read", "update", "preRender", "render", "postRender"];
-var setWillRunNextFrame = function (willRun) {
-    return willRunNextFrame = willRun;
-};
-var steps = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {
-    acc[key] = createStep(setWillRunNextFrame);
-    return acc;
-}, {});
-var sync = /*#__PURE__*/stepsOrder.reduce(function (acc, key) {
-    var step = steps[key];
-    acc[key] = function (process, keepAlive, immediate) {
-        if (keepAlive === void 0) {
-            keepAlive = false;
-        }
-        if (immediate === void 0) {
-            immediate = false;
-        }
-        if (!willRunNextFrame) startLoop();
-        step.schedule(process, keepAlive, immediate);
-        return process;
-    };
-    return acc;
-}, {});
-var processStep = function (stepId) {
-    return steps[stepId].process(frame);
-};
-var processFrame = function (timestamp) {
-    willRunNextFrame = false;
-    frame.delta = useDefaultElapsed ? defaultElapsed : Math.max(Math.min(timestamp - frame.timestamp, maxElapsed), 1);
-    if (!useDefaultElapsed) defaultElapsed = frame.delta;
-    frame.timestamp = timestamp;
-    isProcessing = true;
-    stepsOrder.forEach(processStep);
-    isProcessing = false;
-    if (willRunNextFrame) {
-        useDefaultElapsed = false;
-        onNextFrame(processFrame);
-    }
-};
-var startLoop = function () {
-    willRunNextFrame = true;
-    useDefaultElapsed = true;
-    if (!isProcessing) onNextFrame(processFrame);
-};
-
-var createStyler = function (_a) {
-    var onRead = _a.onRead,
-        onRender = _a.onRender,
-        _b = _a.uncachedValues,
-        uncachedValues = _b === void 0 ? new Set() : _b,
-        _c = _a.useCache,
-        useCache = _c === void 0 ? true : _c;
-    return function (_a) {
-        if (_a === void 0) {
-            _a = {};
-        }
-        var props = __rest(_a, []);
-        var state = {};
-        var changedValues = [];
-        var hasChanged = false;
-        function setValue(key, value) {
-            if (key.startsWith('--')) {
-                props.hasCSSVariable = true;
-            }
-            var currentValue = state[key];
-            state[key] = value;
-            if (state[key] === currentValue) return;
-            if (changedValues.indexOf(key) === -1) {
-                changedValues.push(key);
-            }
-            if (!hasChanged) {
-                hasChanged = true;
-                sync.render(styler.render);
-            }
-        }
-        var styler = {
-            get: function (key, forceRead) {
-                if (forceRead === void 0) {
-                    forceRead = false;
-                }
-                var useCached = !forceRead && useCache && !uncachedValues.has(key) && state[key] !== undefined;
-                return useCached ? state[key] : onRead(key, props);
-            },
-            set: function (values, value) {
-                if (typeof values === 'string') {
-                    setValue(values, value);
-                } else {
-                    for (var key in values) {
-                        setValue(key, values[key]);
-                    }
-                }
-                return this;
-            },
-            render: function (forceRender) {
-                if (forceRender === void 0) {
-                    forceRender = false;
-                }
-                if (hasChanged || forceRender === true) {
-                    onRender(state, props, changedValues);
-                    hasChanged = false;
-                    changedValues.length = 0;
-                }
-                return this;
-            }
-        };
-        return styler;
-    };
-};
-
-var CAMEL_CASE_PATTERN = /([a-z])([A-Z])/g;
-var REPLACE_TEMPLATE = '$1-$2';
-var camelToDash = function (str) {
-    return str.replace(CAMEL_CASE_PATTERN, REPLACE_TEMPLATE).toLowerCase();
-};
-
-var camelCache = /*#__PURE__*/new Map();
-var dashCache = /*#__PURE__*/new Map();
-var prefixes = ['Webkit', 'Moz', 'O', 'ms', ''];
-var numPrefixes = prefixes.length;
-var isBrowser = typeof document !== 'undefined';
-var testElement;
-var setDashPrefix = function (key, prefixed) {
-    return dashCache.set(key, camelToDash(prefixed));
-};
-var testPrefix = function (key) {
-    testElement = testElement || document.createElement('div');
-    for (var i = 0; i < numPrefixes; i++) {
-        var prefix = prefixes[i];
-        var noPrefix = prefix === '';
-        var prefixedPropertyName = noPrefix ? key : prefix + key.charAt(0).toUpperCase() + key.slice(1);
-        if (prefixedPropertyName in testElement.style || noPrefix) {
-            if (noPrefix && key === 'clipPath' && dashCache.has(key)) {
-                return;
-            }
-            camelCache.set(key, prefixedPropertyName);
-            setDashPrefix(key, "" + (noPrefix ? '' : '-') + camelToDash(prefixedPropertyName));
-        }
-    }
-};
-var setServerProperty = function (key) {
-    return setDashPrefix(key, key);
-};
-var prefixer = function (key, asDashCase) {
-    if (asDashCase === void 0) {
-        asDashCase = false;
-    }
-    var cache = asDashCase ? dashCache : camelCache;
-    if (!cache.has(key)) {
-        isBrowser ? testPrefix(key) : setServerProperty(key);
-    }
-    return cache.get(key) || key;
-};
-
-var axes = ['', 'X', 'Y', 'Z'];
-var order = ['translate', 'scale', 'rotate', 'skew', 'transformPerspective'];
-var transformProps = /*#__PURE__*/order.reduce(function (acc, key) {
-    return axes.reduce(function (axesAcc, axesKey) {
-        axesAcc.push(key + axesKey);
-        return axesAcc;
-    }, acc);
-}, ['x', 'y', 'z']);
-var transformPropDictionary = /*#__PURE__*/transformProps.reduce(function (dict, key) {
-    dict[key] = true;
-    return dict;
-}, {});
-function isTransformProp(key) {
-    return transformPropDictionary[key] === true;
-}
-function sortTransformProps(a, b) {
-    return transformProps.indexOf(a) - transformProps.indexOf(b);
-}
-var transformOriginProps = /*#__PURE__*/new Set(['originX', 'originY', 'originZ']);
-function isTransformOriginProp(key) {
-    return transformOriginProps.has(key);
-}
-
-var int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });
-var valueTypes = {
-    color: color,
-    backgroundColor: color,
-    outlineColor: color,
-    fill: color,
-    stroke: color,
-    borderColor: color,
-    borderTopColor: color,
-    borderRightColor: color,
-    borderBottomColor: color,
-    borderLeftColor: color,
-    borderWidth: px,
-    borderTopWidth: px,
-    borderRightWidth: px,
-    borderBottomWidth: px,
-    borderLeftWidth: px,
-    borderRadius: px,
-    radius: px,
-    borderTopLeftRadius: px,
-    borderTopRightRadius: px,
-    borderBottomRightRadius: px,
-    borderBottomLeftRadius: px,
-    width: px,
-    maxWidth: px,
-    height: px,
-    maxHeight: px,
-    size: px,
-    top: px,
-    right: px,
-    bottom: px,
-    left: px,
-    padding: px,
-    paddingTop: px,
-    paddingRight: px,
-    paddingBottom: px,
-    paddingLeft: px,
-    margin: px,
-    marginTop: px,
-    marginRight: px,
-    marginBottom: px,
-    marginLeft: px,
-    rotate: degrees,
-    rotateX: degrees,
-    rotateY: degrees,
-    rotateZ: degrees,
-    scale: scale,
-    scaleX: scale,
-    scaleY: scale,
-    scaleZ: scale,
-    skew: degrees,
-    skewX: degrees,
-    skewY: degrees,
-    distance: px,
-    translateX: px,
-    translateY: px,
-    translateZ: px,
-    x: px,
-    y: px,
-    z: px,
-    perspective: px,
-    opacity: alpha,
-    originX: progressPercentage,
-    originY: progressPercentage,
-    originZ: px,
-    zIndex: int,
-    fillOpacity: alpha,
-    strokeOpacity: alpha,
-    numOctaves: int
-};
-var getValueType = function (key) {
-    return valueTypes[key];
-};
-var getValueAsType = function (value, type) {
-    return type && typeof value === 'number' ? type.transform(value) : value;
-};
-
-var SCROLL_LEFT = 'scrollLeft';
-var SCROLL_TOP = 'scrollTop';
-var scrollKeys = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP]);
-
-var blacklist = /*#__PURE__*/new Set([SCROLL_LEFT, SCROLL_TOP, 'transform']);
-var translateAlias = {
-    x: 'translateX',
-    y: 'translateY',
-    z: 'translateZ'
-};
-function isCustomTemplate(v) {
-    return typeof v === 'function';
-}
-function buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone) {
-    if (allowTransformNone === void 0) {
-        allowTransformNone = true;
-    }
-    var transformString = '';
-    var transformHasZ = false;
-    transformKeys.sort(sortTransformProps);
-    var numTransformKeys = transformKeys.length;
-    for (var i = 0; i < numTransformKeys; i++) {
-        var key = transformKeys[i];
-        transformString += (translateAlias[key] || key) + "(" + transform[key] + ") ";
-        transformHasZ = key === 'z' ? true : transformHasZ;
-    }
-    if (!transformHasZ && enableHardwareAcceleration) {
-        transformString += 'translateZ(0)';
-    } else {
-        transformString = transformString.trim();
-    }
-    if (isCustomTemplate(state.transform)) {
-        transformString = state.transform(transform, transformIsDefault ? '' : transformString);
-    } else if (allowTransformNone && transformIsDefault) {
-        transformString = 'none';
-    }
-    return transformString;
-}
-function buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone) {
-    if (enableHardwareAcceleration === void 0) {
-        enableHardwareAcceleration = true;
-    }
-    if (styles === void 0) {
-        styles = {};
-    }
-    if (transform === void 0) {
-        transform = {};
-    }
-    if (transformOrigin === void 0) {
-        transformOrigin = {};
-    }
-    if (transformKeys === void 0) {
-        transformKeys = [];
-    }
-    if (isDashCase === void 0) {
-        isDashCase = false;
-    }
-    if (allowTransformNone === void 0) {
-        allowTransformNone = true;
-    }
-    var transformIsDefault = true;
-    var hasTransform = false;
-    var hasTransformOrigin = false;
-    for (var key in state) {
-        var value = state[key];
-        var valueType = getValueType(key);
-        var valueAsType = getValueAsType(value, valueType);
-        if (isTransformProp(key)) {
-            hasTransform = true;
-            transform[key] = valueAsType;
-            transformKeys.push(key);
-            if (transformIsDefault) {
-                if (valueType.default && value !== valueType.default || !valueType.default && value !== 0) {
-                    transformIsDefault = false;
-                }
-            }
-        } else if (isTransformOriginProp(key)) {
-            transformOrigin[key] = valueAsType;
-            hasTransformOrigin = true;
-        } else if (!blacklist.has(key) || !isCustomTemplate(valueAsType)) {
-            styles[prefixer(key, isDashCase)] = valueAsType;
-        }
-    }
-    if (hasTransform || typeof state.transform === 'function') {
-        styles.transform = buildTransform(state, transform, transformKeys, transformIsDefault, enableHardwareAcceleration, allowTransformNone);
-    }
-    if (hasTransformOrigin) {
-        styles.transformOrigin = (transformOrigin.originX || '50%') + " " + (transformOrigin.originY || '50%') + " " + (transformOrigin.originZ || 0);
-    }
-    return styles;
-}
-function createStyleBuilder(_a) {
-    var _b = _a === void 0 ? {} : _a,
-        _c = _b.enableHardwareAcceleration,
-        enableHardwareAcceleration = _c === void 0 ? true : _c,
-        _d = _b.isDashCase,
-        isDashCase = _d === void 0 ? true : _d,
-        _e = _b.allowTransformNone,
-        allowTransformNone = _e === void 0 ? true : _e;
-    var styles = {};
-    var transform = {};
-    var transformOrigin = {};
-    var transformKeys = [];
-    return function (state) {
-        transformKeys.length = 0;
-        buildStyleProperty(state, enableHardwareAcceleration, styles, transform, transformOrigin, transformKeys, isDashCase, allowTransformNone);
-        return styles;
-    };
-}
-
-function onRead(key, options) {
-    var element = options.element,
-        preparseOutput = options.preparseOutput;
-    var defaultValueType = getValueType(key);
-    if (isTransformProp(key)) {
-        return defaultValueType ? defaultValueType.default || 0 : 0;
-    } else if (scrollKeys.has(key)) {
-        return element[key];
-    } else {
-        var domValue = window.getComputedStyle(element, null).getPropertyValue(prefixer(key, true)) || 0;
-        return preparseOutput && defaultValueType && defaultValueType.test(domValue) && defaultValueType.parse ? defaultValueType.parse(domValue) : domValue;
-    }
-}
-function onRender(state, _a, changedValues) {
-    var element = _a.element,
-        buildStyles = _a.buildStyles,
-        hasCSSVariable = _a.hasCSSVariable;
-    Object.assign(element.style, buildStyles(state));
-    if (hasCSSVariable) {
-        var numChangedValues = changedValues.length;
-        for (var i = 0; i < numChangedValues; i++) {
-            var key = changedValues[i];
-            if (key.startsWith('--')) {
-                element.style.setProperty(key, state[key]);
-            }
-        }
-    }
-    if (changedValues.indexOf(SCROLL_LEFT) !== -1) {
-        element[SCROLL_LEFT] = state[SCROLL_LEFT];
-    }
-    if (changedValues.indexOf(SCROLL_TOP) !== -1) {
-        element[SCROLL_TOP] = state[SCROLL_TOP];
-    }
-}
-var cssStyler = /*#__PURE__*/createStyler({
-    onRead: onRead,
-    onRender: onRender,
-    uncachedValues: scrollKeys
-});
-function createCssStyler(element, _a) {
-    if (_a === void 0) {
-        _a = {};
-    }
-    var enableHardwareAcceleration = _a.enableHardwareAcceleration,
-        allowTransformNone = _a.allowTransformNone,
-        props = __rest(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
-    return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({
-            enableHardwareAcceleration: enableHardwareAcceleration,
-            allowTransformNone: allowTransformNone
-        }), preparseOutput: true }, props));
-}
-
-var camelCaseAttributes = /*#__PURE__*/new Set(['baseFrequency', 'diffuseConstant', 'kernelMatrix', 'kernelUnitLength', 'keySplines', 'keyTimes', 'limitingConeAngle', 'markerHeight', 'markerWidth', 'numOctaves', 'targetX', 'targetY', 'surfaceScale', 'specularConstant', 'specularExponent', 'stdDeviation', 'tableValues']);
-
-var defaultOrigin = 0.5;
-var svgAttrsTemplate = function () {
-    return {
-        style: {}
-    };
-};
-var progressToPixels = function (progress, length) {
-    return px.transform(progress * length);
-};
-var unmeasured = { x: 0, y: 0, width: 0, height: 0 };
-function calcOrigin(origin, offset, size) {
-    return typeof origin === 'string' ? origin : px.transform(offset + size * origin);
-}
-function calculateSVGTransformOrigin(dimensions, originX, originY) {
-    return calcOrigin(originX, dimensions.x, dimensions.width) + " " + calcOrigin(originY, dimensions.y, dimensions.height);
-}
-var svgStyleConfig = {
-    enableHardwareAcceleration: false,
-    isDashCase: false
-};
-function buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDashCase) {
-    if (dimensions === void 0) {
-        dimensions = unmeasured;
-    }
-    if (cssBuilder === void 0) {
-        cssBuilder = createStyleBuilder(svgStyleConfig);
-    }
-    if (attrs === void 0) {
-        attrs = svgAttrsTemplate();
-    }
-    if (isDashCase === void 0) {
-        isDashCase = true;
-    }
-    var attrX = _a.attrX,
-        attrY = _a.attrY,
-        originX = _a.originX,
-        originY = _a.originY,
-        pathLength = _a.pathLength,
-        _b = _a.pathSpacing,
-        pathSpacing = _b === void 0 ? 1 : _b,
-        _c = _a.pathOffset,
-        pathOffset = _c === void 0 ? 0 : _c,
-        state = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
-    var style = cssBuilder(state);
-    for (var key in style) {
-        if (key === 'transform') {
-            attrs.style.transform = style[key];
-        } else {
-            var attrKey = isDashCase && !camelCaseAttributes.has(key) ? camelToDash(key) : key;
-            attrs[attrKey] = style[key];
-        }
-    }
-    if (originX !== undefined || originY !== undefined || style.transform) {
-        attrs.style.transformOrigin = calculateSVGTransformOrigin(dimensions, originX !== undefined ? originX : defaultOrigin, originY !== undefined ? originY : defaultOrigin);
-    }
-    if (attrX !== undefined) attrs.x = attrX;
-    if (attrY !== undefined) attrs.y = attrY;
-    if (totalPathLength !== undefined && pathLength !== undefined) {
-        attrs[isDashCase ? 'stroke-dashoffset' : 'strokeDashoffset'] = progressToPixels(-pathOffset, totalPathLength);
-        attrs[isDashCase ? 'stroke-dasharray' : 'strokeDasharray'] = progressToPixels(pathLength, totalPathLength) + " " + progressToPixels(pathSpacing, totalPathLength);
-    }
-    return attrs;
-}
-function createAttrBuilder(dimensions, totalPathLength, isDashCase) {
-    if (isDashCase === void 0) {
-        isDashCase = true;
-    }
-    var attrs = svgAttrsTemplate();
-    var cssBuilder = createStyleBuilder(svgStyleConfig);
-    return function (state) {
-        return buildSVGAttrs(state, dimensions, totalPathLength, cssBuilder, attrs, isDashCase);
-    };
-}
-
-var getDimensions = function (element) {
-    return typeof element.getBBox === 'function' ? element.getBBox() : element.getBoundingClientRect();
-};
-var getSVGElementDimensions = function (element) {
-    try {
-        return getDimensions(element);
-    } catch (e) {
-        return { x: 0, y: 0, width: 0, height: 0 };
-    }
-};
-
-var isPath = function (element) {
-    return element.tagName === 'path';
-};
-var svgStyler = /*#__PURE__*/createStyler({
-    onRead: function (key, _a) {
-        var element = _a.element;
-        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
-        if (!isTransformProp(key)) {
-            return element.getAttribute(key);
-        } else {
-            var valueType = getValueType(key);
-            return valueType ? valueType.default || 0 : 0;
-        }
-    },
-    onRender: function (state, _a) {
-        var element = _a.element,
-            buildAttrs = _a.buildAttrs;
-        var attrs = buildAttrs(state);
-        for (var key in attrs) {
-            if (key === 'style') {
-                Object.assign(element.style, attrs.style);
-            } else {
-                element.setAttribute(key, attrs[key]);
-            }
-        }
-    }
-});
-var svg = function (element) {
-    var dimensions = getSVGElementDimensions(element);
-    var pathLength = isPath(element) && element.getTotalLength ? element.getTotalLength() : undefined;
-    return svgStyler({
-        element: element,
-        buildAttrs: createAttrBuilder(dimensions, pathLength)
-    });
-};
-
-var viewport = /*#__PURE__*/createStyler({
-    useCache: false,
-    onRead: function (key) {
-        return key === 'scrollTop' ? window.pageYOffset : window.pageXOffset;
-    },
-    onRender: function (_a) {
-        var _b = _a.scrollTop,
-            scrollTop = _b === void 0 ? 0 : _b,
-            _c = _a.scrollLeft,
-            scrollLeft = _c === void 0 ? 0 : _c;
-        return window.scrollTo(scrollLeft, scrollTop);
-    }
-});
-
-var cache = /*#__PURE__*/new WeakMap();
-var isHTMLElement = function (node) {
-    return node instanceof HTMLElement || typeof node.click === 'function';
-};
-var isSVGElement = function (node) {
-    return node instanceof SVGElement || 'ownerSVGElement' in node;
-};
-var createDOMStyler = function (node, props) {
-    var styler;
-    if (node === window) {
-        styler = viewport(node);
-    } else if (isHTMLElement(node)) {
-        styler = createCssStyler(node, props);
-    } else if (isSVGElement(node)) {
-        styler = svg(node);
-    }
-    cache.set(node, styler);
-    return styler;
-};
-var getStyler = function (node, props) {
-    return cache.has(node) ? cache.get(node) : createDOMStyler(node, props);
-};
-function index(nodeOrSelector, props) {
-    var node = typeof nodeOrSelector === 'string' ? document.querySelector(nodeOrSelector) : nodeOrSelector;
-    return getStyler(node, props);
-}
-
-const useFade = (node, { duration } = { duration: 200 }) => {
-    const nodeStyler = index(node);
-    /**
-     * Will animate the opacity to 1, and removes the opacity style attribute once
-     * complete.
-     */
-    function fadeIn() {
-        return new Promise(resolve => {
-            animate({
-                from: { opacity: 0 },
-                to: { opacity: 1 },
-                duration,
-                onUpdate(latest) {
-                    nodeStyler.set({ opacity: latest.opacity });
-                },
-                onComplete() {
-                    resolve();
-                    node.style.removeProperty('opacity');
-                },
-            });
-        });
-    }
-    /**
-     * Applies the fadeOut styles without animating, useful when initial state
-     * is hidden.
-     */
-    function setFadeOut() {
-        nodeStyler.set({ opacity: 0 });
-    }
-    /**
-     * Applies the fadeIn styles without animating, useful when initial state
-     * is visible.
-     */
-    function setFadeIn() {
-        nodeStyler.set({ opacity: 1 });
-    }
-    /**
-     * Will animate the opacity to 0, once complete, the opacity style attribute
-     * will stay on the element.
-     */
-    function fadeOut() {
-        return new Promise(resolve => {
-            animate({
-                from: { opacity: 1 },
-                to: { opacity: 0 },
-                duration,
-                onUpdate(latest) {
-                    nodeStyler.set({ opacity: latest.opacity });
-                },
-                onComplete() {
-                    resolve();
-                },
-            });
-        });
-    }
-    return {
-        fadeIn,
-        fadeOut,
-        setFadeOut,
-        setFadeIn,
-    };
-};
-
-export { index as i, useFade as u };
-//# sourceMappingURL=p-9xYwU7ku.js.map
-
-//# sourceMappingURL=p-9xYwU7ku.js.map
+import{_ as n,b as t,c as r,p as e,d as o,e as i,s as a,f as u,n as d,a as c}from"./p-Dz1GUhVy.js";var f,s=0,v="undefined"!=typeof window&&void 0!==window.requestAnimationFrame?function(n){return window.requestAnimationFrame(n)}:function(n){var t=Date.now(),r=Math.max(0,16.7-(t-s));s=t+r,setTimeout((function(){return n(s)}),r)},l=1/60*1e3,p=!0,m=!1,h=!1,g={delta:0,timestamp:0},w=["read","update","preRender","render","postRender"],y=function(n){return m=n},b=w.reduce((function(n,t){return n[t]=function(n){var t=[],r=[],e=0,o=!1,i=0,a=new WeakSet,u=new WeakSet,d={cancel:function(n){var t=r.indexOf(n);a.add(n),-1!==t&&r.splice(t,1)},process:function(c){var f,s;if(o=!0,t=(f=[r,t])[0],(r=f[1]).length=0,e=t.length)for(i=0;i<e;i++)(s=t[i])(c),!0!==u.has(s)||a.has(s)||(d.schedule(s),n(!0));o=!1},schedule:function(n,i,d){void 0===i&&(i=!1),void 0===d&&(d=!1);var c=d&&o,f=c?t:r;a.delete(n),i&&u.add(n),-1===f.indexOf(n)&&(f.push(n),c&&(e=t.length))}};return d}(y),n}),{}),R=w.reduce((function(n,t){var r=b[t];return n[t]=function(n,t,e){return void 0===t&&(t=!1),void 0===e&&(e=!1),m||S(),r.schedule(n,t,e),n},n}),{}),k=function(n){return b[n].process(g)},C=function(n){m=!1,g.delta=p?l:Math.max(Math.min(n-g.timestamp,40),1),p||(l=g.delta),g.timestamp=n,h=!0,w.forEach(k),h=!1,m&&(p=!1,v(C))},S=function(){m=!0,p=!0,h||v(C)},T=function(t){var r=t.onRead,e=t.onRender,o=t.uncachedValues,i=void 0===o?new Set:o,a=t.useCache,u=void 0===a||a;return function(t){void 0===t&&(t={});var o=n(t,[]),a={},d=[],c=!1;function f(n,t){n.startsWith("--")&&(o.hasCSSVariable=!0);var r=a[n];a[n]=t,a[n]!==r&&(-1===d.indexOf(n)&&d.push(n),c||(c=!0,R.render(s.render)))}var s={get:function(n,t){return void 0===t&&(t=!1),t||!u||i.has(n)||void 0===a[n]?r(n,o):a[n]},set:function(n,t){if("string"==typeof n)f(n,t);else for(var r in n)f(r,n[r]);return this},render:function(n){return void 0===n&&(n=!1),(c||!0===n)&&(e(a,o,d),c=!1,d.length=0),this}};return s}},x=/([a-z])([A-Z])/g,O=function(n){return n.replace(x,"$1-$2").toLowerCase()},W=new Map,X=new Map,Y=["Webkit","Moz","O","ms",""],L=Y.length,M="undefined"!=typeof document,z=function(n,t){return X.set(n,O(t))},Z=function(n,t){void 0===t&&(t=!1);var r=t?X:W;return r.has(n)||(M?function(n){f=f||document.createElement("div");for(var t=0;t<L;t++){var r=Y[t],e=""===r,o=e?n:r+n.charAt(0).toUpperCase()+n.slice(1);if(o in f.style||e){if(e&&"clipPath"===n&&X.has(n))return;W.set(n,o),z(n,(e?"":"-")+O(o))}}}(n):function(n){z(n,n)}(n)),r.get(n)||n},A=["","X","Y","Z"],B=["translate","scale","rotate","skew","transformPerspective"].reduce((function(n,t){return A.reduce((function(n,r){return n.push(t+r),n}),n)}),["x","y","z"]),H=B.reduce((function(n,t){return n[t]=!0,n}),{});function V(n){return!0===H[n]}function D(n,t){return B.indexOf(n)-B.indexOf(t)}var E=new Set(["originX","originY","originZ"]);function P(n){return E.has(n)}var U=t(t({},d),{transform:Math.round}),j={color:u,backgroundColor:u,outlineColor:u,fill:u,stroke:u,borderColor:u,borderTopColor:u,borderRightColor:u,borderBottomColor:u,borderLeftColor:u,borderWidth:e,borderTopWidth:e,borderRightWidth:e,borderBottomWidth:e,borderLeftWidth:e,borderRadius:e,radius:e,borderTopLeftRadius:e,borderTopRightRadius:e,borderBottomRightRadius:e,borderBottomLeftRadius:e,width:e,maxWidth:e,height:e,maxHeight:e,size:e,top:e,right:e,bottom:e,left:e,padding:e,paddingTop:e,paddingRight:e,paddingBottom:e,paddingLeft:e,margin:e,marginTop:e,marginRight:e,marginBottom:e,marginLeft:e,rotate:i,rotateX:i,rotateY:i,rotateZ:i,scale:a,scaleX:a,scaleY:a,scaleZ:a,skew:i,skewX:i,skewY:i,distance:e,translateX:e,translateY:e,translateZ:e,x:e,y:e,z:e,perspective:e,opacity:r,originX:o,originY:o,originZ:e,zIndex:U,fillOpacity:r,strokeOpacity:r,numOctaves:U},F=function(n){return j[n]},G=function(n,t){return t&&"number"==typeof n?t.transform(n):n},I="scrollLeft",N="scrollTop",$=new Set([I,N]),q=new Set([I,N,"transform"]),_={x:"translateX",y:"translateY",z:"translateZ"};function J(n){return"function"==typeof n}function K(n){var t=void 0===n?{}:n,r=t.enableHardwareAcceleration,e=void 0===r||r,o=t.isDashCase,i=void 0===o||o,a=t.allowTransformNone,u=void 0===a||a,d={},c={},f={},s=[];return function(n){return s.length=0,function(n,t,r,e,o,i,a,u){void 0===t&&(t=!0),void 0===r&&(r={}),void 0===e&&(e={}),void 0===o&&(o={}),void 0===i&&(i=[]),void 0===a&&(a=!1),void 0===u&&(u=!0);var d=!0,c=!1,f=!1;for(var s in n){var v=n[s],l=F(s),p=G(v,l);V(s)?(c=!0,e[s]=p,i.push(s),d&&(l.default&&v!==l.default||!l.default&&0!==v)&&(d=!1)):P(s)?(o[s]=p,f=!0):q.has(s)&&J(p)||(r[Z(s,a)]=p)}(c||"function"==typeof n.transform)&&(r.transform=function(n,t,r,e,o,i){void 0===i&&(i=!0);var a="",u=!1;r.sort(D);for(var d=r.length,c=0;c<d;c++){var f=r[c];a+=(_[f]||f)+"("+t[f]+") ",u="z"===f||u}return!u&&o?a+="translateZ(0)":a=a.trim(),J(n.transform)?a=n.transform(t,e?"":a):i&&e&&(a="none"),a}(n,e,i,d,t,u)),f&&(r.transformOrigin=(o.originX||"50%")+" "+(o.originY||"50%")+" "+(o.originZ||0))}(n,e,d,c,f,s,i,u),d}}var Q=T({onRead:function(n,t){var r=t.element,e=t.preparseOutput,o=F(n);if(V(n))return o&&o.default||0;if($.has(n))return r[n];var i=window.getComputedStyle(r,null).getPropertyValue(Z(n,!0))||0;return e&&o&&o.test(i)&&o.parse?o.parse(i):i},onRender:function(n,t,r){var e=t.element,o=t.hasCSSVariable;if(Object.assign(e.style,(0,t.buildStyles)(n)),o)for(var i=r.length,a=0;a<i;a++){var u=r[a];u.startsWith("--")&&e.style.setProperty(u,n[u])}-1!==r.indexOf(I)&&(e[I]=n[I]),-1!==r.indexOf(N)&&(e[N]=n[N])},uncachedValues:$}),nn=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues"]),tn=function(n,t){return e.transform(n*t)},rn={x:0,y:0,width:0,height:0};function en(n,t,r){return"string"==typeof n?n:e.transform(t+r*n)}var on={enableHardwareAcceleration:!1,isDashCase:!1};function an(t,r,e){void 0===e&&(e=!0);var o={style:{}},i=K(on);return function(a){return function(t,r,e,o,i,a){void 0===r&&(r=rn),void 0===o&&(o=K(on)),void 0===i&&(i={style:{}}),void 0===a&&(a=!0);var u=t.attrX,d=t.attrY,c=t.originX,f=t.originY,s=t.pathLength,v=t.pathSpacing,l=void 0===v?1:v,p=t.pathOffset,m=void 0===p?0:p,h=o(n(t,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]));for(var g in h)"transform"===g?i.style.transform=h[g]:i[a&&!nn.has(g)?O(g):g]=h[g];return(void 0!==c||void 0!==f||h.transform)&&(i.style.transformOrigin=function(n,t,r){return en(t,n.x,n.width)+" "+en(r,n.y,n.height)}(r,void 0!==c?c:.5,void 0!==f?f:.5)),void 0!==u&&(i.x=u),void 0!==d&&(i.y=d),void 0!==e&&void 0!==s&&(i[a?"stroke-dashoffset":"strokeDashoffset"]=tn(-m,e),i[a?"stroke-dasharray":"strokeDasharray"]=tn(s,e)+" "+tn(l,e)),i}(a,t,r,i,o,e)}}var un=T({onRead:function(n,t){var r=t.element;if(V(n=nn.has(n)?n:O(n))){var e=F(n);return e&&e.default||0}return r.getAttribute(n)},onRender:function(n,t){var r=t.element,e=(0,t.buildAttrs)(n);for(var o in e)"style"===o?Object.assign(r.style,e.style):r.setAttribute(o,e[o])}}),dn=T({useCache:!1,onRead:function(n){return"scrollTop"===n?window.pageYOffset:window.pageXOffset},onRender:function(n){var t=n.scrollTop,r=n.scrollLeft;return window.scrollTo(void 0===r?0:r,void 0===t?0:t)}}),cn=new WeakMap;function fn(r,e){return function(r,e){return cn.has(r)?cn.get(r):function(r,e){var o,i,a,u;return r===window?o=dn(r):function(n){return n instanceof HTMLElement||"function"==typeof n.click}(r)?o=function(r,e){void 0===e&&(e={});var o=e.enableHardwareAcceleration,i=e.allowTransformNone,a=n(e,["enableHardwareAcceleration","allowTransformNone"]);return Q(t({element:r,buildStyles:K({enableHardwareAcceleration:o,allowTransformNone:i}),preparseOutput:!0},a))}(r,e):function(n){return n instanceof SVGElement||"ownerSVGElement"in n}(r)&&(a=function(n){try{return function(n){return"function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}(n)}catch(n){return{x:0,y:0,width:0,height:0}}}(i=r),u=function(n){return"path"===n.tagName}(i)&&i.getTotalLength?i.getTotalLength():void 0,o=un({element:i,buildAttrs:an(a,u)})),cn.set(r,o),o}(r,e)}("string"==typeof r?document.querySelector(r):r,e)}const sn=(n,{duration:t}={duration:200})=>{const r=fn(n);return{fadeIn:function(){return new Promise((e=>{c({from:{opacity:0},to:{opacity:1},duration:t,onUpdate(n){r.set({opacity:n.opacity})},onComplete(){e(),n.style.removeProperty("opacity")}})}))},fadeOut:function(){return new Promise((n=>{c({from:{opacity:1},to:{opacity:0},duration:t,onUpdate(n){r.set({opacity:n.opacity})},onComplete(){n()}})}))},setFadeOut:function(){r.set({opacity:0})},setFadeIn:function(){r.set({opacity:1})}}};export{fn as i,sn as u}