@nova-design-system/nova-webcomponents 3.12.0 → 3.13.0

package/dist/native/p-ee0df37f.js.map

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

package/dist/native/p-ee516944.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,F as e,H as a,g as o}from"./p-d0a33e64.js";import{b as n}from"./p-2277cfc8.js";const l="nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";const r=l;const h=class{constructor(s){t(this,s);this.dialogCanceled=i(this,"dialogCanceled",7);this.dialogPrimaryClicked=i(this,"dialogPrimaryClicked",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.hasSlot=false;this.disabled=false;this.undismissable=false;this.leadingIcon="";this.trailingIcon="";this.danger=false;this.cancelLabel="Cancel";this.primaryLabel="Primary";this.handlePrimary=t=>{t.stopPropagation();this.dialogPrimaryClicked.emit()};this.handleCancel=t=>{t.stopPropagation();this.dialogCanceled.emit()}}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}componentDidLoad(){this.primaryButtonType=this.primaryButtonType||this.form?n.Submit:n.Button}render(){return s(a,{key:"0868c3af73f89219eee7c006b4ddca47c6da29b0"},!this.hasSlot?s(e,null,!this.undismissable&&s("nv-button",{onClick:this.handleCancel,emphasis:"low",size:"sm"},this.cancelLabel),s("nv-button",{onClick:this.handlePrimary,disabled:this.disabled,danger:this.danger,size:"sm",emphasis:"high",form:this.form,type:this.primaryButtonType},this.leadingIcon&&s("nv-icon",{slot:"leading-icon",name:this.leadingIcon,size:"sm"}),this.primaryLabel,this.trailingIcon&&s("nv-icon",{slot:"trailing-icon",name:this.trailingIcon,size:"sm"}))):s("slot",null))}static get formAssociated(){return true}get el(){return o(this)}};h.style=r;const d='nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:500;padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:"TT Norms Pro", sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:400;line-height:var(--line-height-sm);}';const g=d;const c=class{constructor(i){t(this,i);this.hasSlot=false;this.heading="Dialog Title"}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}render(){return s(a,{key:"f91a9aea8aa7116266f52bb356ef2ec493df6354"},!this.hasSlot?s(e,null,s("div",{class:"heading"},this.heading),s("div",{class:"subheading"},this.subheading)):s("slot",null))}get el(){return o(this)}};c.style=g;export{h as nv_dialogfooter,c as nv_dialogheader};
+//# sourceMappingURL=p-ee516944.entry.js.map

