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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,H as i,g as t}from"./p-d0a33e64.js";import{v as n}from"./p-f5ff676c.js";const d='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-fielddropdown{--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-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[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-fielddropdown[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-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{width:100%;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const l=d;const a=class{constructor(r){e(this,r);this.valueChanged=o(this,"valueChanged",7);this.dropdownItemSelected=o(this,"dropdownItemSelected",7);this.inputId=n();this.autocomplete="off";this.required=false;this.readonly=false;this.disabled=false;this.error=false;this.maxHeight="";this.open=false;this.emptyResult="No results found";this.filterable=false;this.debounceDelay=300;this.autofocus=false;this.fluid=false;this.filterText="";this.selectedValues=new Set;this.handleInputContainerClick=e=>{if(this.disabled||this.readonly){return}const o=e.target;if(o.tagName==="P"||o.tagName==="SPAN"){this.open=true;const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const o=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",o)}}};this.handleInput=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const o=e.target;this.open=true;if(this.debounceTimer){window.clearTimeout(this.debounceTimer)}this.debounceTimer=window.setTimeout((()=>{this.filterText=o.value.toLowerCase();this.filterItems()}),this.debounceDelay)};this.handleInputFocus=()=>{if(this.disabled||this.readonly)return;this.open=true};this.togglePopover=()=>{if(this.disabled||this.readonly)return;this.open=!this.open};this.getSelectedLabel=()=>{var e,o,r,i,t,n;if(!this.value)return"";if(((e=this.options)===null||e===void 0?void 0:e.length)>1){const e=this.options.find((e=>e.value===this.value));return(r=(o=e===null||e===void 0?void 0:e.label)!==null&&o!==void 0?o:e===null||e===void 0?void 0:e.value)!==null&&r!==void 0?r:this.value}const d=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const l=d.find((e=>e.value===this.value));const a=l?(n=(i=l.label)!==null&&i!==void 0?i:(t=l.textContent)===null||t===void 0?void 0:t.trim())!==null&&n!==void 0?n:l.value:"";return a};this.clearFilter=()=>{if(!this.filterable)return;this.filterText="";this.inputElement.value=this.getSelectedLabel();this.inputElement.focus();this.filterItems()}}handleOptionsChange(e){var o;if(!e)return;if(!this.value){const r=e.find((e=>e.selected));this.value=(o=r===null||r===void 0?void 0:r.value)!==null&&o!==void 0?o:"";this.updateSelectedItem(this.value)}}watchValueHandler(e){this.valueChanged.emit(e)}handleOpenChanged(e){e.stopPropagation();this.open=e.detail}handleDropdownItemSelected(e){if(this.disabled||this.readonly)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));o.forEach((o=>{if(o!==e.target){o.removeAttribute("selected")}else{o.setAttribute("selected","true")}}));this.clearFilter();this.value=e.detail.value;this.open=false}handleBlur(e){const o=e.relatedTarget;if(!(o instanceof Node)||!this.el.contains(o)){this.open=false;if(this.inputElement){this.filterText="";this.inputElement.value=this.getSelectedLabel();setTimeout((()=>{this.filterItems()}),200)}}}handleKeyDown(e){if(!this.el)return;if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([disabled]):not([hidden])"));let r=o.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();r=(r+1)%o.length;this.updateHighlightedItem(o,r)}else if(e.key==="ArrowUp"){e.preventDefault();r=(r-1+o.length)%o.length;this.updateHighlightedItem(o,r)}else if(e.key==="Escape"){e.preventDefault();this.open=false}}componentWillLoad(){this.resetFilter();if(this.filterable&&this.filterText){this.filterItems()}if(this.options){this.handleOptionsChange(this.options)}}componentDidLoad(){if(this.value){this.updateSelectedItem(this.value)}if(this.inputElement){this.inputElement.value=this.getSelectedLabel()}}async getFilterText(){return this.filterText}filterItems(){var e;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const r=this.el.querySelector("nv-fielddropdownitem[data-empty]");if(r){r.remove()}let i=false;o.forEach((e=>{var o,r;const t=((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase())||"";const n=((r=e.value)===null||r===void 0?void 0:r.toLowerCase())||"";const d=n.includes(this.filterText)||t.includes(this.filterText);if(d)e.removeAttribute("hidden");else e.setAttribute("hidden","");if(d){i=true}}));if(!i){const o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-empty","true");o.setAttribute("disabled","true");o.textContent=this.emptyResult;(e=this.el.querySelector('ul[slot="content"]'))===null||e===void 0?void 0:e.appendChild(o)}}resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));e.forEach((e=>{e.style.display=""}))}updateHighlightedItem(e,o){e.forEach(((e,r)=>{if(r===o){e.classList.add("highlighted");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted")}}))}updateSelectedItem(e){if(!e)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const r=o.find((o=>{var r;const i=o.getAttribute("label");const t=o.getAttribute("value");const n=(r=o.textContent)===null||r===void 0?void 0:r.trim();return i===e||t===e||n===e}));o.forEach((e=>{if(e===r){e.setAttribute("selected","")}else{e.removeAttribute("selected")}}))}render(){var e;return r(i,{key:"da19368ad4006df880581a7a0d7c1be1d2249008",role:"combobox","aria-expanded":this.open.toString(),"aria-haspopup":"listbox","aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&r("label",{key:"38c0a47d3f85ccb50173a5d5322cc4e5ea577b85",htmlFor:this.inputId},r("slot",{key:"9a97d0960a2f36dd0d9853ed41796708129068ac",name:"label"},this.label)),r("nv-popover",{key:"69aabf648cf0890133c48250d8a851516e4266f9",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},r("div",{key:"10cca5b4b91cee8f8149b01df3daa4d36d44a85c",class:"input-wrapper",slot:"trigger"},r("slot",{key:"583d0903e75dcc3255fc29ccde93e117797ce41e",name:"before-input"}),r("div",{key:"8b2101b0cfecbff145469cab9a86ec381ee01f00",class:"input-container",onClick:this.handleInputContainerClick},r("slot",{key:"5e2c78f28c2df9c6ab8d4c41fae39faf308d74de",name:"leading-input"}),this.filterable||this.disabled||this.readonly?r("input",{"data-scope":"focusable",id:this.inputId,type:"search",ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.getSelectedLabel(),required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput,onFocus:this.handleInputFocus,onClick:this.handleInputFocus,onKeyDown:this.handleKeyDown}):r("p",{"data-scope":"focusable",id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClick,tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus},this.getSelectedLabel()||this.value||this.placeholder),this.filterable&&this.filterText&&this.open&&r("nv-iconbutton",{key:"8b6f29fc7eba80edfba731ea2b5e3a2e23045aae",name:"x",size:"md",emphasis:"lower",class:"clear-button",onClick:this.clearFilter,"aria-label":"Clear input"}),this.error&&r("nv-icon",{key:"8e808491b0aa3fedf657a9009fb94e6e4f46f4fa",name:"alert-circle",class:"validation",size:"md"}),r("nv-iconbutton",{key:"2e20d15804b70243e2f83d463dbb6d3c617c5263","data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopover,tabIndex:this.disabled?-1:0})),r("slot",{key:"6a9fd16a090be92ef9a003e048db8daec58b7419",name:"after-input"})),r("div",{key:"0efb0e793cd3b8d41f5884ffb34a86e0d298f217",slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{}},((e=this.options)===null||e===void 0?void 0:e.length)>0?r("ul",null,this.options.map((e=>r("nv-fielddropdownitem",{label:e.label,value:e.value,disabled:e.disabled,selected:e.value===this.value})))):r("slot",{name:"content"}))),(this.description||this.el.querySelector('[slot="description"]'))&&r("div",{key:"34e787b02ab0ccb02dafb93e12b600d845c96442",class:"description"},r("slot",{key:"ac8b3085ac8507c3ae243a71392167851a1d5755",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"e1a1bf22b2c5f932a31342493d3b8fbb84f31f1e",hidden:!this.error,class:"error-description"},r("slot",{key:"843a2ccfbaf3037747069918dd990d329ae98fbc",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return t(this)}static get watchers(){return{options:["handleOptionsChange"],value:["watchValueHandler"]}}};a.style=l;export{a as nv_fielddropdown};
+//# sourceMappingURL=p-f0cbfb3d.entry.js.map

