@nanoporetech-digital/components 1.13.13 → 1.13.14

package/dist/nano-components/p-54de3dcc.system.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/scroll-behavior-polyfill/dist/index.js"],"names":["UNSUPPORTED_ENVIRONMENT","window","SUPPORTS_SCROLL_BEHAVIOR","document","documentElement","style","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__read","o","m","Symbol","iterator","r","ar","e","next","done","push","value","error","getScrollingElement","scrollingElement","STYLE_ATTRIBUTE_PROPERTY_NAME","STYLE_ATTRIBUTE_PROPERTY_REGEXP","RegExp","appendScrollBehaviorToStyleAttribute","element","behavior","addition","attributeValue","getAttribute","setAttribute","existingValueForProperty","parseScrollBehaviorFromStyleAttribute","replacementProperty","replace","endsWith","styleAttributeValue","includes","match","_a","undefined","styleDeclarationPropertyName","getScrollBehavior","inputTarget","options","target","scrollBehaviorPropertyValue","computedStyle","getComputedStyle","computedStyleValue","getPropertyValue","HALF","ease","k","Math","cos","PI","NOOP","reset","map","WeakMap","disableScrollSnap","scroller","cachedScrollSnapValue","cachedScrollBehaviorStyleAttributeValue","secondaryScroller","secondaryScrollerCachedScrollSnapValue","secondaryScrollerCachedScrollBehaviorStyleAttributeValue","existingResult","get","release","scrollSnapType","body","cachedComputedScrollSnapValue","secondaryScrollerCachedComputedScrollSnapValue","hasReleased","eventTarget","removeEventListener","resetHandler","setTimeout","addEventListener","set","SCROLL_TIME","smoothScroll","startTime","startX","startY","endX","endY","method","timeLapsed","distanceX","distanceY","speed","max","abs","scrollSnapFix","requestAnimationFrame","animate","timestamp","percentage","min","positionX","floor","positionY","now","performance","Date","ELEMENT_ORIGINAL_SCROLL","Element","scroll","WINDOW_ORIGINAL_SCROLL","ELEMENT_ORIGINAL_SCROLL_BY","scrollBy","WINDOW_ORIGINAL_SCROLL_BY","ELEMENT_ORIGINAL_SCROLL_TO","scrollTo","WINDOW_ORIGINAL_SCROLL_TO","elementPrototypeScrollFallback","x","y","__adjustingScrollPosition","scrollLeft","scrollTop","elementPrototypeScrollToFallback","elementPrototypeScrollByFallback","getOriginalScrollMethodForKind","kind","getSmoothScrollOptions","scrollX_1","scrollX","pageXOffset_1","pageXOffset","scrollY_1","scrollY","pageYOffset_1","pageYOffset","bind","ensureNumeric","parseFloat","isScrollToOptions","handleScrollMethod","optionsOrX","onScrollWithOptions","getScrollToOptionsWithValidation","left","top","normalizeScrollCoordinates","TypeError","patchElementScroll","patchElementScrollBy","patchElementScrollTo","patchWindowScroll","patchWindowScrollBy","patchWindowScrollTo","getParent","currentElement","nodeType","parentNode","ShadowRoot","host","Node","canOverflow","overflow","isScrollable","clientHeight","scrollHeight","clientWidth","scrollWidth","overflowY","overflowX","findNearestAncestorsWithScrollBehavior","parent_1","parent_2","findNearestRoot","getLocationOrigin","locationLike","location","origin","port","protocol","hostname","ID_WITH_LEADING_DIGIT_REGEXP","catchNavigation","isTrusted","HTMLAnchorElement","pathname","search","hash","pointsToCurrentPage","root","elementMatch","getElementById","slice","querySelector","_b","preventDefault","scrollIntoView","ELEMENT_ORIGINAL_SCROLL_INTO_VIEW","alignNearest","scrollingEdgeStart","scrollingEdgeEnd","scrollingSize","scrollingBorderStart","scrollingBorderEnd","elementEdgeStart","elementEdgeEnd","elementSize","computeScrollIntoView","block","inline","viewportWidth","visualViewport","width","innerWidth","viewportHeight","height","innerHeight","viewportX","viewportY","getBoundingClientRect","targetHeight","targetWidth","targetTop","targetRight","right","targetBottom","bottom","targetLeft","targetBlock","targetInline","frameStyle","borderLeft","parseInt","borderLeftWidth","borderTop","borderTopWidth","borderRight","borderRightWidth","borderBottom","borderBottomWidth","blockScroll","inlineScroll","scrollbarWidth","offsetWidth","scrollbarHeight","offsetHeight","patchElementScrollIntoView","arg","normalizedOptions","ancestorWithScroll","ancestorWithScrollBehavior","top_1","HTMLElement","ELEMENT_ORIGINAL_SCROLL_TOP_SET_DESCRIPTOR","getOwnPropertyDescriptor","patchElementScrollTop","defineProperty","ELEMENT_ORIGINAL_SCROLL_LEFT_SET_DESCRIPTOR","patchElementScrollLeft","patch","SUPPORTS_ELEMENT_PROTOTYPE_SCROLL_METHODS"],"mappings":"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","sourcesContent":["(function () {\n    'use strict';\n\n    var UNSUPPORTED_ENVIRONMENT = typeof window === \"undefined\";\n\n    /**\n     * Is true if the browser natively supports the 'scroll-behavior' CSS-property.\n     * @type {boolean}\n     */\n    var SUPPORTS_SCROLL_BEHAVIOR = UNSUPPORTED_ENVIRONMENT ? false : \"scrollBehavior\" in document.documentElement.style;\n\n    \n\n    /*! *****************************************************************************\r\n    Copyright (c) Microsoft Corporation. All rights reserved.\r\n    Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\n    this file except in compliance with the License. You may obtain a copy of the\r\n    License at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\n    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\n    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\n    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\n    MERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\n    See the Apache Version 2.0 License for specific language governing permissions\r\n    and limitations under the License.\r\n    ***************************************************************************** */\r\n\r\n    var __assign = function() {\r\n        __assign = Object.assign || function __assign(t) {\r\n            for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n                s = arguments[i];\r\n                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n            }\r\n            return t;\r\n        };\r\n        return __assign.apply(this, arguments);\r\n    };\r\n\r\n    function __read(o, n) {\r\n        var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n        if (!m) return o;\r\n        var i = m.call(o), r, ar = [], e;\r\n        try {\r\n            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n        }\r\n        catch (error) { e = { error: error }; }\r\n        finally {\r\n            try {\r\n                if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n            }\r\n            finally { if (e) throw e.error; }\r\n        }\r\n        return ar;\r\n    }\n\n    function getScrollingElement() {\n        if (document.scrollingElement != null) {\n            return document.scrollingElement;\n        }\n        else {\n            return document.documentElement;\n        }\n    }\n\n    var STYLE_ATTRIBUTE_PROPERTY_NAME = \"scroll-behavior\";\n    var STYLE_ATTRIBUTE_PROPERTY_REGEXP = new RegExp(STYLE_ATTRIBUTE_PROPERTY_NAME + \":\\\\s*([^;]*)\");\n    /**\n     * Given an Element, this function appends the given ScrollBehavior CSS property value to the elements' 'style' attribute.\n     * If it doesnt already have one, it will add it.\n     * @param {Element} element\n     * @param {ScrollBehavior} behavior\n     */\n    function appendScrollBehaviorToStyleAttribute(element, behavior) {\n        var addition = STYLE_ATTRIBUTE_PROPERTY_NAME + \":\" + behavior;\n        var attributeValue = element.getAttribute(\"style\");\n        if (attributeValue == null || attributeValue === \"\") {\n            element.setAttribute(\"style\", addition);\n            return;\n        }\n        // The style attribute may already include a 'scroll-behavior:<something>' in which case that should be replaced\n        var existingValueForProperty = parseScrollBehaviorFromStyleAttribute(element);\n        if (existingValueForProperty != null) {\n            var replacementProperty = STYLE_ATTRIBUTE_PROPERTY_NAME + \":\" + existingValueForProperty;\n            // Replace the variant that ends with a semi-colon which it may\n            attributeValue = attributeValue.replace(replacementProperty + \";\", \"\");\n            // Replace the variant that *doesn't* end with a semi-colon\n            attributeValue = attributeValue.replace(replacementProperty, \"\");\n        }\n        // Now, append the behavior to the string.\n        element.setAttribute(\"style\", attributeValue.endsWith(\";\") ? \"\" + attributeValue + addition : \";\" + attributeValue + addition);\n    }\n    /**\n     * Given an Element, this function attempts to parse its 'style' attribute (if it has one)' to extract\n     * a value for the 'scroll-behavior' CSS property (if it is given within that style attribute)\n     * @param {Element} element\n     * @returns {ScrollBehavior?}\n     */\n    function parseScrollBehaviorFromStyleAttribute(element) {\n        var styleAttributeValue = element.getAttribute(\"style\");\n        if (styleAttributeValue != null && styleAttributeValue.includes(STYLE_ATTRIBUTE_PROPERTY_NAME)) {\n            var match = styleAttributeValue.match(STYLE_ATTRIBUTE_PROPERTY_REGEXP);\n            if (match != null) {\n                var _a = __read(match, 2), behavior = _a[1];\n                if (behavior != null && behavior !== \"\") {\n                    return behavior;\n                }\n            }\n        }\n        return undefined;\n    }\n\n    var styleDeclarationPropertyName = \"scrollBehavior\";\n    /**\n     * Determines the scroll behavior to use, depending on the given ScrollOptions and the position of the Element\n     * within the DOM\n     * @param {Element|HTMLElement|Window} inputTarget\n     * @param {ScrollOptions} [options]\n     * @returns {ScrollBehavior}\n     */\n    function getScrollBehavior(inputTarget, options) {\n        // If the given 'behavior' is 'smooth', apply smooth scrolling no matter what\n        if (options != null && options.behavior === \"smooth\")\n            return \"smooth\";\n        var target = \"style\" in inputTarget ? inputTarget : getScrollingElement();\n        var value;\n        if (\"style\" in target) {\n            // Check if scroll-behavior is set as a property on the CSSStyleDeclaration\n            var scrollBehaviorPropertyValue = target.style[styleDeclarationPropertyName];\n            // Return it if it is given and has a proper value\n            if (scrollBehaviorPropertyValue != null && scrollBehaviorPropertyValue !== \"\") {\n                value = scrollBehaviorPropertyValue;\n            }\n        }\n        if (value == null) {\n            var attributeValue = target.getAttribute(\"scroll-behavior\");\n            if (attributeValue != null && attributeValue !== \"\") {\n                value = attributeValue;\n            }\n        }\n        if (value == null) {\n            // Otherwise, check if it is set as an inline style\n            value = parseScrollBehaviorFromStyleAttribute(target);\n        }\n        if (value == null) {\n            // Take the computed style for the element and see if it contains a specific 'scroll-behavior' value\n            var computedStyle = getComputedStyle(target);\n            var computedStyleValue = computedStyle.getPropertyValue(\"scrollBehavior\");\n            if (computedStyleValue != null && computedStyleValue !== \"\") {\n                value = computedStyleValue;\n            }\n        }\n        // In all other cases, use the value from the CSSOM\n        return value;\n    }\n\n    \n\n    \n\n    var HALF = 0.5;\n    /**\n     * The easing function to use when applying the smooth scrolling\n     * @param {number} k\n     * @returns {number}\n     */\n    function ease(k) {\n        return HALF * (1 - Math.cos(Math.PI * k));\n    }\n\n    var NOOP = {\n        reset: function () { }\n    };\n    var map = typeof WeakMap === \"undefined\" ? undefined : new WeakMap();\n    function disableScrollSnap(scroller) {\n        // If scroll-behavior is natively supported, or if there is no native WeakMap support, there's no need for this fix\n        if (SUPPORTS_SCROLL_BEHAVIOR || map == null) {\n            return NOOP;\n        }\n        var scrollingElement = getScrollingElement();\n        var cachedScrollSnapValue;\n        var cachedScrollBehaviorStyleAttributeValue;\n        var secondaryScroller;\n        var secondaryScrollerCachedScrollSnapValue;\n        var secondaryScrollerCachedScrollBehaviorStyleAttributeValue;\n        var existingResult = map.get(scroller);\n        if (existingResult != null) {\n            cachedScrollSnapValue = existingResult.cachedScrollSnapValue;\n            cachedScrollBehaviorStyleAttributeValue = existingResult.cachedScrollBehaviorStyleAttributeValue;\n            secondaryScroller = existingResult.secondaryScroller;\n            secondaryScrollerCachedScrollSnapValue = existingResult.secondaryScrollerCachedScrollSnapValue;\n            secondaryScrollerCachedScrollBehaviorStyleAttributeValue = existingResult.secondaryScrollerCachedScrollBehaviorStyleAttributeValue;\n            existingResult.release();\n        }\n        else {\n            cachedScrollSnapValue = scroller.style.scrollSnapType === \"\" ? null : scroller.style.scrollSnapType;\n            cachedScrollBehaviorStyleAttributeValue = parseScrollBehaviorFromStyleAttribute(scroller);\n            secondaryScroller = scroller === scrollingElement && scrollingElement !== document.body ? document.body : undefined;\n            secondaryScrollerCachedScrollSnapValue =\n                secondaryScroller == null ? undefined : secondaryScroller.style.scrollSnapType === \"\" ? null : secondaryScroller.style.scrollSnapType;\n            secondaryScrollerCachedScrollBehaviorStyleAttributeValue =\n                secondaryScroller == null ? undefined : parseScrollBehaviorFromStyleAttribute(secondaryScroller);\n            var cachedComputedScrollSnapValue = getComputedStyle(scroller).getPropertyValue(\"scroll-snap-type\");\n            var secondaryScrollerCachedComputedScrollSnapValue = secondaryScroller == null ? undefined : getComputedStyle(secondaryScroller).getPropertyValue(\"scroll-snap-type\");\n            // If it just so happens that there actually isn't any scroll snapping going on, there's no point in performing any additional work here.\n            if (cachedComputedScrollSnapValue === \"none\" && secondaryScrollerCachedComputedScrollSnapValue === \"none\") {\n                return NOOP;\n            }\n        }\n        scroller.style.scrollSnapType = \"none\";\n        if (secondaryScroller !== undefined) {\n            secondaryScroller.style.scrollSnapType = \"none\";\n        }\n        if (cachedScrollBehaviorStyleAttributeValue !== undefined) {\n            appendScrollBehaviorToStyleAttribute(scroller, cachedScrollBehaviorStyleAttributeValue);\n        }\n        if (secondaryScroller !== undefined && secondaryScrollerCachedScrollBehaviorStyleAttributeValue !== undefined) {\n            appendScrollBehaviorToStyleAttribute(secondaryScroller, secondaryScrollerCachedScrollBehaviorStyleAttributeValue);\n        }\n        var hasReleased = false;\n        var eventTarget = scroller === scrollingElement ? window : scroller;\n        function release() {\n            eventTarget.removeEventListener(\"scroll\", resetHandler);\n            if (map != null) {\n                map[\"delete\"](scroller);\n            }\n            hasReleased = true;\n        }\n        function resetHandler() {\n            scroller.style.scrollSnapType = cachedScrollSnapValue;\n            if (secondaryScroller != null && secondaryScrollerCachedScrollSnapValue !== undefined) {\n                secondaryScroller.style.scrollSnapType = secondaryScrollerCachedScrollSnapValue;\n            }\n            if (cachedScrollBehaviorStyleAttributeValue !== undefined) {\n                appendScrollBehaviorToStyleAttribute(scroller, cachedScrollBehaviorStyleAttributeValue);\n            }\n            if (secondaryScroller !== undefined && secondaryScrollerCachedScrollBehaviorStyleAttributeValue !== undefined) {\n                appendScrollBehaviorToStyleAttribute(secondaryScroller, secondaryScrollerCachedScrollBehaviorStyleAttributeValue);\n            }\n            release();\n        }\n        function reset() {\n            setTimeout(function () {\n                if (hasReleased)\n                    return;\n                eventTarget.addEventListener(\"scroll\", resetHandler);\n            });\n        }\n        map.set(scroller, {\n            release: release,\n            cachedScrollSnapValue: cachedScrollSnapValue,\n            cachedScrollBehaviorStyleAttributeValue: cachedScrollBehaviorStyleAttributeValue,\n            secondaryScroller: secondaryScroller,\n            secondaryScrollerCachedScrollSnapValue: secondaryScrollerCachedScrollSnapValue,\n            secondaryScrollerCachedScrollBehaviorStyleAttributeValue: secondaryScrollerCachedScrollBehaviorStyleAttributeValue\n        });\n        return {\n            reset: reset\n        };\n    }\n\n    /**\n     * The duration of a smooth scroll\n     * @type {number}\n     */\n    var SCROLL_TIME = 15000;\n    /**\n     * Performs a smooth repositioning of the scroll\n     * @param {ISmoothScrollOptions} options\n     */\n    function smoothScroll(options) {\n        var startTime = options.startTime, startX = options.startX, startY = options.startY, endX = options.endX, endY = options.endY, method = options.method, scroller = options.scroller;\n        var timeLapsed = 0;\n        var distanceX = endX - startX;\n        var distanceY = endY - startY;\n        var speed = Math.max(Math.abs((distanceX / 1000) * SCROLL_TIME), Math.abs((distanceY / 1000) * SCROLL_TIME));\n        // Temporarily disables any scroll snapping that may be active since it fights for control over the scroller with this polyfill\n        var scrollSnapFix = disableScrollSnap(scroller);\n        requestAnimationFrame(function animate(timestamp) {\n            timeLapsed += timestamp - startTime;\n            var percentage = Math.max(0, Math.min(1, speed === 0 ? 0 : timeLapsed / speed));\n            var positionX = Math.floor(startX + distanceX * ease(percentage));\n            var positionY = Math.floor(startY + distanceY * ease(percentage));\n            method(positionX, positionY);\n            if (positionX !== endX || positionY !== endY) {\n                requestAnimationFrame(animate);\n            }\n            else {\n                if (scrollSnapFix != null) {\n                    scrollSnapFix.reset();\n                    scrollSnapFix = undefined;\n                }\n            }\n        });\n    }\n\n    /**\n     * Returns a High Resolution timestamp if possible, otherwise fallbacks to Date.now()\n     * @returns {number}\n     */\n    function now() {\n        if (\"performance\" in window)\n            return performance.now();\n        return Date.now();\n    }\n\n    \n\n    var ELEMENT_ORIGINAL_SCROLL = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scroll;\n\n    var WINDOW_ORIGINAL_SCROLL = UNSUPPORTED_ENVIRONMENT ? undefined : window.scroll;\n\n    var ELEMENT_ORIGINAL_SCROLL_BY = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scrollBy;\n\n    var WINDOW_ORIGINAL_SCROLL_BY = UNSUPPORTED_ENVIRONMENT ? undefined : window.scrollBy;\n\n    var ELEMENT_ORIGINAL_SCROLL_TO = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scrollTo;\n\n    var WINDOW_ORIGINAL_SCROLL_TO = UNSUPPORTED_ENVIRONMENT ? undefined : window.scrollTo;\n\n    /**\n     * A fallback if Element.prototype.scroll is not defined\n     * @param {number} x\n     * @param {number} y\n     */\n    function elementPrototypeScrollFallback(x, y) {\n        this.__adjustingScrollPosition = true;\n        this.scrollLeft = x;\n        this.scrollTop = y;\n        delete this.__adjustingScrollPosition;\n    }\n    /**\n     * A fallback if Element.prototype.scrollTo is not defined\n     * @param {number} x\n     * @param {number} y\n     */\n    function elementPrototypeScrollToFallback(x, y) {\n        return elementPrototypeScrollFallback.call(this, x, y);\n    }\n    /**\n     * A fallback if Element.prototype.scrollBy is not defined\n     * @param {number} x\n     * @param {number} y\n     */\n    function elementPrototypeScrollByFallback(x, y) {\n        this.__adjustingScrollPosition = true;\n        this.scrollLeft += x;\n        this.scrollTop += y;\n        delete this.__adjustingScrollPosition;\n    }\n    /**\n     * Gets the original non-patched prototype method for the given kind\n     * @param {ScrollMethodName} kind\n     * @param {Element|Window} element\n     * @return {Function}\n     */\n    function getOriginalScrollMethodForKind(kind, element) {\n        switch (kind) {\n            case \"scroll\":\n                if (element instanceof Element) {\n                    if (ELEMENT_ORIGINAL_SCROLL != null) {\n                        return ELEMENT_ORIGINAL_SCROLL;\n                    }\n                    else {\n                        return elementPrototypeScrollFallback;\n                    }\n                }\n                else {\n                    return WINDOW_ORIGINAL_SCROLL;\n                }\n            case \"scrollBy\":\n                if (element instanceof Element) {\n                    if (ELEMENT_ORIGINAL_SCROLL_BY != null) {\n                        return ELEMENT_ORIGINAL_SCROLL_BY;\n                    }\n                    else {\n                        return elementPrototypeScrollByFallback;\n                    }\n                }\n                else {\n                    return WINDOW_ORIGINAL_SCROLL_BY;\n                }\n            case \"scrollTo\":\n                if (element instanceof Element) {\n                    if (ELEMENT_ORIGINAL_SCROLL_TO != null) {\n                        return ELEMENT_ORIGINAL_SCROLL_TO;\n                    }\n                    else {\n                        return elementPrototypeScrollToFallback;\n                    }\n                }\n                else {\n                    return WINDOW_ORIGINAL_SCROLL_TO;\n                }\n        }\n    }\n\n    /**\n     * Gets the Smooth Scroll Options to use for the step function\n     * @param {Element|Window} element\n     * @param {number} x\n     * @param {number} y\n     * @param {ScrollMethodName} kind\n     * @returns {ISmoothScrollOptions}\n     */\n    function getSmoothScrollOptions(element, x, y, kind) {\n        var startTime = now();\n        if (!(element instanceof Element)) {\n            // Use window as the scroll container\n            var scrollX_1 = window.scrollX, pageXOffset_1 = window.pageXOffset, scrollY_1 = window.scrollY, pageYOffset_1 = window.pageYOffset;\n            var startX = scrollX_1 == null || scrollX_1 === 0 ? pageXOffset_1 : scrollX_1;\n            var startY = scrollY_1 == null || scrollY_1 === 0 ? pageYOffset_1 : scrollY_1;\n            return {\n                startTime: startTime,\n                startX: startX,\n                startY: startY,\n                endX: Math.floor(kind === \"scrollBy\" ? startX + x : x),\n                endY: Math.floor(kind === \"scrollBy\" ? startY + y : y),\n                method: getOriginalScrollMethodForKind(\"scrollTo\", window).bind(window),\n                scroller: getScrollingElement()\n            };\n        }\n        else {\n            var scrollLeft = element.scrollLeft, scrollTop = element.scrollTop;\n            var startX = scrollLeft;\n            var startY = scrollTop;\n            return {\n                startTime: startTime,\n                startX: startX,\n                startY: startY,\n                endX: Math.floor(kind === \"scrollBy\" ? startX + x : x),\n                endY: Math.floor(kind === \"scrollBy\" ? startY + y : y),\n                method: getOriginalScrollMethodForKind(\"scrollTo\", element).bind(element),\n                scroller: element\n            };\n        }\n    }\n\n    /**\n     * Ensures that the given value is numeric\n     * @param {number} value\n     * @return {number}\n     */\n    function ensureNumeric(value) {\n        if (value == null)\n            return 0;\n        else if (typeof value === \"number\") {\n            return value;\n        }\n        else if (typeof value === \"string\") {\n            return parseFloat(value);\n        }\n        else {\n            return 0;\n        }\n    }\n\n    /**\n     * Returns true if the given value is some ScrollToOptions\n     * @param {number | ScrollToOptions} value\n     * @return {value is ScrollToOptions}\n     */\n    function isScrollToOptions(value) {\n        return value != null && typeof value === \"object\";\n    }\n\n    /**\n     * Handles a scroll method\n     * @param {Element|Window} element\n     * @param {ScrollMethodName} kind\n     * @param {number | ScrollToOptions} optionsOrX\n     * @param {number} y\n     */\n    function handleScrollMethod(element, kind, optionsOrX, y) {\n        onScrollWithOptions(getScrollToOptionsWithValidation(optionsOrX, y), element, kind);\n    }\n    /**\n     * Invoked when a 'ScrollToOptions' dict is provided to 'scroll()' as the first argument\n     * @param {ScrollToOptions} options\n     * @param {Element|Window} element\n     * @param {ScrollMethodName} kind\n     */\n    function onScrollWithOptions(options, element, kind) {\n        var behavior = getScrollBehavior(element, options);\n        // If the behavior is 'auto' apply instantaneous scrolling\n        if (behavior == null || behavior === \"auto\") {\n            getOriginalScrollMethodForKind(kind, element).call(element, options.left, options.top);\n        }\n        else {\n            smoothScroll(getSmoothScrollOptions(element, options.left, options.top, kind));\n        }\n    }\n    /**\n     * Normalizes the given scroll coordinates\n     * @param {number?} x\n     * @param {number?} y\n     * @return {Required<Pick<ScrollToOptions, \"top\" | \"left\">>}\n     */\n    function normalizeScrollCoordinates(x, y) {\n        return {\n            left: ensureNumeric(x),\n            top: ensureNumeric(y)\n        };\n    }\n    /**\n     * Gets ScrollToOptions based on the given arguments. Will throw if validation fails\n     * @param {number | ScrollToOptions} optionsOrX\n     * @param {number} y\n     * @return {Required<ScrollToOptions>}\n     */\n    function getScrollToOptionsWithValidation(optionsOrX, y) {\n        // If only one argument is given, and it isn't an options object, throw a TypeError\n        if (y === undefined && !isScrollToOptions(optionsOrX)) {\n            throw new TypeError(\"Failed to execute 'scroll' on 'Element': parameter 1 ('options') is not an object.\");\n        }\n        // Scroll based on the primitive values given as arguments\n        if (!isScrollToOptions(optionsOrX)) {\n            return __assign(__assign({}, normalizeScrollCoordinates(optionsOrX, y)), { behavior: \"auto\" });\n        }\n        // Scroll based on the received options object\n        else {\n            return __assign(__assign({}, normalizeScrollCoordinates(optionsOrX.left, optionsOrX.top)), { behavior: optionsOrX.behavior == null ? \"auto\" : optionsOrX.behavior });\n        }\n    }\n\n    /**\n     * Patches the 'scroll' method on the Element prototype\n     */\n    function patchElementScroll() {\n        Element.prototype.scroll = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scroll\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollBy' method on the Element prototype\n     */\n    function patchElementScrollBy() {\n        Element.prototype.scrollBy = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollBy\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollTo' method on the Element prototype\n     */\n    function patchElementScrollTo() {\n        Element.prototype.scrollTo = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollTo\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scroll' method on the Window prototype\n     */\n    function patchWindowScroll() {\n        window.scroll = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scroll\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollBy' method on the Window prototype\n     */\n    function patchWindowScrollBy() {\n        window.scrollBy = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollBy\", optionsOrX, y);\n        };\n    }\n\n    /**\n     * Patches the 'scrollTo' method on the Window prototype\n     */\n    function patchWindowScrollTo() {\n        window.scrollTo = function (optionsOrX, y) {\n            handleScrollMethod(this, \"scrollTo\", optionsOrX, y);\n        };\n    }\n\n    // tslint:disable:no-any\n    /**\n     * Gets the parent of an element, taking into account DocumentFragments, ShadowRoots, as well as the root context (window)\n     * @param {EventTarget} currentElement\n     * @returns {EventTarget | null}\n     */\n    function getParent(currentElement) {\n        if (\"nodeType\" in currentElement && currentElement.nodeType === 1) {\n            return currentElement.parentNode;\n        }\n        if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n            return currentElement.host;\n        }\n        else if (currentElement === document) {\n            return window;\n        }\n        else if (currentElement instanceof Node)\n            return currentElement.parentNode;\n        return null;\n    }\n\n    /**\n     * Returns true if the given overflow property represents a scrollable overflow value\n     * @param {string | null} overflow\n     * @return {boolean}\n     */\n    function canOverflow(overflow) {\n        return overflow !== \"visible\" && overflow !== \"clip\";\n    }\n    /**\n     * Returns true if the given element is scrollable\n     * @param {Element} element\n     * @return {boolean}\n     */\n    function isScrollable(element) {\n        if (element.clientHeight < element.scrollHeight || element.clientWidth < element.scrollWidth) {\n            var style = getComputedStyle(element, null);\n            return canOverflow(style.overflowY) || canOverflow(style.overflowX);\n        }\n        return false;\n    }\n    /**\n     * Finds the nearest ancestor of an element that can scroll\n     * @param {Element} target\n     * @returns {Element|Window?}\n     */\n    function findNearestAncestorsWithScrollBehavior(target) {\n        var currentElement = target;\n        var scrollingElement = getScrollingElement();\n        while (currentElement != null) {\n            var behavior = getScrollBehavior(currentElement);\n            if (behavior != null && (currentElement === scrollingElement || isScrollable(currentElement))) {\n                return [currentElement, behavior];\n            }\n            var parent_1 = getParent(currentElement);\n            currentElement = parent_1;\n        }\n        // No such element could be found. Start over, but this time find the nearest ancestor that can simply scroll\n        currentElement = target;\n        while (currentElement != null) {\n            if (currentElement === scrollingElement || isScrollable(currentElement)) {\n                return [currentElement, \"auto\"];\n            }\n            var parent_2 = getParent(currentElement);\n            currentElement = parent_2;\n        }\n        // Default to the scrolling element\n        return [scrollingElement, \"auto\"];\n    }\n\n    // tslint:disable:no-any\n    /**\n     * Finds the nearest root from an element\n     * @param {Element} target\n     * @returns {Document|ShadowRoot}\n     */\n    function findNearestRoot(target) {\n        var currentElement = target;\n        while (currentElement != null) {\n            if (\"ShadowRoot\" in window && currentElement instanceof window.ShadowRoot) {\n                // Assume this is a ShadowRoot\n                return currentElement;\n            }\n            var parent_1 = getParent(currentElement);\n            if (parent_1 === currentElement) {\n                return document;\n            }\n            currentElement = parent_1;\n        }\n        return document;\n    }\n\n    /**\n     * Gets the origin of the given Location or HTMLAnchorElement if available in the runtime, and otherwise shims it. (it's a one-liner)\n     * @returns {string}\n     */\n    function getLocationOrigin(locationLike) {\n        if (locationLike === void 0) { locationLike = location; }\n        if (\"origin\" in locationLike && locationLike.origin != null) {\n            return locationLike.origin;\n        }\n        var port = locationLike.port != null && locationLike.port.length > 0 ? \":\" + locationLike.port : \"\";\n        if (locationLike.protocol === \"http:\" && port === \":80\") {\n            port = \"\";\n        }\n        else if (locationLike.protocol === \"https:\" && port === \":443\") {\n            port = \"\";\n        }\n        return locationLike.protocol + \"//\" + locationLike.hostname + port;\n    }\n\n    /**\n     * A Regular expression that matches id's of the form \"#[digit]\"\n     * @type {RegExp}\n     */\n    var ID_WITH_LEADING_DIGIT_REGEXP = /^#\\d/;\n    /**\n     * Catches anchor navigation to IDs within the same root and ensures that they can be smooth-scrolled\n     * if the scroll behavior is smooth in the first rooter within that context\n     */\n    function catchNavigation() {\n        // Listen for 'click' events globally\n        window.addEventListener(\"click\", function (e) {\n            // Only work with trusted events on HTMLAnchorElements\n            if (!e.isTrusted || !(e.target instanceof HTMLAnchorElement))\n                return;\n            var _a = e.target, pathname = _a.pathname, search = _a.search, hash = _a.hash;\n            var pointsToCurrentPage = getLocationOrigin(e.target) === getLocationOrigin(location) && pathname === location.pathname && search === location.search;\n            // Only work with HTMLAnchorElements that navigates to a specific ID on the current page\n            if (!pointsToCurrentPage || hash == null || hash.length < 1) {\n                return;\n            }\n            // Find the nearest root, whether it be a ShadowRoot or the document itself\n            var root = findNearestRoot(e.target);\n            // Attempt to match the selector from that root. querySelector' doesn't support IDs that start with a digit, so work around that limitation\n            var elementMatch = hash.match(ID_WITH_LEADING_DIGIT_REGEXP) != null ? root.getElementById(hash.slice(1)) : root.querySelector(hash);\n            // If no selector could be found, don't proceed\n            if (elementMatch == null)\n                return;\n            // Find the nearest ancestor that can be scrolled\n            var _b = __read(findNearestAncestorsWithScrollBehavior(elementMatch), 2), behavior = _b[1];\n            // If the behavior isn't smooth, don't proceed\n            if (behavior !== \"smooth\")\n                return;\n            // Otherwise, first prevent the default action.\n            e.preventDefault();\n            // Now, scroll to the element with that ID\n            elementMatch.scrollIntoView({\n                behavior: behavior\n            });\n        });\n    }\n\n    var ELEMENT_ORIGINAL_SCROLL_INTO_VIEW = UNSUPPORTED_ENVIRONMENT ? undefined : Element.prototype.scrollIntoView;\n\n    /**\n     * The majority of this file is based on https://github.com/stipsan/compute-scroll-into-view (MIT license),\n     * but has been rewritten to accept a scroller as an argument.\n     */\n    /**\n     * Find out which edge to align against when logical scroll position is \"nearest\"\n     * Interesting fact: \"nearest\" works similarly to \"if-needed\", if the element is fully visible it will not scroll it\n     *\n     * Legends:\n     * ┌────────┐ ┏ ━ ━ ━ ┓\n     * │ target │   frame\n     * └────────┘ ┗ ━ ━ ━ ┛\n     */\n    function alignNearest(scrollingEdgeStart, scrollingEdgeEnd, scrollingSize, scrollingBorderStart, scrollingBorderEnd, elementEdgeStart, elementEdgeEnd, elementSize) {\n        /**\n         * If element edge A and element edge B are both outside scrolling box edge A and scrolling box edge B\n         *\n         *          ┌──┐\n         *        ┏━│━━│━┓\n         *          │  │\n         *        ┃ │  │ ┃        do nothing\n         *          │  │\n         *        ┗━│━━│━┛\n         *          └──┘\n         *\n         *  If element edge C and element edge D are both outside scrolling box edge C and scrolling box edge D\n         *\n         *    ┏ ━ ━ ━ ━ ┓\n         *   ┌───────────┐\n         *   │┃         ┃│        do nothing\n         *   └───────────┘\n         *    ┗ ━ ━ ━ ━ ┛\n         */\n        if ((elementEdgeStart < scrollingEdgeStart && elementEdgeEnd > scrollingEdgeEnd) ||\n            (elementEdgeStart > scrollingEdgeStart && elementEdgeEnd < scrollingEdgeEnd)) {\n            return 0;\n        }\n        /**\n         * If element edge A is outside scrolling box edge A and element height is less than scrolling box height\n         *\n         *          ┌──┐\n         *        ┏━│━━│━┓         ┏━┌━━┐━┓\n         *          └──┘             │  │\n         *  from  ┃      ┃     to  ┃ └──┘ ┃\n         *\n         *        ┗━ ━━ ━┛         ┗━ ━━ ━┛\n         *\n         * If element edge B is outside scrolling box edge B and element height is greater than scrolling box height\n         *\n         *        ┏━ ━━ ━┓         ┏━┌━━┐━┓\n         *                           │  │\n         *  from  ┃ ┌──┐ ┃     to  ┃ │  │ ┃\n         *          │  │             │  │\n         *        ┗━│━━│━┛         ┗━│━━│━┛\n         *          │  │             └──┘\n         *          │  │\n         *          └──┘\n         *\n         * If element edge C is outside scrolling box edge C and element width is less than scrolling box width\n         *\n         *       from                 to\n         *    ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *  ┌───┐                 ┌───┐\n         *  │ ┃ │       ┃         ┃   │     ┃\n         *  └───┘                 └───┘\n         *    ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         *\n         * If element edge D is outside scrolling box edge D and element width is greater than scrolling box width\n         *\n         *       from                 to\n         *    ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *        ┌───────────┐   ┌───────────┐\n         *    ┃   │     ┃     │   ┃         ┃ │\n         *        └───────────┘   └───────────┘\n         *    ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         */\n        if ((elementEdgeStart <= scrollingEdgeStart && elementSize <= scrollingSize) ||\n            (elementEdgeEnd >= scrollingEdgeEnd && elementSize >= scrollingSize)) {\n            return elementEdgeStart - scrollingEdgeStart - scrollingBorderStart;\n        }\n        /**\n         * If element edge B is outside scrolling box edge B and element height is less than scrolling box height\n         *\n         *        ┏━ ━━ ━┓         ┏━ ━━ ━┓\n         *\n         *  from  ┃      ┃     to  ┃ ┌──┐ ┃\n         *          ┌──┐             │  │\n         *        ┗━│━━│━┛         ┗━└━━┘━┛\n         *          └──┘\n         *\n         * If element edge A is outside scrolling box edge A and element height is greater than scrolling box height\n         *\n         *          ┌──┐\n         *          │  │\n         *          │  │             ┌──┐\n         *        ┏━│━━│━┓         ┏━│━━│━┓\n         *          │  │             │  │\n         *  from  ┃ └──┘ ┃     to  ┃ │  │ ┃\n         *                           │  │\n         *        ┗━ ━━ ━┛         ┗━└━━┘━┛\n         *\n         * If element edge C is outside scrolling box edge C and element width is greater than scrolling box width\n         *\n         *           from                 to\n         *        ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *  ┌───────────┐           ┌───────────┐\n         *  │     ┃     │   ┃       │ ┃         ┃\n         *  └───────────┘           └───────────┘\n         *        ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         *\n         * If element edge D is outside scrolling box edge D and element width is less than scrolling box width\n         *\n         *           from                 to\n         *        ┏ ━ ━ ━ ━ ┓         ┏ ━ ━ ━ ━ ┓\n         *                ┌───┐             ┌───┐\n         *        ┃       │ ┃ │       ┃     │   ┃\n         *                └───┘             └───┘\n         *        ┗ ━ ━ ━ ━ ┛         ┗ ━ ━ ━ ━ ┛\n         *\n         */\n        if ((elementEdgeEnd > scrollingEdgeEnd && elementSize < scrollingSize) || (elementEdgeStart < scrollingEdgeStart && elementSize > scrollingSize)) {\n            return elementEdgeEnd - scrollingEdgeEnd + scrollingBorderEnd;\n        }\n        return 0;\n    }\n    function computeScrollIntoView(target, scroller, options) {\n        var block = options.block, inline = options.inline;\n        // Used to handle the top most element that can be scrolled\n        var scrollingElement = getScrollingElement();\n        // Support pinch-zooming properly, making sure elements scroll into the visual viewport\n        // Browsers that don't support visualViewport will report the layout viewport dimensions on document.documentElement.clientWidth/Height\n        // and viewport dimensions on window.innerWidth/Height\n        // https://www.quirksmode.org/mobile/viewports2.html\n        // https://bokand.github.io/viewport/index.html\n        var viewportWidth = window.visualViewport != null ? visualViewport.width : innerWidth;\n        var viewportHeight = window.visualViewport != null ? visualViewport.height : innerHeight;\n        var viewportX = window.scrollX != null ? window.scrollX : window.pageXOffset;\n        var viewportY = window.scrollY != null ? window.scrollY : window.pageYOffset;\n        var _a = target.getBoundingClientRect(), targetHeight = _a.height, targetWidth = _a.width, targetTop = _a.top, targetRight = _a.right, targetBottom = _a.bottom, targetLeft = _a.left;\n        // These values mutate as we loop through and generate scroll coordinates\n        var targetBlock = block === \"start\" || block === \"nearest\" ? targetTop : block === \"end\" ? targetBottom : targetTop + targetHeight / 2; // block === 'center\n        var targetInline = inline === \"center\" ? targetLeft + targetWidth / 2 : inline === \"end\" ? targetRight : targetLeft; // inline === 'start || inline === 'nearest\n        var _b = scroller.getBoundingClientRect(), height = _b.height, width = _b.width, top = _b.top, right = _b.right, bottom = _b.bottom, left = _b.left;\n        var frameStyle = getComputedStyle(scroller);\n        var borderLeft = parseInt(frameStyle.borderLeftWidth, 10);\n        var borderTop = parseInt(frameStyle.borderTopWidth, 10);\n        var borderRight = parseInt(frameStyle.borderRightWidth, 10);\n        var borderBottom = parseInt(frameStyle.borderBottomWidth, 10);\n        var blockScroll = 0;\n        var inlineScroll = 0;\n        // The property existance checks for offset[Width|Height] is because only HTMLElement objects have them, but any Element might pass by here\n        // @TODO find out if the \"as HTMLElement\" overrides can be dropped\n        var scrollbarWidth = \"offsetWidth\" in scroller ? scroller.offsetWidth - scroller.clientWidth - borderLeft - borderRight : 0;\n        var scrollbarHeight = \"offsetHeight\" in scroller ? scroller.offsetHeight - scroller.clientHeight - borderTop - borderBottom : 0;\n        if (scrollingElement === scroller) {\n            // Handle viewport logic (document.documentElement or document.body)\n            if (block === \"start\") {\n                blockScroll = targetBlock;\n            }\n            else if (block === \"end\") {\n                blockScroll = targetBlock - viewportHeight;\n            }\n            else if (block === \"nearest\") {\n                blockScroll = alignNearest(viewportY, viewportY + viewportHeight, viewportHeight, borderTop, borderBottom, viewportY + targetBlock, viewportY + targetBlock + targetHeight, targetHeight);\n            }\n            else {\n                // block === 'center' is the default\n                blockScroll = targetBlock - viewportHeight / 2;\n            }\n            if (inline === \"start\") {\n                inlineScroll = targetInline;\n            }\n            else if (inline === \"center\") {\n                inlineScroll = targetInline - viewportWidth / 2;\n            }\n            else if (inline === \"end\") {\n                inlineScroll = targetInline - viewportWidth;\n            }\n            else {\n                // inline === 'nearest' is the default\n                inlineScroll = alignNearest(viewportX, viewportX + viewportWidth, viewportWidth, borderLeft, borderRight, viewportX + targetInline, viewportX + targetInline + targetWidth, targetWidth);\n            }\n            // Apply scroll position offsets and ensure they are within bounds\n            // @TODO add more test cases to cover this 100%\n            blockScroll = Math.max(0, blockScroll + viewportY);\n            inlineScroll = Math.max(0, inlineScroll + viewportX);\n        }\n        else {\n            // Handle each scrolling frame that might exist between the target and the viewport\n            if (block === \"start\") {\n                blockScroll = targetBlock - top - borderTop;\n            }\n            else if (block === \"end\") {\n                blockScroll = targetBlock - bottom + borderBottom + scrollbarHeight;\n            }\n            else if (block === \"nearest\") {\n                blockScroll = alignNearest(top, bottom, height, borderTop, borderBottom + scrollbarHeight, targetBlock, targetBlock + targetHeight, targetHeight);\n            }\n            else {\n                // block === 'center' is the default\n                blockScroll = targetBlock - (top + height / 2) + scrollbarHeight / 2;\n            }\n            if (inline === \"start\") {\n                inlineScroll = targetInline - left - borderLeft;\n            }\n            else if (inline === \"center\") {\n                inlineScroll = targetInline - (left + width / 2) + scrollbarWidth / 2;\n            }\n            else if (inline === \"end\") {\n                inlineScroll = targetInline - right + borderRight + scrollbarWidth;\n            }\n            else {\n                // inline === 'nearest' is the default\n                inlineScroll = alignNearest(left, right, width, borderLeft, borderRight + scrollbarWidth, targetInline, targetInline + targetWidth, targetWidth);\n            }\n            var scrollLeft = scroller.scrollLeft, scrollTop = scroller.scrollTop;\n            // Ensure scroll coordinates are not out of bounds while applying scroll offsets\n            blockScroll = Math.max(0, Math.min(scrollTop + blockScroll, scroller.scrollHeight - height + scrollbarHeight));\n            inlineScroll = Math.max(0, Math.min(scrollLeft + inlineScroll, scroller.scrollWidth - width + scrollbarWidth));\n        }\n        return {\n            top: blockScroll,\n            left: inlineScroll\n        };\n    }\n\n    /**\n     * Patches the 'scrollIntoView' method on the Element prototype\n     */\n    function patchElementScrollIntoView() {\n        Element.prototype.scrollIntoView = function (arg) {\n            var normalizedOptions = arg == null || arg === true\n                ? {\n                    block: \"start\",\n                    inline: \"nearest\"\n                }\n                : arg === false\n                    ? {\n                        block: \"end\",\n                        inline: \"nearest\"\n                    }\n                    : arg;\n            // Find the nearest ancestor that can be scrolled\n            var _a = __read(findNearestAncestorsWithScrollBehavior(this), 2), ancestorWithScroll = _a[0], ancestorWithScrollBehavior = _a[1];\n            var behavior = normalizedOptions.behavior != null ? normalizedOptions.behavior : ancestorWithScrollBehavior;\n            // If the behavior isn't smooth, simply invoke the original implementation and do no more\n            if (behavior !== \"smooth\") {\n                // Assert that 'scrollIntoView' is actually defined\n                if (ELEMENT_ORIGINAL_SCROLL_INTO_VIEW != null) {\n                    ELEMENT_ORIGINAL_SCROLL_INTO_VIEW.call(this, normalizedOptions);\n                }\n                // Otherwise, invoke 'scrollTo' instead and provide the scroll coordinates\n                else {\n                    var _b = computeScrollIntoView(this, ancestorWithScroll, normalizedOptions), top_1 = _b.top, left = _b.left;\n                    getOriginalScrollMethodForKind(\"scrollTo\", this).call(this, left, top_1);\n                }\n                return;\n            }\n            ancestorWithScroll.scrollTo(__assign({ behavior: behavior }, computeScrollIntoView(this, ancestorWithScroll, normalizedOptions)));\n        };\n        // On IE11, HTMLElement has its own declaration of scrollIntoView and does not inherit this from the prototype chain, so we'll need to patch that one too.\n        if (HTMLElement.prototype.scrollIntoView != null && HTMLElement.prototype.scrollIntoView !== Element.prototype.scrollIntoView) {\n            HTMLElement.prototype.scrollIntoView = Element.prototype.scrollIntoView;\n        }\n    }\n\n    var ELEMENT_ORIGINAL_SCROLL_TOP_SET_DESCRIPTOR = UNSUPPORTED_ENVIRONMENT\n        ? undefined\n        : Object.getOwnPropertyDescriptor(Element.prototype, \"scrollTop\").set;\n\n    /**\n     * Patches the 'scrollTop' property descriptor on the Element prototype\n     */\n    function patchElementScrollTop() {\n        Object.defineProperty(Element.prototype, \"scrollTop\", {\n            set: function (scrollTop) {\n                if (this.__adjustingScrollPosition) {\n                    return ELEMENT_ORIGINAL_SCROLL_TOP_SET_DESCRIPTOR.call(this, scrollTop);\n                }\n                handleScrollMethod(this, \"scrollTo\", this.scrollLeft, scrollTop);\n                return scrollTop;\n            }\n        });\n    }\n\n    var ELEMENT_ORIGINAL_SCROLL_LEFT_SET_DESCRIPTOR = UNSUPPORTED_ENVIRONMENT\n        ? undefined\n        : Object.getOwnPropertyDescriptor(Element.prototype, \"scrollLeft\").set;\n\n    /**\n     * Patches the 'scrollLeft' property descriptor on the Element prototype\n     */\n    function patchElementScrollLeft() {\n        Object.defineProperty(Element.prototype, \"scrollLeft\", {\n            set: function (scrollLeft) {\n                if (this.__adjustingScrollPosition) {\n                    return ELEMENT_ORIGINAL_SCROLL_LEFT_SET_DESCRIPTOR.call(this, scrollLeft);\n                }\n                handleScrollMethod(this, \"scrollTo\", scrollLeft, this.scrollTop);\n                return scrollLeft;\n            }\n        });\n    }\n\n    /**\n     * Applies the polyfill\n     */\n    function patch() {\n        // Element.prototype methods\n        patchElementScroll();\n        patchElementScrollBy();\n        patchElementScrollTo();\n        patchElementScrollIntoView();\n        // Element.prototype descriptors\n        patchElementScrollLeft();\n        patchElementScrollTop();\n        // window methods\n        patchWindowScroll();\n        patchWindowScrollBy();\n        patchWindowScrollTo();\n        // Navigation\n        catchNavigation();\n    }\n\n    /**\n     * Is true if the browser natively supports the Element.prototype.[scroll|scrollTo|scrollBy|scrollIntoView] methods\n     * @type {boolean}\n     */\n    var SUPPORTS_ELEMENT_PROTOTYPE_SCROLL_METHODS = UNSUPPORTED_ENVIRONMENT\n        ? false\n        : \"scroll\" in Element.prototype && \"scrollTo\" in Element.prototype && \"scrollBy\" in Element.prototype && \"scrollIntoView\" in Element.prototype;\n\n    if (!UNSUPPORTED_ENVIRONMENT && (!SUPPORTS_SCROLL_BEHAVIOR || !SUPPORTS_ELEMENT_PROTOTYPE_SCROLL_METHODS)) {\n        patch();\n    }\n\n}());\n//# sourceMappingURL=index.js.map\n"]}