package/dist/native/p-ee516944.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvDialogfooterCss","NvDialogfooterStyle0","NvDialogfooter","constructor","hostRef","this","hasSlot","disabled","undismissable","leadingIcon","trailingIcon","danger","cancelLabel","primaryLabel","handlePrimary","event","stopPropagation","dialogPrimaryClicked","emit","handleCancel","dialogCanceled","componentWillLoad","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","componentDidLoad","primaryButtonType","form","ButtonType","Submit","Button","render","h","Host","key","Fragment","onClick","emphasis","size","type","slot","name","nvDialogheaderCss","NvDialogheaderStyle0","NvDialogheader","heading","class","subheading"],"sources":["src/components/nv-dialogfooter/nv-dialogfooter.scss?tag=nv-dialogfooter","src/components/nv-dialogfooter/nv-dialogfooter.tsx","src/components/nv-dialogheader/nv-dialogheader.scss?tag=nv-dialogheader","src/components/nv-dialogheader/nv-dialogheader.tsx"],"sourcesContent":["nv-dialogfooter {\n  display: flex;\n  padding: var(--dialog-footer-padding-top) var(--dialog-footer-padding-x)\n    var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);\n\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: var(--dialog-footer-gap-y);\n  align-self: stretch;\n}\n","import {\n  AttachInternals,\n  Component,\n  h,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n  tag: 'nv-dialogfooter',\n  styleUrl: 'nv-dialogfooter.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvDialogfooter {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvDialogfooterElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the primary button, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Controls the visibility of the cancel button. When true, the cancel button is\n   * hidden.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * Sets the leading icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly leadingIcon: string = '';\n\n  /**\n   * Sets the trailing icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly trailingIcon: string = '';\n\n  /**\n   * Sets the danger state for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Sets the label for the cancel button.\n   */\n  @Prop({ reflect: true })\n  readonly cancelLabel: string = 'Cancel';\n\n  /**\n   * Sets the label for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryLabel: string = 'Primary';\n\n  /**\n   * Sets the type of the primary button. If using a form, this will default to\n   * 'submit' if nothing passed.\n   */\n  @Prop({ reflect: true, mutable: true })\n  primaryButtonType: `${ButtonType}`;\n\n  /**\n   * A form inside the dialog can be submitted through the dialog footer by\n   * giving the form an id and passing that id to the form attribute.\n   */\n  @Prop({ reflect: true })\n  readonly form: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the cancel button is clicked. This will close the dialog.\n   */\n  @Event()\n  dialogCanceled: EventEmitter<void>;\n\n  /**\n   * Emitted when the primary button is clicked. This allows to handle the\n   * primary action and potential data capture before closing the dialog.\n   */\n  @Event()\n  dialogPrimaryClicked: EventEmitter<void>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the primary action when the primary button is clicked.\n   * @param {Event} event - The click event.\n   */\n\n  private handlePrimary = (event: Event) => {\n    event.stopPropagation();\n    this.dialogPrimaryClicked.emit();\n  };\n\n  /**\n   * Handles the cancel action when the cancel button is clicked. This will close the dialog.\n   * @param {Event} event - The click event.\n   */\n  private handleCancel = (event: Event) => {\n    event.stopPropagation();\n    this.dialogCanceled.emit();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  componentDidLoad() {\n    // Set the default button type based on the form property\n    this.primaryButtonType =\n      this.primaryButtonType || this.form\n        ? ButtonType.Submit\n        : ButtonType.Button;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            {!this.undismissable && (\n              <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n                {this.cancelLabel}\n              </nv-button>\n            )}\n            <nv-button\n              onClick={this.handlePrimary}\n              disabled={this.disabled}\n              danger={this.danger}\n              size=\"sm\"\n              emphasis=\"high\"\n              form={this.form}\n              type={this.primaryButtonType}\n            >\n              {this.leadingIcon && (\n                <nv-icon\n                  slot=\"leading-icon\"\n                  name={this.leadingIcon}\n                  size=\"sm\"\n                />\n              )}\n              {this.primaryLabel}\n              {this.trailingIcon && (\n                <nv-icon\n                  slot=\"trailing-icon\"\n                  name={this.trailingIcon}\n                  size=\"sm\"\n                />\n              )}\n            </nv-button>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","nv-dialogheader {\n  // calc(var(--dialog-header-padding-x, 24px) + var(--dialog-dismissible-position-right, 12px) + var(--button-sm-icon-size, 16px) + var(--button-sm-icon-button-padding, 8px))\n  padding: var(--dialog-header-padding-top)\n    var(--dialog-header-padding-x)\n    var(--dialog-header-padding-bottom)\n    var(--dialog-header-padding-x);\n  justify-content: space-between;\n  align-items: flex-start;\n  align-self: stretch;\n\n  .heading {\n    color: var(--color-content-high-text);\n\n\n    /* heading/xs/medium */\n    font-family: 'TT Norms Pro', sans-serif;\n    font-size: var(--font-size-lg);\n    font-style: normal;\n    font-weight: 500;\n    padding-right: var(--spacing-7);\n    line-height: var(--leading-px-6); /* 133.333% */\n    letter-spacing: var(--letter-spacing-heading-xs);\n  }\n\n  .subheading {\n    color: var(--color-content-low-text);\n\n\n    /* text/sm/regular */\n    font-family: 'TT Norms Pro', sans-serif;\n    font-size: var(--font-size-sm);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--line-height-sm); /* 142.857% */\n  }\n}\n","import { Component, Host, Prop, h, Element, Fragment } from '@stencil/core';\n\n/**\n * @slot default - Custom content for the dialog header. When provided, the default header will not be rendered.\n */\n@Component({\n  tag: 'nv-dialogheader',\n  styleUrl: 'nv-dialogheader.scss',\n  shadow: false,\n})\nexport class NvDialogheader {\n  @Element() el: HTMLNvDialogheaderElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the heading text for the dialog.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string = 'Dialog Title';\n\n  /**\n   * Sets the subheading text for the dialog.\n   */\n  @Prop({ reflect: true })\n  readonly subheading: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"subheading\">{this.subheading}</div>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,2QAC1B,MAAAC,EAAeD,E,MCqBFE,EAAc,MAN3B,WAAAC,CAAAC,G,oRASUC,KAAAC,QAAU,MASTD,KAAAE,SAAoB,MAOpBF,KAAAG,cAAyB,MAMzBH,KAAAI,YAAsB,GAMtBJ,KAAAK,aAAuB,GAMvBL,KAAAM,OAAkB,MAMlBN,KAAAO,YAAsB,SAMtBP,KAAAQ,aAAuB,UA0CxBR,KAAAS,cAAiBC,IACvBA,EAAMC,kBACNX,KAAKY,qBAAqBC,MAAM,EAO1Bb,KAAAc,aAAgBJ,IACtBA,EAAMC,kBACNX,KAAKe,eAAeF,MAAM,C,CAO5B,iBAAAG,GAEEhB,KAAKC,QAAUgB,MAAMC,KAAKlB,KAAKmB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAKtC,gBAAAC,GAEE3B,KAAK4B,kBACH5B,KAAK4B,mBAAqB5B,KAAK6B,KAC3BC,EAAWC,OACXD,EAAWE,M,CAOnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDpC,KAAKC,QACLiC,EAACG,EAAQ,MACLrC,KAAKG,eACL+B,EAAA,aAAWI,QAAStC,KAAKc,aAAcyB,SAAS,MAAMC,KAAK,MACxDxC,KAAKO,aAGV2B,EAAA,aACEI,QAAStC,KAAKS,cACdP,SAAUF,KAAKE,SACfI,OAAQN,KAAKM,OACbkC,KAAK,KACLD,SAAS,OACTV,KAAM7B,KAAK6B,KACXY,KAAMzC,KAAK4B,mBAEV5B,KAAKI,aACJ8B,EAAA,WACEQ,KAAK,eACLC,KAAM3C,KAAKI,YACXoC,KAAK,OAGRxC,KAAKQ,aACLR,KAAKK,cACJ6B,EAAA,WACEQ,KAAK,gBACLC,KAAM3C,KAAKK,aACXmC,KAAK,SAMbN,EAAA,a,6EC9LV,MAAMU,EAAoB,osBAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,MAL3B,WAAAhD,CAAAC,G,UAOUC,KAAAC,QAAU,MASTD,KAAA+C,QAAkB,c,CAY3B,iBAAA/B,GAEEhB,KAAKC,QAAUgB,MAAMC,KAAKlB,KAAKmB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDpC,KAAKC,QACLiC,EAACG,EAAQ,KACPH,EAAA,OAAKc,MAAM,WAAWhD,KAAK+C,SAC3Bb,EAAA,OAAKc,MAAM,cAAchD,KAAKiD,aAGhCf,EAAA,a","ignoreList":[]}

package/dist/native/p-f5120223.entry.js

@@ -0,0 +1,2 @@
+import{h as e,r as i,c as t,H as r,g as n}from"./p-d0a33e64.js";import{c as s}from"./p-8a1a6e56.js";import{v as a}from"./p-f5ff676c.js";function o(e){if(Number.isInteger(e))return 0;const i=e.toString();const t=i.split(".")[1];return t?t.length:0}function l(e,i,t){return Math.max(i,Math.min(t,e))}function d(e,i,t){if(t===i)return 0;return(e-i)/(t-i)*100}function c(e,i,t,r){const n=l(e,i,t);const s=o(r);if(s>0){const e=Math.pow(10,s);const a=Math.round((n-i)*e);const o=Math.round(r*e);const d=Math.round(a/o);const c=d*o;const f=i+c/e;return l(parseFloat(f.toFixed(s)),i,t)}const a=(n-i)/r;const d=Math.round(a);const c=i+d*r;return l(c,i,t)}function f(e,i,t){const r=[];for(let n=e;n<=i;n+=t){r.push(Number(n.toFixed(10)))}if(r[r.length-1]!==i){r.push(i)}return r}function h(e,i){if(!i||i.length===0)return e;let t=i[0].value;let r=Math.abs(e-t);for(const n of i){const i=Math.abs(e-n.value);if(i<r){r=i;t=n.value}}return t}function u(e,i){const t=o(i);if(t>0){return e.toFixed(t)}return String(e)}const v=i=>{const{value:t,min:r,max:n,step:s,rawPosition:a,isDragging:o,snap:c,disabled:f,readonly:h,onKeyDown:v,labelBeforeValue:b,labelAfterValue:p}=i;let m=t;if(o&&!c){m=l(a,r,n)}const k=d(m,r,n);return e("div",{class:"thumb",style:{left:`${k}%`},role:"slider","aria-valuemin":r,"aria-valuemax":n,"aria-valuenow":t,"aria-disabled":f?"true":undefined,"aria-readonly":h?"true":undefined,tabindex:f?-1:0,onKeyDown:v},e("div",{class:"thumb-tooltip"},b&&e("span",{class:"label-before"},b),u(t,s),p&&e("span",{class:"label-after"},p)))};const b=i=>{const{rangeValue:t,rawRangePosition:r,activeDragThumb:n,isDragging:s,snap:a,min:o,max:c,step:f,disabled:h,readonly:v,onKeyDown:b,labelBeforeValue:p,labelAfterValue:m}=i;const[k,g]=t;let y=k;let x=g;if(s&&!a){const[e,i]=r;if(n==="left"){y=l(e,o,Math.min(g,c))}else if(n==="right"){x=l(i,Math.max(k,o),c)}}const w=d(y,o,c);const V=d(x,o,c);return[e("div",{class:"track-range",style:{left:`${w}%`,width:`${V-w}%`}}),e("div",{class:"thumb thumb-left",style:{left:`${w}%`},role:"slider","aria-valuemin":o,"aria-valuemax":c,"aria-valuenow":k,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"left",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(k,f),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:`${V}%`},role:"slider","aria-valuemin":o,"aria-valuemax":c,"aria-valuenow":g,"aria-disabled":h?"true":undefined,"aria-readonly":v?"true":undefined,"data-thumb":"right",tabindex:h?-1:0,onKeyDown:b},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),u(g,f),m&&e("span",{class:"label-after"},m)))]};const p=i=>{const{ticks:t,min:r,max:n}=i;if(t.length===0){return null}return e("div",{class:"track-ticks"},t.map((i=>{const t=d(i.value,r,n);return e("div",{class:"track-tick",style:{left:`${t}%`}},i.label&&e("div",{class:"tick-label"},i.label))})))};const m=i=>{const{range:t,hasField:r,value:n,rangeValue:a,index:o,inputId:l,min:d,max:c,step:f,disabled:h,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:k}=i;const g=t?a[o]:n;const y=t?{"data-index":o.toString()}:{};let x;if(t){if(o===0){x=m||""}else{x=k||(m?`${m}-end`:"")}}else{x=m||""}const w=e=>{e.stopPropagation();const i=e.detail;if(isNaN(i)){return}v({value:i,index:o})};return r?e("div",{class:s(!r&&"hidden-input")},e("nv-fieldnumber",Object.assign({id:l,value:g,min:d,max:c,step:f,disabled:h,readonly:u,name:x},y,{onInput:e=>e.stopPropagation(),onValueChanged:w}),b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:g,disabled:h,readonly:u,name:x})};const k='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}';const g=k;const y=class{constructor(e){i(this,e);this.valueChanged=t(this,"valueChanged",7);this.startInputId=a();this.endInputId=a();this.hideLabel=false;this.hasField=false;this.range=false;this.disabled=false;this.readonly=false;this.error=false;this.success=false;this.value=[0];this.step=1;this.snap=false;this.snapTicks=false;this.min=0;this.max=100;this.showTicks=false;this.fluid=false;this.isDragging=false;this.activeDragThumb="single";this.internalTicks=[];this.rawPosition=0;this.rawRangePosition=[0,0];this.valueInternal=0;this.rangeValueInternal=[0,0];this.parseValue=()=>{if(typeof this.value==="string"){console.error("Sliders require a number or array of numbers to be passed in the value prop.");return}if(this.range&&this.value.length!==2){console.error("Range sliders require an array of two values to be passed in the value prop.");return}if(!this.range&&this.value.length!==1){console.error("Single sliders require a single value as an array to be passed in the value prop.");return}this.valueInternal=this.value[0];this.rangeValueInternal=[this.value[0],this.value[1]]};this.onTrackInteraction=e=>{if(this.disabled||this.readonly){return}const i=e.currentTarget.getBoundingClientRect();const t=l((e.clientX-i.left)/i.width*100,0,100);const r=this.min+t/100*(this.max-this.min);this.rawPosition=r;if(this.range){const e=d(this.rangeValueInternal[0],this.min,this.max);const i=d(this.rangeValueInternal[1],this.min,this.max);const n=Math.abs(t-e);const s=Math.abs(t-i);if(n<=s){this.activeDragThumb="left";this.rawRangePosition=[r,this.rawRangePosition[1]];this.handleValueChange([r,this.rangeValueInternal[1]])}else{this.activeDragThumb="right";this.rawRangePosition=[this.rawRangePosition[0],r];this.handleValueChange([this.rangeValueInternal[0],r])}}else{this.activeDragThumb="single";this.rawPosition=r;this.handleValueChange(r)}this.isDragging=true;this.registerGlobalEvents()};this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly){return}const i=this.el.querySelector(".track");if(!i)return;const t=i.getBoundingClientRect();const r=l((e.clientX-t.left)/t.width*100,0,100);const n=this.min+r/100*(this.max-this.min);if(this.range){if(this.activeDragThumb==="left"){this.rawRangePosition=[n,this.rawRangePosition[1]];this.handleValueChange([n,this.rangeValueInternal[1]])}else{this.rawRangePosition=[this.rawRangePosition[0],n];this.handleValueChange([this.rangeValueInternal[0],n])}}else{this.rawPosition=n;this.handleValueChange(n)}};this.onPointerUp=()=>{this.isDragging=false;this.removeGlobalEvents()};this.onKeyDown=e=>{if(this.disabled||this.readonly){return}let i;const t=e.shiftKey?10:1;const r=this.step*t;if(this.range){const t=e.target.getAttribute("data-thumb");const n=t==="left"?0:1;const s=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":s[n]+=r;break;case"ArrowLeft":case"ArrowDown":s[n]-=r;break;case"Home":s[n]=this.min;break;case"End":s[n]=this.max;break;case"PageUp":s[n]+=r*10;break;case"PageDown":s[n]-=r*10;break;default:return}i=s}else{switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+r*10;break;case"PageDown":i=this.valueInternal-r*10;break;default:return}}e.preventDefault();this.handleValueChange(i)};this.handleFieldChange=e=>{const i=e.value;if(isNaN(i)){return}if(this.range){const t=e.index===0?0:1;const r=[...this.rangeValueInternal];r[t]=i;this.handleValueChange(r)}else{this.handleValueChange(i)}}}validateValue(e){const i=l(e,this.min,this.max);if(this.snapTicks&&this.internalTicks&&this.internalTicks.length>0){return h(i,this.internalTicks)}return c(i,this.min,this.max,this.step)}handleValueChange(e){if(this.disabled||this.readonly){return}if(this.range){if(Array.isArray(e)&&e.length===2){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])];const t=[this.validateValue(i[0]),this.validateValue(i[1])];if(t[0]!==this.rangeValueInternal[0]||t[1]!==this.rangeValueInternal[1]){this.rangeValueInternal=t;this.value=this.rangeValueInternal;this.valueChanged.emit(this.rangeValueInternal)}}}else{if(typeof e==="number"){const i=this.validateValue(e);if(i!==this.valueInternal){this.valueInternal=i;this.value=[this.valueInternal];this.valueChanged.emit([this.valueInternal])}}}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0){this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value));return}if(!this.showTicks){this.internalTicks=[];return}const e=f(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove);document.addEventListener("pointerup",this.onPointerUp);document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove);document.removeEventListener("pointerup",this.onPointerUp);document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks();if(this.range){this.handleValueChange(this.rangeValueInternal)}else{this.handleValueChange(this.valueInternal)}}onRangeChange(e){if(e){this.rangeValueInternal=[this.min,this.valueInternal]}else{this.valueInternal=this.rangeValueInternal[1]}}connectedCallback(){this.parseValue();this.generateDisplayTicks();if(this.range){if(!Array.isArray(this.rangeValueInternal)||this.rangeValueInternal.length!==2){this.rangeValueInternal=[this.min,this.max]}this.handleValueChange(this.rangeValueInternal);this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]}else{this.handleValueChange(this.valueInternal);this.rawPosition=this.valueInternal}}componentWillLoad(){if(this.value.length===1&&this.range){this.value=[this.value[0],this.value[0]]}else if(this.value.length===2&&!this.range){this.value=[this.value[0]]}}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(r,{key:"5256401116f099a480f35552c3a38072c60d74ed"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"ae1c59b2561f0b007d3f6da3ef379a32fe2ff449",htmlFor:this.startInputId},e("slot",{key:"6d0b7e287276082ea680fc7fdfaabe428648df03",name:"label"},this.label)),e("div",{key:"3c09727930e4d7bbde1f1ad578fb87e18f04c8dc",class:"slider-container"},this.range?e(m,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"db7e57716f9fc13e9ecd2e81c4126ccd8ceade9f",class:"track-container"},e("div",{key:"8b5cc8d661b8179fa71c6729291e72bc743dcb13",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(b,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(v,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(p,{key:"4f7ee0f6eccff4a2539b9f33c9f1dd68e0e8afa1",ticks:this.internalTicks,min:this.min,max:this.max})),this.range?e(m,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):e(m,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"40b921d84578b1d7ae18fa5f1ebcc34cc1678df2",class:"description"},this.success&&e("nv-icon",{key:"c0c7e52eb9118154f18280fdcb09ca4a5db63c74",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"2d764e1dabf08abb3271de1f8c2cf6f8418d9d5d",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"96f9424431a2adcca98f4619350e6d34c2037bc2",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"b77e2b14a5f4e9cdf49c173f5fbf24d6a3f081ff",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"f04a20c146d54c405669109436b28bf9ad99ebd8",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:["onValueChange"],min:["onConfigChange"],max:["onConfigChange"],step:["onConfigChange"],ticks:["onConfigChange"],showTicks:["onConfigChange"],snap:["onConfigChange"],snapTicks:["onConfigChange"],range:["onRangeChange"]}}};y.style=g;export{y as nv_fieldslider};
+//# sourceMappingURL=p-f5120223.entry.js.map

package/dist/native/p-f5120223.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDecimalPlaces","num","Number","isInteger","str","toString","decimalPart","split","length","clamp","value","min","max","Math","valueToPercent","snapToStep","step","clamped","decimalPlaces","multiplier","pow","scaledValue","round","scaledStep","roundedSteps","scaledSnapped","snapped","parseFloat","toFixed","stepsFromMin","generateTicks","ticks","v","push","snapToTicks","closestTick","minDistance","abs","tick","distance","formatValueForDisplay","String","SingleThumb","props","rawPosition","isDragging","snap","disabled","readonly","onKeyDown","labelBeforeValue","labelAfterValue","displayPosition","percent","h","class","style","left","role","undefined","tabindex","RangeThumb","rangeValue","rawRangePosition","activeDragThumb","leftValue","rightValue","displayLeftPosition","displayRightPosition","rawLeft","rawRight","leftPercent","rightPercent","width","TickMarks","map","label","FieldInput","range","hasField","index","inputId","onInput","name","endName","fieldValue","dataAttrs","inputName","handleValueChanged","event","stopPropagation","newValue","detail","isNaN","clsx","Object","assign","id","e","onValueChanged","slot","type","nvFieldsliderCss","NvFieldsliderStyle0","NvFieldslider","constructor","hostRef","this","startInputId","uuidv4","endInputId","hideLabel","error","success","snapTicks","showTicks","fluid","internalTicks","valueInternal","rangeValueInternal","parseValue","console","onTrackInteraction","trackRect","currentTarget","getBoundingClientRect","percentage","clientX","leftPct","rightPct","distanceToLeft","distanceToRight","handleValueChange","registerGlobalEvents","onPointerMove","trackElement","el","querySelector","onPointerUp","removeGlobalEvents","stepMultiplier","shiftKey","singleStep","focusedThumb","target","getAttribute","idx","currentValue","key","preventDefault","handleFieldChange","details","fieldIndex","updatedRange","validateValue","val","clampedValue","Array","isArray","orderedValues","validatedValues","valueChanged","emit","validatedValue","generateDisplayTicks","sort","a","b","autoTicks","document","addEventListener","removeEventListener","onValueChange","onConfigChange","onRangeChange","connectedCallback","componentWillLoad","disconnectedCallback","render","Host","htmlFor","onPointerDown","description","size","errorDescription","hidden"],"sources":["src/components/nv-fieldslider/nv-fieldslider.utils.ts","src/components/nv-fieldslider/partials/single-thumb.tsx","src/components/nv-fieldslider/partials/range-thumb.tsx","src/components/nv-fieldslider/partials/tick-marks.tsx","src/components/nv-fieldslider/partials/field-input.tsx","src/components/nv-fieldslider/styles/nv-fieldslider.scss?tag=nv-fieldslider","src/components/nv-fieldslider/nv-fieldslider.tsx"],"sourcesContent":["/**\n * Utility functions for nv-fieldslider.\n */\n\n/**\n * Gets the number of decimal places in a number.\n * @param {number} num - The number to check\n * @returns {number} The number of decimal places\n */\nexport function getDecimalPlaces(num: number): number {\n  if (Number.isInteger(num)) return 0;\n  const str = num.toString();\n  const decimalPart = str.split('.')[1];\n  return decimalPart ? decimalPart.length : 0;\n}\n\n/**\n * Clamp a value between min and max.\n * @param {number} value - The value to clamp\n * @param {number} min - The minimum boundary\n * @param {number} max - The maximum boundary\n * @returns {number} The clamped value\n */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, value));\n}\n\n/**\n * Calculate the percentage position of a value within a range.\n * @param {number} value - The value to convert to percentage\n * @param {number} min - The minimum value of the range\n * @param {number} max - The maximum value of the range\n * @returns {number} The percentage (0-100)\n */\nexport function valueToPercent(\n  value: number,\n  min: number,\n  max: number,\n): number {\n  if (max === min) return 0;\n  return ((value - min) / (max - min)) * 100;\n}\n\n/**\n * Snap a value to the nearest step.\n * @param {number} value - The value to snap\n * @param {number} min - The minimum boundary\n * @param {number} max - The maximum boundary\n * @param {number} step - The step size\n * @returns {number} The snapped value\n */\nexport function snapToStep(\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n): number {\n  const clamped = clamp(value, min, max);\n  const decimalPlaces = getDecimalPlaces(step);\n\n  // To avoid floating point issues in calculations, we can work with integers\n  // by multiplying all values by a power of 10 based on decimal places\n  if (decimalPlaces > 0) {\n    const multiplier = Math.pow(10, decimalPlaces);\n\n    // Convert to integer-based calculation\n    const scaledValue = Math.round((clamped - min) * multiplier);\n    const scaledStep = Math.round(step * multiplier);\n\n    // Round to nearest step using integer math\n    const roundedSteps = Math.round(scaledValue / scaledStep);\n\n    // Calculate snapped value and scale back down\n    const scaledSnapped = roundedSteps * scaledStep;\n    const snapped = min + scaledSnapped / multiplier;\n\n    // Format to correct decimal places to ensure precision\n    return clamp(parseFloat(snapped.toFixed(decimalPlaces)), min, max);\n  }\n\n  // For integer steps, use the original method\n  const stepsFromMin = (clamped - min) / step;\n  const roundedSteps = Math.round(stepsFromMin);\n  const snapped = min + roundedSteps * step;\n\n  return clamp(snapped, min, max);\n}\n\n/**\n * Generate tick values for the slider.\n * @param {number} min - The minimum value\n * @param {number} max - The maximum value\n * @param {number} step - The step size\n * @returns {number[]} Array of tick values\n */\nexport function generateTicks(\n  min: number,\n  max: number,\n  step: number,\n): number[] {\n  const ticks: number[] = [];\n  for (let v = min; v <= max; v += step) {\n    ticks.push(Number(v.toFixed(10))); // avoid floating point issues\n  }\n  if (ticks[ticks.length - 1] !== max) {\n    ticks.push(max);\n  }\n  return ticks;\n}\n\n/**\n * Snap a value to the nearest tick mark.\n * @param {number} value - The value to snap\n * @param {object[]} ticks - Array of tick objects\n * @returns {number} The value of the closest tick\n */\nexport function snapToTicks(\n  value: number,\n  ticks: {\n    /** The value of the tick */\n    value: number;\n  }[],\n) {\n  if (!ticks || ticks.length === 0) return value;\n\n  // Find the closest tick\n  let closestTick = ticks[0].value;\n  let minDistance = Math.abs(value - closestTick);\n\n  for (const tick of ticks) {\n    const distance = Math.abs(value - tick.value);\n    if (distance < minDistance) {\n      minDistance = distance;\n      closestTick = tick.value;\n    }\n  }\n\n  return closestTick;\n}\n\n/**\n * Format a numeric value for display, preserving trailing zeros based on step precision\n * @param {number} value - The value to format\n * @param {number} step - The step size that determines decimal precision\n * @returns {string} Formatted value string with appropriate decimal places\n */\nexport function formatValueForDisplay(value: number, step: number): string {\n  const decimalPlaces = getDecimalPlaces(step);\n  if (decimalPlaces > 0) {\n    return value.toFixed(decimalPlaces);\n  }\n  return String(value);\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport {\n  valueToPercent,\n  clamp,\n  formatValueForDisplay,\n} from '../nv-fieldslider.utils';\n\n/**\n * Props for the SingleThumb component\n */\ninterface SingleThumbProps {\n  /** Current value of the slider */\n  value: number;\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n  /** Step size of the slider */\n  step: number;\n  /** Raw position during dragging */\n  rawPosition: number;\n  /** Whether the thumb is currently being dragged */\n  isDragging: boolean;\n  /** Whether the thumb should visually snap to steps */\n  snap: boolean;\n  /** Whether the slider is disabled */\n  disabled: boolean;\n  /** Whether the slider is readonly */\n  readonly: boolean;\n  /** Key down event handler */\n  onKeyDown: (event: KeyboardEvent) => void;\n  /** Label to display before the value */\n  labelBeforeValue?: string;\n  /** Label to display after the value */\n  labelAfterValue?: string;\n}\n\n/**\n * Renders single thumb in standard mode.\n * @param {SingleThumbProps} props - Component properties\n * @returns {JSX.Element} JSX element representing the thumb\n */\nexport const SingleThumb: FunctionalComponent<SingleThumbProps> = props => {\n  const {\n    value,\n    min,\n    max,\n    step,\n    rawPosition,\n    isDragging,\n    snap,\n    disabled,\n    readonly,\n    onKeyDown,\n    labelBeforeValue,\n    labelAfterValue,\n  } = props;\n\n  // Use raw position for visual display during dragging, but the snapped value otherwise\n  let displayPosition = value;\n  if (isDragging && !snap) {\n    displayPosition = clamp(rawPosition, min, max);\n  }\n\n  const percent = valueToPercent(displayPosition, min, max);\n\n  return (\n    <div\n      class=\"thumb\"\n      style={{ left: `${percent}%` }}\n      role=\"slider\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={value}\n      aria-disabled={disabled ? 'true' : undefined}\n      aria-readonly={readonly ? 'true' : undefined}\n      tabindex={disabled ? -1 : 0}\n      onKeyDown={onKeyDown}\n    >\n      <div class=\"thumb-tooltip\">\n        {labelBeforeValue && (\n          <span class=\"label-before\">{labelBeforeValue}</span>\n        )}\n        {formatValueForDisplay(value, step)}\n        {labelAfterValue && <span class=\"label-after\">{labelAfterValue}</span>}\n      </div>\n    </div>\n  );\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport {\n  valueToPercent,\n  clamp,\n  formatValueForDisplay,\n} from '../nv-fieldslider.utils';\n\n/**\n * Props for the RangeThumb component\n */\ninterface RangeThumbProps {\n  /** Range values [left, right] */\n  rangeValue: number[];\n  /** Raw positions during dragging [left, right] */\n  rawRangePosition: [number, number];\n  /** Currently active thumb while dragging */\n  activeDragThumb: 'left' | 'right' | 'single';\n  /** Whether the thumb is currently being dragged */\n  isDragging: boolean;\n  /** Whether the thumb should visually snap to steps */\n  snap: boolean;\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n  /** Step size of the slider */\n  step: number;\n  /** Whether the slider is disabled */\n  disabled: boolean;\n  /** Whether the slider is readonly */\n  readonly: boolean;\n  /** Key down event handler */\n  onKeyDown: (event: KeyboardEvent) => void;\n  /** Label to display before the value */\n  labelBeforeValue?: string;\n  /** Label to display after the value */\n  labelAfterValue?: string;\n}\n\n/**\n * Renders dual thumbs in range mode.\n * @param {RangeThumbProps} props - Component properties\n * @returns {JSX.Element[]} Array of JSX elements representing the range slider thumbs\n */\nexport const RangeThumb: FunctionalComponent<RangeThumbProps> = props => {\n  const {\n    rangeValue,\n    rawRangePosition,\n    activeDragThumb,\n    isDragging,\n    snap,\n    min,\n    max,\n    step,\n    disabled,\n    readonly,\n    onKeyDown,\n    labelBeforeValue,\n    labelAfterValue,\n  } = props;\n\n  const [leftValue, rightValue] = rangeValue;\n\n  // Use raw positions for visual display during dragging, but the snapped values otherwise\n  let displayLeftPosition = leftValue;\n  let displayRightPosition = rightValue;\n\n  if (isDragging && !snap) {\n    const [rawLeft, rawRight] = rawRangePosition;\n    if (activeDragThumb === 'left') {\n      displayLeftPosition = clamp(rawLeft, min, Math.min(rightValue, max));\n    } else if (activeDragThumb === 'right') {\n      displayRightPosition = clamp(rawRight, Math.max(leftValue, min), max);\n    }\n  }\n\n  const leftPercent = valueToPercent(displayLeftPosition, min, max);\n  const rightPercent = valueToPercent(displayRightPosition, min, max);\n\n  return [\n    <div\n      class=\"track-range\"\n      style={{\n        left: `${leftPercent}%`,\n        width: `${rightPercent - leftPercent}%`,\n      }}\n    />,\n    <div\n      class=\"thumb thumb-left\"\n      style={{ left: `${leftPercent}%` }}\n      role=\"slider\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={leftValue} // Always use the snapped value for ARIA\n      aria-disabled={disabled ? 'true' : undefined}\n      aria-readonly={readonly ? 'true' : undefined}\n      data-thumb=\"left\"\n      tabindex={disabled ? -1 : 0}\n      onKeyDown={onKeyDown}\n    >\n      <div class=\"thumb-tooltip\">\n        {labelBeforeValue && (\n          <span class=\"label-before\">{labelBeforeValue}</span>\n        )}\n        {formatValueForDisplay(leftValue, step)}\n        {labelAfterValue && <span class=\"label-after\">{labelAfterValue}</span>}\n      </div>\n    </div>,\n    <div\n      class=\"thumb thumb-right\"\n      style={{ left: `${rightPercent}%` }}\n      role=\"slider\"\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={rightValue} // Always use the snapped value for ARIA\n      aria-disabled={disabled ? 'true' : undefined}\n      aria-readonly={readonly ? 'true' : undefined}\n      data-thumb=\"right\"\n      tabindex={disabled ? -1 : 0}\n      onKeyDown={onKeyDown}\n    >\n      <div class=\"thumb-tooltip\">\n        {labelBeforeValue && (\n          <span class=\"label-before\">{labelBeforeValue}</span>\n        )}\n        {formatValueForDisplay(rightValue, step)}\n        {labelAfterValue && <span class=\"label-after\">{labelAfterValue}</span>}\n      </div>\n    </div>,\n  ];\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { valueToPercent } from '../nv-fieldslider.utils';\n\n/**\n * Represents a tick mark on the slider\n */\ninterface Tick {\n  /** The numeric value of the tick */\n  value: number;\n  /** Optional label for the tick */\n  label?: string;\n}\n\n/**\n * Props for the TickMarks component\n */\ninterface TickMarksProps {\n  /** Array of tick definitions */\n  ticks: Tick[];\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n}\n\n/**\n * Renders tick marks along the slider track.\n * @param {TickMarksProps} props - Component properties\n * @returns {JSX.Element | null} JSX element representing the tick marks or null if no ticks\n */\nexport const TickMarks: FunctionalComponent<TickMarksProps> = props => {\n  const { ticks, min, max } = props;\n\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  return (\n    <div class=\"track-ticks\">\n      {ticks.map(tick => {\n        const percent = valueToPercent(tick.value, min, max);\n        return (\n          <div class=\"track-tick\" style={{ left: `${percent}%` }}>\n            {tick.label && <div class=\"tick-label\">{tick.label}</div>}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","import { FunctionalComponent, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * Props for the FieldInput component\n */\nexport interface FieldInputProps {\n  /** Whether this is a range slider */\n  range: boolean;\n  /** Whether to show the input field */\n  hasField: boolean;\n  /** The value for single mode */\n  value: number;\n  /** The values for range mode [min, max] */\n  rangeValue: number[];\n  /** Index (0 or 1) for range mode, ignored in single mode */\n  index?: number;\n  /** ID for the input field */\n  inputId: string;\n  /** Minimum allowed value */\n  min: number;\n  /** Maximum allowed value */\n  max: number;\n  /** Step size */\n  step: number;\n  /** Whether the slider is disabled */\n  disabled: boolean;\n  /** Whether the slider is readonly */\n  readonly: boolean;\n  /** Handler for input changes */\n  onInput: (details: {\n    /** Parsed value */\n    value: number;\n    /** Index (0 or 1) for range mode, ignored in single mode */\n    index?: number;\n  }) => void;\n  /** Label to display before the value */\n  labelBeforeValue?: string;\n  /** Label to display after the value */\n  labelAfterValue?: string;\n  /** Name attribute for the input field (for form submission) */\n  name?: string;\n  /** Name attribute for the end input field (when in range mode) */\n  endName?: string;\n}\n\n/**\n * Renders field input for direct value entry\n * @param {FieldInputProps} props - Component properties\n * @returns {JSX.Element} JSX element representing the field input\n */\nexport const FieldInput: FunctionalComponent<FieldInputProps> = props => {\n  const {\n    range,\n    hasField,\n    value,\n    rangeValue,\n    index,\n    inputId,\n    min,\n    max,\n    step,\n    disabled,\n    readonly,\n    onInput,\n    labelBeforeValue,\n    labelAfterValue,\n    name,\n    endName,\n  } = props;\n\n  // Determine the appropriate value based on mode and index\n  const fieldValue = range ? rangeValue[index] : value;\n\n  // In range mode, we need data-index for event handling\n  const dataAttrs = range ? { 'data-index': index.toString() } : {};\n\n  // Determine the appropriate name based on mode and index\n  let inputName: string;\n  if (range) {\n    if (index === 0) {\n      inputName = name || '';\n    } else {\n      // Use endName if provided, otherwise append \"-end\" to the name\n      inputName = endName || (name ? `${name}-end` : '');\n    }\n  } else {\n    inputName = name || '';\n  }\n\n  const handleValueChanged = (\n    event: CustomEvent<HTMLNvFieldnumberElementEventMap['valueChanged']>,\n  ): void => {\n    event.stopPropagation();\n    const newValue = event.detail;\n\n    if (isNaN(newValue)) {\n      return;\n    }\n\n    onInput({\n      value: newValue,\n      index,\n    });\n  };\n\n  return hasField ? (\n    <div class={clsx(!hasField && 'hidden-input')}>\n      <nv-fieldnumber\n        id={inputId}\n        value={fieldValue}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        readonly={readonly}\n        name={inputName}\n        {...dataAttrs}\n        onInput={e => e.stopPropagation()}\n        onValueChanged={handleValueChanged}\n      >\n        {labelBeforeValue && (\n          <span class=\"label-before\" slot=\"leading-input\">\n            {labelBeforeValue}\n          </span>\n        )}\n        {labelAfterValue && (\n          <span class=\"label-after\" slot=\"trailing-input\">\n            {labelAfterValue}\n          </span>\n        )}\n      </nv-fieldnumber>\n    </div>\n  ) : (\n    <input\n      id={inputId}\n      type=\"hidden\"\n      value={fieldValue}\n      disabled={disabled}\n      readonly={readonly}\n      name={inputName}\n    />\n  );\n};\n","@use \"./mixins\" as *;\n\nnv-fieldslider {\n  @include form-field-variables();\n  @include form-field-root();\n\n  .slider-container {\n    @include slider-container-styles();\n\n    .track-container {\n      @include track-container-styles();\n\n      .track {\n        @include track-styles();\n        .track-range {\n          @include track-range-styles();\n        }\n        .thumb {\n          @include thumb-styles();\n          .thumb-tooltip {\n            @include thumb-tooltip-styles();\n          }\n          &:hover, &:active, &:focus {\n            .thumb-tooltip {\n              opacity: 1;\n            }\n          }\n        }\n      }\n\n      .track-ticks {\n        @include track-ticks-styles();\n        .track-tick {\n          @include track-tick-styles();\n          .tick-label {\n            @include tick-label-styles();\n          }\n        }\n      }\n    }\n\n    .input-container {\n      @include form-field-input-container();\n      @include input-container-styles();\n      input {\n        @include form-field-input();\n      }\n      .label-before {\n        @include input-label-before-styles();\n      }\n      .label-after {\n        @include input-label-after-styles();\n      }\n    }\n  }\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include form-field-fluid();\n  }\n\n  &[error]:not([error=\"false\"]) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success=\"false\"]) {\n    @include form-field-success-variables();\n  }\n\n  &[readonly]:not([readonly=\"false\"]) {\n    @include form-field-readonly-variables();\n    .track,\n    .thumb {\n      cursor: default;\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-icon.validation {\n    @include form-field-icon();\n  }\n\n  &[hide-label]:not([hide-label=\"false\"]) label {\n    @include form-field-hide-label();\n  }\n\n  &[has-field]:not([has-field=\"false\"]) {\n    .thumb-tooltip {\n      display: none;\n    }\n  }\n\n  > .description {\n    @include form-field-description();\n  }\n\n  > .error-description {\n    @include form-field-error-description();\n    &[hidden] {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Watch,\n  Element,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  clamp,\n  valueToPercent,\n  snapToStep,\n  generateTicks,\n  snapToTicks,\n} from './nv-fieldslider.utils';\n\nimport { SingleThumb } from './partials/single-thumb';\nimport { RangeThumb } from './partials/range-thumb';\nimport { TickMarks } from './partials/tick-marks';\nimport { FieldInput, type FieldInputProps } from './partials/field-input';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldslider',\n  styleUrl: 'styles/nv-fieldslider.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldslider {\n  @Element() el: HTMLNvFieldsliderElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Provides a textual description of the slider's function, helping users\n   * understand what the control adjusts. It also supports accessibility by\n   * serving as the accessible name for the component.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Keeps the interface clean by removing visible labels, but still announces\n   * the label to screen readers so users relying on assistive tech aren't left\n   * guessing.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * Add helpful hints or extra information under the slider. This is where you\n   * can clarify what users should enter or provide additional instructions,\n   * making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Enables an optional numeric input field alongside the slider, allowing\n   * users to type a value directly instead of—or in addition to—using the\n   * slider handle. The field accepts numeric values in the format based on\n   * client-side local settings.\n   */\n  @Prop({ reflect: true })\n  readonly hasField: boolean = false;\n\n  /**\n   * Allows the slider to display two thumbs, enabling users to select a\n   * continuous range between a minimum and maximum value. Ideal for use cases\n   * like filtering by price or time.\n   */\n  @Prop({ reflect: true })\n  readonly range: boolean = false;\n\n  /**\n   * Disables user interaction with the slider and its associated input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Makes the slider and input non-editable while keeping them focusable and\n   * included in form submissions.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Alters the slider's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the slider.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Changes the slider's appearance to indicate successful input or validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Numeric value of the slider as an array of numbers. When in single mode,\n   * the value should be a an array of one number. When in range mode, the value\n   * should be an array of two numbers.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number[] = [0];\n\n  /**\n   * Defines the interval between selectable values on the slider. Controls how\n   * much the value increases or decreases with each keyboard interaction, drag\n   * movement, or direct input.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * Controls whether the slider handle should visually snap to step values\n   * during dragging. When false, the handle can be positioned at any point\n   * along the track while dragging, but the actual value will still snap to the\n   * nearest step value. When true, the handle will visually snap to the nearest\n   * step value during dragging.\n   */\n  @Prop({ reflect: true })\n  readonly snap: boolean = false;\n\n  /**\n   * When true and custom ticks are provided, the slider will snap to the nearest\n   * tick value during dragging, instead of using the step value. This is useful\n   * when you have custom ticks at specific values that don't align with regular step intervals.\n   */\n  @Prop({ reflect: true })\n  readonly snapTicks: boolean = false;\n\n  /**\n   * Name attribute for the form input element. Required for form submission.\n   * For range sliders, this will be used for the start value input and add -end\n   * to the end input name.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Name attribute for the end value input when using range mode.\n   * If not provided, the name attribute will be used with '-end' appended.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Defines the minimum allowed value for the slider. The thumb cannot move\n   * below this value, and manual input is also constrained accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly min: number = 0;\n\n  /**\n   * Defines the maximum allowed value for the slider. The thumb cannot move\n   * above this value, and manual input is also constrained accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly max: number = 100;\n\n  /**\n   * Controls the visibility of tick marks on the slider. When enabled, all\n   * visual ticks that indicate step points along the track are shown. If custom\n   * ticks are provided, they are always shown regardless of this setting.\n   */\n  @Prop({ reflect: true })\n  readonly showTicks: boolean = false;\n\n  /**\n   * Allows you to specify custom tick marks at specific values along the\n   * slider. Each tick can optionally display a label to provide additional\n   * context or guidance for users.\n   */\n  @Prop({ reflect: false })\n  readonly ticks: {\n    /** The numeric value of the tick */\n    value: number;\n    /** The label of the tick */\n    label?: string;\n  }[];\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  /**\n   * Use this to automatically show a label, like \"~\" for approximate values,\n   * before the slider's value in the tooltip or input, giving users quick\n   * context about the number.\n   */\n  @Prop({ reflect: true })\n  readonly labelBeforeValue: string;\n\n  /**\n   * Use this to automatically show a label, like \"$\" or \"kg,\" after the value\n   * on the slider's tooltip or input, helping users better understand the\n   * number.\n   */\n  @Prop({ reflect: true })\n  readonly labelAfterValue: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region STATE\n\n  @State()\n  isDragging = false;\n\n  @State()\n  activeDragThumb: 'left' | 'right' | 'single' = 'single';\n\n  @State()\n  internalTicks: typeof this.ticks = [];\n\n  // These track the raw slider positions for visual display\n  @State()\n  rawPosition = 0;\n\n  @State()\n  rawRangePosition: [number, number] = [0, 0];\n\n  @State()\n  valueInternal: number = 0;\n\n  @State()\n  rangeValueInternal: [number, number] = [0, 0];\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Ensures value is valid and within bounds.\n   * @param {number} val - The value to validate\n   * @returns {number} The validated and snapped value\n   */\n  private validateValue(val: number): number {\n    // First ensure the value is within bounds\n    const clampedValue = clamp(val, this.min, this.max);\n\n    // If snapTicks is true and we have custom ticks, snap to the nearest tick\n    if (this.snapTicks && this.internalTicks && this.internalTicks.length > 0) {\n      return snapToTicks(clampedValue, this.internalTicks);\n    }\n\n    // Otherwise snap to step values\n    return snapToStep(clampedValue, this.min, this.max, this.step);\n  }\n\n  /**\n   * Parses the value string into a number or array of numbers for internal use.\n   */\n  private parseValue = (): void => {\n    if (typeof this.value === 'string') {\n      console.error(\n        'Sliders require a number or array of numbers to be passed in the value prop.',\n      );\n      return;\n    }\n    if (this.range && this.value.length !== 2) {\n      console.error(\n        'Range sliders require an array of two values to be passed in the value prop.',\n      );\n      return;\n    }\n\n    if (!this.range && this.value.length !== 1) {\n      console.error(\n        'Single sliders require a single value as an array to be passed in the value prop.',\n      );\n      return;\n    }\n    this.valueInternal = this.value[0];\n    this.rangeValueInternal = [this.value[0], this.value[1]];\n  };\n\n  /**\n   * Handles value changes from slider interaction.\n   * @param {number | number[]} newValue - The new value or range values\n   */\n  private handleValueChange(newValue: number | number[]): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.range) {\n      // Handle range values\n      if (Array.isArray(newValue) && newValue.length === 2) {\n        // Ensure values are in order (left ≤ right)\n        const orderedValues = [\n          Math.min(newValue[0], newValue[1]),\n          Math.max(newValue[0], newValue[1]),\n        ];\n\n        // Snap to steps and clamp\n        const validatedValues: [number, number] = [\n          this.validateValue(orderedValues[0]),\n          this.validateValue(orderedValues[1]),\n        ];\n\n        if (\n          validatedValues[0] !== this.rangeValueInternal[0] ||\n          validatedValues[1] !== this.rangeValueInternal[1]\n        ) {\n          this.rangeValueInternal = validatedValues;\n          this.value = this.rangeValueInternal;\n          this.valueChanged.emit(this.rangeValueInternal);\n        }\n      }\n    } else {\n      // Handle single value\n      if (typeof newValue === 'number') {\n        const validatedValue = this.validateValue(newValue);\n\n        if (validatedValue !== this.valueInternal) {\n          this.valueInternal = validatedValue;\n          this.value = [this.valueInternal];\n          this.valueChanged.emit([this.valueInternal]);\n        }\n      }\n    }\n  }\n\n  /**\n   * Generates the ticks to display based on props and state.\n   */\n  private generateDisplayTicks(): void {\n    // If custom ticks are provided, always use them regardless of showTicks setting\n    if (this.ticks && this.ticks.length > 0) {\n      this.internalTicks = [...this.ticks].sort((a, b) => a.value - b.value);\n      return;\n    }\n\n    // If showTicks is false and there are no custom ticks, hide all ticks\n    if (!this.showTicks) {\n      this.internalTicks = [];\n      return;\n    }\n\n    // Generate all ticks at each step point\n    const autoTicks = generateTicks(this.min, this.max, this.step);\n    this.internalTicks = autoTicks.map(value => ({ value }));\n  }\n\n  /**\n   * Handles pointer events on the track.\n   * @param {PointerEvent} event - The pointer event\n   */\n  private onTrackInteraction = (event: PointerEvent): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const trackRect = (\n      event.currentTarget as HTMLElement\n    ).getBoundingClientRect();\n    const percentage = clamp(\n      ((event.clientX - trackRect.left) / trackRect.width) * 100,\n      0,\n      100,\n    );\n\n    const newValue = this.min + (percentage / 100) * (this.max - this.min);\n\n    // Store raw position for visual display\n    this.rawPosition = newValue;\n\n    if (this.range) {\n      // In range mode, determine which thumb to move based on proximity\n      const leftPct = valueToPercent(\n        this.rangeValueInternal[0],\n        this.min,\n        this.max,\n      );\n      const rightPct = valueToPercent(\n        this.rangeValueInternal[1],\n        this.min,\n        this.max,\n      );\n\n      const distanceToLeft = Math.abs(percentage - leftPct);\n      const distanceToRight = Math.abs(percentage - rightPct);\n\n      if (distanceToLeft <= distanceToRight) {\n        this.activeDragThumb = 'left';\n        this.rawRangePosition = [newValue, this.rawRangePosition[1]];\n        this.handleValueChange([newValue, this.rangeValueInternal[1]]);\n      } else {\n        this.activeDragThumb = 'right';\n        this.rawRangePosition = [this.rawRangePosition[0], newValue];\n        this.handleValueChange([this.rangeValueInternal[0], newValue]);\n      }\n    } else {\n      this.activeDragThumb = 'single';\n      this.rawPosition = newValue;\n      this.handleValueChange(newValue);\n    }\n\n    this.isDragging = true;\n    this.registerGlobalEvents();\n  };\n\n  /**\n   * Handles pointer move events during drag.\n   * @param {PointerEvent} event - The pointer event\n   */\n  private onPointerMove = (event: PointerEvent): void => {\n    if (!this.isDragging || this.disabled || this.readonly) {\n      return;\n    }\n\n    const trackElement = this.el.querySelector('.track') as HTMLElement;\n    if (!trackElement) return;\n\n    const trackRect = trackElement.getBoundingClientRect();\n    const percentage = clamp(\n      ((event.clientX - trackRect.left) / trackRect.width) * 100,\n      0,\n      100,\n    );\n\n    const newValue = this.min + (percentage / 100) * (this.max - this.min);\n\n    // Update visual position\n    if (this.range) {\n      if (this.activeDragThumb === 'left') {\n        this.rawRangePosition = [newValue, this.rawRangePosition[1]];\n        this.handleValueChange([newValue, this.rangeValueInternal[1]]);\n      } else {\n        this.rawRangePosition = [this.rawRangePosition[0], newValue];\n        this.handleValueChange([this.rangeValueInternal[0], newValue]);\n      }\n    } else {\n      this.rawPosition = newValue;\n      this.handleValueChange(newValue);\n    }\n  };\n\n  /**\n   * Handles the end of a drag operation.\n   */\n  private onPointerUp = (): void => {\n    this.isDragging = false;\n    this.removeGlobalEvents();\n  };\n\n  /**\n   * Registers global events for tracking pointer movement.\n   */\n  private registerGlobalEvents(): void {\n    document.addEventListener('pointermove', this.onPointerMove);\n    document.addEventListener('pointerup', this.onPointerUp);\n    document.addEventListener('pointercancel', this.onPointerUp);\n  }\n\n  /**\n   * Removes global events when tracking ends.\n   */\n  private removeGlobalEvents(): void {\n    document.removeEventListener('pointermove', this.onPointerMove);\n    document.removeEventListener('pointerup', this.onPointerUp);\n    document.removeEventListener('pointercancel', this.onPointerUp);\n  }\n\n  /**\n   * Handles keydown events for keyboard accessibility.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  private onKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    let newValue: number | number[];\n    const stepMultiplier = event.shiftKey ? 10 : 1;\n    const singleStep = this.step * stepMultiplier;\n\n    if (this.range) {\n      const focusedThumb = (event.target as HTMLElement).getAttribute(\n        'data-thumb',\n      );\n      const idx = focusedThumb === 'left' ? 0 : 1;\n      const currentValue = [...this.rangeValueInternal];\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          currentValue[idx] += singleStep;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          currentValue[idx] -= singleStep;\n          break;\n        case 'Home':\n          currentValue[idx] = this.min;\n          break;\n        case 'End':\n          currentValue[idx] = this.max;\n          break;\n        case 'PageUp':\n          currentValue[idx] += singleStep * 10;\n          break;\n        case 'PageDown':\n          currentValue[idx] -= singleStep * 10;\n          break;\n        default:\n          return;\n      }\n\n      newValue = currentValue;\n    } else {\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          newValue = this.valueInternal + singleStep;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          newValue = this.valueInternal - singleStep;\n          break;\n        case 'Home':\n          newValue = this.min;\n          break;\n        case 'End':\n          newValue = this.max;\n          break;\n        case 'PageUp':\n          newValue = this.valueInternal + singleStep * 10;\n          break;\n        case 'PageDown':\n          newValue = this.valueInternal - singleStep * 10;\n          break;\n        default:\n          return;\n      }\n    }\n\n    event.preventDefault();\n    this.handleValueChange(newValue);\n  };\n\n  /**\n   * Handles field input value changes.\n   * @param {FieldInputProps['onInput']} details - The parsed value and index\n   */\n  private handleFieldChange: FieldInputProps['onInput'] = (details): void => {\n    const newValue = details.value;\n\n    if (isNaN(newValue)) {\n      return;\n    }\n\n    if (this.range) {\n      const fieldIndex = details.index === 0 ? 0 : 1;\n      const updatedRange = [...this.rangeValueInternal];\n      updatedRange[fieldIndex] = newValue;\n      this.handleValueChange(updatedRange);\n    } else {\n      this.handleValueChange(newValue);\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  onValueChange() {\n    this.parseValue();\n  }\n\n  @Watch('min')\n  @Watch('max')\n  @Watch('step')\n  @Watch('ticks')\n  @Watch('showTicks')\n  @Watch('snap')\n  @Watch('snapTicks')\n  onConfigChange() {\n    this.generateDisplayTicks();\n\n    if (this.range) {\n      this.handleValueChange(this.rangeValueInternal);\n    } else {\n      this.handleValueChange(this.valueInternal);\n    }\n  }\n\n  @Watch('range')\n  onRangeChange(newValue: boolean) {\n    if (newValue) {\n      // Switching to range mode\n      this.rangeValueInternal = [this.min, this.valueInternal];\n    } else {\n      // Switching to single mode, take the higher value\n      this.valueInternal = this.rangeValueInternal[1];\n    }\n  }\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n  connectedCallback() {\n    this.parseValue();\n    this.generateDisplayTicks();\n\n    // Initialize values and make sure they're valid\n    if (this.range) {\n      if (\n        !Array.isArray(this.rangeValueInternal) ||\n        this.rangeValueInternal.length !== 2\n      ) {\n        this.rangeValueInternal = [this.min, this.max];\n      }\n      this.handleValueChange(this.rangeValueInternal);\n      // Initialize raw range position to match actual values\n      this.rawRangePosition = [\n        this.rangeValueInternal[0],\n        this.rangeValueInternal[1],\n      ];\n    } else {\n      this.handleValueChange(this.valueInternal);\n      // Initialize raw position to match actual value\n      this.rawPosition = this.valueInternal;\n    }\n  }\n\n  componentWillLoad() {\n    // Initialize value array based on range mode when props are available\n    if (this.value.length === 1 && this.range) {\n      // If range mode but only one value provided, duplicate it\n      this.value = [this.value[0], this.value[0]];\n    } else if (this.value.length === 2 && !this.range) {\n      // If single mode but two values provided, take the first\n      this.value = [this.value[0]];\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeGlobalEvents();\n  }\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the slider values change.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<number[]>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"slider-container\">\n          {/* First input (always render for the start value, but may be hidden) */}\n          {this.range ? (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              index={0}\n              inputId={this.startInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n              endName={this.endName}\n            />\n          ) : null}\n\n          <div class=\"track-container\">\n            <div class=\"track\" onPointerDown={this.onTrackInteraction}>\n              {this.range ? (\n                <RangeThumb\n                  rangeValue={this.rangeValueInternal}\n                  rawRangePosition={this.rawRangePosition}\n                  activeDragThumb={this.activeDragThumb}\n                  isDragging={this.isDragging}\n                  snap={this.snap}\n                  min={this.min}\n                  max={this.max}\n                  step={this.step}\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  onKeyDown={this.onKeyDown}\n                  labelBeforeValue={this.labelBeforeValue}\n                  labelAfterValue={this.labelAfterValue}\n                />\n              ) : (\n                <SingleThumb\n                  value={this.valueInternal}\n                  min={this.min}\n                  max={this.max}\n                  step={this.step}\n                  rawPosition={this.rawPosition}\n                  isDragging={this.isDragging}\n                  snap={this.snap}\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  onKeyDown={this.onKeyDown}\n                  labelBeforeValue={this.labelBeforeValue}\n                  labelAfterValue={this.labelAfterValue}\n                />\n              )}\n            </div>\n\n            <TickMarks\n              ticks={this.internalTicks}\n              min={this.min}\n              max={this.max}\n            />\n          </div>\n\n          {/* Second input (for range mode, or for single value if not already rendered) */}\n          {this.range ? (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              index={1}\n              inputId={this.endInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n              endName={this.endName}\n            />\n          ) : (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              inputId={this.startInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n            />\n          )}\n        </div>\n\n        {(this.success ||\n          this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.error ||\n          this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" hidden={!this.error}>\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"iJASgBA,EAAiBC,GAC/B,GAAIC,OAAOC,UAAUF,GAAM,OAAO,EAClC,MAAMG,EAAMH,EAAII,WAChB,MAAMC,EAAcF,EAAIG,MAAM,KAAK,GACnC,OAAOD,EAAcA,EAAYE,OAAS,CAC5C,C,SASgBC,EAAMC,EAAeC,EAAaC,GAChD,OAAOC,KAAKD,IAAID,EAAKE,KAAKF,IAAIC,EAAKF,GACrC,C,SASgBI,EACdJ,EACAC,EACAC,GAEA,GAAIA,IAAQD,EAAK,OAAO,EACxB,OAASD,EAAQC,IAAQC,EAAMD,GAAQ,GACzC,C,SAUgBI,EACdL,EACAC,EACAC,EACAI,GAEA,MAAMC,EAAUR,EAAMC,EAAOC,EAAKC,GAClC,MAAMM,EAAgBlB,EAAiBgB,GAIvC,GAAIE,EAAgB,EAAG,CACrB,MAAMC,EAAaN,KAAKO,IAAI,GAAIF,GAGhC,MAAMG,EAAcR,KAAKS,OAAOL,EAAUN,GAAOQ,GACjD,MAAMI,EAAaV,KAAKS,MAAMN,EAAOG,GAGrC,MAAMK,EAAeX,KAAKS,MAAMD,EAAcE,GAG9C,MAAME,EAAgBD,EAAeD,EACrC,MAAMG,EAAUf,EAAMc,EAAgBN,EAGtC,OAAOV,EAAMkB,WAAWD,EAAQE,QAAQV,IAAiBP,EAAKC,E,CAIhE,MAAMiB,GAAgBZ,EAAUN,GAAOK,EACvC,MAAMQ,EAAeX,KAAKS,MAAMO,GAChC,MAAMH,EAAUf,EAAMa,EAAeR,EAErC,OAAOP,EAAMiB,EAASf,EAAKC,EAC7B,C,SASgBkB,EACdnB,EACAC,EACAI,GAEA,MAAMe,EAAkB,GACxB,IAAK,IAAIC,EAAIrB,EAAKqB,GAAKpB,EAAKoB,GAAKhB,EAAM,CACrCe,EAAME,KAAK/B,OAAO8B,EAAEJ,QAAQ,K,CAE9B,GAAIG,EAAMA,EAAMvB,OAAS,KAAOI,EAAK,CACnCmB,EAAME,KAAKrB,E,CAEb,OAAOmB,CACT,C,SAQgBG,EACdxB,EACAqB,GAKA,IAAKA,GAASA,EAAMvB,SAAW,EAAG,OAAOE,EAGzC,IAAIyB,EAAcJ,EAAM,GAAGrB,MAC3B,IAAI0B,EAAcvB,KAAKwB,IAAI3B,EAAQyB,GAEnC,IAAK,MAAMG,KAAQP,EAAO,CACxB,MAAMQ,EAAW1B,KAAKwB,IAAI3B,EAAQ4B,EAAK5B,OACvC,GAAI6B,EAAWH,EAAa,CAC1BA,EAAcG,EACdJ,EAAcG,EAAK5B,K,EAIvB,OAAOyB,CACT,C,SAQgBK,EAAsB9B,EAAeM,GACnD,MAAME,EAAgBlB,EAAiBgB,GACvC,GAAIE,EAAgB,EAAG,CACrB,OAAOR,EAAMkB,QAAQV,E,CAEvB,OAAOuB,OAAO/B,EAChB,CC9GO,MAAMgC,EAAqDC,IAChE,MAAMjC,MACJA,EAAKC,IACLA,EAAGC,IACHA,EAAGI,KACHA,EAAI4B,YACJA,EAAWC,WACXA,EAAUC,KACVA,EAAIC,SACJA,EAAQC,SACRA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,GACER,EAGJ,IAAIS,EAAkB1C,EACtB,GAAImC,IAAeC,EAAM,CACvBM,EAAkB3C,EAAMmC,EAAajC,EAAKC,E,CAG5C,MAAMyC,EAAUvC,EAAesC,EAAiBzC,EAAKC,GAErD,OACE0C,EAAA,OACEC,MAAM,QACNC,MAAO,CAAEC,KAAM,GAAGJ,MAClBK,KAAK,SAAQ,gBACE/C,EAAG,gBACHC,EAAG,gBACHF,EAAK,gBACLqC,EAAW,OAASY,UAAS,gBAC7BX,EAAW,OAASW,UACnCC,SAAUb,GAAY,EAAI,EAC1BE,UAAWA,GAEXK,EAAA,OAAKC,MAAM,iBACRL,GACCI,EAAA,QAAMC,MAAM,gBAAgBL,GAE7BV,EAAsB9B,EAAOM,GAC7BmC,GAAmBG,EAAA,QAAMC,MAAM,eAAeJ,IAE7C,EC1CH,MAAMU,EAAmDlB,IAC9D,MAAMmB,WACJA,EAAUC,iBACVA,EAAgBC,gBAChBA,EAAenB,WACfA,EAAUC,KACVA,EAAInC,IACJA,EAAGC,IACHA,EAAGI,KACHA,EAAI+B,SACJA,EAAQC,SACRA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,GACER,EAEJ,MAAOsB,EAAWC,GAAcJ,EAGhC,IAAIK,EAAsBF,EAC1B,IAAIG,EAAuBF,EAE3B,GAAIrB,IAAeC,EAAM,CACvB,MAAOuB,EAASC,GAAYP,EAC5B,GAAIC,IAAoB,OAAQ,CAC9BG,EAAsB1D,EAAM4D,EAAS1D,EAAKE,KAAKF,IAAIuD,EAAYtD,G,MAC1D,GAAIoD,IAAoB,QAAS,CACtCI,EAAuB3D,EAAM6D,EAAUzD,KAAKD,IAAIqD,EAAWtD,GAAMC,E,EAIrE,MAAM2D,EAAczD,EAAeqD,EAAqBxD,EAAKC,GAC7D,MAAM4D,EAAe1D,EAAesD,EAAsBzD,EAAKC,GAE/D,MAAO,CACL0C,EAAA,OACEC,MAAM,cACNC,MAAO,CACLC,KAAM,GAAGc,KACTE,MAAO,GAAGD,EAAeD,QAG7BjB,EAAA,OACEC,MAAM,mBACNC,MAAO,CAAEC,KAAM,GAAGc,MAClBb,KAAK,SAAQ,gBACE/C,EAAG,gBACHC,EAAG,gBACHqD,EAAS,gBACTlB,EAAW,OAASY,UAAS,gBAC7BX,EAAW,OAASW,UAAS,aACjC,OACXC,SAAUb,GAAY,EAAI,EAC1BE,UAAWA,GAEXK,EAAA,OAAKC,MAAM,iBACRL,GACCI,EAAA,QAAMC,MAAM,gBAAgBL,GAE7BV,EAAsByB,EAAWjD,GACjCmC,GAAmBG,EAAA,QAAMC,MAAM,eAAeJ,KAGnDG,EAAA,OACEC,MAAM,oBACNC,MAAO,CAAEC,KAAM,GAAGe,MAClBd,KAAK,SAAQ,gBACE/C,EAAG,gBACHC,EAAG,gBACHsD,EAAU,gBACVnB,EAAW,OAASY,UAAS,gBAC7BX,EAAW,OAASW,UAAS,aACjC,QACXC,SAAUb,GAAY,EAAI,EAC1BE,UAAWA,GAEXK,EAAA,OAAKC,MAAM,iBACRL,GACCI,EAAA,QAAMC,MAAM,gBAAgBL,GAE7BV,EAAsB0B,EAAYlD,GAClCmC,GAAmBG,EAAA,QAAMC,MAAM,eAAeJ,KAGpD,ECnGI,MAAMuB,EAAiD/B,IAC5D,MAAMZ,MAAEA,EAAKpB,IAAEA,EAAGC,IAAEA,GAAQ+B,EAE5B,GAAIZ,EAAMvB,SAAW,EAAG,CACtB,OAAO,I,CAGT,OACE8C,EAAA,OAAKC,MAAM,eACRxB,EAAM4C,KAAIrC,IACT,MAAMe,EAAUvC,EAAewB,EAAK5B,MAAOC,EAAKC,GAChD,OACE0C,EAAA,OAAKC,MAAM,aAAaC,MAAO,CAAEC,KAAM,GAAGJ,OACvCf,EAAKsC,OAAStB,EAAA,OAAKC,MAAM,cAAcjB,EAAKsC,OACzC,IAGN,ECIH,MAAMC,EAAmDlC,IAC9D,MAAMmC,MACJA,EAAKC,SACLA,EAAQrE,MACRA,EAAKoD,WACLA,EAAUkB,MACVA,EAAKC,QACLA,EAAOtE,IACPA,EAAGC,IACHA,EAAGI,KACHA,EAAI+B,SACJA,EAAQC,SACRA,EAAQkC,QACRA,EAAOhC,iBACPA,EAAgBC,gBAChBA,EAAegC,KACfA,EAAIC,QACJA,GACEzC,EAGJ,MAAM0C,EAAaP,EAAQhB,EAAWkB,GAAStE,EAG/C,MAAM4E,EAAYR,EAAQ,CAAE,aAAcE,EAAM3E,YAAe,GAG/D,IAAIkF,EACJ,GAAIT,EAAO,CACT,GAAIE,IAAU,EAAG,CACfO,EAAYJ,GAAQ,E,KACf,CAELI,EAAYH,IAAYD,EAAO,GAAGA,QAAa,G,MAE5C,CACLI,EAAYJ,GAAQ,E,CAGtB,MAAMK,EACJC,IAEAA,EAAMC,kBACN,MAAMC,EAAWF,EAAMG,OAEvB,GAAIC,MAAMF,GAAW,CACnB,M,CAGFT,EAAQ,CACNxE,MAAOiF,EACPX,SACA,EAGJ,OAAOD,EACLzB,EAAA,OAAKC,MAAOuC,GAAMf,GAAY,iBAC5BzB,EAAA,iBAAAyC,OAAAC,OAAA,CACEC,GAAIhB,EACJvE,MAAO2E,EACP1E,IAAKA,EACLC,IAAKA,EACLI,KAAMA,EACN+B,SAAUA,EACVC,SAAUA,EACVmC,KAAMI,GACFD,EAAS,CACbJ,QAASgB,GAAKA,EAAER,kBAChBS,eAAgBX,IAEftC,GACCI,EAAA,QAAMC,MAAM,eAAe6C,KAAK,iBAC7BlD,GAGJC,GACCG,EAAA,QAAMC,MAAM,cAAc6C,KAAK,kBAC5BjD,KAMTG,EAAA,SACE2C,GAAIhB,EACJoB,KAAK,SACL3F,MAAO2E,EACPtC,SAAUA,EACVC,SAAUA,EACVmC,KAAMI,GAET,EC9IH,MAAMe,EAAmB,onYACzB,MAAAC,EAAeD,E,MCoCFE,EAAa,MAN1B,WAAAC,CAAAC,G,qDAiBWC,KAAAC,aAAuBC,IAOvBF,KAAAG,WAAqBD,IAgBrBF,KAAAI,UAAqB,MAiBrBJ,KAAA5B,SAAoB,MAQpB4B,KAAA7B,MAAiB,MAMjB6B,KAAA5D,SAAoB,MAOpB4D,KAAA3D,SAAoB,MAQpB2D,KAAAK,MAAiB,MAajBL,KAAAM,QAAmB,MAQ5BN,KAAAjG,MAAkB,CAAC,GAQViG,KAAA3F,KAAe,EAUf2F,KAAA7D,KAAgB,MAQhB6D,KAAAO,UAAqB,MAsBrBP,KAAAhG,IAAc,EAOdgG,KAAA/F,IAAc,IAQd+F,KAAAQ,UAAqB,MAmBrBR,KAAAS,MAAiB,MAuB1BT,KAAA9D,WAAa,MAGb8D,KAAA3C,gBAA+C,SAG/C2C,KAAAU,cAAmC,GAInCV,KAAA/D,YAAc,EAGd+D,KAAA5C,iBAAqC,CAAC,EAAG,GAGzC4C,KAAAW,cAAwB,EAGxBX,KAAAY,mBAAuC,CAAC,EAAG,GA2BnCZ,KAAAa,WAAa,KACnB,UAAWb,KAAKjG,QAAU,SAAU,CAClC+G,QAAQT,MACN,gFAEF,M,CAEF,GAAIL,KAAK7B,OAAS6B,KAAKjG,MAAMF,SAAW,EAAG,CACzCiH,QAAQT,MACN,gFAEF,M,CAGF,IAAKL,KAAK7B,OAAS6B,KAAKjG,MAAMF,SAAW,EAAG,CAC1CiH,QAAQT,MACN,qFAEF,M,CAEFL,KAAKW,cAAgBX,KAAKjG,MAAM,GAChCiG,KAAKY,mBAAqB,CAACZ,KAAKjG,MAAM,GAAIiG,KAAKjG,MAAM,GAAG,EA2ElDiG,KAAAe,mBAAsBjC,IAC5B,GAAIkB,KAAK5D,UAAY4D,KAAK3D,SAAU,CAClC,M,CAGF,MAAM2E,EACJlC,EAAMmC,cACNC,wBACF,MAAMC,EAAarH,GACfgF,EAAMsC,QAAUJ,EAAUlE,MAAQkE,EAAUlD,MAAS,IACvD,EACA,KAGF,MAAMkB,EAAWgB,KAAKhG,IAAOmH,EAAa,KAAQnB,KAAK/F,IAAM+F,KAAKhG,KAGlEgG,KAAK/D,YAAc+C,EAEnB,GAAIgB,KAAK7B,MAAO,CAEd,MAAMkD,EAAUlH,EACd6F,KAAKY,mBAAmB,GACxBZ,KAAKhG,IACLgG,KAAK/F,KAEP,MAAMqH,EAAWnH,EACf6F,KAAKY,mBAAmB,GACxBZ,KAAKhG,IACLgG,KAAK/F,KAGP,MAAMsH,EAAiBrH,KAAKwB,IAAIyF,EAAaE,GAC7C,MAAMG,EAAkBtH,KAAKwB,IAAIyF,EAAaG,GAE9C,GAAIC,GAAkBC,EAAiB,CACrCxB,KAAK3C,gBAAkB,OACvB2C,KAAK5C,iBAAmB,CAAC4B,EAAUgB,KAAK5C,iBAAiB,IACzD4C,KAAKyB,kBAAkB,CAACzC,EAAUgB,KAAKY,mBAAmB,I,KACrD,CACLZ,KAAK3C,gBAAkB,QACvB2C,KAAK5C,iBAAmB,CAAC4C,KAAK5C,iBAAiB,GAAI4B,GACnDgB,KAAKyB,kBAAkB,CAACzB,KAAKY,mBAAmB,GAAI5B,G,MAEjD,CACLgB,KAAK3C,gBAAkB,SACvB2C,KAAK/D,YAAc+C,EACnBgB,KAAKyB,kBAAkBzC,E,CAGzBgB,KAAK9D,WAAa,KAClB8D,KAAK0B,sBAAsB,EAOrB1B,KAAA2B,cAAiB7C,IACvB,IAAKkB,KAAK9D,YAAc8D,KAAK5D,UAAY4D,KAAK3D,SAAU,CACtD,M,CAGF,MAAMuF,EAAe5B,KAAK6B,GAAGC,cAAc,UAC3C,IAAKF,EAAc,OAEnB,MAAMZ,EAAYY,EAAaV,wBAC/B,MAAMC,EAAarH,GACfgF,EAAMsC,QAAUJ,EAAUlE,MAAQkE,EAAUlD,MAAS,IACvD,EACA,KAGF,MAAMkB,EAAWgB,KAAKhG,IAAOmH,EAAa,KAAQnB,KAAK/F,IAAM+F,KAAKhG,KAGlE,GAAIgG,KAAK7B,MAAO,CACd,GAAI6B,KAAK3C,kBAAoB,OAAQ,CACnC2C,KAAK5C,iBAAmB,CAAC4B,EAAUgB,KAAK5C,iBAAiB,IACzD4C,KAAKyB,kBAAkB,CAACzC,EAAUgB,KAAKY,mBAAmB,I,KACrD,CACLZ,KAAK5C,iBAAmB,CAAC4C,KAAK5C,iBAAiB,GAAI4B,GACnDgB,KAAKyB,kBAAkB,CAACzB,KAAKY,mBAAmB,GAAI5B,G,MAEjD,CACLgB,KAAK/D,YAAc+C,EACnBgB,KAAKyB,kBAAkBzC,E,GAOnBgB,KAAA+B,YAAc,KACpB/B,KAAK9D,WAAa,MAClB8D,KAAKgC,oBAAoB,EAyBnBhC,KAAA1D,UAAawC,IACnB,GAAIkB,KAAK5D,UAAY4D,KAAK3D,SAAU,CAClC,M,CAGF,IAAI2C,EACJ,MAAMiD,EAAiBnD,EAAMoD,SAAW,GAAK,EAC7C,MAAMC,EAAanC,KAAK3F,KAAO4H,EAE/B,GAAIjC,KAAK7B,MAAO,CACd,MAAMiE,EAAgBtD,EAAMuD,OAAuBC,aACjD,cAEF,MAAMC,EAAMH,IAAiB,OAAS,EAAI,EAC1C,MAAMI,EAAe,IAAIxC,KAAKY,oBAE9B,OAAQ9B,EAAM2D,KACZ,IAAK,aACL,IAAK,UACHD,EAAaD,IAAQJ,EACrB,MACF,IAAK,YACL,IAAK,YACHK,EAAaD,IAAQJ,EACrB,MACF,IAAK,OACHK,EAAaD,GAAOvC,KAAKhG,IACzB,MACF,IAAK,MACHwI,EAAaD,GAAOvC,KAAK/F,IACzB,MACF,IAAK,SACHuI,EAAaD,IAAQJ,EAAa,GAClC,MACF,IAAK,WACHK,EAAaD,IAAQJ,EAAa,GAClC,MACF,QACE,OAGJnD,EAAWwD,C,KACN,CACL,OAAQ1D,EAAM2D,KACZ,IAAK,aACL,IAAK,UACHzD,EAAWgB,KAAKW,cAAgBwB,EAChC,MACF,IAAK,YACL,IAAK,YACHnD,EAAWgB,KAAKW,cAAgBwB,EAChC,MACF,IAAK,OACHnD,EAAWgB,KAAKhG,IAChB,MACF,IAAK,MACHgF,EAAWgB,KAAK/F,IAChB,MACF,IAAK,SACH+E,EAAWgB,KAAKW,cAAgBwB,EAAa,GAC7C,MACF,IAAK,WACHnD,EAAWgB,KAAKW,cAAgBwB,EAAa,GAC7C,MACF,QACE,O,CAINrD,EAAM4D,iBACN1C,KAAKyB,kBAAkBzC,EAAS,EAO1BgB,KAAA2C,kBAAiDC,IACvD,MAAM5D,EAAW4D,EAAQ7I,MAEzB,GAAImF,MAAMF,GAAW,CACnB,M,CAGF,GAAIgB,KAAK7B,MAAO,CACd,MAAM0E,EAAaD,EAAQvE,QAAU,EAAI,EAAI,EAC7C,MAAMyE,EAAe,IAAI9C,KAAKY,oBAC9BkC,EAAaD,GAAc7D,EAC3BgB,KAAKyB,kBAAkBqB,E,KAClB,CACL9C,KAAKyB,kBAAkBzC,E,GAlUnB,aAAA+D,CAAcC,GAEpB,MAAMC,EAAenJ,EAAMkJ,EAAKhD,KAAKhG,IAAKgG,KAAK/F,KAG/C,GAAI+F,KAAKO,WAAaP,KAAKU,eAAiBV,KAAKU,cAAc7G,OAAS,EAAG,CACzE,OAAO0B,EAAY0H,EAAcjD,KAAKU,c,CAIxC,OAAOtG,EAAW6I,EAAcjD,KAAKhG,IAAKgG,KAAK/F,IAAK+F,KAAK3F,K,CAkCnD,iBAAAoH,CAAkBzC,GACxB,GAAIgB,KAAK5D,UAAY4D,KAAK3D,SAAU,CAClC,M,CAGF,GAAI2D,KAAK7B,MAAO,CAEd,GAAI+E,MAAMC,QAAQnE,IAAaA,EAASnF,SAAW,EAAG,CAEpD,MAAMuJ,EAAgB,CACpBlJ,KAAKF,IAAIgF,EAAS,GAAIA,EAAS,IAC/B9E,KAAKD,IAAI+E,EAAS,GAAIA,EAAS,KAIjC,MAAMqE,EAAoC,CACxCrD,KAAK+C,cAAcK,EAAc,IACjCpD,KAAK+C,cAAcK,EAAc,KAGnC,GACEC,EAAgB,KAAOrD,KAAKY,mBAAmB,IAC/CyC,EAAgB,KAAOrD,KAAKY,mBAAmB,GAC/C,CACAZ,KAAKY,mBAAqByC,EAC1BrD,KAAKjG,MAAQiG,KAAKY,mBAClBZ,KAAKsD,aAAaC,KAAKvD,KAAKY,mB,OAG3B,CAEL,UAAW5B,IAAa,SAAU,CAChC,MAAMwE,EAAiBxD,KAAK+C,cAAc/D,GAE1C,GAAIwE,IAAmBxD,KAAKW,cAAe,CACzCX,KAAKW,cAAgB6C,EACrBxD,KAAKjG,MAAQ,CAACiG,KAAKW,eACnBX,KAAKsD,aAAaC,KAAK,CAACvD,KAAKW,e,IAS7B,oBAAA8C,GAEN,GAAIzD,KAAK5E,OAAS4E,KAAK5E,MAAMvB,OAAS,EAAG,CACvCmG,KAAKU,cAAgB,IAAIV,KAAK5E,OAAOsI,MAAK,CAACC,EAAGC,IAAMD,EAAE5J,MAAQ6J,EAAE7J,QAChE,M,CAIF,IAAKiG,KAAKQ,UAAW,CACnBR,KAAKU,cAAgB,GACrB,M,CAIF,MAAMmD,EAAY1I,EAAc6E,KAAKhG,IAAKgG,KAAK/F,IAAK+F,KAAK3F,MACzD2F,KAAKU,cAAgBmD,EAAU7F,KAAIjE,IAAK,CAAOA,W,CA4GzC,oBAAA2H,GACNoC,SAASC,iBAAiB,cAAe/D,KAAK2B,eAC9CmC,SAASC,iBAAiB,YAAa/D,KAAK+B,aAC5C+B,SAASC,iBAAiB,gBAAiB/D,KAAK+B,Y,CAM1C,kBAAAC,GACN8B,SAASE,oBAAoB,cAAehE,KAAK2B,eACjDmC,SAASE,oBAAoB,YAAahE,KAAK+B,aAC/C+B,SAASE,oBAAoB,gBAAiBhE,KAAK+B,Y,CA0GrD,aAAAkC,GACEjE,KAAKa,Y,CAUP,cAAAqD,GACElE,KAAKyD,uBAEL,GAAIzD,KAAK7B,MAAO,CACd6B,KAAKyB,kBAAkBzB,KAAKY,mB,KACvB,CACLZ,KAAKyB,kBAAkBzB,KAAKW,c,EAKhC,aAAAwD,CAAcnF,GACZ,GAAIA,EAAU,CAEZgB,KAAKY,mBAAqB,CAACZ,KAAKhG,IAAKgG,KAAKW,c,KACrC,CAELX,KAAKW,cAAgBX,KAAKY,mBAAmB,E,EAMjD,iBAAAwD,GACEpE,KAAKa,aACLb,KAAKyD,uBAGL,GAAIzD,KAAK7B,MAAO,CACd,IACG+E,MAAMC,QAAQnD,KAAKY,qBACpBZ,KAAKY,mBAAmB/G,SAAW,EACnC,CACAmG,KAAKY,mBAAqB,CAACZ,KAAKhG,IAAKgG,KAAK/F,I,CAE5C+F,KAAKyB,kBAAkBzB,KAAKY,oBAE5BZ,KAAK5C,iBAAmB,CACtB4C,KAAKY,mBAAmB,GACxBZ,KAAKY,mBAAmB,G,KAErB,CACLZ,KAAKyB,kBAAkBzB,KAAKW,eAE5BX,KAAK/D,YAAc+D,KAAKW,a,EAI5B,iBAAA0D,GAEE,GAAIrE,KAAKjG,MAAMF,SAAW,GAAKmG,KAAK7B,MAAO,CAEzC6B,KAAKjG,MAAQ,CAACiG,KAAKjG,MAAM,GAAIiG,KAAKjG,MAAM,G,MACnC,GAAIiG,KAAKjG,MAAMF,SAAW,IAAMmG,KAAK7B,MAAO,CAEjD6B,KAAKjG,MAAQ,CAACiG,KAAKjG,MAAM,G,EAI7B,oBAAAuK,GACEtE,KAAKgC,oB,CAiBP,MAAAuC,GACE,OACE5H,EAAC6H,EAAI,CAAA/B,IAAA,6CACDzC,KAAK/B,OAAS+B,KAAK6B,GAAGC,cAAc,oBACpCnF,EAAA,SAAA8F,IAAA,2CAAOgC,QAASzE,KAAKC,cACnBtD,EAAA,QAAA8F,IAAA,2CAAMjE,KAAK,SAASwB,KAAK/B,QAI7BtB,EAAA,OAAA8F,IAAA,2CAAK7F,MAAM,oBAERoD,KAAK7B,MACJxB,EAACuB,EAAU,CACTC,MAAO6B,KAAK7B,MACZC,SAAU4B,KAAK5B,SACfrE,MAAOiG,KAAKW,cACZxD,WAAY6C,KAAKY,mBACjBvC,MAAO,EACPC,QAAS0B,KAAKC,aACdjG,IAAKgG,KAAKhG,IACVC,IAAK+F,KAAK/F,IACVI,KAAM2F,KAAK3F,KACX+B,SAAU4D,KAAK5D,SACfC,SAAU2D,KAAK3D,SACfkC,QAASyB,KAAK2C,kBACdpG,iBAAkByD,KAAKzD,iBACvBC,gBAAiBwD,KAAKxD,gBACtBgC,KAAMwB,KAAKxB,KACXC,QAASuB,KAAKvB,UAEd,KAEJ9B,EAAA,OAAA8F,IAAA,2CAAK7F,MAAM,mBACTD,EAAA,OAAA8F,IAAA,2CAAK7F,MAAM,QAAQ8H,cAAe1E,KAAKe,oBACpCf,KAAK7B,MACJxB,EAACO,EAAU,CACTC,WAAY6C,KAAKY,mBACjBxD,iBAAkB4C,KAAK5C,iBACvBC,gBAAiB2C,KAAK3C,gBACtBnB,WAAY8D,KAAK9D,WACjBC,KAAM6D,KAAK7D,KACXnC,IAAKgG,KAAKhG,IACVC,IAAK+F,KAAK/F,IACVI,KAAM2F,KAAK3F,KACX+B,SAAU4D,KAAK5D,SACfC,SAAU2D,KAAK3D,SACfC,UAAW0D,KAAK1D,UAChBC,iBAAkByD,KAAKzD,iBACvBC,gBAAiBwD,KAAKxD,kBAGxBG,EAACZ,EAAW,CACVhC,MAAOiG,KAAKW,cACZ3G,IAAKgG,KAAKhG,IACVC,IAAK+F,KAAK/F,IACVI,KAAM2F,KAAK3F,KACX4B,YAAa+D,KAAK/D,YAClBC,WAAY8D,KAAK9D,WACjBC,KAAM6D,KAAK7D,KACXC,SAAU4D,KAAK5D,SACfC,SAAU2D,KAAK3D,SACfC,UAAW0D,KAAK1D,UAChBC,iBAAkByD,KAAKzD,iBACvBC,gBAAiBwD,KAAKxD,mBAK5BG,EAACoB,EAAS,CAAA0E,IAAA,2CACRrH,MAAO4E,KAAKU,cACZ1G,IAAKgG,KAAKhG,IACVC,IAAK+F,KAAK/F,OAKb+F,KAAK7B,MACJxB,EAACuB,EAAU,CACTC,MAAO6B,KAAK7B,MACZC,SAAU4B,KAAK5B,SACfrE,MAAOiG,KAAKW,cACZxD,WAAY6C,KAAKY,mBACjBvC,MAAO,EACPC,QAAS0B,KAAKG,WACdnG,IAAKgG,KAAKhG,IACVC,IAAK+F,KAAK/F,IACVI,KAAM2F,KAAK3F,KACX+B,SAAU4D,KAAK5D,SACfC,SAAU2D,KAAK3D,SACfkC,QAASyB,KAAK2C,kBACdpG,iBAAkByD,KAAKzD,iBACvBC,gBAAiBwD,KAAKxD,gBACtBgC,KAAMwB,KAAKxB,KACXC,QAASuB,KAAKvB,UAGhB9B,EAACuB,EAAU,CACTC,MAAO6B,KAAK7B,MACZC,SAAU4B,KAAK5B,SACfrE,MAAOiG,KAAKW,cACZxD,WAAY6C,KAAKY,mBACjBtC,QAAS0B,KAAKC,aACdjG,IAAKgG,KAAKhG,IACVC,IAAK+F,KAAK/F,IACVI,KAAM2F,KAAK3F,KACX+B,SAAU4D,KAAK5D,SACfC,SAAU2D,KAAK3D,SACfkC,QAASyB,KAAK2C,kBACdpG,iBAAkByD,KAAKzD,iBACvBC,gBAAiBwD,KAAKxD,gBACtBgC,KAAMwB,KAAKxB,SAKfwB,KAAKM,SACLN,KAAK2E,aACL3E,KAAK6B,GAAGC,cAAc,0BACtBnF,EAAA,OAAA8F,IAAA,2CAAK7F,MAAM,eACRoD,KAAKM,SACJ3D,EAAA,WAAA8F,IAAA,2CAASjE,KAAK,eAAe5B,MAAM,aAAagI,KAAK,OAEvDjI,EAAA,QAAA8F,IAAA,2CAAMjE,KAAK,eAAewB,KAAK2E,eAIjC3E,KAAKK,OACLL,KAAK6E,kBACL7E,KAAK6B,GAAGC,cAAc,gCACtBnF,EAAA,OAAA8F,IAAA,2CAAK7F,MAAM,oBAAoBkI,QAAS9E,KAAKK,OAC1CL,KAAKK,OACJ1D,EAAA,WAAA8F,IAAA,2CAASjE,KAAK,eAAe5B,MAAM,aAAagI,KAAK,OAEvDjI,EAAA,QAAA8F,IAAA,2CAAMjE,KAAK,qBAAqBwB,KAAK6E,mB","ignoreList":[]}

package/dist/native/{p-2d647761.entry.js → p-f5eb047e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as s}from"./p-d0a33e64.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const e=c;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"6a314d1f6679d4cbbd01fc08ce54fc0f7709e3e0",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"d3c5d0fd8f44b23a3cfae00aa39de8722babca2a"}))}};i.style=e;export{i as nv_stack};
-//# sourceMappingURL=p-2d647761.entry.js.map
+import{r as t,h as a,H as s}from"./p-d0a33e64.js";import{c as n}from"./p-8a1a6e56.js";const c="nv-stack{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}nv-stack nv-col{display:flex}nv-stack:not(nv-row){flex-wrap:nowrap}nv-stack>.nv-stack-item-flex{flex-shrink:1;flex-grow:1}nv-stack>.nv-stack-item-lead{margin-right:auto}nv-stack>.nv-stack-item-lead+*{margin-left:0}nv-stack>.nv-stack-item-center{margin-right:auto;margin-left:auto}nv-stack>.nv-stack-item-tail{margin-left:auto}nv-stack>.nv-stack-nowrap{white-space:nowrap}nv-stack.nv-stack-vertical{align-items:stretch;flex-direction:column}nv-stack.nv-stack-vertical>.nv-stack-item-lead{margin-right:0;margin-bottom:auto}nv-stack.nv-stack-vertical>.nv-stack-item-lead+*{margin-top:0}nv-stack.nv-stack-vertical>.nv-stack-item-tail{margin-left:0;margin-top:auto}nv-stack.nv-stack-vertical>.nv-stack-item-center{margin:auto 0}nv-stack.nv-stack-flex>*{flex-shrink:1;flex-grow:1}nv-stack.nv-stack-fill>*{height:100%}nv-stack.nv-stack-fill.nv-stack-vertical>*{height:auto;width:100%}";const e=c;const i=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"66123f22ad4a6ebefe8663c795274eb900d2c178",class:n(this.fill&&"nv-stack-fill",this.flex&&"nv-stack-flex",this.full&&"w-full",this.gutter&&!this.vertical&&`gap-x-${this.gutter}`,this.gutter&&this.vertical&&`gap-y-${this.gutter}`,this.vertical&&"nv-stack-vertical")},a("slot",{key:"7b3d395c3490664f0e2f337a04f69cc717ed6c0e"}))}};i.style=e;export{i as nv_stack};
+//# sourceMappingURL=p-f5eb047e.entry.js.map

