@nova-design-system/nova-webcomponents 3.14.0 → 3.16.0

package/dist/native/{p-ee0df37f.js.map → p-a271e3be.js.map}

@@ -1 +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":[]}
+{"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    nodeStyler.set({ opacity: 0 });\n  }\n\n  /**\n   * Applies the fadeIn styles without animating, useful when initial state\n   * is visible.\n   */\n  function setFadeIn() {\n    nodeStyler.set({ 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-a2f58133.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as n,g as e}from"./p-3060df80.js";const r=Object.freeze({HANDLE_W:12,HANDLE_W_TOUCH:24,MIN_W:40});function o(){return matchMedia("(pointer: coarse)").matches?r.HANDLE_W_TOUCH:r.HANDLE_W}function i(t,a){const n=a.getBoundingClientRect();return t.clientX-n.left}function d(t,a,n){return t>=a-n}function c(t,a,n=r.MIN_W){return Math.max(n,t+a)}function l(t){return(t===null||t===void 0?void 0:t.tagName)==="TH"||(t===null||t===void 0?void 0:t.tagName)==="TD"}function s(t){if(!(t instanceof HTMLElement))return null;const a=t.closest("th, td");return l(a)?a:null}function u(t,a){var n;try{(n=t.setPointerCapture)===null||n===void 0?void 0:n.call(t,a);return true}catch(t){return false}}function b(t,a){var n;try{(n=t.releasePointerCapture)===null||n===void 0?void 0:n.call(t,a);return true}catch(t){return false}}function g(t){document.body.style.userSelect=t?"none":""}function h(t){return t.offsetWidth}function v(t,a){t.style.width=`${a}px`}function p(t,a){return t-a}function f(t,a){return{resizingCell:t,pointerId:a.pointerId,startX:a.clientX,startWidth:h(t)}}function m(t,a){return t!==null&&t.pointerId===a.pointerId}function y(t,a,n=r.MIN_W){const e=p(a.clientX,t.startX);const o=c(t.startWidth,e,n);v(t.resizingCell,o)}const k='nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}';const x=k;const w=class{constructor(a){t(this,a);this.resizeState=null}onPointerDown(t){const a=s(t.target);if(!a)return;if(a.hasAttribute("data-no-resize"))return;const n=i(t,a);const e=o();const r=h(a);if(!d(n,r,e))return;this.resizeState=f(a,t);u(a,t.pointerId);g(true)}onPointerMove(t){if(!m(this.resizeState,t))return;y(this.resizeState,t,r.MIN_W)}onPointerUp(t){if(!m(this.resizeState,t))return;b(this.resizeState.resizingCell,this.resizeState.pointerId);this.resizeState=null;g(false)}render(){return a(n,{key:"b63510e2da93a1b98eb3813ba7ac9bed97b81c1f"},a("slot",{key:"14fb76c397db4da5dfba94bce599d1e4d8992a6b"}))}get host(){return e(this)}};w.style=x;export{w as nv_table};
+//# sourceMappingURL=p-a2f58133.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TABLE_CONSTANTS","Object","freeze","HANDLE_W","HANDLE_W_TOUCH","MIN_W","getHandleWidthForCurrentPointer","matchMedia","matches","getPointerOffsetInCell","event","cell","rect","getBoundingClientRect","clientX","left","isInResizeHandle","offsetX","cellWidth","handleWidth","calculateNewWidth","startWidth","delta","minWidth","Math","max","isValidTableCell","element","tagName","getClosestTableCell","target","HTMLElement","closest","setPointerCapture","pointerId","_a","call","_b","releasePointerCapture","setUserSelectPrevention","prevent","document","body","style","userSelect","getCellWidth","offsetWidth","setCellWidth","width","calculatePointerDelta","currentX","startX","createResizeState","resizingCell","isValidResizeState","state","updateCellWidthFromResize","newWidth","nvTableCss","NvTableStyle0","NvTable","constructor","hostRef","this","resizeState","onPointerDown","ev","th","hasAttribute","onPointerMove","onPointerUp","render","h","Host","key"],"sources":["src/components/nv-table/nv-table.utils.ts","src/components/nv-table/styles/nv-table.scss?tag=nv-table","src/components/nv-table/nv-table.tsx"],"sourcesContent":["/**\n * Table utility functions and constants for nv-table component\n *\n * This module contains pure utility functions for table column resizing logic,\n * pointer event handling calculations, and related helper functions.\n */\n\n/**\n * Constants for table column resizing behavior\n */\nexport const TABLE_CONSTANTS = Object.freeze({\n  /** Handle width for fine pointers (mouse) in pixels */\n  HANDLE_W: 12,\n  /** Handle width for coarse pointers (touch) in pixels */\n  HANDLE_W_TOUCH: 24,\n  /** Minimum column width in pixels */\n  MIN_W: 40,\n} as const);\n\n/**\n * Determines the appropriate handle width based on the current pointer type\n * @returns {number} Handle width in pixels (10px for fine pointers, 24px for coarse/touch)\n */\nexport function getHandleWidthForCurrentPointer(): number {\n  // Match the CSS media query: wider handle on coarse pointers (touch)\n  return matchMedia('(pointer: coarse)').matches\n    ? TABLE_CONSTANTS.HANDLE_W_TOUCH\n    : TABLE_CONSTANTS.HANDLE_W;\n}\n\n/**\n * Calculates the pointer's horizontal offset within a table cell\n * @param {PointerEvent} event - The pointer event\n * @param {HTMLTableCellElement} cell - The table cell element\n * @returns {number} The horizontal offset from the left edge of the cell\n */\nexport function getPointerOffsetInCell(\n  event: PointerEvent,\n  cell: HTMLTableCellElement,\n): number {\n  const rect = cell.getBoundingClientRect();\n  return event.clientX - rect.left;\n}\n\n/**\n * Determines if the pointer is within the resize handle area of a table cell\n * @param {number} offsetX - Horizontal offset within the cell\n * @param {number} cellWidth - Total width of the cell\n * @param {number} handleWidth - Width of the resize handle area\n * @returns {boolean} True if the pointer is in the resize handle area\n */\nexport function isInResizeHandle(\n  offsetX: number,\n  cellWidth: number,\n  handleWidth: number,\n): boolean {\n  return offsetX >= cellWidth - handleWidth;\n}\n\n/**\n * Calculates the new column width based on resize delta and constraints\n * @param {number} startWidth - Original width of the column\n * @param {number} delta - Change in pixels from the start position\n * @param {number} minWidth - Minimum allowed width for the column\n * @returns {number} The calculated new width, constrained by minimum\n */\nexport function calculateNewWidth(\n  startWidth: number,\n  delta: number,\n  minWidth: number = TABLE_CONSTANTS.MIN_W,\n): number {\n  return Math.max(minWidth, startWidth + delta);\n}\n\n/**\n * Validates that a table cell element is suitable for resizing\n * @param {HTMLElement | null} element - The element to check\n * @returns {element is HTMLTableCellElement} Type guard for table cell elements\n */\nexport function isValidTableCell(\n  element: HTMLElement | null,\n): element is HTMLTableCellElement {\n  return element?.tagName === 'TH' || element?.tagName === 'TD';\n}\n\n/**\n * Finds the closest table cell element from an event target\n * @param {EventTarget | null} target - The event target\n * @returns {HTMLTableCellElement | null} The closest table cell or null\n */\nexport function getClosestTableCell(\n  target: EventTarget | null,\n): HTMLTableCellElement | null {\n  if (!(target instanceof HTMLElement)) return null;\n\n  const cell = target.closest('th, td') as HTMLTableCellElement | null;\n  return isValidTableCell(cell) ? cell : null;\n}\n\n/**\n * Sets up pointer capture for consistent drag behavior across browsers\n * @param {HTMLTableCellElement} cell - The table cell element\n * @param {number} pointerId - The pointer ID from the pointer event\n * @returns {boolean} True if capture was successfully set\n */\nexport function setPointerCapture(\n  cell: HTMLTableCellElement,\n  pointerId: number,\n): boolean {\n  try {\n    cell.setPointerCapture?.(pointerId);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Releases pointer capture\n * @param {HTMLTableCellElement} cell - The table cell element\n * @param {number} pointerId - The pointer ID from the pointer event\n * @returns {boolean} True if release was successful\n */\nexport function releasePointerCapture(\n  cell: HTMLTableCellElement,\n  pointerId: number,\n): boolean {\n  try {\n    cell.releasePointerCapture?.(pointerId);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Prevents text selection during drag operations\n * @param {boolean} prevent - Whether to prevent selection\n */\nexport function setUserSelectPrevention(prevent: boolean): void {\n  document.body.style.userSelect = prevent ? 'none' : '';\n}\n\n/**\n * Gets the current width of a table cell element\n * @param {HTMLTableCellElement} cell - The table cell element\n * @returns {number} The current width in pixels\n */\nexport function getCellWidth(cell: HTMLTableCellElement): number {\n  return cell.offsetWidth;\n}\n\n/**\n * Applies a width to a table cell element\n * @param {HTMLTableCellElement} cell - The table cell element\n * @param {number} width - The width to apply in pixels\n */\nexport function setCellWidth(cell: HTMLTableCellElement, width: number): void {\n  cell.style.width = `${width}px`;\n}\n\n/**\n * Calculates the delta (change) in horizontal position between two pointer events\n * @param {number} currentX - Current clientX position\n * @param {number} startX - Starting clientX position\n * @returns {number} The horizontal delta\n */\nexport function calculatePointerDelta(\n  currentX: number,\n  startX: number,\n): number {\n  return currentX - startX;\n}\n\n/**\n * Interface for resize operation state\n */\nexport interface ResizeState {\n  /** The table cell being resized */\n  resizingCell: HTMLTableCellElement;\n  /** The pointer ID for this resize operation */\n  pointerId: number;\n  /** Starting X coordinate */\n  startX: number;\n  /** Starting width of the cell */\n  startWidth: number;\n}\n\n/**\n * Creates a new resize state object\n * @param {HTMLTableCellElement} cell - The cell being resized\n * @param {PointerEvent} event - The initiating pointer event\n * @returns {ResizeState} A new resize state object\n */\nexport function createResizeState(\n  cell: HTMLTableCellElement,\n  event: PointerEvent,\n): ResizeState {\n  return {\n    resizingCell: cell,\n    pointerId: event.pointerId,\n    startX: event.clientX,\n    startWidth: getCellWidth(cell),\n  };\n}\n\n/**\n * Validates that a resize state is active and matches the given pointer event\n * @param {ResizeState | null} state - The current resize state\n * @param {PointerEvent} event - The pointer event to validate against\n * @returns {boolean} True if the state is valid for this event\n */\nexport function isValidResizeState(\n  state: ResizeState | null,\n  event: PointerEvent,\n): boolean {\n  return state !== null && state.pointerId === event.pointerId;\n}\n\n/**\n * Updates the width of a cell during a resize operation\n * @param {ResizeState} state - The current resize state\n * @param {PointerEvent} event - The current pointer event\n * @param {number} minWidth - Minimum width constraint\n */\nexport function updateCellWidthFromResize(\n  state: ResizeState,\n  event: PointerEvent,\n  minWidth: number = TABLE_CONSTANTS.MIN_W,\n): void {\n  const delta = calculatePointerDelta(event.clientX, state.startX);\n  const newWidth = calculateNewWidth(state.startWidth, delta, minWidth);\n  setCellWidth(state.resizingCell, newWidth);\n}\n","@use \"./mixins\" as *;\n\nnv-table {\n  table {\n    @include table-styles();\n  }\n\n  [data-sticky-left] {\n    @include sticky-styles('left');\n  }\n\n  [data-sticky-right] {\n    @include sticky-styles('right');\n  }\n\n  [data-sticky-top] {\n    th {\n      @include sticky-styles('top');\n    }\n  }\n}\n","/* eslint-disable @stencil-community/prefer-vdom-listener */\n\n// Useful link for styling help ->\n// https://css-tricks.com/complete-guide-table-element/\n\nimport { Component, Host, h, Listen, Element } from '@stencil/core';\nimport {\n  TABLE_CONSTANTS,\n  ResizeState,\n  getHandleWidthForCurrentPointer,\n  getClosestTableCell,\n  getPointerOffsetInCell,\n  isInResizeHandle,\n  createResizeState,\n  isValidResizeState,\n  updateCellWidthFromResize,\n  setPointerCapture,\n  releasePointerCapture,\n  setUserSelectPrevention,\n  getCellWidth,\n} from './nv-table.utils';\n\n/**\n * @slot default - Child content of the component.\n */\n@Component({\n  tag: 'nv-table',\n  styleUrl: 'styles/nv-table.scss',\n  shadow: false,\n})\nexport class NvTable {\n  @Element() host!: HTMLNvTableElement;\n\n  private resizeState: ResizeState | null = null;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('pointerdown')\n  onPointerDown(ev: PointerEvent) {\n    const th = getClosestTableCell(ev.target);\n    if (!th) return;\n\n    // Skip resize if the cell has data-no-resize attribute\n    if (th.hasAttribute('data-no-resize')) return;\n\n    const offsetX = getPointerOffsetInCell(ev, th);\n    const handleWidth = getHandleWidthForCurrentPointer();\n    const cellWidth = getCellWidth(th);\n\n    // Start only if we're in the resize handle area\n    if (!isInResizeHandle(offsetX, cellWidth, handleWidth)) return;\n\n    this.resizeState = createResizeState(th, ev);\n\n    // Capture so move/up still fire even if the finger leaves the th\n    setPointerCapture(th, ev.pointerId);\n\n    // Prevent scrolling/selection during drag\n    setUserSelectPrevention(true);\n  }\n\n  @Listen('pointermove', { target: 'window' })\n  onPointerMove(ev: PointerEvent) {\n    if (!isValidResizeState(this.resizeState, ev)) return;\n\n    updateCellWidthFromResize(this.resizeState!, ev, TABLE_CONSTANTS.MIN_W);\n  }\n\n  @Listen('pointerup', { target: 'window' })\n  @Listen('pointercancel', { target: 'window' })\n  onPointerUp(ev: PointerEvent) {\n    if (!isValidResizeState(this.resizeState, ev)) return;\n\n    releasePointerCapture(\n      this.resizeState!.resizingCell,\n      this.resizeState!.pointerId,\n    );\n    this.resizeState = null;\n    setUserSelectPrevention(false);\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  // #endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-1235c007.entry.js → p-acabac31.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r,H as e}from"./p-d0a33e64.js";const s="nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";const c=s;const b=class{constructor(r){a(this,r)}render(){return r(e,{key:"4337fe5161c0ce444001e1b92221f3adac26e4bf",role:"navigation","aria-label":"breadcrumbs"},r("ol",{key:"00d470eadfe879be525a4a4b7ec3368601a0697c"},r("slot",{key:"2d012f152b49f33f399aa14dfb18a4c39265128c"})))}};b.style=c;export{b as nv_breadcrumbs};
-//# sourceMappingURL=p-1235c007.entry.js.map
+import{r as a,h as r,H as e}from"./p-3060df80.js";const s="nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";const c=s;const b=class{constructor(r){a(this,r)}render(){return r(e,{key:"4337fe5161c0ce444001e1b92221f3adac26e4bf",role:"navigation","aria-label":"breadcrumbs"},r("ol",{key:"00d470eadfe879be525a4a4b7ec3368601a0697c"},r("slot",{key:"2d012f152b49f33f399aa14dfb18a4c39265128c"})))}};b.style=c;export{b as nv_breadcrumbs};
+//# sourceMappingURL=p-acabac31.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as t,H as i,g as o}from"./p-3060df80.js";import{v as l}from"./p-f5ff676c.js";const s='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-fieldselect{--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-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[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-fieldselect[display-value]:not([display-value=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-fieldselect[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-fieldselect[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-fieldselect[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;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);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-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:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{opacity:0.5;background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select option{font-size:var(--form-field-font-size, 16px);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height, 24px);background-color:var(--color-level-05-background);color:var(--components-form-field-content-text)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}';const n=s;const a=class{constructor(t){e(this,t);this.valueChanged=r(this,"valueChanged",7);this.computedDisplayValue="";this.internalReadonly=false;this.inputId=l();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.value="";this.displayValue=false;this.autofocus=false;this.fluid=false;this.handleSelectChange=e=>{const r=e.target;let t=Array.from(r.selectedOptions).map((e=>e.value));if(!this.multiple){t=t.slice(0,1)}this.value=this.multiple?t.join(", "):t[0]||"";this.valueChanged.emit(this.value);this.setFormValue()};this.handleSelectContainerClick=()=>{if(!this.internalReadonly&&this.selectElement){this.selectElement.focus()}}}updateDisplayValueWatcher(e){this.updateDisplayValue();if(this.selectElement){const r=e.split(",").map((e=>e.trim()));const t=this.selectElement.options;if(t){Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]}));if(!this.multiple){this.selectElement.value=e}}else{this.selectElement.value=r[0]||""}}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e;if(this.readonly){this.internalReadonly=true}}handleReadonlyChange(e){this.internalReadonly=e;if(this.displayValue){this.internalReadonly=true}}handleOptionsChange(e){if(!e)return;const r=e.find((e=>e.selected));if(r){this.value=r.value}}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue){if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>e!==""));this.computedDisplayValue=e.join(", ")||""}else{this.computedDisplayValue=this.getLabelFromId(this.value)||""}}else if(this.internalReadonly&&this.displayValue){this.computedDisplayValue=this.value||""}}getLabelFromId(e){this.ensureSelectElement();if(!this.selectElement){return""}const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t?t.textContent.trim()||"":""}else{return""}}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){if(!this.selectElement){this.selectElement=this.el.querySelector("select")}}componentWillRender(){this.updateDisplayValue();if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}componentWillLoad(){this.internalReadonly=this.readonly;if(this.displayValue){this.internalReadonly=true}if("attachInternals"in this.el){this.internals=this.el.attachInternals()}else{this.internals={setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden";t.name=this.name;t.value=e;r.appendChild(t)}}}}if(this.multiple&&typeof this.value!=="string"){this.value=""}if(this.options){this.handleOptionsChange(this.options)}}componentDidLoad(){this.updateDisplayValue();if(this.selectElement){if(!this.multiple){this.selectElement.value=this.value}const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value];const r=this.selectElement.options;if(r){Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]}))}else{this.selectElement.value=e[0]||""}}this.setFormValue()}render(){return t(i,{key:"8db3dc06b44e4db7e2a0742e601c12e18e758ce4"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"ba4f797c94d2e8155758caf61ac58ad81ec76e9c",htmlFor:this.inputId},t("slot",{key:"066e33d824ae5cf44e3c7e0ca63784d945a89fff",name:"label"},this.label)),t("div",{key:"0c07cf2f4628ef816e6d1e927fef0da2f822ca54",class:"select-wrapper"},t("slot",{key:"53dbbfa9adc491c47896c3898a3e2004a3ee7e54",name:"before-input"}),t("div",{key:"c31b867bd77008caca565d81805964da23f8330c",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"7be8d229d57c77ec4c02761ae8c7e8bb7238a185",name:"leading-input"}),this.internalReadonly&&t("input",{key:"282485f65b1a7bc5b85623d5f892cb1d83a9e99c",id:this.inputId+"-readonly",type:"text",value:this.computedDisplayValue,readonly:true,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`}),t("select",{key:"1170c1fc05941662434a7720cf00de136969621b",id:this.inputId,ref:e=>this.selectElement=e,name:this.name,autofocus:this.autofocus,disabled:this.disabled,required:this.required,multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`},this.options&&this.options.length>0?this.options.map((e=>t("option",{value:e.value,selected:e.selected,disabled:e.disabled},e.label))):t("slot",null)),t("div",{key:"349a41292a5e2c20783884b04295f3fdfd40df42",class:"select-icons"},this.error&&t("nv-icon",{key:"586c197ccb0797b6e051c52e4734d06ae9fdff15",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"506fbbb4c0248ce93b9c240b0db6f7714f285e09",name:"circle-check",class:"validation",size:"md"}),!this.multiple&&t("nv-iconbutton",{key:"848c3638af8d84eeb2a6b884c8e3c5aa549a053f",name:"chevron-down",size:"md",emphasis:"lower",tabindex:-1}))),t("slot",{key:"77e8ed090caf243296918a2916d5964090783a10",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"3b6f24dc66bbca05210bc77f64ef47524d6d4460",class:"description",id:`${this.inputId}-description`},t("slot",{key:"1e23487e1008b2c2c9c9208e315509be2a46eba3",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"8073f26e95848f831b210e3a8d730458d2b62e89",class:"error-description",id:`${this.inputId}-error`},t("slot",{key:"8980e5890052257fef11e0fe0b932ef933d34316",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{value:["updateDisplayValueWatcher"],displayValue:["handleDisplayValueChange"],readonly:["handleReadonlyChange"],options:["handleOptionsChange"]}}};a.style=n;export{a as nv_fieldselect};
+//# sourceMappingURL=p-acada158.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldselectCss","NvFieldselectStyle0","NvFieldselect","constructor","hostRef","this","computedDisplayValue","internalReadonly","inputId","uuidv4","disabled","readonly","required","error","success","multiple","value","displayValue","autofocus","fluid","handleSelectChange","event","select","target","selectedValues","Array","from","selectedOptions","map","option","slice","join","valueChanged","emit","setFormValue","handleSelectContainerClick","selectElement","focus","updateDisplayValueWatcher","newValue","updateDisplayValue","split","val","trim","options","forEach","selected","includes","handleDisplayValueChange","handleReadonlyChange","handleOptionsChange","selectedOption","find","opt","selectedLabels","key","getLabelFromId","filter","label","ensureSelectElement","textContent","internals","el","querySelector","componentWillRender","message","description","validation","errorDescription","componentWillLoad","attachInternals","formElement","closest","input","document","createElement","type","name","appendChild","componentDidLoad","v","render","h","Host","htmlFor","class","onClick","id","ref","onChange","length","size","emphasis","tabindex"],"sources":["src/components/nv-fieldselect/nv-fieldselect.scss?tag=nv-fieldselect","src/components/nv-fieldselect/nv-fieldselect.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\n@mixin form-field-select-wrapper() {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  align-self: stretch;\n}\n\n@mixin form-field-select-container() {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  justify-content: center;\n  align-items: center;\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n\n  &:hover {\n    border-color: var(--nv-field-border-hover);\n  }\n\n  &:focus-within {\n    border-color: var(--nv-field-border-focus);\n    box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n  }\n\n  &:has(select:disabled) {\n    // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-disabled);\n    border-color: var(--nv-field-border-disabled);\n  }\n}\n\n@mixin form-field-select() {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  height: var(--form-field-line-height);\n  padding: var(--form-field-padding-y) var(--form-field-padding-x);\n  box-sizing: content-box;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    overflow: hidden;\n    color: var(--components-form-field-content-placeholder);\n    text-overflow: ellipsis;\n    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n    font-size: var(--form-field-font-size);\n    font-style: normal;\n    font-weight: var(--font-weight-low-emphasis);\n    line-height: var(--form-field-line-height);\n  }\n}\n\n@mixin form-field-multi-select() {\n  height: 100%;\n  box-sizing: border-box;\n}\n\n@mixin form-field-select-icons() {\n  position: absolute;\n  right: 0;\n  top: 0;\n  pointer-events: none;\n}\n\nnv-fieldselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include form-field-fluid();\n  }\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[display-value]:not([display-value='false']) {\n    @include form-field-readonly-variables();\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  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  &[multiple]:not([multiple='false']) {\n    .select-wrapper > .select-container {\n      > .select-icons {\n        top: var(--form-field-padding-y);\n        right: var(--form-field-padding-x);\n      }\n      > select {\n        @include form-field-multi-select();\n        background-color: var(--color-level-05-background);\n        border-radius: var(--form-field-radius);\n      }\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .select-wrapper {\n    @include form-field-select-wrapper();\n\n    .select-container {\n      @include form-field-select-container();\n\n      > .select-icons {\n        @include form-field-select-icons();\n        > nv-iconbutton {\n          @include form-field-action();\n        }\n      }\n\n      input {\n        @include form-field-input();\n\n        &:read-only {\n          // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n          opacity: 0.5;\n          background-color: var(\n            --components-form-field-background-readonly,\n            rgb(0 0 0 / 10%)\n          );\n          border-color: var(--nv-field-border-readonly);\n        }\n      }\n\n      select {\n        @include form-field-select();\n\n        & option {\n          font-size: var(--form-field-font-size, 16px);\n          font-style: normal;\n          font-weight: var(--font-weight-medium-emphasis);\n          line-height: var(--form-field-line-height, 24px);\n          background-color: var(--color-level-05-background);\n          color: var(--components-form-field-content-text);\n        }\n\n        &.hidden {\n          display: none;\n        }\n      }\n\n      nv-icon.readonly-icon {\n        @include form-field-icon();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Element,\n  State,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Content to be placed inside the select element.\n * @slot leading-input - Content to be placed before the select input, within the select container.\n * @slot before-input - Content to be placed before the select input, outside the select container.\n * @slot after-input - Content to be placed after the select input, outside the select container.\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-fieldselect',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldselect.scss',\n})\nexport class NvFieldselect {\n  @Element() el: HTMLNvFieldselectElement;\n  private selectElement!: HTMLSelectElement;\n  private internals: ElementInternals;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Select Field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private computedDisplayValue: string = '';\n\n  @State()\n  private internalReadonly: boolean = false;\n\n  /**\n   * Options to display in the select.\n   * Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]\n   */\n  @Prop({ reflect: false })\n  readonly options?: Array<{\n    /**\n     * The label of the option\n     */\n    label: string;\n    /**\n     * The value of the option\n     */\n    value: string;\n    /**\n     * Whether the option is selected\n     */\n    selected?: boolean;\n    /**\n     * Whether the option is disabled\n     */\n    disabled?: boolean;\n  }>;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the select element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should choose in the\n   * select field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Add helpful hints or extra information under the select field. This is\n   * where you can clarify what users should choose or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Defines the name attribute of the select field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the selected data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * The disabled prop lets you turn off the select field so that users can’t\n   * choose something. When disabled, the field is grayed out and won’t respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the select field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to change or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the select field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the select field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the select field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the select field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * When enabled, allows the select to handle multiple selections.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  /**\n   * The value of the select field.\n   * - If `multiple` is `false`, it's a single string.\n   * - If `multiple` is `true`, it's a comma-separated string of selected values.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * When enabled, displays the value element instead of the label when readonly.\n   * By default, the label is displayed in readonly mode. Also it automatically\n   * sets the component to readonly.\n   */\n  @Prop({ reflect: true })\n  readonly displayValue: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on a <select>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\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  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the selected value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>; // Emit as a string\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Updates the display value when the value property changes. This watcher is\n   * used to update the display value when the selected value changes. This is\n   * necessary for readonly select fields to display the selected value.\n   * @internal This watcher is not intended to be called outside of the component.\n   * @param {string} newValue - The new value of the select field.\n   */\n  @Watch('value')\n  updateDisplayValueWatcher(newValue: string) {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      const selectedValues = newValue.split(',').map(val => val.trim());\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n\n        if (!this.multiple) {\n          this.selectElement.value = newValue; // Only set when not multiple\n        }\n      } else {\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Update form value\n    this.setFormValue();\n  }\n\n  /**\n   * Watcher for the displayValue prop to ensure internalReadonly is true when displayValue is true.\n   * @param {boolean} newValue - The new value of displayValue.\n   */\n  @Watch('displayValue')\n  handleDisplayValueChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.readonly) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Watcher for the readonly prop to ensure internalReadonly is true when readonly is true.\n   * @param {boolean} newValue - The new value of readonly.\n   */\n  @Watch('readonly')\n  handleReadonlyChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Handle options change and update the internal state\n   * @param {typeof this.options} newValue - The new value of options\n   */\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    // Update the value if an option is pre-selected\n    const selectedOption = newValue.find(opt => opt.selected);\n    if (selectedOption) {\n      this.value = selectedOption.value;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the change event on the select element. This method is used to\n   * update the value property when the selected options change. It is also\n   * used to emit the selectChanged event when the selected value changes.\n   * @param {Event} event - The change event on the select element.\n   * @emits selectChanged\n   */\n  private readonly handleSelectChange = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    let selectedValues: string[] = Array.from(select.selectedOptions).map(\n      option => option.value,\n    );\n\n    if (!this.multiple) {\n      selectedValues = selectedValues.slice(0, 1);\n    }\n\n    this.value = this.multiple\n      ? selectedValues.join(', ')\n      : selectedValues[0] || '';\n    this.valueChanged.emit(this.value);\n\n    // Update form value\n    this.setFormValue();\n  };\n\n  /**\n   * Handles focus when the select container is clicked.\n   */\n  private readonly handleSelectContainerClick = () => {\n    if (!this.internalReadonly && this.selectElement) {\n      this.selectElement.focus();\n    }\n  };\n\n  /**\n   * Updates the display value of the select field. This method is used to\n   * update the display value when the selected value changes. This is necessary\n   * for readonly select fields to display the selected value. This method is\n   * called in the componentDidLoad lifecycle hook and the updateDisplayValueWatcher\n   * watcher.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private updateDisplayValue(): void {\n    if (this.internalReadonly && !this.displayValue) {\n      if (this.multiple) {\n        const selectedLabels = this.value\n          .split(',')\n          .map(key => key.trim())\n          .map(key => this.getLabelFromId(key) || '')\n          .filter(label => label !== '');\n        this.computedDisplayValue = selectedLabels.join(', ') || '';\n      } else {\n        this.computedDisplayValue = this.getLabelFromId(this.value) || '';\n      }\n    } else if (this.internalReadonly && this.displayValue) {\n      this.computedDisplayValue = this.value || '';\n    }\n  }\n\n  /**\n   * Retrieves the label from the <option> elements based on the provided key (value).\n   * This method uses the id or value attribute directly from the <select> options.\n   * @param {string} key - The key (value) for which to find the corresponding label.\n   * @returns {string} The label if found; otherwise, an empty string.\n   */\n  private getLabelFromId(key: string): string {\n    this.ensureSelectElement();\n    if (!this.selectElement) {\n      return '';\n    }\n\n    // Cache the option list\n    const options = this.selectElement.options;\n\n    if (options) {\n      const option = Array.from(options).find(option => option.value === key);\n      return option ? option.textContent.trim() || '' : '';\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Sets the value of the form element for form submission. This method is\n   * called when the selected value changes or when the value property is set.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private setFormValue(): void {\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Ensures the select element is available. This method is used to ensure\n   * the select element is available before attempting to access it.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private ensureSelectElement(): void {\n    if (!this.selectElement) {\n      this.selectElement = this.el.querySelector('select') as HTMLSelectElement;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    this.updateDisplayValue(); // Ensure display value is updated before render\n\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  /**\n   * Lifecycle method that is called before the component is rendered. This is\n   * where the internal state is set up before rendering occurs.\n   */\n  componentWillLoad() {\n    // Set internalReadonly based on the readonly prop\n    this.internalReadonly = this.readonly;\n\n    // Ensure internalReadonly is true if displayValue is true during loading\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n\n    if ('attachInternals' in this.el) {\n      this.internals = (\n        this.el as HTMLElement & {\n          /**\n           * Attach the element to the form internals.\n           * @returns {ElementInternals} - The element internals object.\n           */\n          attachInternals: () => ElementInternals;\n        }\n      ).attachInternals();\n    } else {\n      // Fallback logic for browsers without attachInternals support\n      this.internals = {\n        setFormValue: (value: string) => {\n          const formElement = this.el.closest('form');\n          if (formElement) {\n            const input = document.createElement('input');\n            input.type = 'hidden';\n            input.name = this.name;\n            input.value = value;\n            formElement.appendChild(input);\n          }\n        },\n      } as ElementInternals;\n    }\n\n    // Initialize value as an empty string if multiple is true\n    if (this.multiple && typeof this.value !== 'string') {\n      this.value = '';\n    }\n\n    // Parse initial options if present\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  /**\n   * Lifecycle method that is called after the component has been rendered.\n   * This is where the display value is updated and the initial select element's\n   * state is set.\n   */\n  componentDidLoad() {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      // Only set the value for single selection, skip for multiple\n      if (!this.multiple) {\n        this.selectElement.value = this.value;\n      }\n\n      const selectedValues = this.multiple\n        ? this.value.split(',').map(v => v.trim())\n        : [this.value];\n\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n      } else {\n        // Handle case where there are no options\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Set the initial form value\n    this.setFormValue();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDERING\n\n  /**\n   * The render method creates the HTML structure for the component, including\n   * the label, select element, and any error or description messages. It also\n   * applies the appropriate CSS classes based on the readonly state and\n   * displayValue prop. This method is called when the component is rendered.\n   * @returns {HTMLStencilElement} The HTML element to render.\n   */\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"select-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div\n            class=\"select-container\"\n            onClick={this.handleSelectContainerClick}\n          >\n            <slot name=\"leading-input\"></slot>\n\n            {this.internalReadonly && (\n              <input\n                id={this.inputId + '-readonly'}\n                type=\"text\"\n                value={this.computedDisplayValue}\n                readonly\n                class=\"readonly-input\"\n                aria-readonly=\"true\"\n                aria-label={this.label}\n                aria-describedby={\n                  this.error\n                    ? `${this.inputId}-error`\n                    : `${this.inputId}-description`\n                }\n              />\n            )}\n\n            <select\n              id={this.inputId}\n              ref={el => (this.selectElement = el)}\n              name={this.name}\n              autofocus={this.autofocus}\n              disabled={this.disabled}\n              required={this.required}\n              multiple={this.multiple}\n              onChange={this.handleSelectChange}\n              class={this.internalReadonly ? 'hidden' : ''}\n              aria-label={this.label}\n              aria-describedby={\n                this.error\n                  ? `${this.inputId}-error`\n                  : `${this.inputId}-description`\n              }\n            >\n              {this.options && this.options.length > 0 ? (\n                this.options.map(option => (\n                  <option\n                    value={option.value}\n                    selected={option.selected}\n                    disabled={option.disabled}\n                  >\n                    {option.label}\n                  </option>\n                ))\n              ) : (\n                <slot />\n              )}\n            </select>\n            <div class=\"select-icons\">\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n              )}\n\n              {!this.multiple && (\n                <nv-iconbutton\n                  name=\"chevron-down\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  tabindex={-1}\n                />\n              )}\n            </div>\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\" id={`${this.inputId}-description`}>\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" id={`${this.inputId}-error`}>\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDERING\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/{p-f5eb047e.entry.js → p-b02c896a.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:"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
+import{r as t,h as a,H as s}from"./p-3060df80.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 i=c;const e=class{constructor(a){t(this,a);this.gutter=2}render(){return a(s,{key:"8f771805224c769b5a87f5c550ddbcb8f888d002",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:"6fcd46cfd74415d2f07c762b065e3aa0f0194764"}))}};e.style=i;export{e as nv_stack};
+//# sourceMappingURL=p-b02c896a.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,f as t,h as r,H as n,g as o}from"./p-3060df80.js";import{c as i}from"./p-8a1a6e56.js";const a="nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-sm)}nv-breadcrumb.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";const s=a;const c=class{constructor(t){e(this,t);this.type="default"}componentDidLoad(){if(this.type==="collapsed")t(this)}componentWillLoad(){if(this.type==="default"&&this.tooltip){this.popoverTrigger=Array.from(this.el.children).find((e=>e.getAttribute("slot")===null))}}render(){return r(n,{key:"b0cfdee987585488bd49734900ee421b081e6df4",role:"listitem","aria-current":this.current?"location":undefined,class:i({"visually-hidden":this.current})},this.type==="collapsed"?r("button",{ref:e=>this.popoverTrigger=e},"..."):r("slot",null),this.tooltip&&r("nv-tooltip",{key:"970d9552c3f81bffd86889fc2ff169f73810507b",message:this.tooltip,triggerElement:this.popoverTrigger,placement:"top"}),this.type==="collapsed"&&r("nv-popover",{key:"1b14ce172db49aaeb199d6801978f96204ba05a1",triggerMode:"click",groupName:"breadcrumbs",triggerElement:this.popoverTrigger},r("ul",{key:"b984309f9290bb4bcfed796200ffaad6e52a2b93",slot:"content"},r("slot",{key:"189408f75e689b98b4cf9397074dbaefaecece9a"}))),r("span",{key:"62a4bed098620043b69f1e7dcf51db7de035f5fc","data-scope":"separator"},"/"))}get el(){return o(this)}};c.style=s;export{c as nv_breadcrumb};
+//# sourceMappingURL=p-b06f0e61.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvBreadcrumbCss","NvBreadcrumbStyle0","NvBreadcrumb","constructor","hostRef","this","type","componentDidLoad","forceUpdate","componentWillLoad","tooltip","popoverTrigger","Array","from","el","children","find","child","getAttribute","render","h","Host","key","role","current","undefined","class","clsx","ref","message","triggerElement","placement","triggerMode","groupName","slot"],"sources":["src/components/nv-breadcrumb/nv-breadcrumb.scss?tag=nv-breadcrumb","src/components/nv-breadcrumb/nv-breadcrumb.tsx"],"sourcesContent":["@use \"../../styles/focus-ring\" as focus;\n@use \"../../styles/utils\" as utils;\n\n@mixin root-styles() {\n  display: flex;\n  align-items: center;\n  color: var(--components-breadcrumb-text);\n  font-size: var(--font-size-sm);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--line-height-sm);\n}\n\n@mixin link-styles() {\n  display: inline-flex;\n  align-self: center;\n  color: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  text-decoration: none;\n  @include focus.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin button-styles() {\n  height: 20px;\n  @include focus.focus-ring(var(--components-breadcrumb-text-hover), 0.3, 0.5);\n  &:hover {\n    text-decoration: underline;\n    color: var(--components-breadcrumb-text-hover);\n  }\n}\n\n@mixin separator-styles() {\n  display: inline-flex;\n  padding-left: var(--breadcrumb-padding-y);\n}\n\n@mixin list-styles() {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1-5);\n  padding: var(--spacing-1);\n\n  a,\n  button {\n    @include link-styles();\n  }\n}\n\nnv-breadcrumb {\n  @include root-styles();\n\n  &.visually-hidden {\n    @include utils.visually-hidden();\n  }\n\n  ul {\n    @include list-styles();\n  }\n  & > a,\n  & > button {\n    @include link-styles();\n  }\n  span[data-scope=\"separator\"] {\n    @include separator-styles();\n  }\n}\n","import { Component, Prop, Host, h, Element, forceUpdate } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - Pass an icon, a link, or text to render the breadcrumb content.\n */\n@Component({\n  tag: 'nv-breadcrumb',\n  styleUrl: 'nv-breadcrumb.scss',\n  shadow: false,\n})\nexport class NvBreadcrumb {\n  @Element() el: HTMLNvBreadcrumbElement;\n  private popoverTrigger!: Element;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * The type of the breadcrumb. Use 'collapsed' to house multiple breadcrumbs\n   * in a dropdown. Use default for a single item. When passing multiple items\n   * as collapsed, make sure to wrap you links in list tags\n   */\n  @Prop({ reflect: true })\n  readonly type: 'collapsed' | 'default' = 'default';\n\n  /**\n   * Add an optional tooltip to provide extra information about the breadcrumb.\n   */\n  @Prop({ reflect: true })\n  readonly tooltip: string;\n\n  /**\n   * Use this to highlight the breadcrumb as the current page in your\n   * navigation. It also makes the page clearer to screen readers with\n   * aria-current=\"location\".\n   */\n  @Prop({ reflect: true })\n  readonly current: boolean;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentDidLoad() {\n    // Force a re-render to pass the popoverTrigger ref to the popovers\n    if (this.type === 'collapsed') forceUpdate(this);\n  }\n\n  componentWillLoad() {\n    if (this.type === 'default' && this.tooltip) {\n      this.popoverTrigger = Array.from(this.el.children).find(\n        child => child.getAttribute('slot') === null,\n      );\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"listitem\"\n        aria-current={this.current ? 'location' : undefined}\n        class={clsx({ 'visually-hidden': this.current })}\n      >\n        {this.type === 'collapsed' ? (\n          <button ref={el => (this.popoverTrigger = el)}>...</button>\n        ) : (\n          <slot></slot>\n        )}\n        {this.tooltip && (\n          <nv-tooltip\n            message={this.tooltip}\n            triggerElement={this.popoverTrigger}\n            placement=\"top\"\n          ></nv-tooltip>\n        )}\n        {this.type === 'collapsed' && (\n          <nv-popover\n            triggerMode=\"click\"\n            groupName=\"breadcrumbs\"\n            triggerElement={this.popoverTrigger}\n          >\n            <ul slot=\"content\">\n              <slot></slot>\n            </ul>\n          </nv-popover>\n        )}\n        <span data-scope=\"separator\">/</span>\n      </Host>\n    );\n  }\n\n  // #endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAkB,6gEACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MALzB,WAAAC,CAAAC,G,UAkBWC,KAAAC,KAAgC,S,CAoBzC,gBAAAC,GAEE,GAAIF,KAAKC,OAAS,YAAaE,EAAYH,K,CAG7C,iBAAAI,GACE,GAAIJ,KAAKC,OAAS,WAAaD,KAAKK,QAAS,CAC3CL,KAAKM,eAAiBC,MAAMC,KAAKR,KAAKS,GAAGC,UAAUC,MACjDC,GAASA,EAAMC,aAAa,UAAY,M,EAS9C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,WAAU,eACDlB,KAAKmB,QAAU,WAAaC,UAC1CC,MAAOC,EAAK,CAAE,kBAAmBtB,KAAKmB,WAErCnB,KAAKC,OAAS,YACbc,EAAA,UAAQQ,IAAKd,GAAOT,KAAKM,eAAiBG,GAAG,OAE7CM,EAAA,aAEDf,KAAKK,SACJU,EAAA,cAAAE,IAAA,2CACEO,QAASxB,KAAKK,QACdoB,eAAgBzB,KAAKM,eACrBoB,UAAU,QAGb1B,KAAKC,OAAS,aACbc,EAAA,cAAAE,IAAA,2CACEU,YAAY,QACZC,UAAU,cACVH,eAAgBzB,KAAKM,gBAErBS,EAAA,MAAAE,IAAA,2CAAIY,KAAK,WACPd,EAAA,QAAAE,IAAA,+CAINF,EAAA,QAAAE,IAAA,wDAAiB,aAAW,K","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as a,H as t,g as o}from"./p-3060df80.js";import{c as i}from"./p-8a1a6e56.js";import{v as n}from"./p-f5ff676c.js";const l='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-fieldtextarea{--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-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[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-fieldtextarea[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-fieldtextarea[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-fieldtextarea[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);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);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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)}';const d=l;const s=class{constructor(a){e(this,a);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.rows=3;this.resize="vertical";this.autosize=false;this.autofocus=false;this.fluid=false;this.handleTextarea=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){if(this.autosize){this.adjustTextareaHeight()}}autosizeChanged(){var e;if(this.autosize){this.adjustTextareaHeight()}else{(e=this.textareaElement)===null||e===void 0?void 0:e.style.removeProperty("height")}}handleValueChange(){if(this.autosize){this.adjustTextareaHeight()}}adjustTextareaHeight(){if(this.textareaElement&&this.autosize){requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);const r=parseFloat(e.lineHeight);const a=parseFloat(e.paddingTop);const t=parseFloat(e.paddingBottom);const o=parseFloat(e.borderTopWidth);const i=parseFloat(e.borderBottomWidth);const n=r*this.rows+a+t+o+i;this.textareaElement.style.minHeight=`${n}px`;this.textareaElement.style.height=this.textareaElement.scrollHeight+"px"}))}))}}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}componentDidLoad(){if(this.autosize){this.adjustTextareaHeight()}}render(){return a(t,{key:"8f7f14974b855a44e88a951ff0795e11e3ab7d61"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"9b438132196d7bc75cc4efdae736451bd7a23cdc",htmlFor:this.inputId},a("slot",{key:"f64e341eccefed72152326fadd9287f056842634",name:"label"},this.label)),a("div",{key:"454213728d3b455d602a21653c1fc784bc411477",class:"textarea-wrapper"},a("div",{key:"9ab87f44cf9622ca7c389d797a7e777eda7621d9",class:"textarea-container",onClick:this.handleTextareaContainerClick},a("textarea",{key:"d8c66568fa9c581063e2b9f531f3442020d07b70",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:i(this.resize==="none"&&"resize-none",this.resize==="vertical"&&"resize-y",this.resize==="horizontal"&&"resize-x",this.resize==="both"&&"resize")}))),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"92700f5775053107569d2a2a0857c939a882debb",class:"description"},a("slot",{key:"d38ebd52d5d08ffe286acbee11e8733023c45824",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"872008326796f477c7c48ee2e8eec60ca51135ba",hidden:!this.error,class:"error-description"},a("slot",{key:"eae9c837562d2b39bbe5813390c9bf63d86dcf36",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{rows:["rowsChanged"],autosize:["autosizeChanged"],value:["handleValueChange"]}}};s.style=d;export{s as nv_fieldtextarea};
+//# sourceMappingURL=p-b4c15f25.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldtextareaCss","NvFieldtextareaStyle0","NvFieldtextarea","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","rows","resize","autosize","autofocus","fluid","handleTextarea","event","textarea","target","value","valueChanged","emit","handleTextareaContainerClick","textareaElement","focus","rowsChanged","adjustTextareaHeight","autosizeChanged","_a","style","removeProperty","handleValueChange","requestAnimationFrame","height","computedStyle","window","getComputedStyle","lineHeight","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","minHeight","scrollHeight","componentWillRender","message","description","validation","errorDescription","componentDidLoad","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","readOnly","maxlength","minlength","autocomplete","onInput","clsx","hidden"],"sources":["src/components/nv-fieldtextarea/nv-fieldtextarea.scss?tag=nv-fieldtextarea","src/components/nv-fieldtextarea/nv-fieldtextarea.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n@import \"../../styles/scrollbar\";\n\n@mixin form-field-textarea-wrapper() {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\n\n@mixin form-field-textarea-container() {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n\n  &:hover {\n    border-color: var(--nv-field-border-hover);\n  }\n\n  &:focus-within {\n    border-color: var(--nv-field-border-focus);\n    box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n  }\n  // Keep  ReadOnly before Disabled\n  &:has(textarea:read-only) {\n    // opacity: var(--components-form-opacity-readonly, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-readonly);\n    border-color: var(--nv-field-border-readonly);\n  }\n\n  &:has(textarea:disabled) {\n    // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-disabled);\n    border-color: var(--nv-field-border-disabled);\n  }\n}\n\n@mixin form-field-textarea() {\n  @include scrollbar();\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: var(--font-weight-medium-emphasis);\n  line-height: var(--form-field-line-height);\n\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    overflow: hidden;\n    color: var(--components-form-field-content-placeholder);\n    text-overflow: ellipsis;\n    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n    font-size: var(--form-field-font-size);\n    font-style: normal;\n    font-weight: var(--font-weight-low-emphasis);\n    line-height: var(--form-field-line-height);\n  }\n}\n\nnv-fieldtextarea {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include form-field-fluid();\n  }\n\n  &[readonly]:not([readonly=\"false\"]) {\n    @include form-field-readonly-variables();\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  &[required]:not([required=\"false\"]) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .textarea-wrapper {\n    @include form-field-textarea-wrapper();\n\n    .textarea-container {\n      @include form-field-textarea-container();\n\n      textarea {\n        @include form-field-textarea();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport clsx from 'clsx';\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-fieldtextarea',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldtextarea.scss',\n})\nexport class NvFieldtextarea {\n  @Element() el: HTMLNvFieldtextareaElement;\n  private textareaElement!: HTMLTextAreaElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Text Field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * textarea field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text textarea field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the textarea field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the textarea field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the textarea’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Specifies the value of the textarea field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the textarea’s value is managed by the component’s state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * The disabled prop lets you turn off the textarea field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to#\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the textarea field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the textarea field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the textarea field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the textarea field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the textarea field’s appearance to indicate successful textarea or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Limits how many characters users can type into the textarea field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their textarea within the allowed limit.\n   */\n  @Prop({ reflect: true })\n  readonly maxlength: number;\n\n  /**\n   * Ensures that users type at least a certain number of characters into the\n   * textarea field. It’s a way to make sure users provide enough information\n   * before moving on.\n   */\n  @Prop({ reflect: true })\n  readonly minlength: number;\n\n  /**\n   * The number of visible text lines for the control. The default is 3. This\n   * can be useful when you want to limit the size of the textarea field or when\n   * you want to make the textarea field smaller to fit a specific layout. The\n   * textarea field will expand vertically to fit the text as the user types.\n   */\n  @Prop({ reflect: true })\n  readonly rows: number = 3;\n\n  /**\n   * Controls the resize property of a textarea. It can be set to none, both,\n   * horizontal, or vertical. The default is vertical.\n   */\n  @Prop({ reflect: true })\n  readonly resize: 'none' | 'both' | 'horizontal' | 'vertical' = 'vertical';\n\n  /**\n   * Enable this to make the textarea automatically resize as the user types,\n   * adjusting the height to fit the content. For the best experience, avoid\n   * vertical resizing, as it’s controlled by this feature. Horizontal resizing\n   * can still be allowed if desired.\n   */\n  @Prop({ reflect: true })\n  readonly autosize: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on a <textarea>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\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  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the textarea value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * If autosize is true, we need to make sure to update the min-height when\n   * the rows change.\n   */\n  @Watch('rows')\n  rowsChanged() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    }\n  }\n\n  /**\n   * If autosize is true, we need to make sure to update the height and\n   * min-height, if false, we need to remove the height property.\n   */\n  @Watch('autosize')\n  autosizeChanged() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    } else {\n      this.textareaElement?.style.removeProperty('height');\n    }\n  }\n\n  /**\n   * Make sure to adjust the height of the textarea when the value changes\n   * programmatically or by typing when autosize is on.\n   */\n  @Watch('value')\n  handleValueChange() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleTextarea = (event: Event) => {\n    const textarea = event.target as HTMLTextAreaElement;\n    this.value = textarea.value;\n    this.valueChanged.emit(textarea.value);\n  };\n\n  private handleTextareaContainerClick = () => {\n    this.textareaElement.focus();\n  };\n\n  private adjustTextareaHeight() {\n    if (this.textareaElement && this.autosize) {\n      /**\n       * The first requestAnimationFrame ensures that the DOM has applied any\n       * pending changes (e.g., value updates or attribute changes) before\n       * proceeding to the next frame.\n       */\n      requestAnimationFrame(() => {\n        /**\n         * The second requestAnimationFrame ensures that the browser has fully\n         * recalculated layout and styles based on the updated DOM, such as\n         * recalculating scrollHeight for the textarea after the new value is\n         * rendered.\n         */\n        requestAnimationFrame(() => {\n          this.textareaElement.style.height = 'auto';\n\n          const computedStyle = window.getComputedStyle(this.textareaElement);\n          const lineHeight = parseFloat(computedStyle.lineHeight);\n          const paddingTop = parseFloat(computedStyle.paddingTop);\n          const paddingBottom = parseFloat(computedStyle.paddingBottom);\n          const borderTopWidth = parseFloat(computedStyle.borderTopWidth);\n          const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth);\n\n          // Calculate min-height based on rows\n          const minHeight =\n            lineHeight * this.rows +\n            paddingTop +\n            paddingBottom +\n            borderTopWidth +\n            borderBottomWidth;\n\n          this.textareaElement.style.minHeight = `${minHeight}px`;\n          this.textareaElement.style.height =\n            this.textareaElement.scrollHeight + 'px';\n        });\n      });\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  componentDidLoad() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"textarea-wrapper\">\n          <div\n            class=\"textarea-container\"\n            onClick={this.handleTextareaContainerClick}\n          >\n            <textarea\n              id={this.inputId}\n              ref={e => (this.textareaElement = e)}\n              placeholder={this.placeholder}\n              autofocus={this.autofocus}\n              name={this.name}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              autocomplete=\"off\"\n              value={this.value}\n              onInput={this.handleTextarea}\n              rows={this.rows}\n              class={clsx(\n                this.resize === 'none' && 'resize-none',\n                this.resize === 'vertical' && 'resize-y',\n                this.resize === 'horizontal' && 'resize-x',\n                this.resize === 'both' && 'resize',\n              )}\n            />\n          </div>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as a,h as r,H as c}from"./p-3060df80.js";const s="nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";const e=s;const n=class{constructor(r){a(this,r)}render(){return r(c,{key:"9623a4c73a5a2557b2ba7eb346ae0740ca7291c5"},r("slot",{key:"502ea804deec9e91057bfaf6f2fa4fdb4a5822c3"}))}};n.style=e;export{n as nv_row};
+//# sourceMappingURL=p-bcf41cd0.entry.js.map

package/dist/native/p-c7401a7d.js

@@ -0,0 +1,2 @@
+import{i as t}from"./p-a271e3be.js";import{a as o,g as e}from"./p-42ea6b74.js";const r=(r,{duration:s}={duration:200})=>{const a=t(r);const n=(t={from:0,to:100})=>()=>new Promise((r=>{o({from:{x:t.from},to:{x:t.to},ease:e,duration:s,onUpdate(t){a.set({transform:`translateX(${t.x}%)`})},onComplete(){r()}})}));const m=(t={from:0,to:100})=>()=>new Promise((r=>{o({from:{y:t.from},to:{y:t.to},ease:e,duration:s,onUpdate(t){a.set({transform:`translateY(${t.y}%)`})},onComplete(){r()}})}));const i=(t=100)=>a.set({transform:`translateX(${t}%)`});const l=(t=100)=>a.set({transform:`translateY(${t}%)`});function f(){a.set({transform:`translateX(${0}%) translateY(${0}%)`})}return{slideX:n,slideY:m,setSlideX:i,setSlideY:l,setSlideReset:f}};export{r as u};
+//# sourceMappingURL=p-c7401a7d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSlide","node","duration","nodeStyler","styler","slideX","options","from","to","Promise","resolve","animate","x","ease","easeOut","onUpdate","latest","set","transform","onComplete","slideY","y","setSlideX","amount","setSlideY","setSlideReset"],"sources":["src/animations/slide.animation.ts"],"sourcesContent":["import { animate, easeOut } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type SlideOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n};\n\nconst useSlide = (\n  node: HTMLElement,\n  { duration }: SlideOptions = { duration: 200 },\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the translateX property.\n   *\n   * @param {object} options - The options for the animation.\n   * @param {number} options.from - The starting value for the translateX property.\n   * @param {number} options.to - The ending value for the translateX property.\n   * @returns {Promise<void>} - A promise that resolves when the animation is\n   * complete.\n   */\n  const slideX =\n    (\n      options: {\n        /** The starting percentage for the translateX property. */\n        from: number;\n        /** The ending percentage for the translateX property. */\n        to: number;\n      } = { from: 0, to: 100 },\n    ) =>\n    () => {\n      return new Promise<void>(resolve => {\n        animate({\n          from: { x: options.from },\n          to: { x: options.to },\n          ease: easeOut,\n          duration,\n          onUpdate(latest) {\n            nodeStyler.set({ transform: `translateX(${latest.x}%)` });\n          },\n          onComplete() {\n            resolve();\n          },\n        });\n      });\n    };\n\n  /**\n   * Will animate the translateY property.\n   *\n   * @param {object} options - The options for the animation.\n   * @param {number} options.from - The starting value for the translateY property.\n   * @param {number} options.to - The ending value for the translateY property.\n   * @returns {Promise<void>} - A promise that resolves when the animation is\n   * complete.\n   */\n  const slideY =\n    (\n      options: {\n        /** The starting percentage for the translateY property. */\n        from: number;\n        /** The ending percentage for the translateY property. */\n        to: number;\n      } = { from: 0, to: 100 },\n    ) =>\n    () => {\n      return new Promise<void>(resolve => {\n        animate({\n          from: { y: options.from },\n          to: { y: options.to },\n          ease: easeOut,\n          duration,\n          onUpdate(latest) {\n            nodeStyler.set({ transform: `translateY(${latest.y}%)` });\n          },\n          onComplete() {\n            resolve();\n          },\n        });\n      });\n    };\n\n  /**\n   * Applies the slideX styles without animating, useful when initial state\n   * is slid out.\n   *\n   * @param {number} amount - The amount to translate the element by.\n   * @returns {function} - A function that applies the slideX styles.\n   */\n  const setSlideX = (amount = 100) =>\n    nodeStyler.set({ transform: `translateX(${amount}%)` });\n\n  /**\n   * Applies the slideY styles without animating, useful when initial state\n   * is slid out.\n   *\n   * @param {number} amount - The amount to translate the element by.\n   * @returns {function} - A function that applies the slideY styles.\n   */\n  const setSlideY = (amount = 100) =>\n    nodeStyler.set({ transform: `translateY(${amount}%)` });\n\n  /**\n   * Applies the slideIn styles without animating, useful when initial state\n   * is slid in.\n   */\n  function setSlideReset() {\n    nodeStyler.set({ transform: `translateX(${0}%) translateY(${0}%)` });\n  }\n\n  return {\n    slideX,\n    slideY,\n    setSlideX,\n    setSlideY,\n    setSlideReset,\n  };\n};\n\nexport { useSlide };\n"],"mappings":"qFAQMA,EAAW,CACfC,GACEC,YAA2B,CAAEA,SAAU,QAEzC,MAAMC,EAAaC,EAAOH,GAW1B,MAAMI,EACJ,CACEC,EAKI,CAAEC,KAAM,EAAGC,GAAI,OAErB,IACS,IAAIC,SAAcC,IACvBC,EAAQ,CACNJ,KAAM,CAAEK,EAAGN,EAAQC,MACnBC,GAAI,CAAEI,EAAGN,EAAQE,IACjBK,KAAMC,EACNZ,WACA,QAAAa,CAASC,GACPb,EAAWc,IAAI,CAAEC,UAAW,cAAcF,EAAOJ,O,EAEnD,UAAAO,GACET,G,GAEF,IAaR,MAAMU,EACJ,CACEd,EAKI,CAAEC,KAAM,EAAGC,GAAI,OAErB,IACS,IAAIC,SAAcC,IACvBC,EAAQ,CACNJ,KAAM,CAAEc,EAAGf,EAAQC,MACnBC,GAAI,CAAEa,EAAGf,EAAQE,IACjBK,KAAMC,EACNZ,WACA,QAAAa,CAASC,GACPb,EAAWc,IAAI,CAAEC,UAAW,cAAcF,EAAOK,O,EAEnD,UAAAF,GACET,G,GAEF,IAWR,MAAMY,EAAY,CAACC,EAAS,MAC1BpB,EAAWc,IAAI,CAAEC,UAAW,cAAcK,QAS5C,MAAMC,EAAY,CAACD,EAAS,MAC1BpB,EAAWc,IAAI,CAAEC,UAAW,cAAcK,QAM5C,SAASE,IACPtB,EAAWc,IAAI,CAAEC,UAAW,cAAc,kBAAkB,O,CAG9D,MAAO,CACLb,SACAe,SACAE,YACAE,YACAC,gBACD,S","ignoreList":[]}