package/dist/nano-components/p-56364566.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as n,e as c,g as a}from"./p-7a6bc3c5.js";import{c as t}from"./p-d3af43d2.js";import{f as r}from"./p-c14d5f7d.js";let i=0;const s=class{constructor(n){e(this,n),this.nanoChange=o(this,"nanoChange",7),this.nanoFocus=o(this,"nanoFocus",7),this.nanoBlur=o(this,"nanoBlur",7),this.inputId="nano-cb-"+i++,this.inputType="checkbox",this.hasFocus=!1,this.checked=!1,this.disabled=!1,this.value="on",this.required=!1,this.type="checkbox",this.indeterminate=!1,this.invalid=!1,this.handleChange=e=>{this.checked=e.target.checked,this.indeterminate=!1},this.handleFocus=()=>{this.hasFocus=!0,this.nanoFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.nanoBlur.emit()}}async handleCheckedChange(){if(this.input.checked=this.checked,"radio"===this.inputType&&this.name&&this.checked){let e,o=this.host.closest("form");e=o?Array.from(o.querySelectorAll(`nano-checkbox[name="${this.name}"]`)):Array.from(document.querySelectorAll(`nano-checkbox[name="${this.name}"]`)).filter((e=>!e.closest("form"))),e.map((e=>{e!==this.host&&(e.checked=!1)}))}this.nanoChange.emit({value:this.value,checked:this.checked})}typeChange(){this.inputType="checkbox"===this.type||"tag"===this.type?"checkbox":"radio"}handleIndeterminateChange(){this.checked=!1,this.input.indeterminate=this.indeterminate}async getInputElement(){if(this.input)return this.input}async reportError(){return this.input.reportValidity()}async setError(e){this.input&&this.input.setCustomValidity(e)}async setFocus(){this.input&&(this.input.focus(),r.force(this.input))}async removeFocus(){this.input&&(this.input.blur(),r.force(this.input,!1))}handleInvalid(e){this.invalid=!e.target.validity.valid}isRadioChecked(){setTimeout((()=>this.checked=this.input.checked),20)}componentWillLoad(){this.typeChange()}componentDidLoad(){this.input.indeterminate=this.indeterminate,this.isRadioChecked(),r.observe(this.input)}disconnectedCallback(){r.unobserve(this.input)}render(){const e=this.inputId+"-lbl";let o="rtl"===this.host.ownerDocument.dir;return n(c,{class:Object.assign({},t(this.color)),dir:o?"rtl":null},n("label",{class:{nanocb:!0,"nanocb--checked":this.checked,"nanocb--disabled":this.disabled,"nanocb--focused":this.hasFocus,"nanocb--indeterminate":this.indeterminate},htmlFor:this.inputId},n("input",{type:this.inputType,name:this.name,required:this.required,checked:this.checked,disabled:this.disabled,value:this.value,"aria-labelledby":e,onBlur:this.handleBlur,onFocus:this.handleFocus,onChange:this.handleChange,ref:e=>this.input=e,id:this.inputId,onInvalid:this.handleInvalid}),n("span",{class:"nanocb__input nanocb__input--"+this.type}),n("div",{id:e,class:"nanocb__label nanocb__label--"+this.type},this.label&&!!this.label.length&&n("span",null,this.label),n("slot",null))))}get host(){return a(this)}static get watchers(){return{checked:["handleCheckedChange"],type:["typeChange"],indeterminate:["handleIndeterminateChange"]}}};s.style='.sc-nano-checkbox-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-checkbox,*.sc-nano-checkbox::before,*.sc-nano-checkbox::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-checkbox:export{screen:1000}.sc-nano-checkbox-h{--focus-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));--padding:initial;--check-bg-color:#fff;--check-border-style:1px solid #b5aea7;--check-checked-bg-color:#455556;--check-checked-border-color:#455556;--check-checked-higlight-color:#fff;--check-base-size:inherit;--tagbox-rgb:144, 198, 231;--tagbox-border-color:rgba(var(--tagbox-rgb), .5);--tagbox-bg-color:rgba(var(--tagbox-rgb), .2);--tagbox-border-radius:0;--segment-color:#0084a9;--segment-border-radius:3px;--segment-shadow:0 1px 4px rgba(0,0,0,.2);--cb-border-radius:2px;--radio-border-radius:50%;display:inline-block;max-width:100%}.sc-nano-checkbox-h *.sc-nano-checkbox{-webkit-box-sizing:inherit;box-sizing:inherit}[type=tag].sc-nano-checkbox-h{text-transform:uppercase;--control-padding:.2rem 1rem}[type=segment].sc-nano-checkbox-h{--check-border-style:none;--control-padding:0.7em 1em 0.7em 1em}[type=segment-pill].sc-nano-checkbox-h{--check-border-style:1px solid rgba(181, 174, 167, 0.5);--segment-border-radius:5px;--control-padding:0.7em 1em 0.7em 1em}.nano-color.sc-nano-checkbox-h{--tagbox-rgb:var(--nano-color-base-rgb);--focus-shadow:0 0 0 0.1875rem var(--nano-color-shade)}[checked].sc-nano-checkbox-h:not([checked=false]){--tagbox-border-color:rgba(var(--tagbox-rgb), .8);--tagbox-bg-color:rgba(var(--tagbox-rgb), .5)}[has-focus].sc-nano-checkbox-h:not([has-focus=false]){--cb-border-radius:5px}[disabled].sc-nano-checkbox-h:not([disabled=false]){opacity:0.7;--tagbox-rgb:104, 117, 118;--check-bg-color:rgba(104, 117, 118, 0.5);--check-checked-bg-color:rgba(104, 117, 118, 0.5);--segment-color:#455556}.nanocb.sc-nano-checkbox{padding:var(--padding);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.2;position:relative}.nanocb__input.sc-nano-checkbox{border-radius:var(--cb-border-radius, 3px);font-size:var(--check-base-size);position:relative;height:1.5em;width:1.5em;min-width:1.5em;border:var(--check-border-style);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);box-shadow:0 1px 4px rgba(0, 0, 0, 0.2)}.nanocb__input.sc-nano-checkbox::before{border-radius:var(--cb-border-radius);position:absolute;content:"";left:0.625em;top:0.625em;width:0px;height:0px;border:2px solid var(--check-checked-higlight-color);-webkit-transform:scale(0);transform:scale(0)}.nanocb__input--radio.sc-nano-checkbox{border-radius:var(--radio-border-radius);background-color:var(--check-bg-color)}.nanocb__input--checkbox.sc-nano-checkbox{background-color:var(--check-bg-color)}.nanocb__input--checkbox.sc-nano-checkbox::after{border-radius:var(--cb-border-radius);position:absolute;content:"";left:0.75em;top:0.75em;height:0px;width:0px;border:solid var(--check-checked-higlight-color);border-width:0 0.1875em 0.1875em 0;-webkit-transform:rotate(0deg) scale(0);transform:rotate(0deg) scale(0);opacity:1;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.nanocb--indeterminate.sc-nano-checkbox .nanocb__input--checkbox.sc-nano-checkbox::after{border-width:0 0 0.1875em 0}.nanocb__input--segment.sc-nano-checkbox,.nanocb__input--segment-pill.sc-nano-checkbox{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.nanocb__input--segment.sc-nano-checkbox::before,.nanocb__input--segment-pill.sc-nano-checkbox::before{display:none}.nanocb__input--tag.sc-nano-checkbox{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.nanocb__input--tag.sc-nano-checkbox::before{display:none}.nanocb.sc-nano-checkbox input.sc-nano-checkbox{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:focus~.nanocb__input.sc-nano-checkbox{-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.2), var(--focus-shadow);box-shadow:0 0 15px rgba(0, 0, 0, 0.2), var(--focus-shadow)}.nanocb.sc-nano-checkbox input.focus-visible.sc-nano-checkbox:focus~.nanocb__input--tag.sc-nano-checkbox+.nanocb__label.sc-nano-checkbox,.nanocb.sc-nano-checkbox input.focus-visible.sc-nano-checkbox:focus~.nanocb__input--segment.sc-nano-checkbox+.nanocb__label.sc-nano-checkbox,.nanocb.sc-nano-checkbox input.focus-visible.sc-nano-checkbox:focus~.nanocb__input--segment-pill.sc-nano-checkbox+.nanocb__label.sc-nano-checkbox{-webkit-box-shadow:var(--focus-shadow);box-shadow:var(--focus-shadow);z-index:1}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input.sc-nano-checkbox{border-radius:var(--cb-border-radius);background-color:var(--check-checked-bg-color);-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;border:0.125em solid var(--check-checked-border-color)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--segment.sc-nano-checkbox+.nanocb__label.sc-nano-checkbox,.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--segment-pill.sc-nano-checkbox+.nanocb__label.sc-nano-checkbox{color:var(--check-checked-higlight-color);background-color:var(--check-checked-bg-color);-webkit-box-shadow:inset 0 3px 4px rgba(0, 0, 0, 0.2);box-shadow:inset 0 3px 4px rgba(0, 0, 0, 0.2)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--radio.sc-nano-checkbox{border-radius:var(--radio-border-radius);border-width:0.3125em;background-color:var(--check-checked-higlight-color)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--radio.sc-nano-checkbox::after{border:solid var(--check-checked-border-color);border-width:0 0.125em 0.125em 0;opacity:0}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--radio.sc-nano-checkbox::before{border-radius:var(--radio-border-radius)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--checkbox.sc-nano-checkbox::after{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1;left:0.475em;top:0.1875em;width:0.375em;height:0.75em;border-radius:0}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:checked~.nanocb__input--tag.sc-nano-checkbox+.nanocb__label.sc-nano-checkbox::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input--checkbox.sc-nano-checkbox{border-radius:var(--input-border-radius, 5px);background-color:var(--check-checked-bg-color);-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;border:0.125em solid var(--check-checked-bg-color)}.nanocb.sc-nano-checkbox input.sc-nano-checkbox:indeterminate~.nanocb__input--checkbox.sc-nano-checkbox::after{-webkit-transform:scale(1);transform:scale(1);opacity:1;left:0.3125em;top:0px;width:0.7em;height:0.7em;border-radius:0}.nanocb__label.sc-nano-checkbox{padding-left:10px;padding-right:0;padding-top:0;padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-stretch:condensed;line-height:1;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nanocb__label.sc-nano-checkbox{padding-left:unset;padding-right:unset;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:0;padding-inline-end:0}}.nanocb__label--segment.sc-nano-checkbox,.nanocb__label--segment-pill.sc-nano-checkbox{border:var(--check-border-style);border-radius:var(--segment-border-radius);-webkit-box-shadow:var(--segment-shadow);box-shadow:var(--segment-shadow);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:var(--control-padding);background:var(--check-bg-color);color:var(--segment-color);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.sc-nano-checkbox-h:first-of-type:not([dir=rtl]) .nanocb__label--segment-pill.sc-nano-checkbox{border-radius:var(--segment-border-radius) 0 0 var(--segment-border-radius);border-right:none}.sc-nano-checkbox-h:first-of-type[dir=rtl] .nanocb__label--segment-pill.sc-nano-checkbox{border-radius:0 var(--segment-border-radius) var(--segment-border-radius) 0;border-left:none}.sc-nano-checkbox-h:not(:last-of-type):not(:first-of-type):not([dir=rtl]) .nanocb__label--segment-pill.sc-nano-checkbox{border-radius:0 0 0 0;border-right:none}.sc-nano-checkbox-h:not(:last-of-type):not(:first-of-type)[dir=rtl] .nanocb__label--segment-pill.sc-nano-checkbox{border-left:none}.sc-nano-checkbox-h:last-of-type:not([dir=rtl]) .nanocb__label--segment-pill.sc-nano-checkbox{border-radius:0 var(--segment-border-radius) var(--segment-border-radius) 0}.sc-nano-checkbox-h:last-of-type[dir=rtl] .nanocb__label--segment-pill.sc-nano-checkbox{border-radius:var(--segment-border-radius) 0 0 var(--segment-border-radius)}.sc-nano-checkbox-h:first-of-type:last-of-type .nanocb__label--segment-pill.sc-nano-checkbox{border-radius:var(--segment-border-radius);border:var(--check-border-style)}.nanocb__label--tag.sc-nano-checkbox{letter-spacing:2px;font-weight:500;font-size:0.65em;line-height:1.4;padding:var(--control-padding);border:2px solid #b5aea7;border-color:var(--tagbox-border-color);background-color:var(--tagbox-bg-color);-webkit-transition:all 0.2s;transition:all 0.2s;border-radius:var(--cb-border-radius);width:100%}.nanocb__label--tag.sc-nano-checkbox::after{content:"+";margin-left:0.3125em;margin-right:0;margin-top:0;margin-bottom:0;font-weight:200;position:relative;font-family:inherit;font-size:1.8em;display:inline-block;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:center;transform-origin:center}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.nanocb__label--tag.sc-nano-checkbox::after{margin-left:unset;margin-right:unset;-webkit-margin-start:0.3125em;margin-inline-start:0.3125em;-webkit-margin-end:0;margin-inline-end:0}}.nanocb__label--tag.sc-nano-checkbox span.sc-nano-checkbox{display:block}';export{s as nano_checkbox}
-//# sourceMappingURL=p-56364566.entry.js.map