package/dist/native/p-fb560fa3.js

@@ -0,0 +1,2 @@
+import{i as o}from"./p-ee0df37f.js";import{a as t}from"./p-42ea6b74.js";const e=(e,{duration:n=200,amount:a=.8,hasFade:r=true}={})=>{const s=o(e);function i(){return new Promise((o=>{t({from:{opacity:r?0:1,scale:a},to:{opacity:1,scale:1},duration:n,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o();if(r){e.style.removeProperty("opacity")}e.style.removeProperty("transform")}})}))}function c(){e.style.transform=`scale(${a})`;if(r){e.style.opacity="0"}}function f(){e.style.transform=`scale(1)`;if(r){e.style.opacity="1"}}function u(){return new Promise((o=>{t({from:{opacity:1,scale:1},to:{opacity:r?0:1,scale:a},duration:n,onUpdate(o){const t={scale:o.scale};if(r){t["opacity"]=o.opacity}s.set(t)},onComplete(){o()}})}))}return{growIn:i,growOut:u,setGrowOut:c,setGrowIn:f}};export{e as u};
+//# sourceMappingURL=p-fb560fa3.js.map

package/dist/native/{p-8d45dbfe.js.map → p-fb560fa3.js.map}

@@ -1 +1 @@
-{"version":3,"names":["useGrow","node","duration","amount","hasFade","nodeStyler","styler","growIn","Promise","resolve","animate","from","opacity","scale","to","onUpdate","latest","updates","set","onComplete","style","removeProperty","setGrowOut","transform","setGrowIn","growOut"],"sources":["src/animations/grow.animation.ts"],"sourcesContent":["import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type GrowOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n  /** The amount to scale the element by @default 0.8 */\n  amount?: number;\n  /** Whether to include a fade effect in the animation @default true */\n  hasFade?: boolean;\n};\n\nconst useGrow = (\n  node: HTMLElement,\n  { duration = 200, amount = 0.8, hasFade = true }: GrowOptions = {},\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element grow and fade in,\n   * and removes the scale and opacity style attributes once complete.\n   */\n  function growIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: hasFade ? 0 : 1, scale: amount },\n        to: { opacity: 1, scale: 1 },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n          if (hasFade) {\n            node.style.removeProperty('opacity');\n          }\n          node.style.removeProperty('transform');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the growOut styles without animating, useful when the initial\n   * state is hidden.\n   */\n  function setGrowOut() {\n    node.style.transform = `scale(${amount})`;\n    if (hasFade) {\n      node.style.opacity = '0';\n    }\n  }\n\n  /**\n   * Applies the growIn styles without animating, useful when the initial\n   * state is visible.\n   */\n  function setGrowIn() {\n    node.style.transform = `scale(1)`;\n    if (hasFade) {\n      node.style.opacity = '1';\n    }\n  }\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element shrink and fade out,\n   * leaving the scale and opacity styles on the element.\n   */\n  function growOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1, scale: 1 },\n        to: { opacity: hasFade ? 0 : 1, scale: amount },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    growIn,\n    growOut,\n    setGrowOut,\n    setGrowIn,\n  };\n};\n\nexport { useGrow };\n"],"mappings":"iDAYMA,EAAU,CACdC,GACEC,WAAW,IAAKC,SAAS,GAAKC,UAAU,MAAsB,MAEhE,MAAMC,EAAaC,EAAOL,GAM1B,SAASM,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACzCW,GAAI,CAAEF,QAAS,EAAGC,MAAO,GACzBX,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,IACA,GAAIL,EAAS,CACXH,EAAKmB,MAAMC,eAAe,U,CAE5BpB,EAAKmB,MAAMC,eAAe,Y,GAE5B,G,CAQN,SAASC,IACPrB,EAAKmB,MAAMG,UAAY,SAASpB,KAChC,GAAIC,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASY,IACPvB,EAAKmB,MAAMG,UAAY,WACvB,GAAInB,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASa,IACP,OAAO,IAAIjB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAAS,EAAGC,MAAO,GAC3BC,GAAI,CAAEF,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACvCD,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,G,GAEF,G,CAIN,MAAO,CACLF,SACAkB,UACAH,aACAE,YACD,S","ignoreList":[]}
+{"version":3,"names":["useGrow","node","duration","amount","hasFade","nodeStyler","styler","growIn","Promise","resolve","animate","from","opacity","scale","to","onUpdate","latest","updates","set","onComplete","style","removeProperty","setGrowOut","transform","setGrowIn","growOut"],"sources":["src/animations/grow.animation.ts"],"sourcesContent":["import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type GrowOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n  /** The amount to scale the element by @default 0.8 */\n  amount?: number;\n  /** Whether to include a fade effect in the animation @default true */\n  hasFade?: boolean;\n};\n\nconst useGrow = (\n  node: HTMLElement,\n  { duration = 200, amount = 0.8, hasFade = true }: GrowOptions = {},\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element grow and fade in,\n   * and removes the scale and opacity style attributes once complete.\n   */\n  function growIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: hasFade ? 0 : 1, scale: amount },\n        to: { opacity: 1, scale: 1 },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n          if (hasFade) {\n            node.style.removeProperty('opacity');\n          }\n          node.style.removeProperty('transform');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the growOut styles without animating, useful when the initial\n   * state is hidden.\n   */\n  function setGrowOut() {\n    node.style.transform = `scale(${amount})`;\n    if (hasFade) {\n      node.style.opacity = '0';\n    }\n  }\n\n  /**\n   * Applies the growIn styles without animating, useful when the initial\n   * state is visible.\n   */\n  function setGrowIn() {\n    node.style.transform = `scale(1)`;\n    if (hasFade) {\n      node.style.opacity = '1';\n    }\n  }\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element shrink and fade out,\n   * leaving the scale and opacity styles on the element.\n   */\n  function growOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1, scale: 1 },\n        to: { opacity: hasFade ? 0 : 1, scale: amount },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    growIn,\n    growOut,\n    setGrowOut,\n    setGrowIn,\n  };\n};\n\nexport { useGrow };\n"],"mappings":"8EAYMA,EAAU,CACdC,GACEC,WAAW,IAAKC,SAAS,GAAKC,UAAU,MAAsB,MAEhE,MAAMC,EAAaC,EAAOL,GAM1B,SAASM,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACzCW,GAAI,CAAEF,QAAS,EAAGC,MAAO,GACzBX,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,IACA,GAAIL,EAAS,CACXH,EAAKmB,MAAMC,eAAe,U,CAE5BpB,EAAKmB,MAAMC,eAAe,Y,GAE5B,G,CAQN,SAASC,IACPrB,EAAKmB,MAAMG,UAAY,SAASpB,KAChC,GAAIC,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASY,IACPvB,EAAKmB,MAAMG,UAAY,WACvB,GAAInB,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASa,IACP,OAAO,IAAIjB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAAS,EAAGC,MAAO,GAC3BC,GAAI,CAAEF,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACvCD,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,G,GAEF,G,CAIN,MAAO,CACLF,SACAkB,UACAH,aACAE,YACD,S","ignoreList":[]}