package/dist/native/{p-b58fb522.entry.js.map → p-f0cbfb3d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NvFielddropdown","constructor","hostRef","this","inputId","uuidv4","autocomplete","required","readonly","disabled","error","maxHeight","open","emptyResult","filterable","debounceDelay","autofocus","fluid","filterText","selectedValues","Set","handleInputContainerClick","event","target","tagName","inputContainer","el","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInput","input","debounceTimer","window","clearTimeout","setTimeout","value","toLowerCase","filterItems","handleInputFocus","togglePopover","getSelectedLabel","_a","options","length","matchingItem","find","option","_c","_b","label","items","Array","from","querySelectorAll","item","selectedLabel","_f","_d","_e","textContent","trim","clearFilter","inputElement","focus","handleOptionsChange","newValue","defaultValue","selected","updateSelectedItem","watchValueHandler","valueChanged","emit","handleOpenChanged","stopPropagation","detail","handleDropdownItemSelected","forEach","removeAttribute","setAttribute","handleBlur","relatedTarget","Node","contains","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","componentWillLoad","resetFilter","componentDidLoad","getFilterText","existingEmptyItem","hasVisibleItems","shouldShow","includes","emptyItem","document","createElement","appendChild","style","display","index","i","scrollIntoView","block","itemLabel","getAttribute","itemValue","itemText","render","h","Host","role","toString","htmlFor","name","ref","triggerMode","placement","class","slot","onClick","id","type","e","placeholder","readOnly","onInput","onFocus","onKeyDown","tabIndex","size","emphasis","map","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use './mixins' as *;\n@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fielddropdown {\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  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  &[hidden]:not([hidden='false']) label {\n    display: none;\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n\n    div[slot='content'] {\n      @include scrollbar();\n      max-height: calc(90vh - var(--list-dropdown-padding) * 2);\n      overflow-y: auto;\n      position: relative;\n    }\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    @include input-wrapper-styles();\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    @include input-container-styles();\n\n    input[type='search']::-webkit-search-decoration,\n    input[type='search']::-webkit-search-cancel-button,\n    input[type='search']::-webkit-search-results-button,\n    input[type='search']::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n    }\n  }\n\n  .non-filterable-text {\n    @include non-filterable-text-styles();\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  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input 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-fielddropdown',\n  styleUrl: 'styles/nv-fielddropdown.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFielddropdown {\n  @Element() el: HTMLNvFielddropdownElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\n\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   * Defines the name attribute of the input 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 input'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   * Lets you define the text that explains what users should enter in the text\n   * input 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 input 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 })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input 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   * The placeholder is displayed only when the filterable option is enabled.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they've used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input's value is managed by the component's state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Marks the input 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   * Display the input 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   * The disabled prop lets you turn off the input 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   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the dropdown\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '';\n\n  /**\n   * State of the dropdown popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyResult: string = 'No results found';\n\n  /**\n   * Enables or disables the filtering feature for the dropdown items.\n   */\n  @Prop({ reflect: true })\n  readonly filterable: boolean = false;\n\n  /**\n   * List of options used to automatically generate dropdown items. This\n   * provides an alternative to using the slot manually.\n   *\n   * @example\n   * options=[{\n   *  \"label\": \"Option 1\",\n   *  \"value\": \"option1\",\n   *  \"selected\": true,\n   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: false })\n  readonly options?: {\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Whether this option is pre-selected */\n    selected?: boolean;\n  }[];\n\n  /**\n   * Delay in milliseconds before the search is triggered when typing in the filter input.\n   * @default 300\n   */\n  @Prop({ reflect: true })\n  readonly debounceDelay: number = 300;\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 an <input>\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 STATE\n\n  /**\n   * The text entered by the user for filtering dropdown items.\n   */\n  @State()\n  filterText: string = '';\n\n  @State()\n  selectedValues: Set<string> = new Set();\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when an item is clicked.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<\n    HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n  >;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    if (!this.value) {\n      const defaultValue = newValue.find(option => option.selected);\n      this.value = defaultValue?.value ?? '';\n      this.updateSelectedItem(this.value);\n    }\n  }\n\n  @Watch('value')\n  watchValueHandler(newValue: typeof this.value) {\n    this.valueChanged.emit(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    // Update `open` based on the popover state\n    this.open = event.detail;\n  }\n\n  @Listen('dropdownItemSelected')\n  handleDropdownItemSelected(\n    event: CustomEvent<\n      HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n    >,\n  ) {\n    if (this.disabled || this.readonly) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      if (item !== event.target) {\n        item.removeAttribute('selected');\n      } else {\n        item.setAttribute('selected', 'true');\n      }\n    });\n\n    this.clearFilter();\n    this.value = event.detail.value;\n    this.open = false;\n  }\n\n  @Listen('blur', { capture: true })\n  handleBlur(event: FocusEvent) {\n    const target = event.relatedTarget;\n    if (!(target instanceof Node) || !this.el.contains(target)) {\n      this.open = false;\n\n      if (this.inputElement) {\n        this.filterText = '';\n        this.inputElement.value = this.getSelectedLabel();\n        setTimeout(() => {\n          this.filterItems();\n        }, 200);\n      }\n    }\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.el) return;\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitem:not([disabled]):not([hidden])',\n      ),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.open = false;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.resetFilter();\n\n    if (this.filterable && this.filterText) {\n      this.filterItems();\n    }\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      this.updateSelectedItem(this.value);\n    }\n    if (this.inputElement) {\n      this.inputElement.value = this.getSelectedLabel();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  private handleInputContainerClick = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      // Simulate focus to trigger \"focus-within\" style\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        // Remove the \"focus-within\" class after a delay or when the popover is closed\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        // Or remove the class when the popover is closed\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.open = true;\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Filter dropdown items based on the text entered by the user.\n   * If no items are found, display a message indicating no results.\n   */\n  private filterItems() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Remove the \"no results found\" item if it exists\n    const existingEmptyItem = this.el.querySelector(\n      'nv-fielddropdownitem[data-empty]',\n    );\n    if (existingEmptyItem) {\n      existingEmptyItem.remove();\n    }\n\n    let hasVisibleItems = false;\n\n    // Iterate over all items and adjust their visibility\n    items.forEach(item => {\n      const textContent = item.textContent?.toLowerCase() || ''; // Get the textual content of the slot\n      const value = item.value?.toLowerCase() || ''; // Get the value of the `value` attribute\n\n      // Check if the filtered text is present either in the value or in the textual content\n      const shouldShow =\n        value.includes(this.filterText) ||\n        textContent.includes(this.filterText);\n\n      if (shouldShow) item.removeAttribute('hidden');\n      else item.setAttribute('hidden', '');\n\n      if (shouldShow) {\n        hasVisibleItems = true;\n      }\n    });\n\n    // If no items are visible, add the \"no results found\" item\n    if (!hasVisibleItems) {\n      const emptyItem = document.createElement('nv-fielddropdownitem');\n      emptyItem.setAttribute('data-empty', 'true');\n      emptyItem.setAttribute('disabled', 'true');\n      emptyItem.textContent = this.emptyResult;\n      this.el.querySelector('ul[slot=\"content\"]')?.appendChild(emptyItem);\n    }\n  }\n\n  /** Reset the filter and make all items visible. */\n  private resetFilter() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      item.style.display = '';\n    });\n  }\n\n  private handleInputFocus = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = true;\n  };\n\n  private togglePopover = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = !this.open;\n  };\n\n  private updateHighlightedItem(\n    items: HTMLNvFielddropdownitemElement[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.focus();\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n      }\n    });\n  }\n\n  private getSelectedLabel = (): string => {\n    if (!this.value) return '';\n\n    if (this.options?.length > 1) {\n      const matchingItem = this.options.find(\n        option => option.value === this.value,\n      );\n      return matchingItem?.label ?? matchingItem?.value ?? this.value;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => item.value === this.value);\n\n    const selectedLabel = matchingItem\n      ? matchingItem.label ??\n        matchingItem.textContent?.trim() ??\n        matchingItem.value\n      : '';\n\n    return selectedLabel;\n  };\n\n  private clearFilter = () => {\n    if (!this.filterable) return;\n\n    this.filterText = '';\n    this.inputElement.value = this.getSelectedLabel();\n    this.inputElement.focus();\n    this.filterItems();\n  };\n\n  private updateSelectedItem(value: string) {\n    if (!value) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => {\n      const itemLabel = item.getAttribute('label');\n      const itemValue = item.getAttribute('value');\n      const itemText = item.textContent?.trim();\n      return itemLabel === value || itemValue === value || itemText === value;\n    });\n\n    items.forEach(item => {\n      if (item === matchingItem) {\n        item.setAttribute('selected', '');\n      } else {\n        item.removeAttribute('selected');\n      }\n    });\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"combobox\"\n        aria-expanded={this.open.toString()}\n        aria-haspopup=\"listbox\"\n        aria-label={this.label}\n      >\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container\"\n              onClick={this.handleInputContainerClick}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  type=\"search\"\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.getSelectedLabel()}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInput}\n                  onFocus={this.handleInputFocus}\n                  onClick={this.handleInputFocus}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClick}\n                  tabIndex={this.disabled ? -1 : 0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocus}\n                >\n                  {this.getSelectedLabel() || this.value || this.placeholder}\n                </p>\n              )}\n\n              {this.filterable && this.filterText && this.open && (\n                <nv-iconbutton\n                  name=\"x\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  class=\"clear-button\"\n                  onClick={this.clearFilter}\n                  aria-label=\"Clear input\"\n                />\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopover}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n          >\n            {this.options?.length > 0 ? (\n              <ul>\n                {this.options.map(option => (\n                  <nv-fielddropdownitem\n                    label={option.label}\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.value === this.value}\n                  />\n                ))}\n              </ul>\n            ) : (\n              <slot name=\"content\"></slot>\n            )}\n          </div>\n        </nv-popover>\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}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NvFielddropdown","constructor","hostRef","this","inputId","uuidv4","autocomplete","required","readonly","disabled","error","maxHeight","open","emptyResult","filterable","debounceDelay","autofocus","fluid","filterText","selectedValues","Set","handleInputContainerClick","event","target","tagName","inputContainer","el","querySelector","classList","add","removeFocusWithin","remove","popoverElement","addEventListener","handleInput","input","debounceTimer","window","clearTimeout","setTimeout","value","toLowerCase","filterItems","handleInputFocus","togglePopover","getSelectedLabel","_a","options","length","matchingItem","find","option","_c","_b","label","items","Array","from","querySelectorAll","item","selectedLabel","_f","_d","_e","textContent","trim","clearFilter","inputElement","focus","handleOptionsChange","newValue","defaultValue","selected","updateSelectedItem","watchValueHandler","valueChanged","emit","handleOpenChanged","stopPropagation","detail","handleDropdownItemSelected","forEach","removeAttribute","setAttribute","handleBlur","relatedTarget","Node","contains","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","componentWillLoad","resetFilter","componentDidLoad","getFilterText","existingEmptyItem","hasVisibleItems","shouldShow","includes","emptyItem","document","createElement","appendChild","style","display","index","i","scrollIntoView","block","itemLabel","getAttribute","itemValue","itemText","render","h","Host","role","toString","htmlFor","name","ref","triggerMode","placement","class","slot","onClick","id","type","e","placeholder","readOnly","onInput","onFocus","onKeyDown","tabIndex","size","emphasis","map","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/styles/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@use './mixins' as *;\n@import '../../../styles/form-field';\n@import '../../../styles/scrollbar';\n\nnv-fielddropdown {\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  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  &[hidden]:not([hidden='false']) label {\n    display: none;\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    @include form-field-popover();\n\n    div[slot='content'] {\n      @include scrollbar();\n      max-height: calc(90vh - var(--list-dropdown-padding) * 2);\n      overflow-y: auto;\n      position: relative;\n    }\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    @include input-wrapper-styles();\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    @include input-container-styles();\n\n    input[type='search']::-webkit-search-decoration,\n    input[type='search']::-webkit-search-cancel-button,\n    input[type='search']::-webkit-search-results-button,\n    input[type='search']::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n    }\n\n    > nv-iconbutton {\n      @include form-field-action();\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n    }\n  }\n\n  .non-filterable-text {\n    @include non-filterable-text-styles();\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  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input 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-fielddropdown',\n  styleUrl: 'styles/nv-fielddropdown.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFielddropdown {\n  @Element() el: HTMLNvFielddropdownElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\n\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   * Defines the name attribute of the input 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 input'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   * Lets you define the text that explains what users should enter in the text\n   * input 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 input 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 })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input 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   * The placeholder is displayed only when the filterable option is enabled.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they've used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input's value is managed by the component's state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * Marks the input 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   * Display the input 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   * The disabled prop lets you turn off the input 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   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the dropdown\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '';\n\n  /**\n   * State of the dropdown popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyResult: string = 'No results found';\n\n  /**\n   * Enables or disables the filtering feature for the dropdown items.\n   */\n  @Prop({ reflect: true })\n  readonly filterable: boolean = false;\n\n  /**\n   * List of options used to automatically generate dropdown items. This\n   * provides an alternative to using the slot manually.\n   *\n   * @example\n   * options=[{\n   *  \"label\": \"Option 1\",\n   *  \"value\": \"option1\",\n   *  \"selected\": true,\n   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: false })\n  readonly options?: {\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Whether this option is pre-selected */\n    selected?: boolean;\n  }[];\n\n  /**\n   * Delay in milliseconds before the search is triggered when typing in the filter input.\n   * @default 300\n   */\n  @Prop({ reflect: true })\n  readonly debounceDelay: number = 300;\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 an <input>\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 STATE\n\n  /**\n   * The text entered by the user for filtering dropdown items.\n   */\n  @State()\n  filterText: string = '';\n\n  @State()\n  selectedValues: Set<string> = new Set();\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when an item is clicked.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<\n    HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n  >;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    if (!this.value) {\n      const defaultValue = newValue.find(option => option.selected);\n      this.value = defaultValue?.value ?? '';\n      this.updateSelectedItem(this.value);\n    }\n  }\n\n  @Watch('value')\n  watchValueHandler(newValue: typeof this.value) {\n    this.valueChanged.emit(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    // Update `open` based on the popover state\n    this.open = event.detail;\n  }\n\n  @Listen('dropdownItemSelected')\n  handleDropdownItemSelected(\n    event: CustomEvent<\n      HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']\n    >,\n  ) {\n    if (this.disabled || this.readonly) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      if (item !== event.target) {\n        item.removeAttribute('selected');\n      } else {\n        item.setAttribute('selected', 'true');\n      }\n    });\n\n    this.clearFilter();\n    this.value = event.detail.value;\n    this.open = false;\n  }\n\n  @Listen('blur', { capture: true })\n  handleBlur(event: FocusEvent) {\n    const target = event.relatedTarget;\n    if (!(target instanceof Node) || !this.el.contains(target)) {\n      this.open = false;\n\n      if (this.inputElement) {\n        this.filterText = '';\n        this.inputElement.value = this.getSelectedLabel();\n        setTimeout(() => {\n          this.filterItems();\n        }, 200);\n      }\n    }\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.el) return;\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitem:not([disabled]):not([hidden])',\n      ),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.open = false;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.resetFilter();\n\n    if (this.filterable && this.filterText) {\n      this.filterItems();\n    }\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      this.updateSelectedItem(this.value);\n    }\n    if (this.inputElement) {\n      this.inputElement.value = this.getSelectedLabel();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  private handleInputContainerClick = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n\n      // Simulate focus to trigger \"focus-within\" style\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        // Remove the \"focus-within\" class after a delay or when the popover is closed\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        // Or remove the class when the popover is closed\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.open = true;\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Filter dropdown items based on the text entered by the user.\n   * If no items are found, display a message indicating no results.\n   */\n  private filterItems() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Remove the \"no results found\" item if it exists\n    const existingEmptyItem = this.el.querySelector(\n      'nv-fielddropdownitem[data-empty]',\n    );\n    if (existingEmptyItem) {\n      existingEmptyItem.remove();\n    }\n\n    let hasVisibleItems = false;\n\n    // Iterate over all items and adjust their visibility\n    items.forEach(item => {\n      const textContent = item.textContent?.toLowerCase() || ''; // Get the textual content of the slot\n      const value = item.value?.toLowerCase() || ''; // Get the value of the `value` attribute\n\n      // Check if the filtered text is present either in the value or in the textual content\n      const shouldShow =\n        value.includes(this.filterText) ||\n        textContent.includes(this.filterText);\n\n      if (shouldShow) item.removeAttribute('hidden');\n      else item.setAttribute('hidden', '');\n\n      if (shouldShow) {\n        hasVisibleItems = true;\n      }\n    });\n\n    // If no items are visible, add the \"no results found\" item\n    if (!hasVisibleItems) {\n      const emptyItem = document.createElement('nv-fielddropdownitem');\n      emptyItem.setAttribute('data-empty', 'true');\n      emptyItem.setAttribute('disabled', 'true');\n      emptyItem.textContent = this.emptyResult;\n      this.el.querySelector('ul[slot=\"content\"]')?.appendChild(emptyItem);\n    }\n  }\n\n  /** Reset the filter and make all items visible. */\n  private resetFilter() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      item.style.display = '';\n    });\n  }\n\n  private handleInputFocus = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = true;\n  };\n\n  private togglePopover = () => {\n    if (this.disabled || this.readonly) return;\n    this.open = !this.open;\n  };\n\n  private updateHighlightedItem(\n    items: HTMLNvFielddropdownitemElement[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.focus();\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n      }\n    });\n  }\n\n  private getSelectedLabel = (): string => {\n    if (!this.value) return '';\n\n    if (this.options?.length > 1) {\n      const matchingItem = this.options.find(\n        option => option.value === this.value,\n      );\n      return matchingItem?.label ?? matchingItem?.value ?? this.value;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => item.value === this.value);\n\n    const selectedLabel = matchingItem\n      ? matchingItem.label ??\n        matchingItem.textContent?.trim() ??\n        matchingItem.value\n      : '';\n\n    return selectedLabel;\n  };\n\n  private clearFilter = () => {\n    if (!this.filterable) return;\n\n    this.filterText = '';\n    this.inputElement.value = this.getSelectedLabel();\n    this.inputElement.focus();\n    this.filterItems();\n  };\n\n  private updateSelectedItem(value: string) {\n    if (!value) return;\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const matchingItem = items.find(item => {\n      const itemLabel = item.getAttribute('label');\n      const itemValue = item.getAttribute('value');\n      const itemText = item.textContent?.trim();\n      return itemLabel === value || itemValue === value || itemText === value;\n    });\n\n    items.forEach(item => {\n      if (item === matchingItem) {\n        item.setAttribute('selected', '');\n      } else {\n        item.removeAttribute('selected');\n      }\n    });\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"combobox\"\n        aria-expanded={this.open.toString()}\n        aria-haspopup=\"listbox\"\n        aria-label={this.label}\n      >\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container\"\n              onClick={this.handleInputContainerClick}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {this.filterable || this.disabled || this.readonly ? (\n                <input\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  type=\"search\"\n                  ref={e => (this.inputElement = e)}\n                  autofocus={this.autofocus}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.getSelectedLabel()}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInput}\n                  onFocus={this.handleInputFocus}\n                  onClick={this.handleInputFocus}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  data-scope=\"focusable\"\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClick}\n                  tabIndex={this.disabled ? -1 : 0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocus}\n                >\n                  {this.getSelectedLabel() || this.value || this.placeholder}\n                </p>\n              )}\n\n              {this.filterable && this.filterText && this.open && (\n                <nv-iconbutton\n                  name=\"x\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  class=\"clear-button\"\n                  onClick={this.clearFilter}\n                  aria-label=\"Clear input\"\n                />\n              )}\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                data-scope=\"toggle-dropdown\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopover}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            style={this.maxHeight ? { maxHeight: this.maxHeight } : {}}\n          >\n            {this.options?.length > 0 ? (\n              <ul>\n                {this.options.map(option => (\n                  <nv-fielddropdownitem\n                    label={option.label}\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.value === this.value}\n                  />\n                ))}\n              </ul>\n            ) : (\n              <slot name=\"content\"></slot>\n            )}\n          </div>\n        </nv-popover>\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}\n"],"mappings":"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","ignoreList":[]}

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

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