package/dist/nano-components/p-56364566.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/checkbox/checkbox.tsx","src/components/checkbox/checkbox.scss?tag=nano-checkbox&encapsulation=scoped"],"names":["checkboxIds","Checkbox","[object Object]","hostRef","this","inputId","inputType","hasFocus","checked","disabled","value","required","type","indeterminate","invalid","handleChange","ev","target","handleFocus","nanoFocus","emit","handleBlur","nanoBlur","input","name","radios","form","host","closest","Array","from","querySelectorAll","document","filter","radio","map","el","nanoChange","reportValidity","message","setCustomValidity","focus","focusVisible","force","blur","validity","valid","setTimeout","typeChange","isRadioChecked","observe","unobserve","labelId","isRtl","ownerDocument","dir","h","Host","class","Object","assign","createColorClasses","color","nanocb","nanocb--checked","nanocb--disabled","nanocb--focused","nanocb--indeterminate","htmlFor","aria-labelledby","onBlur","onFocus","onChange","ref","id","onInvalid","handleInvalid","label","length"],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  h,\n  ComponentInterface,\n  State,\n  Watch,\n  Method,\n  Element,\n  Host,\n} from '@stencil/core';\nimport { CheckboxChangeEventDetail } from '../../interface';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils/utils';\nimport { focusVisible } from '../../utils/focus-visible';\n\nlet checkboxIds = 0;\n\n/**\n * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.\n * They appear as checked when activated.\n * They can be checked by mouse, keyboard, touch or programmatically by setting the checked property.\n *\n * @slot - if you do not set a label attribute, you can use this slot for more complex markup\n */\n@Component({\n  tag: 'nano-checkbox',\n  styleUrl: 'checkbox.scss',\n  scoped: true,\n})\nexport class Checkbox implements ComponentInterface {\n  private inputId = `nano-cb-${checkboxIds++}`;\n  private input: HTMLInputElement;\n\n  @Element() private host: HTMLNanoCheckboxElement;\n\n  @State() inputType: 'checkbox' | 'radio' = 'checkbox';\n\n  /** @internal */\n  @Prop({ mutable: true, reflect: true }) hasFocus = false;\n\n  /**\n   * checked property that can be used to get/set the value. accepts only boolean values\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  @Watch('checked')\n  async handleCheckedChange() {\n    this.input.checked = this.checked;\n\n    if (this.inputType === 'radio' && this.name && this.checked) {\n      let form = this.host.closest('form');\n      let radios: Element[];\n      if (form) {\n        radios = Array.from(\n          form.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        );\n      } else {\n        radios = Array.from(\n          document.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        ).filter((radio) => !radio.closest('form'));\n      }\n      radios.map((el: HTMLNanoCheckboxElement) => {\n        if (el !== this.host) el.checked = false;\n      });\n    }\n    this.nanoChange.emit({ value: this.value, checked: this.checked });\n  }\n\n  /**\n   * If `true`, the user cannot interact with the checkbox.\n   */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean = false;\n\n  /**\n   * The value of a checkbox is analogous to the value of an `<input type='checkbox'>`,\n   * it's only present when `checked` is true.\n   */\n  @Prop() value: string = 'on';\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string;\n\n  /**\n   * Set to true to make the field required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Controls the underlying field type and style.\n   */\n  @Prop({ reflect: true }) type:\n    | 'radio'\n    | 'checkbox'\n    | 'tag'\n    | 'segment'\n    | 'segment-pill' = 'checkbox';\n\n  @Watch('type')\n  typeChange() {\n    if (this.type === 'checkbox' || this.type === 'tag')\n      this.inputType = 'checkbox';\n    else this.inputType = 'radio';\n  }\n\n  /**\n   * label property that can be used to set the label text. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")\n   */\n  @Prop({ mutable: true, reflect: true }) indeterminate: boolean = false;\n\n  @Watch('indeterminate')\n  handleIndeterminateChange() {\n    this.checked = false;\n    this.input.indeterminate = this.indeterminate;\n  }\n\n  /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set.\n   */\n  @Prop({ mutable: true, reflect: true }) invalid = false;\n\n  /**\n   * Color to use from your application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Emited when the checkbox is toggled\n   */\n  @Event() nanoChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  /**\n   * Emited when the checkbox is focused\n   */\n  @Event() nanoFocus: EventEmitter;\n\n  /**\n   * Emited when the checkbox is blurred\n   */\n  @Event() nanoBlur: EventEmitter;\n\n  // public methods\n\n  /**\n   * Returns the native input control\n   */\n  @Method()\n  async getInputElement() {\n    if (this.input) return this.input;\n  }\n\n  /**\n   * Checks for validity and shows the browser's validation message if the control is invalid.\n   */\n  @Method()\n  async reportError() {\n    return this.input.reportValidity();\n  }\n\n  /**\n   * Sets a custom validation message.\n   * If `message` is not empty, the field will be considered invalid. Use in conjunction with `nano-checkbox-group`\n   */\n  @Method()\n  async setError(message: string) {\n    if (!this.input) return;\n    this.input.setCustomValidity(message);\n  }\n\n  /**\n   * Sets focus on the checkbox.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) {\n      this.input.focus();\n      focusVisible.force(this.input);\n    }\n  }\n\n  /**\n   * Removes focus from the checkbox.\n   */\n  @Method()\n  async removeFocus() {\n    if (this.input) {\n      this.input.blur();\n      focusVisible.force(this.input, false);\n    }\n  }\n\n  // private handlers\n\n  private handleInvalid(ev: Event) {\n    this.invalid = !(ev.target as HTMLInputElement).validity.valid;\n  }\n\n  private handleChange = (ev: InputEvent) => {\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.indeterminate = false;\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  };\n\n  /* Although many radio components can be 'checked',\n  the underlying control may not be. Check */\n  private isRadioChecked() {\n    setTimeout(() => (this.checked = this.input.checked), 20);\n  }\n\n  // Stencil hooks\n\n  componentWillLoad() {\n    this.typeChange();\n  }\n\n  componentDidLoad() {\n    this.input.indeterminate = this.indeterminate;\n    this.isRadioChecked();\n    focusVisible.observe(this.input);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.input);\n  }\n\n  render() {\n    const labelId = this.inputId + '-lbl';\n    let isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        dir={isRtl ? 'rtl' : null}\n      >\n        <label\n          class={{\n            nanocb: true,\n            'nanocb--checked': this.checked,\n            'nanocb--disabled': this.disabled,\n            'nanocb--focused': this.hasFocus,\n            'nanocb--indeterminate': this.indeterminate,\n          }}\n          htmlFor={this.inputId}\n        >\n          <input\n            type={this.inputType}\n            name={this.name}\n            required={this.required}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            aria-labelledby={labelId}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onChange={this.handleChange}\n            ref={(input) => (this.input = input)}\n            id={this.inputId}\n            onInvalid={this.handleInvalid}\n          />\n          <span class={'nanocb__input nanocb__input--' + this.type}></span>\n\n          <div id={labelId} class={'nanocb__label nanocb__label--' + this.type}>\n            {this.label && !!this.label.length && <span>{this.label}</span>}\n            <slot />\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n","@import \"../../global/style/utilities/globals\";\n@import \"../../global/style/nano-theme/form\";\n@import \"../../global/style/nano-theme/base\";\n\n:host {\n  /**\n   * @prop --focus-shadow: Control focus box-shadow. Defaults to to #{$control-focus-style};\n   * @prop --padding: padding around radio and checkbox controls. Defaults to initial;\n   * @prop --control-padding: padding around tag and segmented controls text. Various defaults.\n\n   * @prop --check-bg-color: Initial Bg color of radio / checkbox controls. Changes for [checked] and [disabled] states. Defaults to #{$color-white};\n   * @prop --check-border-style: Initial border style. Defaults to 1px solid #{$color-palegrey};\n   * @prop --check-checked-bg-color: Checked bg of controls (not tag). Defaults to #{$color-darkgrey};\n   * @prop --check-checked-border-color: Checked border color of radio / checkbox controls. Defaults to #{$color-darkgrey};\n   * @prop --check-checked-higlight-color: Checked forgrdound / icon color. Defaults to #{$color-white};\n   * @prop --check-base-size: Relative scaling size for check controls. Defaults to to inherit;\n\n   * @prop --cb-border-radius: Checkbox border radius. Defaults to to 2px and 5px on [has-focus];\n   * @prop --radio-border-radius: Radio border radius. Defaults to to 50%;\n   * @prop --tagbox-rgb: an rba list for tags which can be used to generate --tagbox-border-color and --tagbox-bg-color. Defaults to #{color-to-rgb-list($color-lightblue)};\n   * @prop --tagbox-border-color: Defaults to rgba(var(--tagbox-rgb), .5);\n   * @prop --tagbox-bg-color: Defaults to rgba(var(--tagbox-rgb), .1);\n   * @prop --segment-color: Segment, unselected text color. (selected color is --check-checked-higlight-color). Defaults to #{$color-blue};\n   * @prop --segment-border-radius: Defaults to 3px;\n   * @prop --segment-shadow: 0 1px 4px rgba(0,0,0,.2);\n  */\n\n  --focus-shadow: #{$control-focus-style};\n  --padding: initial;\n\n  --check-bg-color: #{$color-white};\n  --check-border-style: 1px solid #{$color-palegrey};\n  --check-checked-bg-color: #{$color-darkgrey};\n  --check-checked-border-color: #{$color-darkgrey};\n  --check-checked-higlight-color: #{$color-white};\n  --check-base-size: inherit;\n\n  // type specific\n\n  --tagbox-rgb: #{color-to-rgb-list($color-lightblue)};\n  --tagbox-border-color: rgba(var(--tagbox-rgb), .5);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), .2);\n  --tagbox-border-radius: 0;\n\n  --segment-color: #{$color-blue};\n  --segment-border-radius: 3px;\n  --segment-shadow: 0 1px 4px rgba(0,0,0,.2);\n\n  --cb-border-radius: 2px;\n\n  --radio-border-radius: 50%;\n\n  display: inline-block;\n  max-width: 100%;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\n:host([type=\"tag\"]) {\n  text-transform: uppercase;\n  --control-padding: .2rem 1rem;\n}\n\n:host([type=\"segment\"]) {\n  --check-border-style: none;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host([type=\"segment-pill\"]) {\n  --check-border-style: 1px solid #{rgba($color-palegrey, .5)};\n  --segment-border-radius: 5px;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host(.nano-color) {\n  --tagbox-rgb: var(--nano-color-base-rgb);\n  --focus-shadow: #{$control-focus-size} var(--nano-color-shade);\n}\n\n:host([checked]:not([checked=\"false\"])) {\n  --tagbox-border-color: rgba(var(--tagbox-rgb), .8);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), .5);\n}\n\n:host([has-focus]:not([has-focus=\"false\"])) {\n  --cb-border-radius: 5px;\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  opacity: 0.7;\n  --tagbox-rgb: #{color-to-rgb-list($color-mediumgrey)};\n  --check-bg-color: #{rgba($color-mediumgrey, 0.5)};\n  --check-checked-bg-color: #{rgba($color-mediumgrey, 0.5)};\n  --segment-color: #{$color-darkgrey};\n}\n\n.nanocb {\n  padding: var(--padding);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &__input {\n    @include border-radius(var(--cb-border-radius, 3px));\n    font-size: var(--check-base-size);\n    position: relative;\n    height: 1.5em;\n    width: 1.5em;\n    min-width: 1.5em;\n    border: var(--check-border-style);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n\n    &::before {\n      @include border-radius(var(--cb-border-radius));\n      position: absolute;\n      content: \"\";\n      left: 0.625em;\n      top: 0.625em;\n      width: 0px;\n      height: 0px;\n      border: 2px solid var(--check-checked-higlight-color);\n      transform: scale(0);\n    }\n\n    &--radio {\n      @include border-radius(var(--radio-border-radius));\n      background-color: var(--check-bg-color);\n    }\n\n    &--checkbox {\n      background-color: var(--check-bg-color);\n\n      &::after {\n        @include border-radius(var(--cb-border-radius));\n        position: absolute;\n        content: \"\";\n        left: 0.75em;\n        top: 0.75em;\n        height: 0px;\n        width: 0px;\n        border: solid var(--check-checked-higlight-color);\n        border-width: 0 0.1875em 0.1875em 0;\n        transform: rotate(0deg) scale(0);\n        opacity: 1;\n        transition: all 0.15s ease-out;\n\n        .nanocb--indeterminate & {\n          border-width: 0 0 0.1875em 0;\n        }\n      }\n    }\n\n    &--segment, &--segment-pill {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n\n    &--tag {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n\n  input {\n    @include visually-hide();\n\n    &:focus ~ .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--focus-shadow);\n    }\n\n    &.focus-visible:focus ~ .nanocb__input {\n      &--tag + .nanocb__label, &--segment + .nanocb__label, &--segment-pill + .nanocb__label {\n        box-shadow: var(--focus-shadow);\n        z-index: 1;\n      }\n    }\n\n    &:checked ~ .nanocb__input {\n      @include border-radius(var(--cb-border-radius));\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-border-color);\n\n      &--segment + .nanocb__label, &--segment-pill + .nanocb__label {\n        color: var(--check-checked-higlight-color);\n        background-color: var(--check-checked-bg-color);\n        box-shadow: inset 0 3px 4px rgba(0,0,0,.2);\n      }\n\n      &--radio {\n        border-radius: var(--radio-border-radius);\n        border-width: 0.3125em;\n        background-color: var(--check-checked-higlight-color);\n\n        &::after {\n          border: solid var(--check-checked-border-color);\n          border-width: 0 0.125em 0.125em 0;\n          opacity: 0;\n        }\n\n        &::before {\n          border-radius: var(--radio-border-radius);\n        }\n      }\n\n      &--checkbox {\n        &::after {\n          transform: rotate(45deg) scale(1);\n          opacity: 1;\n          left: 0.475em;\n          top: 0.1875em;\n          width: 0.375em;\n          height: 0.75em;\n          border-radius: 0;\n        }\n      }\n\n      &--tag + .nanocb__label::after {\n        transform: rotate(45deg);\n      }\n    }\n\n    &:indeterminate ~ .nanocb__input--checkbox {\n      @include border-radius(var(--input-border-radius, 5px));\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-bg-color);\n\n      &::after {\n        transform: scale(1);\n        opacity: 1;\n        left: 0.3125em;\n        top: 0px;\n        width: 0.7em;\n        height: 0.7em;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &__label {\n    @include padding(0, 0, 0, 10px);\n    display: flex;\n    align-items: center;\n    font-stretch: condensed;\n    line-height: 1;\n    flex: 1;\n    justify-content: space-between;\n\n    &--segment, &--segment-pill {\n      border: var(--check-border-style);\n      border-radius: var(--segment-border-radius);\n      box-shadow: var(--segment-shadow);\n      display: inline-flex;\n      padding: var(--control-padding);\n      background: var(--check-bg-color);\n      color: var(--segment-color);\n      align-items: center;\n      width: 100%;\n    }\n\n    &--segment-pill {\n      // first\n      @include ltr-host(':first-of-type') {\n        border-radius: var(--segment-border-radius) 0 0 var(--segment-border-radius);\n        border-right: none;\n      }\n      @include rtl-host(':first-of-type') {\n        border-radius: 0 var(--segment-border-radius) var(--segment-border-radius) 0;\n        border-left: none;\n      }\n      // middle\n      @include ltr-host(':not(:last-of-type):not(:first-of-type)') {\n        border-radius: 0 0 0 0;\n        border-right: none;\n      }\n      @include rtl-host(':not(:last-of-type):not(:first-of-type)') {\n        border-left: none;\n      }\n      // last\n      @include ltr-host(':last-of-type') {\n        border-radius: 0 var(--segment-border-radius) var(--segment-border-radius) 0;\n      }\n      @include rtl-host(':last-of-type') {\n        border-radius: var(--segment-border-radius) 0 0 var(--segment-border-radius);\n      }\n      // single\n      @include host(':first-of-type:last-of-type') {\n        border-radius: var(--segment-border-radius);\n        border: var(--check-border-style);\n      }\n    }\n\n    &--tag {\n      letter-spacing: 2px;\n      font-weight: 500;\n      font-size: .65em;\n      line-height: 1.4;\n      padding: var(--control-padding);\n      border: 2px solid #b5aea7;\n      border-color: var(--tagbox-border-color);\n      background-color: var(--tagbox-bg-color);\n      transition: all 0.2s;\n      border-radius: var(--cb-border-radius);\n      width: 100%;\n\n      &::after {\n        content: \"+\";\n        @include margin(0, 0, 0, .3125em);\n        font-weight: 200;\n        position: relative;\n        font-family: inherit;\n        font-size: 1.8em;\n        display: inline-block;\n        transform: rotate(0deg);\n        transform-origin: center;\n      }\n\n      span {\n        display: block;\n      }\n    }\n  }\n}\n"]}