package/dist/types/animations/collapse.animation.d.ts

@@ -1,8 +1,16 @@
 export type CollapseOptions = {
-    /** How long the animation should take in ms @default 200 */
+    /**
+     * Duration of the expand/collapse animation in milliseconds.
+     * @default 200
+     */
     duration?: number;
+    /**
+     * Set the overflow state while animating.
+     * @default "hidden"
+     */
+    overflow?: 'hidden' | 'visible';
 };
-declare const useCollapse: (node: HTMLElement, { duration }?: CollapseOptions) => {
+declare const useCollapse: (node: HTMLElement, { duration, overflow }?: CollapseOptions) => {
     collapse: () => Promise<void>;
     expand: () => Promise<void>;
     setCollapsed: () => void;

package/dist/types/animations/index.d.ts

@@ -1,4 +1,5 @@
 export * from './collapse.animation';
 export * from './fade.animation';
 export * from './grow.animation';
+export * from './slide.animation';
 export * from './timeline.animation';

package/dist/types/animations/slide.animation.d.ts

@@ -0,0 +1,11 @@
+export type SlideOptions = {
+    /** How long the animation should take in ms @default 200 */
+    duration?: number;
+};
+declare const useSlide: (node: HTMLElement, { duration }?: SlideOptions) => {
+    slideIn: () => Promise<void>;
+    slideOut: () => Promise<void>;
+    setSlideOut: () => void;
+    setSlideIn: () => void;
+};
+export { useSlide };

package/dist/types/animations/timeline.animation.d.ts

@@ -15,4 +15,20 @@
 declare const timeline: (...animations: Array<() => Promise<void>>) => {
     start: () => Promise<void>;
 };
-export { timeline };
+/**
+ * Will execute a series of animation promises in parallel.
+ * This is useful for running multiple animations simultaneously.
+ *
+ * @param {Array<() => Promise<void>>} animations - The array of animation functions.
+ * @returns {Object} - An object with a `start` method to begin the parallel animations.
+ *
+ * @example
+ * const { fadeOut } = useFade(this.ref);
+ * const { slideOut } = useSlide(this.containerRef);
+ *
+ * parallel(fadeOut, slideOut).start();
+ */
+declare const parallel: (...animations: Array<() => Promise<void>>) => {
+    start: () => Promise<void[]>;
+};
+export { timeline, parallel };

package/dist/types/components/nv-accordion/nv-accordion.d.ts

@@ -30,10 +30,7 @@ export declare class NvAccordion {
      */
     openIndexes?: number[];
     /****************************************************************************/
-    /**
-     * Internal index of open items (not exposed)
-     */
-    internalOpenIndexes: number[];
+    private updatingFromInternal;
     /**
      * Reference to host element to access children
      */
@@ -64,7 +61,7 @@ export declare class NvAccordion {
      */
     private toggleItem;
     /**
-     * Updates the open state of child elements based on internalOpenIndexes
+     * Updates the open state of child elements based on openIndexes
      */
     private updateChildrenState;
     /**
@@ -73,10 +70,11 @@ export declare class NvAccordion {
      */
     onItemToggle(event: CustomEvent<boolean>): void;
     /****************************************************************************/
+    onOpenIndexesChange(newValue: number[] | undefined, oldValue: number[] | undefined): void;
+    onModeChange(): void;
     /****************************************************************************/
     componentWillLoad(): void;
-    componentDidLoad(): void;
-    componentWillUpdate(): void;
+    componentDidLoad(): Promise<void>;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-accordion-item/nv-accordion-item.d.ts

@@ -9,26 +9,41 @@ export declare class NvAccordionItem {
     el: HTMLNvAccordionItemElement;
     private contentRef?;
     private mutationObserver?;
+    private isToggling;
     /****************************************************************************/
-    /** Item title (displayed if header slot is absent) */
+    /**
+     * Item title (displayed if header slot is absent)
+     */
     readonly itemTitle?: string;
-    /** Item subtitle (displayed if header slot is absent) */
+    /**
+     * Item subtitle (displayed if header slot is absent)
+     */
     readonly subtitle?: string;
-    /** Open or closed */
+    /**
+     * Open or closed
+     */
     open: boolean;
-    /** Disables the item */
+    /**
+     * Disables the item
+     */
     readonly disabled: boolean;
-    /** Maximum content height (in px, optional). If not defined, auto height. */
+    /**
+     * Maximum content height (in px, optional). If not defined, auto height.
+     */
     readonly maxContentHeight?: number;
-    /** Parent expansion mode (accordion or multi) */
+    /**
+     * Parent expansion mode (accordion or multi)
+     */
     readonly mode?: 'accordion' | 'multi';
     /****************************************************************************/
     /**
-     * Event emitted on toggle (header click)
+     * Event emitted on toggle (header click or programmatic change)
      */
     itemToggle: EventEmitter<boolean>;
     /****************************************************************************/
-    /** Internal state for open/close rendering */
+    /**
+     * Internal state for open/close rendering
+     */
     currentOpenState: boolean;
     /**
      * Controls if the panel has been initialized for animations

package/dist/types/components/nv-alert/nv-alert.d.ts

@@ -4,7 +4,7 @@ import { DeprecatedSemanticColors, FeedbackColors } from '../../utils/constants'
  * @slot default - Use this slot to insert HTML into the alert content.
  */
 export declare class NvAlert {
-    ref: HTMLNvAlertElement;
+    el: HTMLNvAlertElement;
     /****************************************************************************/
     /**
      * Defines color of the alert.

package/dist/types/components/nv-calendar/nv-calendar.d.ts

@@ -93,6 +93,10 @@ export declare class NvCalendar {
      * Show week numbers
      */
     readonly showWeekNumbers: boolean;
+    /** Sets the label for the cancel button in actions. */
+    readonly cancelLabel: string;
+    /** Sets the label for the primary (OK) button in actions. */
+    readonly primaryLabel: string;
     /** Cache for parsed disabled dates */
     private parsedDisabledDates;
     /** Flag to indicate a user click for selection */

package/dist/types/components/nv-calendar/partials/calendar-actions.d.ts

@@ -7,6 +7,10 @@ interface CalendarActionsProps {
     onReset: () => void;
     /** Handler for confirm/OK action */
     onConfirm: () => void;
+    /** Label for the cancel button */
+    cancelLabel?: string;
+    /** Label for the primary button */
+    primaryLabel?: string;
     /** Whether to show the default actions or use slot content */
     useSlot?: boolean;
 }