package/dist/nano-components/p-563b0b74.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,o,e,i){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{p(i.next(t))}catch(o){r(o)}}function s(t){try{p(i["throw"](t))}catch(o){r(o)}}function p(t){t.done?e(t.value):n(t.value).then(a,s)}p((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return p([t,o])}}function p(a){if(i)throw new TypeError("Generator is already executing.");while(e)try{if(i=1,n&&(r=a[0]&2?n["return"]:a[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;if(n=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;n=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){e.label=a[1];break}if(a[0]===6&&e.label<r[1]){e.label=r[1];r=a;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(a);break}if(r[2])e.ops.pop();e.trys.pop();continue}a=o.call(t,e)}catch(s){a=[6,s];n=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,o){for(var e=0,i=o.length,n=t.length;e<i;e++,n++)t[n]=o[e];return t};System.register(["./p-3b21dfce.system.js","./p-93b1eeea.system.js"],(function(t){"use strict";var o,e,i,n,r,a;return{setters:[function(t){o=t.r;e=t.c;i=t.h;n=t.e;r=t.g},function(t){a=t.P}],execute:function(){var s=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--max-width:20rem;--hide-delay:0s;--hide-duration:0.125s;--hide-timing-function:ease;--show-delay:0.125s;--show-duration:0.125s;--show-timing-function:ease;display:contents}.tooltip{max-width:var(--max-width);border-radius:var(--nano-tooltip-border-radius, var(--nano-border-radius-small, 2px));background-color:black;font-size:var(--nano-fontsize-small, 0.875rem);line-height:1.5;color:white;opacity:0;padding:var(--nano-tooltip-padding, var(--nano-spacing-xsmall, 4px) var(--nano-spacing-small, 8px));-webkit-transform:translateY(10px) translateZ(0);transform:translateY(10px) translateZ(0);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:opacity, transform;transition-property:opacity, transform, -webkit-transform;-webkit-transition-delay:var(--hide-delay);transition-delay:var(--hide-delay);-webkit-transition-duration:var(--hide-duration);transition-duration:var(--hide-duration);-webkit-transition-timing-function:var(--hide-timing-function);transition-timing-function:var(--hide-timing-function);white-space:normal}.tooltip::after{content:"";position:absolute;width:0;height:0;color:black}.tooltip-positioner{position:absolute;z-index:var(--nano-layer-index-tooltip, 1000);pointer-events:none}.tooltip-positioner[data-popper-placement^=top] .tooltip{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:translateY(-10px) translateZ(0);transform:translateY(-10px) translateZ(0)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip{-webkit-transform-origin:top;transform-origin:top}.tooltip-positioner[data-popper-placement^=left] .tooltip{-webkit-transform-origin:right;transform-origin:right}.tooltip-positioner[data-popper-placement^=right] .tooltip{-webkit-transform-origin:left;transform-origin:left}.tooltip-positioner.popover-visible .tooltip{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:var(--show-delay);transition-delay:var(--show-delay);-webkit-transition-duration:var(--show-duration);transition-duration:var(--show-duration);-webkit-transition-timing-function:var(--show-timing-function);transition-timing-function:var(--show-timing-function)}.tooltip-positioner[data-popper-placement^=bottom] .tooltip::after{bottom:100%;left:calc(50% - 5px);border-bottom:5px solid;border-left:5px solid transparent;border-right:5px solid transparent}.tooltip-positioner[data-popper-placement=bottom-start] .tooltip::after{left:5px}.tooltip-positioner[data-popper-placement=bottom-end] .tooltip::after{right:5px;left:auto}.tooltip-positioner[data-popper-placement^=top] .tooltip::after{top:100%;left:calc(50% - 5px);border-top:5px solid;border-left:5px solid transparent;border-right:5px solid transparent}.tooltip-positioner[data-popper-placement=top-start] .tooltip::after{left:5px}.tooltip-positioner[data-popper-placement=top-end] .tooltip::after{right:5px;left:auto}.tooltip-positioner[data-popper-placement^=left] .tooltip::after{top:calc(50% - 5px);left:100%;border-left:5px solid;border-top:5px solid transparent;border-bottom:5px solid transparent}.tooltip-positioner[data-popper-placement=left-start] .tooltip::after{top:5px}.tooltip-positioner[data-popper-placement=left-end] .tooltip::after{top:auto;bottom:5px}.tooltip-positioner[data-popper-placement^=right] .tooltip::after{top:calc(50% - 5px);right:100%;border-right:5px solid;border-top:5px solid transparent;border-bottom:5px solid transparent}.tooltip-positioner[data-popper-placement=right-start] .tooltip::after{top:5px}.tooltip-positioner[data-popper-placement=right-end] .tooltip::after{top:auto;bottom:5px}';var p=0;var l=t("nano_tooltip",function(){function t(t){var i=this;o(this,t);this.nanoShow=e(this,"nanoShow",7);this.nanoAfterShow=e(this,"nanoAfterShow",7);this.nanoHide=e(this,"nanoHide",7);this.nanoAfterHide=e(this,"nanoAfterHide",7);this.componentId="tooltip-"+ ++p;this.isVisible=false;this.content="";this.placement="top";this.disabled=false;this.distance=10;this.open=false;this.skidding=0;this.trigger="hover focus";this.handleBlur=function(){if(i.hasTrigger("focus")){i.hide()}};this.handleClick=function(){if(i.hasTrigger("click")){i.open?i.hide():i.show()}};this.handleFocus=function(){if(i.hasTrigger("focus")){i.show()}};this.handleKeyDown=function(t){if(i.open&&t.key==="Escape"){t.stopPropagation();i.hide()}};this.handleMouseOver=function(){if(i.hasTrigger("hover")){i.show()}};this.handleMouseOut=function(){if(i.hasTrigger("hover")){i.hide()}};this.handleSlotChange=function(){var t=i.target;var o=i.getTarget();if(o!==t){if(t){t.removeAttribute("aria-describedby")}o.setAttribute("aria-describedby",i.componentId)}}}t.prototype.handleOpenChange=function(){this.open?this.show():this.hide()};t.prototype.componentDidLoad=function(){this.target=this.getTarget();this.popover=new a(this.target,this.tooltipPositioner);this.syncOptions();this.host.addEventListener("blur",this.handleBlur,true);this.host.addEventListener("click",this.handleClick,true);this.host.addEventListener("focus",this.handleFocus,true);this.tooltipPositioner.hidden=!this.open;if(this.open){this.show()}};t.prototype.componentDidUpdate=function(){this.syncOptions()};t.prototype.disconnectedCallback=function(){this.popover.destroy();this.host.removeEventListener("blur",this.handleBlur,true);this.host.removeEventListener("click",this.handleClick,true);this.host.removeEventListener("focus",this.handleFocus,true)};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){if(this.isVisible){return[2]}t=this.nanoShow.emit();if(t.defaultPrevented){this.open=false;return[2]}this.isVisible=true;this.open=true;this.popover.show();return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(o){if(!this.isVisible){return[2]}t=this.nanoHide.emit();if(t.defaultPrevented){this.open=true;return[2]}this.isVisible=false;this.open=false;this.popover.hide();return[2]}))}))};t.prototype.getTarget=function(){var t=__spreadArray([],Array.from(this.host.children)).find((function(t){return t.tagName.toLowerCase()!=="style"&&t.getAttribute("slot")!=="content"}));if(!t){throw new Error("Invalid tooltip target: no child element was found.")}return t};t.prototype.hasTrigger=function(t){var o=this.trigger.split(" ");return o.includes(t)};t.prototype.syncOptions=function(){var t=this;this.popover.setOptions({placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.tooltip,onAfterHide:function(){return t.nanoAfterHide.emit()},onAfterShow:function(){return t.nanoAfterShow.emit()}})};t.prototype.render=function(){var t=this;return i(n,{onKeyDown:this.handleKeyDown,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},i("slot",{onSlotchange:this.handleSlotChange}),!this.disabled&&i("div",{ref:function(o){return t.tooltipPositioner=o},class:"tooltip-positioner"},i("div",{part:"base",ref:function(o){return t.tooltip=o},id:this.componentId,class:{tooltip:true,"tooltip--open":this.open},role:"tooltip","aria-hidden":this.open?"false":"true"},i("slot",{name:"content"},this.content))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}());l.style=s}}}));
-//# sourceMappingURL=p-563b0b74.system.entry.js.map

package/dist/nano-components/p-563b0b74.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/tooltip/tooltip.scss?tag=nano-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"names":["tooltipCss","id","Tooltip","exports","class_1","hostRef","_this","this","componentId","isVisible","content","placement","disabled","distance","open","skidding","trigger","handleBlur","hasTrigger","hide","handleClick","show","handleFocus","handleKeyDown","event","key","stopPropagation","handleMouseOver","handleMouseOut","handleSlotChange","oldTarget","target","newTarget","getTarget","removeAttribute","setAttribute","prototype","handleOpenChange","componentDidLoad","popover","Popover","tooltipPositioner","syncOptions","host","addEventListener","hidden","componentDidUpdate","disconnectedCallback","destroy","removeEventListener","slShow","nanoShow","emit","defaultPrevented","slHide","nanoHide","__spreadArray","Array","from","children","find","el","tagName","toLowerCase","getAttribute","Error","triggerType","triggers","split","includes","setOptions","transitionElement","tooltip","onAfterHide","nanoAfterHide","onAfterShow","nanoAfterShow","render","h","Host","onKeyDown","onMouseOver","onMouseOut","onSlotchange","ref","class","part","tooltip--open","role","aria-hidden","name"],"mappings":"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","sourcesContent":["@import '../../global/style/nano-theme/components';\n@import '../../global/style/nano-theme/layers';\n\n/**\n * @prop --hide-delay: The amount of time to wait before hiding the tooltip.\n * @prop --hide-duration: The amount of time the hide transition takes to complete.\n * @prop --hide-timing-function: The timing function (easing) to use for the hide transition.\n * @prop --max-width: The maximum width of the tooltip.\n * @prop --show-delay: The amount of time to wait before showing the tooltip.\n * @prop --show-duration: The amount of time the show transition takes to complete.\n * @prop --show-timing-function: The timing function (easing) to use for the show transition.\n */\n:host {\n  --max-width: 20rem;\n  --hide-delay: 0s;\n  --hide-duration: 0.125s;\n  --hide-timing-function: ease;\n  --show-delay: 0.125s;\n  --show-duration: 0.125s;\n  --show-timing-function: ease;\n\n  /* autoprefixer: ignore next */\n  display: contents;\n}\n\n.tooltip {\n  $self: &;\n  max-width: var(--max-width);\n  border-radius: #{$tooltip-border-radius};\n  background-color: black;\n  font-size: #{$tooltip-fontsize};\n  line-height: 1.5;\n  color: white;\n  opacity: 0;\n  padding: #{$tooltip-padding};\n  transform: translateY(10px) translateZ(0);\n  transform-origin: bottom;\n  transition-property: opacity, transform;\n  transition-delay: var(--hide-delay);\n  transition-duration: var(--hide-duration);\n  transition-timing-function: var(--hide-timing-function);\n  white-space: normal;\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    color: black;\n  }\n\n  &-positioner {\n    position: absolute;\n    z-index: #{$layer-index-tooltip};\n    pointer-events: none;\n\n    &[data-popper-placement^='top'] #{$self} {\n      transform-origin: bottom;\n      transform: translateY(-10px) translateZ(0);\n    }\n\n    &[data-popper-placement^='bottom'] #{$self} {\n      transform-origin: top;\n    }\n\n    &[data-popper-placement^='left'] #{$self} {\n      transform-origin: right;\n    }\n\n    &[data-popper-placement^='right'] #{$self} {\n      transform-origin: left;\n    }\n\n    &.popover-visible #{$self} {\n      opacity: 1;\n      transform: none;\n      transition-delay: var(--show-delay);\n      transition-duration: var(--show-duration);\n      transition-timing-function: var(--show-timing-function);\n    }\n\n    // Arrow + bottom\n    &[data-popper-placement^='bottom'] #{$self}::after {\n      bottom: 100%;\n      left: calc(50% - #{$tooltip-arrow-size});\n      border-bottom: #{$tooltip-arrow-size} solid;\n      border-left: #{$tooltip-arrow-size} solid transparent;\n      border-right: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='bottom-start'] #{$self}::after {\n      left: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='bottom-end'] #{$self}::after {\n      right: #{$tooltip-arrow-offset};\n      left: auto;\n    }\n\n    // Arrow + top\n    &[data-popper-placement^='top'] #{$self}::after {\n      top: 100%;\n      left: calc(50% - #{$tooltip-arrow-size});\n      border-top: #{$tooltip-arrow-size} solid;\n      border-left: #{$tooltip-arrow-size} solid transparent;\n      border-right: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='top-start'] #{$self}::after {\n      left: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='top-end'] #{$self}::after {\n      right: #{$tooltip-arrow-offset};\n      left: auto;\n    }\n\n    // Arrow + left\n    &[data-popper-placement^='left'] #{$self}::after {\n      top: calc(50% - #{$tooltip-arrow-size});\n      left: 100%;\n      border-left: #{$tooltip-arrow-size} solid;\n      border-top: #{$tooltip-arrow-size} solid transparent;\n      border-bottom: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='left-start'] #{$self}::after {\n      top: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='left-end'] #{$self}::after {\n      top: auto;\n      bottom: #{$tooltip-arrow-offset};\n    }\n\n    // Arrow + right\n    &[data-popper-placement^='right'] #{$self}::after {\n      top: calc(50% - #{$tooltip-arrow-size});\n      right: 100%;\n      border-right: #{$tooltip-arrow-size} solid;\n      border-top: #{$tooltip-arrow-size} solid transparent;\n      border-bottom: #{$tooltip-arrow-size} solid transparent;\n    }\n\n    &[data-popper-placement='right-start'] #{$self}::after {\n      top: #{$tooltip-arrow-offset};\n    }\n\n    &[data-popper-placement='right-end'] #{$self}::after {\n      top: auto;\n      bottom: #{$tooltip-arrow-offset};\n    }\n  }\n}\n\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  Watch,\n  h,\n} from '@stencil/core';\nimport Popover from '../../utils/popover';\n\nlet id = 0;\n\n/**\n * Tooltips display additional information based on a specific action.\n * @slot - The tooltip's target element. Only the first element will be used as the target.\n * @slot content - The tooltip's content. Alternatively, you can use the content prop.\n */\n@Component({\n  tag: 'nano-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  componentId = `tooltip-${++id}`;\n  isVisible = false;\n  popover: Popover;\n  tooltipPositioner: HTMLElement;\n  target: HTMLElement;\n  tooltip: any;\n\n  @Element() host: HTMLElement;\n\n  /** The tooltip's content. Alternatively, you can use the content slot. */\n  @Prop() content = '';\n\n  /**\n   * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n   * inside of the viewport.\n   */\n  @Prop() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'top';\n\n  /** Set to true to disable the tooltip so it won't show when triggered. */\n  @Prop() disabled = false;\n\n  /** The distance in pixels from which to offset the tooltip away from its target. */\n  @Prop() distance = 10;\n\n  /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** The distance in pixels from which to offset the tooltip along its target. */\n  @Prop() skidding = 0;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = 'hover focus';\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the tooltip begins to show. Calling `event.preventDefault()` will prevent it from being shown. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the tooltip has shown and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the tooltip begins to hide. Calling `event.preventDefault()` will prevent it from being hidden. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the tooltip has hidden and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  componentDidLoad() {\n    this.target = this.getTarget();\n    this.popover = new Popover(this.target, this.tooltipPositioner);\n    this.syncOptions();\n\n    this.host.addEventListener('blur', this.handleBlur, true);\n    this.host.addEventListener('click', this.handleClick, true);\n    this.host.addEventListener('focus', this.handleFocus, true);\n\n    // Show on init if open\n    this.tooltipPositioner.hidden = !this.open;\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  componentDidUpdate() {\n    this.syncOptions();\n  }\n\n  disconnectedCallback() {\n    this.popover.destroy();\n\n    this.host.removeEventListener('blur', this.handleBlur, true);\n    this.host.removeEventListener('click', this.handleClick, true);\n    this.host.removeEventListener('focus', this.handleFocus, true);\n  }\n\n  /** Shows the tooltip. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible) {\n      return;\n    }\n\n    const slShow = this.nanoShow.emit();\n    if (slShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n    this.popover.show();\n  }\n\n  /** Shows the tooltip. */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible) {\n      return;\n    }\n\n    const slHide = this.nanoHide.emit();\n    if (slHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.isVisible = false;\n    this.open = false;\n    this.popover.hide();\n  }\n\n  private getTarget() {\n    // Get the first child that isn't a <style> or content slot\n    const target = [...Array.from(this.host.children)].find(\n      (el) =>\n        el.tagName.toLowerCase() !== 'style' &&\n        el.getAttribute('slot') !== 'content'\n    ) as HTMLElement;\n\n    if (!target) {\n      throw new Error('Invalid tooltip target: no child element was found.');\n    }\n\n    return target;\n  }\n\n  private handleBlur = () => {\n    if (this.hasTrigger('focus')) {\n      this.hide();\n    }\n  };\n\n  private handleClick = () => {\n    if (this.hasTrigger('click')) {\n      this.open ? this.hide() : this.show();\n    }\n  };\n\n  private handleFocus = () => {\n    if (this.hasTrigger('focus')) {\n      this.show();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    // Pressing escape when the target element has focus should dismiss the tooltip\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n    }\n  };\n\n  private handleMouseOver = () => {\n    if (this.hasTrigger('hover')) {\n      this.show();\n    }\n  };\n\n  private handleMouseOut = () => {\n    if (this.hasTrigger('hover')) {\n      this.hide();\n    }\n  };\n\n  private handleSlotChange = () => {\n    const oldTarget = this.target;\n    const newTarget = this.getTarget();\n\n    if (newTarget !== oldTarget) {\n      if (oldTarget) {\n        oldTarget.removeAttribute('aria-describedby');\n      }\n      newTarget.setAttribute('aria-describedby', this.componentId);\n    }\n  };\n\n  private hasTrigger(triggerType: string) {\n    const triggers = this.trigger.split(' ');\n    return triggers.includes(triggerType);\n  }\n\n  private syncOptions() {\n    this.popover.setOptions({\n      placement: this.placement,\n      distance: this.distance,\n      skidding: this.skidding,\n      transitionElement: this.tooltip,\n      onAfterHide: () => this.nanoAfterHide.emit(),\n      onAfterShow: () => this.nanoAfterShow.emit(),\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        onKeyDown={this.handleKeyDown}\n        onMouseOver={this.handleMouseOver}\n        onMouseOut={this.handleMouseOut}\n      >\n        <slot onSlotchange={this.handleSlotChange} />\n\n        {!this.disabled && (\n          <div\n            ref={(el) => (this.tooltipPositioner = el)}\n            class=\"tooltip-positioner\"\n          >\n            <div\n              part=\"base\"\n              ref={(el) => (this.tooltip = el)}\n              id={this.componentId}\n              class={{\n                tooltip: true,\n                'tooltip--open': this.open,\n              }}\n              role=\"tooltip\"\n              aria-hidden={this.open ? 'false' : 'true'}\n            >\n              <slot name=\"content\">{this.content}</slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/nano-components/p-571d8609.entry.js

@@ -1,2 +0,0 @@
-import{k as i,r as n,h as o,e as t,g as r}from"./p-7a6bc3c5.js";import{c as a}from"./p-d3af43d2.js";let s;const e=(i,n)=>(i||!n||l(n)||(i=n),h(i)&&(i=m(i)),h(i)&&""!==i.trim()?""!==i.replace(/[a-z]|-|\/|\d/gi,"")?(console.warn("invalid characters in icon name "+i),null):i:null),c=i=>h(i)&&(i=i.trim(),l(i))?i:null,l=i=>i.length>0&&/(\/|\.)/.test(i),h=i=>"string"==typeof i,m=i=>i.toLowerCase(),g=i=>{if(1===i.nodeType){if("script"===i.nodeName.toLowerCase())return!1;for(let n=0;n<i.attributes.length;n++){const o=i.attributes[n].value;if(h(o)&&0===o.toLowerCase().indexOf("on"))return!1}for(let n=0;n<i.childNodes.length;n++)if(!g(i.childNodes[n]))return!1}return!0},d=new Map,p=new Map,v=!!document.head.attachShadow,f=class{constructor(i){n(this,i),this.isVisible=!1,this.isLoading=!0,this.lazy=!0}setAriaLabel(){if(!this.ariaLabel){const i=e(this.name,this.icon);i&&(this.ariaLabel=i.split("/").slice(-1)[0].replace(/\-/g," "))}}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=!0,this.loadIcon()}))}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}componentWillLoad(){this.setAriaLabel()}waitUntilVisible(i,n,o){if(v&&this.lazy&&"undefined"!=typeof window&&window.IntersectionObserver){const t=this.io=new window.IntersectionObserver((i=>{(i[0].isIntersecting||i[1]&&i[1].isIntersecting)&&(t.disconnect(),this.io=void 0,o())}),{rootMargin:n});t.observe(i)}else o()}loadIcon(){if(this.isVisible){const n=(n=>{let o=c(n.src);return o||(o=e(n.name,n.icon),o?(t=o,(()=>{if(!s){const i=window;i.Nanoicons=i.Nanoicons||{},s=i.Nanoicons.map=i.Nanoicons.map||new Map}return s})().get(t)||i(`../node_modules/@fortawesome/fontawesome-pro/svgs/${t}.svg`)):n.icon&&(o=c(n.icon),o)?o:null);var t})(this);n&&(d.has(n)?(this.svgContent=d.get(n),this.isLoading=!1):(i=>{let n=p.get(i);return n||(n=fetch(i).then((n=>{if(n.ok)return n.text().then((n=>{d.set(i,(i=>{if(i){const n=document.createElement("div");n.innerHTML=i;for(let i=n.childNodes.length-1;i>=0;i--)"svg"!==n.childNodes[i].nodeName.toLowerCase()&&n.removeChild(n.childNodes[i]);const o=n.firstElementChild;if(o&&"svg"===o.nodeName.toLowerCase()){const i=o.getAttribute("class")||"";if(o.setAttribute("class",(i+" sc-nano-icon s-nano-icon svg").trim()),g(o))return n.innerHTML}}return""})(n))}));d.set(i,"")})),p.set(i,n)),n})(n).then((()=>{this.svgContent=d.get(n),this.isLoading=!1})))}this.setAriaLabel()}render(){const i=this.flipRtl||this.name&&(this.name.indexOf("arrow")>-1||this.name.indexOf("chevron")>-1)&&"rtl"===this.el.ownerDocument.dir&&!1!==this.flipRtl;return o(t,{role:"img",class:Object.assign(Object.assign({},a(this.color)),{loading:this.isLoading,[`icon-${this.size}`]:!!this.size,"flip-rtl":!!i})},o("div",this.svgContent?{class:"icon-inner",innerHTML:this.svgContent}:{class:"icon-inner"}))}static get assetsDirs(){return["../../../node_modules/@fortawesome/fontawesome-pro/svgs"]}get el(){return r(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};f.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:export{screen:1000}:host{--color:var(--nano-color-base, "currentColor");--primary-color:var(--nano-color-tint, "currentColor");--secondary-color:var(--nano-color-shade, "currentColor");--stroke-width:32px;--primary-opacity:.8;--secondary-opacity:1;--icon-size:var(--nano-icon-size, 1em);--icon-margin-top:var(--nano-icon-margin-top, 0);--icon-margin-end:var(--nano-icon-margin-end, 0);--icon-margin-bottom:var(--nano-icon-margin-bottom, 0);--icon-margin-start:var(--nano-icon-margin-start, 0);display:inline-block;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);contain:strict;fill:currentColor;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;color:var(--color);margin-left:var(--icon-margin-start);margin-right:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host{margin-left:unset;margin-right:unset;-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end)}}:host .nanoicon{stroke:currentColor}.nanoicon-fill-none{fill:none}.nanoicon-stroke-width{stroke-width:32px;stroke-width:var(--stroke-width)}.icon-inner,.nanoicon,svg,.svg{display:block;height:100%;width:100%;overflow:visible}:host(.loading){opacity:0}.fa-primary{color:var(--primary-color);opacity:var(--primary-opacity, 1)}.fa-secondary{color:var(--secondary-color);opacity:var(--secondary-opacity) !important}:host(.flip-rtl) .icon-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host(.icon-small){font-size:18px !important}:host(.icon-large){font-size:32px !important}';export{f as nano_icon}
-//# sourceMappingURL=p-571d8609.entry.js.map

package/dist/nano-components/p-571d8609.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/icon/utils.ts","src/components/icon/validate.ts","src/components/icon/request.ts","src/components/icon/icon.tsx","src/components/icon/icon.scss?tag=nano-icon&encapsulation=shadow"],"names":["CACHED_MAP","getName","iconName","icon","isSrc","isStr","toLower","trim","replace","console","warn","getSrc","src","str","length","test","val","toLowerCase","isValid","elm","nodeType","nodeName","i","attributes","value","indexOf","childNodes","iconContent","Map","requests","CANSHADOW","document","head","attachShadow","Icon","[object Object]","hostRef","this","isVisible","isLoading","lazy","ariaLabel","label","name","split","slice","waitUntilVisible","el","loadIcon","io","disconnect","undefined","setAriaLabel","rootMargin","cb","window","IntersectionObserver","data","isIntersecting","observe","url","win","Nanoicons","map","getIconMap","get","getAssetPath","getUrl","has","svgContent","req","fetch","then","rsp","ok","text","set","div","createElement","innerHTML","removeChild","svgElm","firstElementChild","svgClass","getAttribute","setAttribute","validateContent","getSvgContent","flipRtl","ownerDocument","dir","h","Host","role","class","Object","assign","createColorClasses","color","loading","size","flip-rtl"],"mappings":"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","sourcesContent":["import { getAssetPath } from '@stencil/core';\nimport { Icon } from './icon';\n\nlet CACHED_MAP: Map<string, string>;\n\nexport const getIconMap = (): Map<string, string> => {\n  if (!CACHED_MAP) {\n    const win = window as any;\n    win.Nanoicons = win.Nanoicons || {};\n    CACHED_MAP = win.Nanoicons.map = win.Nanoicons.map || new Map();\n  }\n  return CACHED_MAP;\n};\n\nexport const addIcons = (icons: { [name: string]: string }) => {\n  const map = getIconMap();\n  Object.keys(icons).forEach((name) => map.set(name, icons[name]));\n};\n\nexport const getUrl = (i: Icon) => {\n  let url = getSrc(i.src);\n  if (url) {\n    return url;\n  }\n\n  url = getName(i.name, i.icon);\n  if (url) {\n    return getNamedUrl(url);\n  }\n\n  if (i.icon) {\n    url = getSrc(i.icon);\n    if (url) {\n      return url;\n    }\n  }\n  return null;\n};\n\nconst getNamedUrl = (iconName: string) => {\n  const url = getIconMap().get(iconName);\n  if (url) {\n    return url;\n  }\n  return getAssetPath(\n    `../node_modules/@fortawesome/fontawesome-pro/svgs/${iconName}.svg`\n  );\n};\n\nexport const getName = (\n  iconName: string | undefined,\n  icon: string | undefined\n) => {\n  if (!iconName && icon && !isSrc(icon)) {\n    iconName = icon;\n  }\n  if (isStr(iconName)) {\n    iconName = toLower(iconName);\n  }\n\n  if (!isStr(iconName) || iconName.trim() === '') {\n    return null;\n  }\n\n  // only allow alpha characters and dash\n  const invalidChars = iconName.replace(/[a-z]|-|\\/|\\d/gi, '');\n  if (invalidChars !== '') {\n    console.warn('invalid characters in icon name ' + iconName);\n    return null;\n  }\n  return iconName;\n};\n\nexport const getSrc = (src: string | undefined) => {\n  if (isStr(src)) {\n    src = src.trim();\n    if (isSrc(src)) {\n      return src;\n    }\n  }\n  return null;\n};\n\nexport const isSrc = (str: string) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val: any): val is string => typeof val === 'string';\nexport const toLower = (val: string) => val.toLowerCase();\n","import { isStr } from './utils';\n\nexport const validateContent = (svgContent: string | null) => {\n  if (svgContent) {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n      if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n        div.removeChild(div.childNodes[i]);\n      }\n    }\n\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n      const svgClass = svgElm.getAttribute('class') || '';\n      svgElm.setAttribute(\n        'class',\n        (svgClass + ' sc-nano-icon s-nano-icon svg').trim()\n      );\n\n      // root element must be an svg\n      // lets double check we've got valid elements\n      // do not allow scripts\n      if (isValid(svgElm as any)) {\n        return div.innerHTML;\n      }\n    }\n  }\n  return '';\n};\n\nexport const isValid = (elm: HTMLElement) => {\n  if (elm.nodeType === 1) {\n    if (elm.nodeName.toLowerCase() === 'script') {\n      return false;\n    }\n\n    for (let i = 0; i < elm.attributes.length; i++) {\n      const val = elm.attributes[i].value;\n      if (isStr(val) && val.toLowerCase().indexOf('on') === 0) {\n        return false;\n      }\n    }\n\n    for (let i = 0; i < elm.childNodes.length; i++) {\n      if (!isValid(elm.childNodes[i] as any)) {\n        return false;\n      }\n    }\n  }\n  return true;\n};\n","import { validateContent } from './validate';\nexport const iconContent = new Map<string, string>();\nconst requests = new Map<string, Promise<any>>();\n\nexport const getSvgContent = (url: string) => {\n  // see if we already have a request for this url\n  let req = requests.get(url);\n  if (!req) {\n    // we don't already have a request\n    req = fetch(url).then((rsp) => {\n      if (rsp.ok) {\n        return rsp.text().then((svgContent) => {\n          iconContent.set(url, validateContent(svgContent));\n        });\n      }\n      iconContent.set(url, '');\n    });\n\n    // cache for the same requests\n    requests.set(url, req);\n  }\n  return req;\n};\n","import {\n  Build,\n  Component,\n  Element,\n  Host,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { getSvgContent, iconContent } from './request';\nimport { getName, getUrl } from './utils';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils/theme';\n\nconst CANSHADOW = !!document.head.attachShadow;\n\n/**\n * An SVG loader / helper. Comes bundled with all fontawesome pro icons by default but can use any custom SVG (with an correct path). Lazily loads SVG for each icon, so will only request the icons that you're using and that are visible.\n */\n@Component({\n  tag: 'nano-icon',\n  assetsDirs: ['../../../node_modules/@fortawesome/fontawesome-pro/svgs'],\n  styleUrl: 'icon.scss',\n  shadow: true,\n})\nexport class Icon {\n  private io?: IntersectionObserver;\n\n  @Element() el!: HTMLNanoIconElement;\n\n  @State() private svgContent?: string;\n  @State() private isVisible = false;\n  @State() private isLoading = true;\n\n  /**\n   * Color to use from your application's color palette.\n   * Default options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Specifies the label to use for accessibility. Defaults to the icon name.\n   */\n  @Prop({ mutable: true, reflect: true }) ariaLabel?: string;\n\n  /**\n   * Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`.\n   */\n  @Prop() flipRtl?: boolean;\n\n  /**\n   * Specifies which icon to use from the built-in set of icons.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies the exact `src` of an SVG file to use.\n   */\n  @Prop() src?: string;\n\n  /**\n   * A combination of both `name` and `src`. If a `src` url is detected\n   * it will set the `src` property. Otherwise it assumes it's a built-in named\n   * SVG and set the `name` property.\n   */\n  @Prop() icon?: any;\n\n  /**\n   * The size of the icon.\n   * Available options are: `\"small\"` and `\"large\"`.\n   */\n  @Prop() size?: 'small' | 'large';\n\n  /**\n   * If enabled, nano-icon will be loaded lazily when it's visible in the viewport.\n   * Default, `false`.\n   */\n  @Prop() lazy = true;\n\n  private setAriaLabel() {\n    if (!this.ariaLabel) {\n      const label = getName(this.name, this.icon);\n      // user did not provide a label\n      // come up with the label based on the icon name\n      if (label) {\n        this.ariaLabel = label.split('/').slice(-1)[0].replace(/\\-/g, ' ');\n      }\n    }\n  }\n\n  connectedCallback() {\n    // purposely do not return the promise here because loading\n    // the svg file should not hold up loading the app\n    // only load the svg if it's visible\n    this.waitUntilVisible(this.el, '50px', () => {\n      this.isVisible = true;\n      this.loadIcon();\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.io) {\n      this.io.disconnect();\n      this.io = undefined;\n    }\n  }\n\n  componentWillLoad() {\n    this.setAriaLabel();\n  }\n\n  private waitUntilVisible(\n    el: HTMLElement,\n    rootMargin: string,\n    cb: () => void\n  ) {\n    if (\n      Build.isBrowser &&\n      CANSHADOW &&\n      this.lazy &&\n      typeof window !== 'undefined' &&\n      (window as any).IntersectionObserver\n    ) {\n      const io = (this.io = new (window as any).IntersectionObserver(\n        (data: IntersectionObserverEntry[]) => {\n          if (data[0].isIntersecting || (data[1] && data[1].isIntersecting)) {\n            io.disconnect();\n            this.io = undefined;\n            cb();\n          }\n        },\n        { rootMargin }\n      ));\n\n      io.observe(el);\n    } else {\n      // browser doesn't support IntersectionObserver\n      // so just fallback to always show it\n      cb();\n    }\n  }\n\n  @Watch('name')\n  @Watch('src')\n  @Watch('icon')\n  loadIcon() {\n    if (Build.isBrowser && this.isVisible) {\n      const url = getUrl(this);\n      if (url) {\n        if (iconContent.has(url)) {\n          // sync if it's already loaded\n          this.svgContent = iconContent.get(url);\n          this.isLoading = false;\n        } else {\n          // async if it hasn't been loaded\n          getSvgContent(url).then(() => {\n            this.svgContent = iconContent.get(url);\n            this.isLoading = false;\n          });\n        }\n      }\n    }\n    this.setAriaLabel();\n  }\n\n  render() {\n    const flipRtl =\n      this.flipRtl ||\n      (this.name &&\n        (this.name.indexOf('arrow') > -1 ||\n          this.name.indexOf('chevron') > -1) &&\n        (this.el.ownerDocument as Document).dir === 'rtl' &&\n        this.flipRtl !== false);\n\n    return (\n      <Host\n        role=\"img\"\n        class={{\n          ...createColorClasses(this.color),\n          loading: this.isLoading,\n          [`icon-${this.size}`]: !!this.size,\n          'flip-rtl': !!flipRtl,\n        }}\n      >\n        {Build.isBrowser && this.svgContent ? (\n          <div class=\"icon-inner\" innerHTML={this.svgContent}></div>\n        ) : (\n          <div class=\"icon-inner\"></div>\n        )}\n      </Host>\n    );\n  }\n}\n","@import \"../../global/style/utilities/globals\";\n\n:host {\n  /**\n  * @prop --color: defaults to current context color\n  * @prop --primary-color: used for duotone icons to set the primary color\n  * @prop --secondary-color: used for duotone icons to set the secondary color\n  * @prop --primary-opacity: used for duotone icons to set the primary opacity\n  * @prop --secondary-opacity: used for duotone icons to set the secondary opacity\n  * @prop --stroke-width: 32px default stroke width\n  */\n\n  --color: var(--nano-color-base, 'currentColor');\n  --primary-color: var(--nano-color-tint, 'currentColor');\n  --secondary-color: var(--nano-color-shade, 'currentColor');\n\n  --stroke-width: 32px;\n  --primary-opacity: .8;\n  --secondary-opacity: 1;\n\n  --icon-size: var(--nano-icon-size, 1em);\n  --icon-margin-top: var(--nano-icon-margin-top, 0);\n  --icon-margin-end: var(--nano-icon-margin-end, 0);\n  --icon-margin-bottom: var(--nano-icon-margin-bottom, 0);\n  --icon-margin-start: var(--nano-icon-margin-start, 0);\n\n  display: inline-block;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  min-width: var(--icon-size);\n  min-height: var(--icon-size);\n  contain: strict;\n  fill: currentColor;\n  box-sizing: content-box !important;\n  transition: opacity .3s ease;\n  color: var(--color);\n\n  @include margin(var(--icon-margin-top), var(--icon-margin-end), var(--icon-margin-bottom), var(--icon-margin-start));\n}\n\n:host .nanoicon {\n  stroke: currentColor;\n}\n\n.nanoicon-fill-none {\n  fill: none;\n}\n\n.nanoicon-stroke-width {\n  stroke-width: 32px;\n  stroke-width: var(--stroke-width);\n}\n\n.icon-inner,\n.nanoicon,\nsvg,\n.svg {\n  display: block;\n  height: 100%;\n  width: 100%;\n  overflow: visible;\n}\n\n:host(.loading) {\n  opacity: 0;\n}\n\n.fa-primary {\n  color: var(--primary-color);\n  opacity: var(--primary-opacity, 1);\n}\n\n.fa-secondary {\n  color: var(--secondary-color);\n  opacity: var(--secondary-opacity) !important;\n}\n\n/* Icon RTL\n * -----------------------------------------------------------\n */\n:host(.flip-rtl) .icon-inner {\n  transform: scaleX(-1);\n}\n\n/* Icon Sizes\n * -----------------------------------------------------------\n */\n:host(.icon-small) {\n  font-size: 18px !important;\n}\n\n:host(.icon-large) {\n  font-size: 32px !important;\n}\n"]}

package/dist/nano-components/p-5af040f4.js

@@ -1,2 +0,0 @@
-import{a as o}from"./p-a0ddf496.js";const t=new Set;function c(o){t.add(o),document.body.classList.add("nano-scroll-lock")}function n(o){t.delete(o),0===t.size&&document.body.classList.remove("nano-scroll-lock")}function a(o,t,c=!1){if(c)try{o.scrollTo({top:t,behavior:"smooth"})}catch(n){o.scrollTop=t}else try{o.scrollTo({left:t,behavior:"smooth"})}catch(n){o.scrollLeft=t}}function s(t,c,n="vertical",s="start"){const r=o(t,c),e=r.top+c.scrollTop,l=r.left+c.scrollLeft,i=c.scrollLeft+c.offsetWidth,h=c.scrollTop,f=c.scrollTop+c.offsetHeight;"horizontal"!==n&&"both"!==n||("start"===s?l<c.scrollLeft?a(c,l):l+t.clientWidth>i&&a(c,l-c.offsetWidth+t.clientWidth):a(c,c.scrollLeft+r.left-c.offsetWidth/2+t.offsetWidth/2)),"vertical"!==n&&"both"!==n||(e<h?a(c,e,!0):e+t.clientHeight>f&&a(c,e-c.offsetHeight+t.clientHeight,!0))}export{c as l,s,n as u}
-//# sourceMappingURL=p-5af040f4.js.map

package/dist/nano-components/p-5af040f4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/utils/scroll.ts"],"names":["locks","Set","lockBodyScrolling","lockingEl","add","document","body","classList","unlockBodyScrolling","delete","size","remove","scrollTo","element","scrollAmt","vertical","top","behavior","e","scrollTop","left","scrollLeft","scrollIntoView","container","direction","position","offset","getOffset","offsetTop","offsetLeft","maxX","offsetWidth","minY","maxY","offsetHeight","clientWidth","clientHeight"],"mappings":"oCAEA,MAAMA,EAAQ,IAAIC,aAMFC,EAAkBC,GAChCH,EAAMI,IAAID,GACVE,SAASC,KAAKC,UAAUH,IAAI,6BAMdI,EAAoBL,GAClCH,EAAMS,OAAON,GAEM,IAAfH,EAAMU,MACRL,SAASC,KAAKC,UAAUI,OAAO,oBAInC,SAASC,EACPC,EACAC,EACAC,GAAoB,GAEpB,GAAKA,EAQL,IACEF,EAAQD,SAAS,CAAEI,IAAKF,EAAWG,SAAU,WAC7C,MAAOC,GACPL,EAAQM,UAAYL,OAVpB,IACED,EAAQD,SAAS,CAAEQ,KAAMN,EAAWG,SAAU,WAC9C,MAAOC,GACPL,EAAQQ,WAAaP,YAcXQ,EACdT,EACAU,EACAC,EAAgD,WAChDC,EAA+B,SAE/B,MAAMC,EAASC,EAAUd,EAASU,GAC5BK,EAAYF,EAAOV,IAAMO,EAAUJ,UACnCU,EAAaH,EAAON,KAAOG,EAAUF,WAErCS,EAAOP,EAAUF,WAAaE,EAAUQ,YACxCC,EAAOT,EAAUJ,UACjBc,EAAOV,EAAUJ,UAAYI,EAAUW,aAE3B,eAAdV,GAA4C,SAAdA,IACf,UAAbC,EACEI,EAPKN,EAAUF,WAOIT,EAASW,EAAWM,GAClCA,EAAahB,EAAQsB,YAAcL,GAC1ClB,EACEW,EACAM,EAAaN,EAAUQ,YAAclB,EAAQsB,aAGjDvB,EACEW,EACAA,EAAUF,WACRK,EAAON,KACPG,EAAUQ,YAAc,EACxBlB,EAAQkB,YAAc,IAIZ,aAAdP,GAA0C,SAAdA,IAC1BI,EAAYI,EAAMpB,EAASW,EAAWK,GAAW,GAC5CA,EAAYf,EAAQuB,aAAeH,GAC1CrB,EACEW,EACAK,EAAYL,EAAUW,aAAerB,EAAQuB,cAC7C","sourcesContent":["import { getOffset } from './dom';\n\nconst locks = new Set();\n\n/**\n * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible\n * without premature unlocking.\n */\nexport function lockBodyScrolling(lockingEl: HTMLElement) {\n  locks.add(lockingEl);\n  document.body.classList.add('nano-scroll-lock');\n}\n\n/**\n * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.\n */\nexport function unlockBodyScrolling(lockingEl: HTMLElement) {\n  locks.delete(lockingEl);\n\n  if (locks.size === 0) {\n    document.body.classList.remove('nano-scroll-lock');\n  }\n}\n\nfunction scrollTo(\n  element: HTMLElement,\n  scrollAmt: number,\n  vertical: boolean = false\n) {\n  if (!vertical) {\n    try {\n      element.scrollTo({ left: scrollAmt, behavior: 'smooth' });\n    } catch (e) {\n      element.scrollLeft = scrollAmt;\n    }\n    return;\n  }\n  try {\n    element.scrollTo({ top: scrollAmt, behavior: 'smooth' });\n  } catch (e) {\n    element.scrollTop = scrollAmt;\n  }\n}\n\n/**\n * Scrolls an element into view of its container. If the element is already in view, nothing will happen.\n */\nexport function scrollIntoView(\n  element: HTMLElement,\n  container: HTMLElement,\n  direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n  position: 'center' | 'start' = 'start'\n) {\n  const offset = getOffset(element, container);\n  const offsetTop = offset.top + container.scrollTop;\n  const offsetLeft = offset.left + container.scrollLeft;\n  const minX = container.scrollLeft;\n  const maxX = container.scrollLeft + container.offsetWidth;\n  const minY = container.scrollTop;\n  const maxY = container.scrollTop + container.offsetHeight;\n\n  if (direction === 'horizontal' || direction === 'both') {\n    if (position === 'start') {\n      if (offsetLeft < minX) scrollTo(container, offsetLeft);\n      else if (offsetLeft + element.clientWidth > maxX)\n        scrollTo(\n          container,\n          offsetLeft - container.offsetWidth + element.clientWidth\n        );\n    } else\n      scrollTo(\n        container,\n        container.scrollLeft +\n          offset.left -\n          container.offsetWidth / 2 +\n          element.offsetWidth / 2\n      );\n  }\n\n  if (direction === 'vertical' || direction === 'both') {\n    if (offsetTop < minY) scrollTo(container, offsetTop, true);\n    else if (offsetTop + element.clientHeight > maxY) {\n      scrollTo(\n        container,\n        offsetTop - container.offsetHeight + element.clientHeight,\n        true\n      );\n    }\n  }\n}\n"]}

package/dist/nano-components/p-5cac0c71.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,e,g as n}from"./p-7a6bc3c5.js";import{W as a}from"./p-e8aace3d.js";const h=class{constructor(i){t(this,i),this.nanoPageChanged=s(this,"nanoPageChanged",7),this.currentPage=null,this.canGoPrev=!1,this.canGoNext=!1,this.show=!0,this.indexResults=null,this.infiniteScroll=!1,this.maxToShow=null}currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.log(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle,this.templateStr&&this.outputTo&&this.indexResults||(this.show=!1)}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML)}componentDidLoad(){this.updateContent()}render(){return i(e,{class:{"show-pagination":this.show}},i("div",{ref:t=>this.outputEle=t},i("slot",{name:"output"})))}get el(){return n(this)}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};a(h,["indexResults","filterChanged","tplRenderFn"]);export{h as nano_algolia_pagination}
-//# sourceMappingURL=p-5cac0c71.entry.js.map

package/dist/nano-components/p-5cac0c71.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/algolia/algolia-pagination.tsx"],"names":["AlgoliaPagination","[object Object]","hostRef","this","currentPage","canGoPrev","canGoNext","show","indexResults","infiniteScroll","maxToShow","page","console","log","outputTo","outputSlot","outputEle","templateStr","templateSlot","el","querySelector","innerHTML","updateContent","h","Host","class","show-pagination","ref","div","name","Wormhole"],"mappings":"qGAsBaA,EAAiB,MAJ9BC,YAAAC,8DAaWC,KAAAC,YAAsB,KACtBD,KAAAE,WAAqB,EACrBF,KAAAG,WAAqB,EACrBH,KAAAI,MAAgB,EAEhBJ,KAAAK,aAA4B,KAC5BL,KAAAM,gBAA0B,EAE3BN,KAAAO,UAAoB,KAQ5BT,qBAGAA,uBACEE,KAAKI,MAAQJ,KAAKM,eAIpBR,kBAGAA,kBAGAA,eAAeU,GACbC,QAAQC,IAAIF,GAGNV,gBACNE,KAAKW,SAAWX,KAAKY,YAAcZ,KAAKa,UACnCb,KAAKc,aAAgBd,KAAKW,UAAaX,KAAKK,eAC/CL,KAAKI,MAAO,GAUhBN,oBACEE,KAAKe,aAAef,KAAKgB,GAAGC,cAAc,4BAC1CjB,KAAKY,WAAaZ,KAAKgB,GAAGC,cAAc,mBAElCjB,KAAKe,eAAcf,KAAKc,YAAcd,KAAKe,aAAaG,WAIhEpB,mBACEE,KAAKmB,gBAGPrB,SACE,OACEsB,EAACC,EAAI,CACHC,MAAO,CACLC,kBAAmBvB,KAAKI,OAG1BgB,EAAA,MAAA,CAAKI,IAAMC,GAASzB,KAAKa,UAAYY,GACnCL,EAAA,OAAA,CAAMM,KAAK,+IAQrBC,EAAS9B,EAAkD,CACzD,eACA,gBACA","sourcesContent":["import {\n  Component,\n  h,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  State,\n  Method,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { IndexResult } from '../../interface';\nimport { Wormhole, WormholeConsumerConstructor } from '../algolia/algolia-data';\n\n/**\n * Displays results from Algolia searches.\n * TODO / WIP */\n@Component({\n  tag: 'nano-algolia-pagination',\n  shadow: true,\n})\nexport class AlgoliaPagination {\n  @Element() el: HTMLNanoAlgoliaPaginationElement;\n\n  private outputEle: HTMLDivElement;\n  private outputSlot: HTMLElement;\n  private outputTo: HTMLElement;\n  private templateStr: string;\n  private templateSlot: HTMLElement;\n\n  @State() currentPage: number = null;\n  @State() canGoPrev: boolean = false;\n  @State() canGoNext: boolean = false;\n  @State() show: boolean = true;\n  @State() tplRenderFn: (...args: any[]) => string;\n  @State() indexResults: IndexResult = null;\n  @State() infiniteScroll: boolean = false;\n\n  @Prop() maxToShow: number = null;\n\n  /**\n   * Emitted when the page number changes\n   */\n  @Event() nanoPageChanged!: EventEmitter<{ page: number }>;\n\n  @Watch('currentPage')\n  currentPageChange() {}\n\n  @Watch('infiniteScroll')\n  infiniteScrollChange() {\n    this.show = !this.infiniteScroll;\n  }\n\n  @Method()\n  async nextPage() {}\n\n  @Method()\n  async prevPage() {}\n\n  @Method()\n  async goToPage(page: number) {\n    console.log(page);\n  }\n\n  private updateContent() {\n    this.outputTo = this.outputSlot || this.outputEle;\n    if (!this.templateStr || !this.outputTo || !this.indexResults) {\n      this.show = false;\n      return;\n    }\n\n    // this.outputTo.innerHTML = this.tplRenderFn(this.templateStr, {\n    //   orig: { ...this.currentIndex.origFilters[this.filterName] },\n    //   dyn: { ...this.currentIndex.dynFilters[this.filterName] }\n    // });\n  }\n\n  componentWillLoad() {\n    this.templateSlot = this.el.querySelector('[slot=\"filter-template\"]');\n    this.outputSlot = this.el.querySelector('[slot=\"output\"]');\n\n    if (!!this.templateSlot) this.templateStr = this.templateSlot.innerHTML;\n    // this.boundChangeEvent = this.handleChangeEvent.bind(this);\n  }\n\n  componentDidLoad() {\n    this.updateContent();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'show-pagination': this.show,\n        }}\n      >\n        <div ref={(div) => (this.outputEle = div)}>\n          <slot name=\"output\" />\n        </div>\n      </Host>\n    );\n  }\n}\n\n// Use the injectProps method to pass from the tunnel as props to the component\nWormhole(AlgoliaPagination as WormholeConsumerConstructor, [\n  'indexResults',\n  'filterChanged',\n  'tplRenderFn',\n]);\n"]}

package/dist/nano-components/p-5d5645a5.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as r,e as t,g as d,c as o}from"./p-7a6bc3c5.js";import{i as s}from"./p-6a284815.js";const n=["col-span","col-start","row-span","row-start"],g=!!document.head.attachShadow,h=class{constructor(r){i(this,r),this.generalClasses=[""],this.gridClass=null,this.isSizes=[null],this.ready=!1,this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.sSize=300,this.mSize=550,this.lSize=800,this.xlSize=1e3,this.showHelper=!1,this.contentPanel=!1,this.fullHeight=!1}propChanged(){this.applySizeClasses()}applySizeClasses(){let i=this.currentWidth;this.isSmall=!1,this.isMedium=!1,this.isLarge=!1,this.isXL=!1,this.isXXL=!1,this.generalClasses=[],this.gridClass=null,this.isSizes=[null],this.isSmall=!0,this.generalClasses.push("is-small"),this.sCols&&(this.gridClass=`nano-grid-${this.sCols}`),this.isSizes.push({size:"s",active:!0}),i>this.sSize&&(this.isMedium=!0,this.generalClasses.push("is-medium"),this.mCols&&(this.gridClass=`nano-grid-${this.mCols}`),this.isSizes.push({size:"m",active:!0})),i>this.mSize&&(this.isLarge=!0,this.generalClasses.push("is-large"),this.lCols&&(this.gridClass=`nano-grid-${this.lCols}`),this.isSizes.push({size:"l",active:!0})),i>this.lSize&&(this.isXL=!0,this.generalClasses.push("is-xl"),this.xlCols&&(this.gridClass=`nano-grid-${this.xlCols}`),this.isSizes.push({size:"xl",active:!0})),i>this.xlSize&&(this.isXXL=!0,this.generalClasses.push("is-xxl"),this.xxlCols&&(this.gridClass=`nano-grid-${this.xxlCols}`),this.isSizes.push({size:"xxl",active:!0})),this.el.style.setProperty("--current-grid-size",`'grid size: ${this.isSizes.slice().pop().size}'`),this.applyChildrenClasses(),setTimeout((()=>this.ready=!0),0)}applyChildrenClasses(){let i=this.el.querySelectorAll("nano-grid-item");if(i.length)return void i.forEach((i=>{i.changeBP(this.isSizes)}));let r,t,d,o,s=[""],h="";o=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(o.children,(i=>{i.hasAttribute("grid-states")&&(d=i.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),i.className=d.join(" ").trim(),t=i.getAttribute("grid-states").split(" "),n.forEach((o=>{r=!1,this.isSizes.slice().reverse().forEach((function(n){!r&&n&&(r=t.find((i=>0===i.indexOf(`${n.size}-${o}`))),r&&(d=i.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),i.className=d.join(" ").trim(),s=r.split("-"),s.shift(),h=s.join("-"),i.classList.add(`nano-grid-${h}`)))}))})))}))}connectedCallback(){}componentWillLoad(){let i,r;r=g?this.el:this.el.querySelector(".grid")||this.el,[].map.call(r.children,(r=>{if(g)"NANO-GRID-ITEM"!==r.nodeName&&r.classList.add("nano-griditem");else{if(r.classList.contains("nano-griditem")||"NANO-GRID-ITEM"===r.nodeName)return;i=document.createElement("div"),r.hasAttribute("grid-states")&&(i.setAttribute("grid-states",r.getAttribute("grid-states")),r.removeAttribute("grid-states")),this.el.insertBefore(i,r),i.appendChild(r),i.classList.add("nano-griditem")}}))}componentDidLoad(){this.ro=new s((i=>{for(const r of i){if(!r.contentRect.width)return;this.currentWidth=r.contentRect.width,this.applySizeClasses()}})),this.ro.observe(this.el)}disconnectedCallback(){this.ro&&this.ro.disconnect()}render(){return r(t,{class:{[this.generalClasses.join(" ")]:!0,"has-grid":!!this.gridClass,ready:this.ready,[this.gridClass]:!0},"is-legacy":!g||void 0},r("div",{class:{grid:!0}},r("slot",null)))}get el(){return d(this)}static get watchers(){return{sSize:["propChanged"],mSize:["propChanged"],lSize:["propChanged"],xlSize:["propChanged"],sCols:["propChanged"],mCols:["propChanged"],lCols:["propChanged"],xlCols:["propChanged"],xxlCols:["propChanged"]}}};h.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--grid-col-gap:var(--nano-spacing-medium, 16px);--grid-row-gap:var(--nano-spacing-medium, 16px);--current-grid-size:"\'grid size: sm\'";display:block;opacity:0;-webkit-transition:0.2s ease opacity;transition:0.2s ease opacity}:host .grid{display:grid;grid-gap:var(--grid-row-gap) var(--grid-col-gap);height:inherit;min-height:inherit}:host .grid::slotted(*){border:0 solid transparent;background-clip:padding-box;border-width:var(--grid-row-gap) calc(var(--grid-col-gap) / 2)}:host(.ready){opacity:1}:host(.has-grid) .grid{display:-ms-grid;display:grid}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-1),:host(.has-grid) .grid::slotted(.nano-grid-col-start-1){-ms-grid-column:1 !important;grid-column-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-1),:host(.has-grid) .grid::slotted(.nano-grid-row-start-1){-ms-grid-row:1 !important;grid-row-start:1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-1),:host(.has-grid) .grid::slotted(.nano-grid-col-span-1){-ms-grid-column-span:1 !important;grid-column-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-1),:host(.has-grid) .grid::slotted(.nano-grid-row-span-1){-ms-grid-row-span:1 !important;grid-row-end:span 1 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-2),:host(.has-grid) .grid::slotted(.nano-grid-col-start-2){-ms-grid-column:2 !important;grid-column-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-2),:host(.has-grid) .grid::slotted(.nano-grid-row-start-2){-ms-grid-row:2 !important;grid-row-start:2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-2),:host(.has-grid) .grid::slotted(.nano-grid-col-span-2){-ms-grid-column-span:2 !important;grid-column-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-2),:host(.has-grid) .grid::slotted(.nano-grid-row-span-2){-ms-grid-row-span:2 !important;grid-row-end:span 2 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-3),:host(.has-grid) .grid::slotted(.nano-grid-col-start-3){-ms-grid-column:3 !important;grid-column-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-3),:host(.has-grid) .grid::slotted(.nano-grid-row-start-3){-ms-grid-row:3 !important;grid-row-start:3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-3),:host(.has-grid) .grid::slotted(.nano-grid-col-span-3){-ms-grid-column-span:3 !important;grid-column-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-3),:host(.has-grid) .grid::slotted(.nano-grid-row-span-3){-ms-grid-row-span:3 !important;grid-row-end:span 3 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-4),:host(.has-grid) .grid::slotted(.nano-grid-col-start-4){-ms-grid-column:4 !important;grid-column-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-4),:host(.has-grid) .grid::slotted(.nano-grid-row-start-4){-ms-grid-row:4 !important;grid-row-start:4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-4),:host(.has-grid) .grid::slotted(.nano-grid-col-span-4){-ms-grid-column-span:4 !important;grid-column-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-4),:host(.has-grid) .grid::slotted(.nano-grid-row-span-4){-ms-grid-row-span:4 !important;grid-row-end:span 4 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-5),:host(.has-grid) .grid::slotted(.nano-grid-col-start-5){-ms-grid-column:5 !important;grid-column-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-5),:host(.has-grid) .grid::slotted(.nano-grid-row-start-5){-ms-grid-row:5 !important;grid-row-start:5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-5),:host(.has-grid) .grid::slotted(.nano-grid-col-span-5){-ms-grid-column-span:5 !important;grid-column-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-5),:host(.has-grid) .grid::slotted(.nano-grid-row-span-5){-ms-grid-row-span:5 !important;grid-row-end:span 5 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-6),:host(.has-grid) .grid::slotted(.nano-grid-col-start-6){-ms-grid-column:6 !important;grid-column-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-6),:host(.has-grid) .grid::slotted(.nano-grid-row-start-6){-ms-grid-row:6 !important;grid-row-start:6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-6),:host(.has-grid) .grid::slotted(.nano-grid-col-span-6){-ms-grid-column-span:6 !important;grid-column-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-6),:host(.has-grid) .grid::slotted(.nano-grid-row-span-6){-ms-grid-row-span:6 !important;grid-row-end:span 6 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-7),:host(.has-grid) .grid::slotted(.nano-grid-col-start-7){-ms-grid-column:7 !important;grid-column-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-7),:host(.has-grid) .grid::slotted(.nano-grid-row-start-7){-ms-grid-row:7 !important;grid-row-start:7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-7),:host(.has-grid) .grid::slotted(.nano-grid-col-span-7){-ms-grid-column-span:7 !important;grid-column-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-7),:host(.has-grid) .grid::slotted(.nano-grid-row-span-7){-ms-grid-row-span:7 !important;grid-row-end:span 7 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-8),:host(.has-grid) .grid::slotted(.nano-grid-col-start-8){-ms-grid-column:8 !important;grid-column-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-8),:host(.has-grid) .grid::slotted(.nano-grid-row-start-8){-ms-grid-row:8 !important;grid-row-start:8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-8),:host(.has-grid) .grid::slotted(.nano-grid-col-span-8){-ms-grid-column-span:8 !important;grid-column-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-8),:host(.has-grid) .grid::slotted(.nano-grid-row-span-8){-ms-grid-row-span:8 !important;grid-row-end:span 8 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-9),:host(.has-grid) .grid::slotted(.nano-grid-col-start-9){-ms-grid-column:9 !important;grid-column-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-9),:host(.has-grid) .grid::slotted(.nano-grid-row-start-9){-ms-grid-row:9 !important;grid-row-start:9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-9),:host(.has-grid) .grid::slotted(.nano-grid-col-span-9){-ms-grid-column-span:9 !important;grid-column-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-9),:host(.has-grid) .grid::slotted(.nano-grid-row-span-9){-ms-grid-row-span:9 !important;grid-row-end:span 9 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-start-10),:host(.has-grid) .grid::slotted(.nano-grid-col-start-10){-ms-grid-column:10 !important;grid-column-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-start-10),:host(.has-grid) .grid::slotted(.nano-grid-row-start-10){-ms-grid-row:10 !important;grid-row-start:10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-col-span-10),:host(.has-grid) .grid::slotted(.nano-grid-col-span-10){-ms-grid-column-span:10 !important;grid-column-end:span 10 !important}:host(.has-grid) .grid ::slotted(.nano-grid-row-span-10),:host(.has-grid) .grid::slotted(.nano-grid-row-span-10){-ms-grid-row-span:10 !important;grid-row-end:span 10 !important}:host(.has-grid) .grid::slotted(*){border-width:calc(var(--grid-row-gap) / 2) calc(var(--grid-col-gap) / 2)}:host([is-legacy]){overflow:hidden}:host([is-legacy]) .grid{margin-bottom:calc(var(--grid-row-gap) * -.5);margin-top:calc(var(--grid-row-gap) * -.5);margin-left:calc(var(--grid-col-gap) * -.5);margin-right:calc(var(--grid-col-gap) * -.5)}nano-grid :host-context[is-legacy]{overflow:visible}nano-grid :host-context[is-legacy] .grid::slotted(:first-child){border-top-width:calc(var(--grid-row-gap) / 2)}nano-grid :host-context[is-legacy] .grid::slotted(:last-child){border-bottom-width:calc(var(--grid-row-gap) / 2)}:host([content-panel]:not([content-panel=false])){display:-ms-flexbox;-ms-flex-direction:column}:host([content-panel]:not([content-panel=false])) .grid{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}:host([full-height]:not([full-height=false])){height:100%}:host([full-height]:not([full-height=false])) .grid{-ms-grid-rows:1fr;grid-template-rows:1fr}:host([full-height]:not([full-height=false])) .grid::slotted(*){min-height:100%}:host([show-helper]:not([show-helper=false])) .grid{position:relative}:host([show-helper]:not([show-helper=false])) .grid::after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;pointer-events:none;background-image:repeating-linear-gradient(to right, rgba(126, 195, 241, 0.25), rgba(126, 195, 241, 0.25) var(--col-width), transparent var(--col-width), transparent var(--repeat-width));background-size:calc(100% + var(--grid-col-gap)) 100%;z-index:100}:host([show-helper]:not([show-helper=false])) .grid::before{content:var(--current-grid-size);font-size:30px;position:absolute;width:100%;left:0;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:rgba(0, 0, 0, 0.2);text-transform:uppercase;z-index:99;pointer-events:none}:host(.nano-grid-1){--current-grid-size:"grid size: 1";--col-width:calc(100% - var(--grid-col-gap));--repeat-width:calc(100% / 1)}:host(.nano-grid-1) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[1];grid-template-columns:repeat(1, minmax(var(--col-width), 1fr))}:host(.nano-grid-1) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(2)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(3)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(4)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(5)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(6)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(7)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(8)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(9)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(10)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(11)){-ms-grid-row:11;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(12)){-ms-grid-row:12;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(13)){-ms-grid-row:13;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(14)){-ms-grid-row:14;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(15)){-ms-grid-row:15;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(16)){-ms-grid-row:16;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(17)){-ms-grid-row:17;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(18)){-ms-grid-row:18;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(19)){-ms-grid-row:19;-ms-grid-column:1}:host(.nano-grid-1) .grid::slotted(:nth-child(20)){-ms-grid-row:20;-ms-grid-column:1}:host(.nano-grid-2){--current-grid-size:"grid size: 2";--col-width:calc(50% - var(--grid-col-gap));--repeat-width:calc(100% / 2)}:host(.nano-grid-2) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[2];grid-template-columns:repeat(2, minmax(var(--col-width), 1fr))}:host(.nano-grid-2) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(3)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(5)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(6)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(7)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(8)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(9)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(10)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(11)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(12)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(13)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(14)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(15)){-ms-grid-row:8;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(16)){-ms-grid-row:8;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(17)){-ms-grid-row:9;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(18)){-ms-grid-row:9;-ms-grid-column:2}:host(.nano-grid-2) .grid::slotted(:nth-child(19)){-ms-grid-row:10;-ms-grid-column:1}:host(.nano-grid-2) .grid::slotted(:nth-child(20)){-ms-grid-row:10;-ms-grid-column:2}:host(.nano-grid-3){--current-grid-size:"grid size: 3";--col-width:calc(33.3333333333% - var(--grid-col-gap));--repeat-width:calc(100% / 3)}:host(.nano-grid-3) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[3];grid-template-columns:repeat(3, minmax(var(--col-width), 1fr))}:host(.nano-grid-3) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(4)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(7)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(8)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(10)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(11)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(12)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(13)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(14)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(15)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(16)){-ms-grid-row:6;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(17)){-ms-grid-row:6;-ms-grid-column:2}:host(.nano-grid-3) .grid::slotted(:nth-child(18)){-ms-grid-row:6;-ms-grid-column:3}:host(.nano-grid-3) .grid::slotted(:nth-child(19)){-ms-grid-row:7;-ms-grid-column:1}:host(.nano-grid-3) .grid::slotted(:nth-child(20)){-ms-grid-row:7;-ms-grid-column:2}:host(.nano-grid-4){--current-grid-size:"grid size: 4";--col-width:calc(25% - var(--grid-col-gap));--repeat-width:calc(100% / 4)}:host(.nano-grid-4) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[4];grid-template-columns:repeat(4, minmax(var(--col-width), 1fr))}:host(.nano-grid-4) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(5)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(9)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(10)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(13)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(14)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(15)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-4) .grid::slotted(:nth-child(17)){-ms-grid-row:5;-ms-grid-column:1}:host(.nano-grid-4) .grid::slotted(:nth-child(18)){-ms-grid-row:5;-ms-grid-column:2}:host(.nano-grid-4) .grid::slotted(:nth-child(19)){-ms-grid-row:5;-ms-grid-column:3}:host(.nano-grid-4) .grid::slotted(:nth-child(20)){-ms-grid-row:5;-ms-grid-column:4}:host(.nano-grid-5){--current-grid-size:"grid size: 5";--col-width:calc(20% - var(--grid-col-gap));--repeat-width:calc(100% / 5)}:host(.nano-grid-5) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[5];grid-template-columns:repeat(5, minmax(var(--col-width), 1fr))}:host(.nano-grid-5) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(6)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(11)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(12)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-5) .grid::slotted(:nth-child(16)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-5) .grid::slotted(:nth-child(17)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-5) .grid::slotted(:nth-child(18)){-ms-grid-row:4;-ms-grid-column:3}:host(.nano-grid-5) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:4}:host(.nano-grid-5) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:5}:host(.nano-grid-6){--current-grid-size:"grid size: 6";--col-width:calc(16.6666666667% - var(--grid-col-gap));--repeat-width:calc(100% / 6)}:host(.nano-grid-6) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[6];grid-template-columns:repeat(6, minmax(var(--col-width), 1fr))}:host(.nano-grid-6) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(7)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(13)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(14)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-6) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-6) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-6) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-6) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-6) .grid::slotted(:nth-child(19)){-ms-grid-row:4;-ms-grid-column:1}:host(.nano-grid-6) .grid::slotted(:nth-child(20)){-ms-grid-row:4;-ms-grid-column:2}:host(.nano-grid-7){--current-grid-size:"grid size: 7";--col-width:calc(14.2857142857% - var(--grid-col-gap));--repeat-width:calc(100% / 7)}:host(.nano-grid-7) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[7];grid-template-columns:repeat(7, minmax(var(--col-width), 1fr))}:host(.nano-grid-7) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(8)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-7) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-7) .grid::slotted(:nth-child(15)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-7) .grid::slotted(:nth-child(16)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-7) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-7) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-7) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:5}:host(.nano-grid-7) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:6}:host(.nano-grid-8){--current-grid-size:"grid size: 8";--col-width:calc(12.5% - var(--grid-col-gap));--repeat-width:calc(100% / 8)}:host(.nano-grid-8) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[8];grid-template-columns:repeat(8, minmax(var(--col-width), 1fr))}:host(.nano-grid-8) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(9)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-8) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-8) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-8) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-8) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-8) .grid::slotted(:nth-child(17)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-8) .grid::slotted(:nth-child(18)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-8) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:3}:host(.nano-grid-8) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:4}:host(.nano-grid-9){--current-grid-size:"grid size: 9";--col-width:calc(11.1111111111% - var(--grid-col-gap));--repeat-width:calc(100% / 9)}:host(.nano-grid-9) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[9];grid-template-columns:repeat(9, minmax(var(--col-width), 1fr))}:host(.nano-grid-9) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(10)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-9) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-9) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-9) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-9) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-9) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-9) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-9) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-9) .grid::slotted(:nth-child(19)){-ms-grid-row:3;-ms-grid-column:1}:host(.nano-grid-9) .grid::slotted(:nth-child(20)){-ms-grid-row:3;-ms-grid-column:2}:host(.nano-grid-10){--current-grid-size:"grid size: 10";--col-width:calc(10% - var(--grid-col-gap));--repeat-width:calc(100% / 10)}:host(.nano-grid-10) .grid{-ms-grid-columns:(minmax(var(--col-width), 1fr))[10];grid-template-columns:repeat(10, minmax(var(--col-width), 1fr))}:host(.nano-grid-10) .grid::slotted(:nth-child(1)){-ms-grid-row:1;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(2)){-ms-grid-row:1;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(3)){-ms-grid-row:1;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(4)){-ms-grid-row:1;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(5)){-ms-grid-row:1;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(6)){-ms-grid-row:1;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(7)){-ms-grid-row:1;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(8)){-ms-grid-row:1;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(9)){-ms-grid-row:1;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(10)){-ms-grid-row:1;-ms-grid-column:10}:host(.nano-grid-10) .grid::slotted(:nth-child(11)){-ms-grid-row:2;-ms-grid-column:1}:host(.nano-grid-10) .grid::slotted(:nth-child(12)){-ms-grid-row:2;-ms-grid-column:2}:host(.nano-grid-10) .grid::slotted(:nth-child(13)){-ms-grid-row:2;-ms-grid-column:3}:host(.nano-grid-10) .grid::slotted(:nth-child(14)){-ms-grid-row:2;-ms-grid-column:4}:host(.nano-grid-10) .grid::slotted(:nth-child(15)){-ms-grid-row:2;-ms-grid-column:5}:host(.nano-grid-10) .grid::slotted(:nth-child(16)){-ms-grid-row:2;-ms-grid-column:6}:host(.nano-grid-10) .grid::slotted(:nth-child(17)){-ms-grid-row:2;-ms-grid-column:7}:host(.nano-grid-10) .grid::slotted(:nth-child(18)){-ms-grid-row:2;-ms-grid-column:8}:host(.nano-grid-10) .grid::slotted(:nth-child(19)){-ms-grid-row:2;-ms-grid-column:9}:host(.nano-grid-10) .grid::slotted(:nth-child(20)){-ms-grid-row:2;-ms-grid-column:10}';const l=["col-span","col-start","row-span","row-start"],a=class{constructor(r){i(this,r),this.currGridSizes=[null],this.gridStates=""}updateGridClasses(){this.applyChildrenClasses()}async changeBP(i){this.currGridSizes!==i&&(this.currGridSizes=i,this.gridStates.length&&this.applyChildrenClasses())}applyChildrenClasses(){let i,r,t,d=[""],o="";t=this.el.className.split(" ").filter((i=>!i.startsWith("nano-grid-"))),this.el.className=t.join(" ").trim(),r=this.gridStates.split(" "),l.forEach((s=>{i=!1,this.currGridSizes.slice().reverse().forEach((n=>{!i&&n&&(i=r.find((i=>0===i.indexOf(`${n.size}-${s}`))),i&&(t=this.el.className.split(" ").filter((i=>!i.includes("nano-grid-${stateOpt}"))),this.el.className=t.join(" ").trim(),d=i.split("-"),d.shift(),o=d.join("-"),this.el.classList.add(`nano-grid-${o}`)))}))}))}render(){return r("slot",null)}get el(){return d(this)}static get watchers(){return{gridStates:["updateGridClasses"]}}};a.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}";const m=class{constructor(r){i(this,r),this.nanoImgWillLoad=o(this,"nanoImgWillLoad",7),this.nanoImgDidLoad=o(this,"nanoImgDidLoad",7),this.nanoImgError=o(this,"nanoImgError",7),this._srcSet={},this.hasLoaded=!1,this.imgStates=null,this.lazy=!0,this.autoHeight="content",this.onLoad=()=>{this.nanoImgDidLoad.emit(),setTimeout((()=>this.hasLoaded=!0),50)},this.onError=()=>{this.nanoImgError.emit()},this.onResize=i=>{Object.entries(i.detail).forEach((([i,r])=>{this._srcSet[i].active=r}));const r=[];Object.keys(this._srcSet).sort().forEach((i=>{this._srcSet[i].active&&r.push(this._srcSet[i].src)})),this._src=r.length?r.slice(-1)[0]:this.src}}_srcChanged(){this.hasLoaded=!1,this.addIO()}srcChanged(){this._src=this.src}srcSetChanged(){this.srcSet&&(delete this._srcSet,this._srcSet={},this.imgStates=this.srcSet.split(",").map((i=>{const[r,t]=i.split(" ").filter((i=>i.length));return this._srcSet[r]={src:t,active:!1},r})).join(", "))}lazyChanged(){this.lazy||this.load()}addIO(){this._src&&!this.hasLoaded&&(this.lazy?"undefined"!=typeof window&&"IntersectionObserver"in window&&"isIntersecting"in window.IntersectionObserverEntry.prototype?(this.removeIO(),this.io=new IntersectionObserver((i=>{i[0].isIntersecting&&(this.load(),this.removeIO())})),this.io.observe(this.host)):setTimeout((()=>this.load()),200):this.load())}load(){this.loadError=this.onError,this.loadSrc=this._src,this.nanoImgWillLoad.emit()}removeIO(){this.io&&(this.io.disconnect(),this.io=void 0)}connectedCallback(){this.srcChanged(),this.srcSetChanged(),this.lazyChanged()}componentDidLoad(){this.addIO()}disconnectedCallback(){this.removeIO()}render(){const i=this.loadSrc?{"background-image":`url(${this.loadSrc})`}:{};return r("div",{class:"img"},r("nano-skeleton",{class:"img__loader"}),!!this.background&&r("div",{class:{loaded:this.hasLoaded,img__bg:!0,"no-height":"image"===this.autoHeight},style:i},r("slot",null)),r("img",{class:{img__image:!0,loaded:this.hasLoaded,hide:this.background,"no-height":"content"===this.autoHeight},decoding:"async",src:this.loadSrc,alt:this.alt,onLoad:this.onLoad,onError:this.loadError}),r("nano-resize-observe",{class:"img__observer",onNanoResizeStateChange:this.onResize,states:this.imgStates}))}get host(){return d(this)}static get watchers(){return{_src:["_srcChanged"],src:["srcChanged"],srcSet:["srcSetChanged"],lazy:["lazyChanged"]}}};m.style=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{--padding:0;display:inline-block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-size:cover;background-position:center}:host *{border-radius:inherit}:host([background]:not([background=false])){display:block}.img{position:relative;min-height:inherit;height:100%;display:block;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit}.img__loader,.img__observer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;z-index:-1}.img__image,.img__bg{border-radius:inherit;display:block;opacity:0;-webkit-transition:0.5s ease opacity, 0.3s ease filter 0.4s;transition:0.5s ease opacity, 0.3s ease filter 0.4s;-webkit-filter:blur(5px);filter:blur(5px)}.img__image.loaded,.img__bg.loaded{opacity:1;-webkit-filter:blur(0.1px);filter:blur(0.1px)}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.img__image.loaded,.img__bg.loaded{-webkit-filter:blur(0px);filter:blur(0px)}}}.img__image{-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit;max-width:100%;height:auto}.img__image.hide{visibility:hidden}.img__image.hide.no-height{height:1px;position:absolute;z-index:-1}.img__bg{background-color:inherit;background-position:inherit;background-size:inherit;background-origin:inherit;background-attachment:inherit;background-repeat:inherit;overflow:auto;padding:var(--padding)}.img__bg.no-height{position:absolute;top:0;left:0;right:0;bottom:0}";export{h as nano_grid,a as nano_grid_item,m as nano_img}
-//# sourceMappingURL=p-5d5645a5.entry.js.map