@tylertech/forge 3.0.0-next.13 → 3.0.0-next.15

package/dist/esm/chunks/{chunk.K7FPXAFS.js.map → chunk.HZUQXCOQ.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../node_modules/@tylertech/forge-core/esm/utils/dom-utils.js"],
   "sourcesContent": ["import { isArray } from './utils';\n/**\n * Holds regular expressions\n */\n/* tslint:disable-next-line:require-private-underscore */\nconst REGULAR_EXPRESSIONS = {\n    placement: {\n        auto: /\\s?auto?\\s?/i,\n        primary: /^(top|bottom|left|right)$/,\n        secondary: /^(top|bottom|left|right|center)$/,\n        topBottom: /^(top|bottom)$/\n    },\n    overflow: /(auto|scroll)/\n};\n/**\n * Holds the browser scrollbar width.\n */\n/* tslint:disable-next-line:require-private-underscore */\nlet SCROLLBAR_WIDTH;\n/**\n * Gets the ownerDocument for an element, if null, than returns the document element.\n * @param {Element} element The element to get the ownerDocument for\n * @returns {Document}\n */\nfunction _ownerDocument(element) {\n    return element.ownerDocument || document;\n}\n/**\n * Retrieves an element based on the provided root and selector.\n * @param {Element} root The root element to search within.\n * @param {string} selector The selector for the child element.\n * @param {boolean} [allowNull=false] Should the method allow the element to be not found? Default is false.\n * @returns {HTMLElement}\n */\nexport function getElement(root, selector, allowNull = false) {\n    const element = root.querySelector(selector);\n    if (!element && !allowNull) {\n        throw new Error(`Element not found with selector: ${selector}`);\n    }\n    return element;\n}\n/**\n * Checks if an element is a valid element.\n * @param {Element} element The node to test\n * @returns {boolean}\n */\nexport function isElement(element) {\n    return element && element.nodeType === 1;\n}\n/**\n * Checks if an element is statically positioned.\n * @param {Element} element The node to test.\n * @returns {boolean}\n */\nexport function isPositionStatic(element) {\n    return (window.getComputedStyle(element).position || 'static') === 'static';\n}\n/**\n * Parses a style string to a numeric value (removes 'px').\n * @param {string} value The style string to parse.\n * @returns {number}\n */\nexport function parseStyle(value) {\n    if (!value || !value.length) {\n        return 0;\n    }\n    const parsedValue = parseFloat(value);\n    return isFinite(parsedValue) ? parsedValue : 0;\n}\n/**\n * Gets the index of an element in the parent element children.\n * @param {Element} element The element to get the index on.\n * @returns {number}\n */\nexport function elementIndex(element) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - elementIndex: invalid element argument');\n    }\n    if (!element.parentElement) {\n        return -1;\n    }\n    return Array.from(element.parentElement.children).indexOf(element);\n}\n/**\n * Gets an array of parent elements up to the body element.\n * @param {Element} element The element to get the parents of.\n * @param {Element=} untilElement Optional element where traversal should stop.\n * @returns {Array}\n */\nexport function elementParents(element, untilElement) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - elementParents: invalid element argument');\n    }\n    const parentElements = [];\n    while (element.parentElement) {\n        parentElements.push(element.parentElement);\n        if (element.parentElement === untilElement || element.parentElement === _ownerDocument(element).body) {\n            break;\n        }\n        // pierce shadow DOM\n        if (element.parentElement && element.parentElement.parentNode && element.parentElement.parentNode.nodeType === 11) {\n            element = element.parentElement.parentNode.host;\n        }\n        else {\n            element = element.parentElement;\n        }\n    }\n    return parentElements;\n}\n/**\n * Gets the non-statically positioned parent of an element.\n * @param element The element to get the offset parent of.\n * @returns {Element}\n */\nexport function offsetParent(element) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - offsetParent: invalid element argument');\n    }\n    let offsetParentElem = element.offsetParent;\n    while (offsetParentElem && isPositionStatic(offsetParentElem)) {\n        offsetParentElem = offsetParentElem.offsetParent;\n    }\n    return offsetParentElem || _ownerDocument(element).documentElement;\n}\n/**\n * Gets the browser scrollbar width.\n * @returns {number}\n */\nexport function scrollbarWidth() {\n    if (SCROLLBAR_WIDTH === undefined) {\n        const elem = document.createElement('div');\n        elem.style.position = 'absolute';\n        elem.style.top = '-100px';\n        elem.style.left = '-100px';\n        elem.style.width = '50px';\n        elem.style.height = '50px';\n        elem.style.overflow = 'scroll';\n        document.body.appendChild(elem);\n        const width = elem.offsetWidth - elem.clientWidth;\n        removeElement(elem);\n        SCROLLBAR_WIDTH = isFinite(width) ? width : 0;\n    }\n    return SCROLLBAR_WIDTH;\n}\n/**\n * Checks if an element is scrollable.\n * @param {Element} element The element to test for scrollability\n * @returns {boolean}\n */\nexport function isScrollable(element) {\n    const elemStyle = window.getComputedStyle(element);\n    return REGULAR_EXPRESSIONS.overflow.test('' + elemStyle.overflow + elemStyle.overflowY + elemStyle.overflowX);\n}\n/**\n * Gets the scroll parent of an element.\n * @param {Element} element The element to get the scroll parent of.\n * @param {boolean} [includeSelf=false] Should the element be checked for scrollability.\n * @returns {Element}\n */\nexport function scrollParent(element, includeSelf = false) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - scrollParent: invalid element argument');\n    }\n    const docElem = _ownerDocument(element).documentElement;\n    const elemStyle = window.getComputedStyle(element);\n    if (includeSelf && REGULAR_EXPRESSIONS.overflow.test('' + elemStyle.overflow + elemStyle.overflowY + elemStyle.overflowX)) {\n        return element;\n    }\n    let excludeStatic = elemStyle.position === 'absolute';\n    let scrollParentElem = element.parentElement || docElem;\n    if (scrollParentElem === docElem || elemStyle.position === 'fixed') {\n        return scrollParentElem;\n    }\n    while (scrollParentElem && scrollParentElem !== docElem) {\n        const scrollParentStyle = window.getComputedStyle(scrollParentElem);\n        if (excludeStatic && scrollParentStyle.position !== 'static') {\n            excludeStatic = false;\n        }\n        if (!excludeStatic && REGULAR_EXPRESSIONS.overflow.test('' + scrollParentStyle.overflow + scrollParentStyle.overflowY + scrollParentStyle.overflowX)) {\n            break;\n        }\n        scrollParentElem = scrollParentElem.scrollParent;\n    }\n    return scrollParentElem || docElem;\n}\n/**\n * Checks if the elements scroll parent scrollbars are visible.\n * @param {Element} element The element to check the scroll parent of.\n * @returns {IScrollbarVisibility}\n */\nexport function isScrollbarVisible(element) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - isDocumentScrolled: invalid element argument');\n    }\n    const scrollParentElem = scrollParent(element);\n    return {\n        x: scrollParentElem.scrollWidth > scrollParentElem.clientWidth,\n        y: scrollParentElem.scrollHeight > scrollParentElem.clientHeight\n    };\n}\n/**\n * Gets the offset from the element to the parent element edges.\n * If no parentElement is supplied, the documentElement will be used.\n * @param {Element} element The element to compute the offset for.\n * @param {Element=} parentElement Optional parent element to measure from.\n * @returns {DOMRect}\n */\nexport function offset(element, parentElement) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - offset: invalid element argument');\n    }\n    const elemBCR = element.getBoundingClientRect();\n    const win = _ownerDocument(element).defaultView;\n    const docElem = parentElement || win.document.documentElement;\n    const offsetValues = { width: elemBCR.width, height: elemBCR.width, top: 0, left: 0, bottom: 0, right: 0 };\n    if (!parentElement || docElem === win.document.documentElement || docElem === win.document.body) {\n        offsetValues.top = win.scrollY + elemBCR.top;\n        offsetValues.bottom = docElem.clientHeight - win.scrollY - elemBCR.bottom;\n        offsetValues.left = win.scrollX + elemBCR.left;\n        offsetValues.right = docElem.clientWidth - win.scrollX - elemBCR.right;\n    }\n    else {\n        if (!isElement(parentElement)) {\n            throw new Error('DOMUtils - offset: invalid parentElement argument');\n        }\n        const parentBCR = parentElement.getBoundingClientRect();\n        offsetValues.top = elemBCR.top - parentBCR.top;\n        offsetValues.bottom = parentBCR.bottom - elemBCR.bottom;\n        offsetValues.left = elemBCR.left - parentBCR.left;\n        offsetValues.right = parentBCR.right - elemBCR.right;\n    }\n    return {\n        width: Math.round(elemBCR.width),\n        height: Math.round(elemBCR.height),\n        top: Math.round(offsetValues.top),\n        bottom: Math.round(offsetValues.bottom),\n        left: Math.round(offsetValues.left),\n        right: Math.round(offsetValues.right)\n    };\n}\n/**\n * Gets the offset from the element to the parent element viewable edges.\n * If no parentElement is supplied, the documentElement will be used.\n * @param {Element} element The element to measure\n * @param {Element=} parentElement The parent element to measure to.\n * @returns {DOMRect}\n */\nexport function viewportOffset(element, parentElement) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - offset: invalid element argument');\n    }\n    const win = _ownerDocument(element).defaultView;\n    parentElement = parentElement || win.document.documentElement;\n    const parentElementOffset = offset(element, parentElement);\n    const offsetValues = {\n        top: parentElementOffset.top,\n        bottom: 0,\n        left: parentElementOffset.left,\n        right: 0\n    };\n    if (parentElement === win.document.documentElement) {\n        offsetValues.top -= win.scrollY;\n        offsetValues.left -= win.scrollX;\n    }\n    else {\n        const parentStyle = window.getComputedStyle(parentElement);\n        offsetValues.top -= parseStyle('' + parentStyle.borderTopWidth);\n        offsetValues.left -= parseStyle('' + parentStyle.borderLeftWidth);\n    }\n    offsetValues.bottom = parentElement.clientHeight - offsetValues.top - element.offsetHeight;\n    offsetValues.right = parentElement.clientWidth - offsetValues.left - element.offsetWidth;\n    return {\n        width: parentElementOffset.width,\n        height: parentElementOffset.height,\n        top: Math.round(offsetValues.top),\n        bottom: Math.round(offsetValues.bottom),\n        left: Math.round(offsetValues.left),\n        right: Math.round(offsetValues.right)\n    };\n}\n/**\n * Checks if any part of an element is visible in the viewport.\n * @param {Element} element The element to check.\n * @returns {boolean}\n */\nexport function isElementInViewport(element) {\n    if (!isElement(element)) {\n        throw new Error('DOMUtils - isElementInViewport: invalid element argument');\n    }\n    const document = _ownerDocument(element);\n    const scrollParentElem = scrollParent(element);\n    const elemBCR = element.getBoundingClientRect();\n    if (scrollParentElem !== document.documentElement && scrollParentElem !== document.body) {\n        const scrollParentOffset = offset(element, scrollParentElem);\n        if (scrollParentOffset.top + elemBCR.height < 0 ||\n            scrollParentOffset.left + elemBCR.width < 0 ||\n            scrollParentOffset.bottom + elemBCR.height - this.scrollbarWidth < 0 ||\n            scrollParentOffset.right + elemBCR.width - this.scrollbarWidth < 0) {\n            return false;\n        }\n    }\n    if (elemBCR.top + elemBCR.height < 0 ||\n        elemBCR.left + elemBCR.width < 0 ||\n        elemBCR.bottom + elemBCR.height > document.documentElement.clientHeight ||\n        elemBCR.right + elemBCR.width > document.documentElement.clientWidth) {\n        return false;\n    }\n    return true;\n}\n/**\n * Adds an event listener to the document that will call the provided callback function\n * when an element and it's children no longer have focus.  The blur and touchstart events are used\n * to evaluate the active element to determine if the callback should be called.\n *\n * @param {Element} element The element to add the event listener to.\n * @param {Function} callback The function to call when the element and children don't have focus.\n * @param {boolean} [delay=false] Should a RAF cycle occur before the callback is called.\n * @returns {Function} The function to call to remove the document events.\n */\nexport function notChildEventListener(element, callback, delay) {\n    const evtHandler = (event) => {\n        const handle = () => {\n            event.stopPropagation();\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n            const activeElement = (event.type === 'touchstart' ? event.target : _ownerDocument(element).activeElement);\n            if (!element.contains(activeElement)) {\n                callback(activeElement);\n            }\n        };\n        if (delay) {\n            window.requestAnimationFrame(() => handle());\n        }\n        else {\n            handle();\n        }\n    };\n    const docElem = _ownerDocument(element);\n    docElem.addEventListener('blur', evtHandler, true);\n    docElem.addEventListener('touchstart', evtHandler, true);\n    return () => {\n        docElem.removeEventListener('blur', evtHandler, true);\n        docElem.removeEventListener('touchstart', evtHandler, true);\n    };\n}\n/**\n * Removes all children from a DOM node.\n * @param node The DOM node to remove children from.\n */\nexport function removeAllChildren(node) {\n    while (node.lastChild) {\n        node.removeChild(node.lastChild);\n    }\n}\n/**\n * Replaces one child node of the specified node with another.\n * @param newChild The new node to replace `oldChild`.\n * @param oldChild The existing node to be replaced.\n * @returns {Node} The replaced node. Same node as `oldChild`.\n */\nexport function replaceElement(newChild, oldChild) {\n    return oldChild.parentNode.replaceChild(newChild, oldChild);\n}\n/**\n * Adds a class or array of classes to an element.\n *\n * @param {string | string[]} name The class(es) to add to the element\n * @param {Element} element The element to add class(es) to.\n */\nexport function addClass(name, element) {\n    if (isArray(name)) {\n        name.forEach(n => element.classList.add(n));\n    }\n    else {\n        element.classList.add(name);\n    }\n}\n/**\n * Removes a class or array of classes to an element.\n *\n * @param {string | string[]} name The class(es) to remove from the element\n * @param {Element} element The element to remove class(es) from.\n */\nexport function removeClass(name, element) {\n    if (isArray(name)) {\n        name.forEach(n => element.classList.remove(n));\n    }\n    else {\n        element.classList.remove(name);\n    }\n}\n/** Determines which type of animation event is supported. */\nexport function getAnimationEvent() {\n    const el = document.createElement('fakeelement');\n    // tslint:disable:object-literal-key-quotes\n    const animations = {\n        'animation': 'animationend',\n        'OAnimation': 'oAnimationEnd',\n        'MozAnimation': 'animationend',\n        'WebkitAnimation': 'webkitAnimationEnd'\n    };\n    for (const t in animations) {\n        if (el.style[t] !== undefined) {\n            return animations[t];\n        }\n    }\n}\n/**\n * A helper method to trigger a keyframe animation via adding a class, and removing the class when the animation completes.\n * @param {HTMLElement} element The element to play the animation on.\n * @param {string} className The class to add that triggers the animation.\n */\nexport async function playKeyframeAnimation(element, className, remove = true) {\n    element.classList.add(className);\n    return new Promise(resolve => {\n        const animationEvent = getAnimationEvent();\n        const animationCompletedListener = () => {\n            if (remove) {\n                element.classList.remove(className);\n            }\n            element.removeEventListener(animationEvent, animationCompletedListener);\n            resolve();\n        };\n        element.addEventListener(animationEvent, animationCompletedListener);\n    });\n}\n/**\n * Removes an element from the DOM using the available remove method for that platform.\n * @param {HTMLElement} element The element to remove.\n */\nexport function removeElement(element) {\n    if (element.removeNode) {\n        element.removeNode(true);\n    }\n    else if (element.remove) {\n        element.remove();\n    }\n    else {\n        element.parentNode.removeChild(element);\n    }\n}\n/**\n * Returns a width string that is safe for css based on the provided input.\n * @param {string | number} width\n * @returns {string | undefined} A width safe for using in CSS.\n */\nexport function safeCssWidth(width) {\n    if (typeof width === 'string') {\n        if (width[width.length - 1] === '%') {\n            return width;\n        }\n        else if (width.slice(-2) === 'px') {\n            return width;\n        }\n        else if (Number(width) >= 0) {\n            return `${width}px`;\n        }\n    }\n    else if (typeof width === 'number') {\n        if (width >= 0) {\n            return `${width}px`;\n        }\n    }\n    return undefined;\n}\n/**\n * Calculates the size of an element that is not attached to the DOM.\n * @param {HTMLElement} element The element to calc the size of.\n * @returns {width, height} The size of the element.\n */\nexport function calcSizeUnattached(element) {\n    let container = document.createElement('div');\n    container.style.position = 'absolute';\n    container.style.top = '-99999px';\n    container.style.left = '-99999px';\n    container.style.visibility = 'hidden';\n    container.appendChild(element.cloneNode(true));\n    document.body.appendChild(container);\n    const size = {\n        width: container.scrollWidth,\n        height: container.scrollHeight\n    };\n    removeElement(container);\n    container = undefined;\n    return size;\n}\n/**\n * Resolves a promise when the provided element has children.\n * @param {Element} element An element that does or will contain children.\n */\nexport function ensureChildren(element) {\n    if (element.children.length) {\n        return Promise.resolve();\n    }\n    return new Promise(resolve => {\n        const observer = new MutationObserver(changes => {\n            if (element.children.length) {\n                observer.disconnect();\n                resolve();\n            }\n        });\n        observer.observe(element, { childList: true });\n    });\n}\n/**\n * Resolves a promise when the provided element has a child that matches a given selector.\n * @param {Element} element An element that does or will contain children.\n * @param {string} selector A CSS selector to use for finding an element.\n */\nexport function ensureChild(element, selector) {\n    const initialElements = deepQuerySelectorAll(element, selector);\n    if (initialElements.length) {\n        return Promise.resolve(initialElements[0]);\n    }\n    return new Promise(resolve => {\n        const observer = new MutationObserver(changes => {\n            const hasAddedNodes = changes.reduce((prev, curr) => prev + curr.addedNodes.length, 0) > 0;\n            if (hasAddedNodes) {\n                const foundElements = deepQuerySelectorAll(element, selector);\n                if (foundElements.length) {\n                    observer.disconnect();\n                    resolve(foundElements[0]);\n                }\n            }\n        });\n        observer.observe(element, { childList: true, subtree: true });\n    });\n}\n/**\n * Resolves a promise when the provided host element has an `<input>` element child\n * @param {HTMLElement} host An element that does or will contain children.\n */\nexport function ensureInputElement(host) {\n    return new Promise(resolve => {\n        const element = host.querySelector('input');\n        if (element) {\n            resolve(element);\n        }\n        const observer = new MutationObserver(changes => {\n            const hasAddedNodes = changes.reduce((prev, curr) => prev + curr.addedNodes.length, 0) > 0;\n            if (hasAddedNodes) {\n                const foundElement = host.querySelector('input');\n                if (foundElement) {\n                    observer.disconnect();\n                    resolve(foundElement);\n                }\n            }\n        });\n        observer.observe(host, { childList: true, subtree: true });\n    });\n}\n/**\n * Walks up the tree starting a specific node and stops when the provided matcher function returns true.\n * @param {Node} node The node to start searching from.\n * @returns {Node | null} The closest matching ancestor node, or null if not found.\n */\nexport function walkUpUntil(node, matcher) {\n    let parent = node && node.parentNode;\n    while (parent) {\n        if (matcher(parent)) {\n            return parent;\n        }\n        parent = parent.parentNode;\n    }\n    return null;\n}\n/**\n * Calculates the width of a string given the provided font information.\n */\nexport function calculateFontWidth(value, info) {\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    const fontSize = info ? info.fontSize : 16;\n    const fontFamily = info ? info.fontFamily : 'Roboto';\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(value).width;\n}\n/**\n * Generates a CSS text-shadow style value based on the number of iterations and color provided.\n * @param {number} iterations The number of iterations for how long the shadow should be.\n * @param {string} color The color of the text shadow. Can be any CSS-safe color format. Ex. hex, rgb, rgba, hsl... etc.\n */\nexport function generateTextShadow(iterations, color) {\n    const shadows = [];\n    for (let i = 1; i <= iterations; i++) {\n        shadows.push(`${i}px ${i}px ${color}`);\n    }\n    return shadows.join(', ');\n}\n/**\n * Checks if an element matches any of the provided selectors.\n * @param {Element} el The element to match.\n * @param {string[]} selectors The selectors to check the element against.\n */\nexport function matchesSelectors(el, selectors) {\n    if (el.nodeType !== Node.ELEMENT_NODE) {\n        return false;\n    }\n    if (typeof selectors === 'string') {\n        selectors = selectors.replace(/\\s+/, '').split(',');\n    }\n    const matchesFn = Element.prototype.matches;\n    return selectors.some(selector => matchesFn.call(el, selector));\n}\n/**\n * Walks the DOM tree starting at a root element and checks if any of its children\n * match the provided selectors. Similar to the native `querySelectorAll` except\n * that it will traverse the shadow DOM as well as slotted nodes.\n * @param {Element} rootElement The element to start querying from.\n * @param {string[]} selectors An array of CSS selectors.\n * @param {boolean} [checkRootElement] True if the provided root element is to be matched against the selectors.\n */\nexport function deepQuerySelectorAll(rootElement, selectors, checkRootElement = false) {\n    let nodes = [];\n    if (!rootElement) {\n        return nodes;\n    }\n    if (typeof selectors === 'string') {\n        selectors = selectors.replace(/\\s+/, '').split(',');\n    }\n    if (checkRootElement && matchesSelectors(rootElement, selectors) && nodes.indexOf(rootElement) === -1) {\n        nodes.push(rootElement);\n    }\n    if (rootElement.tagName === 'SLOT') {\n        const slotNodes = rootElement.assignedNodes();\n        slotNodes.forEach(slottedNode => nodes = nodes.concat(deepQuerySelectorAll(slottedNode, selectors, true)));\n    }\n    else {\n        let node = rootElement.shadowRoot ? rootElement.shadowRoot.firstElementChild : rootElement.firstElementChild;\n        while (node) {\n            nodes = nodes.concat(deepQuerySelectorAll(node, selectors, true));\n            node = node.nextElementSibling;\n        }\n    }\n    return nodes;\n}\n/**\n * Gets the currently focused element within the document by also traversing shadow roots.\n * @param {Document} doc The document to get the active element from. Defaults to the current document.\n * @returns {Element}\n */\nexport function getActiveElement(doc = document) {\n    const activeElement = doc.activeElement;\n    if (!activeElement || activeElement === doc.body) {\n        return activeElement;\n    }\n    return getActiveShadowElement(activeElement);\n}\n/**\n * Gets the active element within the provided elements shadow root. If the element\n * does not have a shadow root, the provided element is returned.\n * @param {Element} element The active element.\n */\nexport function getActiveShadowElement(element) {\n    if (element.shadowRoot && element.shadowRoot.activeElement) {\n        element = getActiveShadowElement(element.shadowRoot.activeElement);\n    }\n    return element;\n}\n/** Toggles a CSS class (or classes) on an element based on a boolean. */\nexport function toggleClass(el, hasClass, className) {\n    if (hasClass) {\n        addClass(className, el);\n    }\n    else {\n        removeClass(className, el);\n    }\n}\n/** Toggles a value-less attribute on an element. */\nexport function toggleAttribute(el, hasAttribute, name, value = '') {\n    if (hasAttribute) {\n        el.setAttribute(name, value);\n    }\n    else {\n        el.removeAttribute(name);\n    }\n}\n/** Toggles part of an attribute on an element. */\nexport function toggleOnAttribute(el, attribute, value, force) {\n    const oldValue = el.getAttribute(attribute);\n    if ((force === undefined || force === true) && (!oldValue || !oldValue.includes(value))) {\n        appendToAttribute(el, attribute, value);\n    }\n    else if (!force) {\n        removeFromAttribute(el, attribute, value);\n    }\n}\n/** Appends a value to an attribute on an element, first setting it if it doesn't exist. */\nexport function appendToAttribute(el, attribute, value) {\n    const oldValue = el.getAttribute(attribute);\n    if (!oldValue || !oldValue.length) {\n        el.setAttribute(attribute, value);\n    }\n    else {\n        el.setAttribute(attribute, `${oldValue} ${value}`);\n    }\n}\n/** Removes a value from an attribute on an element, removing the attribute if empty. */\nexport function removeFromAttribute(el, attribute, value) {\n    if (!el.hasAttribute(attribute)) {\n        return;\n    }\n    const oldValue = el.getAttribute(attribute);\n    if (oldValue) {\n        let newValue = oldValue === null || oldValue === void 0 ? void 0 : oldValue.replace(value, '');\n        newValue = newValue.replace(/\\s+/g, ' ').trim();\n        if (newValue.length) {\n            el.setAttribute(attribute, newValue);\n        }\n        else {\n            el.removeAttribute(attribute);\n        }\n    }\n}\n/**\n * Attempts to scroll a target element into view within a scrollable parent element, unless already visible within the container.\n * @param scrollElement The scrollable parent element.\n * @param targetElement The element to scroll into view.\n * @param behavior The scroll behavior. Defaults to 'auto'.\n * @param block The block position to anchor the target element to within the scroll element.\n */\nexport function tryScrollIntoView(scrollElement, targetElement, behavior = 'auto', block = 'nearest') {\n    if (!scrollElement) {\n        return;\n    }\n    const canScroll = scrollElement.scrollHeight > scrollElement.clientHeight || scrollElement.scrollWidth > scrollElement.clientWidth;\n    if (canScroll) {\n        const offsetRect = offset(targetElement, scrollElement);\n        const isClippedTop = offsetRect.top <= targetElement.clientHeight;\n        const isClippedBottom = offsetRect.bottom <= targetElement.clientHeight;\n        if (isClippedTop || isClippedBottom) {\n            const top = calcBlockScroll(block, isClippedTop, targetElement.offsetTop, targetElement.clientHeight, scrollElement.offsetTop, scrollElement.offsetHeight);\n            scrollElement.scrollTo({ top, behavior });\n            return;\n        }\n        const isClippedLeft = offsetRect.left <= targetElement.clientWidth;\n        const isClippedRight = offsetRect.right <= targetElement.clientWidth;\n        if (isClippedLeft || isClippedRight) {\n            const left = calcBlockScroll(block, isClippedLeft, targetElement.offsetLeft, targetElement.clientWidth, scrollElement.offsetLeft, scrollElement.offsetWidth);\n            scrollElement.scrollTo({ left, behavior });\n        }\n    }\n}\n/** Calculates the block anchor position for a target element within a scrollable parent element. */\nexport function calcBlockScroll(block, isClippedStart, targetOffset, targetSize, scrollOffset, scrollSize) {\n    if (block === 'nearest') {\n        if (isClippedStart) {\n            return (targetOffset - scrollOffset) - targetSize;\n        }\n        return (targetOffset - scrollSize) + targetSize * 2;\n    }\n    return targetOffset - scrollOffset - scrollSize / 2 + targetSize / 2;\n}\n/**\n * Creates an element from an HTML string.\n */\nexport function elementFromHTML(html) {\n    const template = document.createElement('template');\n    html = html.trim();\n    template.innerHTML = html;\n    return template.content.firstElementChild;\n}\n/**\n * Observes changes to the provided attributes on a target element and executes a provided callback when changed.\n * @param element The element to observe.\n * @param listener The callback to execute when an attribute changes on the element.\n * @param attributeFilter The attributes to observe.\n * @returns A `MutationObserver` instasnce.\n */\nexport function createElementAttributeObserver(element, listener, attributeFilter) {\n    const observer = new MutationObserver(mutations => {\n        for (const mutation of mutations) {\n            if (mutation.attributeName) {\n                listener(mutation.attributeName, element.getAttribute(mutation.attributeName));\n            }\n        }\n    });\n    observer.observe(element, { attributes: true, attributeFilter });\n    return observer;\n}\n"],
-  "mappings": "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",
-  "names": ["_ownerDocument", "element", "isElement", "element", "elementParents", "element", "untilElement", "isElement", "parentElements", "_ownerDocument", "offset", "element", "parentElement", "isElement", "elemBCR", "win", "_ownerDocument", "docElem", "offsetValues", "parentBCR", "notChildEventListener", "element", "callback", "delay", "evtHandler", "event", "handle", "activeElement", "_ownerDocument", "docElem", "removeAllChildren", "node", "replaceElement", "newChild", "oldChild", "addClass", "name", "isArray", "n", "removeClass", "getAnimationEvent", "el", "animations", "t", "playKeyframeAnimation", "className", "remove", "resolve", "animationEvent", "animationCompletedListener", "removeElement", "safeCssWidth", "width", "calcSizeUnattached", "container", "size", "ensureChildren", "observer", "changes", "ensureChild", "selector", "initialElements", "deepQuerySelectorAll", "prev", "curr", "foundElements", "walkUpUntil", "node", "matcher", "parent", "calculateFontWidth", "value", "info", "ctx", "fontSize", "fontFamily", "generateTextShadow", "iterations", "color", "shadows", "i", "matchesSelectors", "el", "selectors", "matchesFn", "selector", "deepQuerySelectorAll", "rootElement", "checkRootElement", "nodes", "slottedNode", "getActiveElement", "doc", "activeElement", "getActiveShadowElement", "element", "toggleClass", "hasClass", "className", "addClass", "removeClass", "toggleAttribute", "hasAttribute", "name", "toggleOnAttribute", "attribute", "force", "oldValue", "appendToAttribute", "removeFromAttribute", "newValue", "tryScrollIntoView", "scrollElement", "targetElement", "behavior", "block", "offsetRect", "offset", "isClippedTop", "isClippedBottom", "top", "calcBlockScroll", "isClippedLeft", "isClippedRight", "left", "isClippedStart", "targetOffset", "targetSize", "scrollOffset", "scrollSize", "elementFromHTML", "html", "template", "createElementAttributeObserver", "listener", "attributeFilter", "observer", "mutations", "mutation"]
+  "mappings": "wCAwBA,SAASA,EAAeC,EAAS,CAC7B,OAAOA,EAAQ,eAAiB,QACpC,CAoBO,SAASC,EAAUC,EAAS,CAC/B,OAAOA,GAAWA,EAAQ,WAAa,CAC3C,CAyCO,SAASC,EAAeC,EAASC,EAAc,CAClD,GAAI,CAACC,EAAUF,CAAO,EAClB,MAAM,IAAI,MAAM,qDAAqD,EAEzE,IAAMG,EAAiB,CAAC,EACxB,KAAOH,EAAQ,gBACXG,EAAe,KAAKH,EAAQ,aAAa,EACrC,EAAAA,EAAQ,gBAAkBC,GAAgBD,EAAQ,gBAAkBI,EAAeJ,CAAO,EAAE,QAI5FA,EAAQ,eAAiBA,EAAQ,cAAc,YAAcA,EAAQ,cAAc,WAAW,WAAa,GAC3GA,EAAUA,EAAQ,cAAc,WAAW,KAG3CA,EAAUA,EAAQ,cAG1B,OAAOG,CACX,CAmGO,SAASE,EAAOC,EAASC,EAAe,CAC3C,GAAI,CAACC,EAAUF,CAAO,EAClB,MAAM,IAAI,MAAM,6CAA6C,EAEjE,IAAMG,EAAUH,EAAQ,sBAAsB,EACxCI,EAAMC,EAAeL,CAAO,EAAE,YAC9BM,EAAUL,GAAiBG,EAAI,SAAS,gBACxCG,EAAe,CAAE,MAAOJ,EAAQ,MAAO,OAAQA,EAAQ,MAAO,IAAK,EAAG,KAAM,EAAG,OAAQ,EAAG,MAAO,CAAE,EACzG,GAAI,CAACF,GAAiBK,IAAYF,EAAI,SAAS,iBAAmBE,IAAYF,EAAI,SAAS,KACvFG,EAAa,IAAMH,EAAI,QAAUD,EAAQ,IACzCI,EAAa,OAASD,EAAQ,aAAeF,EAAI,QAAUD,EAAQ,OACnEI,EAAa,KAAOH,EAAI,QAAUD,EAAQ,KAC1CI,EAAa,MAAQD,EAAQ,YAAcF,EAAI,QAAUD,EAAQ,UAEhE,CACD,GAAI,CAACD,EAAUD,CAAa,EACxB,MAAM,IAAI,MAAM,mDAAmD,EAEvE,IAAMO,EAAYP,EAAc,sBAAsB,EACtDM,EAAa,IAAMJ,EAAQ,IAAMK,EAAU,IAC3CD,EAAa,OAASC,EAAU,OAASL,EAAQ,OACjDI,EAAa,KAAOJ,EAAQ,KAAOK,EAAU,KAC7CD,EAAa,MAAQC,EAAU,MAAQL,EAAQ,MAEnD,MAAO,CACH,MAAO,KAAK,MAAMA,EAAQ,KAAK,EAC/B,OAAQ,KAAK,MAAMA,EAAQ,MAAM,EACjC,IAAK,KAAK,MAAMI,EAAa,GAAG,EAChC,OAAQ,KAAK,MAAMA,EAAa,MAAM,EACtC,KAAM,KAAK,MAAMA,EAAa,IAAI,EAClC,MAAO,KAAK,MAAMA,EAAa,KAAK,CACxC,CACJ,CAgFO,SAASE,EAAsBC,EAASC,EAAUC,EAAO,CAC5D,IAAMC,EAAcC,GAAU,CAC1B,IAAMC,EAAS,IAAM,CACjBD,EAAM,gBAAgB,EAClBA,EAAM,YACNA,EAAM,eAAe,EAEzB,IAAME,EAAiBF,EAAM,OAAS,aAAeA,EAAM,OAASG,EAAeP,CAAO,EAAE,cACvFA,EAAQ,SAASM,CAAa,GAC/BL,EAASK,CAAa,CAE9B,EACIJ,EACA,OAAO,sBAAsB,IAAMG,EAAO,CAAC,EAG3CA,EAAO,CAEf,EACMG,EAAUD,EAAeP,CAAO,EACtC,OAAAQ,EAAQ,iBAAiB,OAAQL,EAAY,EAAI,EACjDK,EAAQ,iBAAiB,aAAcL,EAAY,EAAI,EAChD,IAAM,CACTK,EAAQ,oBAAoB,OAAQL,EAAY,EAAI,EACpDK,EAAQ,oBAAoB,aAAcL,EAAY,EAAI,CAC9D,CACJ,CAKO,SAASM,EAAkBC,EAAM,CACpC,KAAOA,EAAK,WACRA,EAAK,YAAYA,EAAK,SAAS,CAEvC,CAOO,SAASC,EAAeC,EAAUC,EAAU,CAC/C,OAAOA,EAAS,WAAW,aAAaD,EAAUC,CAAQ,CAC9D,CAOO,SAASC,EAASC,EAAMf,EAAS,CAChCgB,EAAQD,CAAI,EACZA,EAAK,QAAQE,GAAKjB,EAAQ,UAAU,IAAIiB,CAAC,CAAC,EAG1CjB,EAAQ,UAAU,IAAIe,CAAI,CAElC,CAOO,SAASG,EAAYH,EAAMf,EAAS,CACnCgB,EAAQD,CAAI,EACZA,EAAK,QAAQE,GAAKjB,EAAQ,UAAU,OAAOiB,CAAC,CAAC,EAG7CjB,EAAQ,UAAU,OAAOe,CAAI,CAErC,CAEO,SAASI,GAAoB,CAChC,IAAMC,EAAK,SAAS,cAAc,aAAa,EAEzCC,EAAa,CACf,UAAa,eACb,WAAc,gBACd,aAAgB,eAChB,gBAAmB,oBACvB,EACA,QAAWC,KAAKD,EACZ,GAAID,EAAG,MAAME,CAAC,IAAM,OAChB,OAAOD,EAAWC,CAAC,CAG/B,CAMA,eAAsBC,EAAsBvB,EAASwB,EAAWC,EAAS,GAAM,CAC3E,OAAAzB,EAAQ,UAAU,IAAIwB,CAAS,EACxB,IAAI,QAAQE,GAAW,CAC1B,IAAMC,EAAiBR,EAAkB,EACnCS,EAA6B,IAAM,CACjCH,GACAzB,EAAQ,UAAU,OAAOwB,CAAS,EAEtCxB,EAAQ,oBAAoB2B,EAAgBC,CAA0B,EACtEF,EAAQ,CACZ,EACA1B,EAAQ,iBAAiB2B,EAAgBC,CAA0B,CACvE,CAAC,CACL,CAKO,SAASC,EAAc7B,EAAS,CAC/BA,EAAQ,WACRA,EAAQ,WAAW,EAAI,EAElBA,EAAQ,OACbA,EAAQ,OAAO,EAGfA,EAAQ,WAAW,YAAYA,CAAO,CAE9C,CAMO,SAAS8B,EAAaC,EAAO,CAChC,GAAI,OAAOA,GAAU,SAAU,CAC3B,GAAIA,EAAMA,EAAM,OAAS,CAAC,IAAM,IAC5B,OAAOA,EAEN,GAAIA,EAAM,MAAM,EAAE,IAAM,KACzB,OAAOA,EAEN,GAAI,OAAOA,CAAK,GAAK,EACtB,MAAO,GAAGA,cAGT,OAAOA,GAAU,UAClBA,GAAS,EACT,MAAO,GAAGA,KAItB,CAMO,SAASC,EAAmBhC,EAAS,CACxC,IAAIiC,EAAY,SAAS,cAAc,KAAK,EAC5CA,EAAU,MAAM,SAAW,WAC3BA,EAAU,MAAM,IAAM,WACtBA,EAAU,MAAM,KAAO,WACvBA,EAAU,MAAM,WAAa,SAC7BA,EAAU,YAAYjC,EAAQ,UAAU,EAAI,CAAC,EAC7C,SAAS,KAAK,YAAYiC,CAAS,EACnC,IAAMC,EAAO,CACT,MAAOD,EAAU,YACjB,OAAQA,EAAU,YACtB,EACA,OAAAJ,EAAcI,CAAS,EACvBA,EAAY,OACLC,CACX,CAKO,SAASC,EAAenC,EAAS,CACpC,OAAIA,EAAQ,SAAS,OACV,QAAQ,QAAQ,EAEpB,IAAI,QAAQ0B,GAAW,CAC1B,IAAMU,EAAW,IAAI,iBAAiBC,GAAW,CACzCrC,EAAQ,SAAS,SACjBoC,EAAS,WAAW,EACpBV,EAAQ,EAEhB,CAAC,EACDU,EAAS,QAAQpC,EAAS,CAAE,UAAW,EAAK,CAAC,CACjD,CAAC,CACL,CAMO,SAASsC,EAAYtC,EAASuC,EAAU,CAC3C,IAAMC,EAAkBC,EAAqBzC,EAASuC,CAAQ,EAC9D,OAAIC,EAAgB,OACT,QAAQ,QAAQA,EAAgB,CAAC,CAAC,EAEtC,IAAI,QAAQd,GAAW,CAC1B,IAAMU,EAAW,IAAI,iBAAiBC,GAAW,CAE7C,GADsBA,EAAQ,OAAO,CAACK,EAAMC,IAASD,EAAOC,EAAK,WAAW,OAAQ,CAAC,EAAI,EACtE,CACf,IAAMC,EAAgBH,EAAqBzC,EAASuC,CAAQ,EACxDK,EAAc,SACdR,EAAS,WAAW,EACpBV,EAAQkB,EAAc,CAAC,CAAC,GAGpC,CAAC,EACDR,EAAS,QAAQpC,EAAS,CAAE,UAAW,GAAM,QAAS,EAAK,CAAC,CAChE,CAAC,CACL,CAKO,SAAS6C,EAAmBC,EAAM,CACrC,OAAO,IAAI,QAAQpB,GAAW,CAC1B,IAAM1B,EAAU8C,EAAK,cAAc,OAAO,EACtC9C,GACA0B,EAAQ1B,CAAO,EAEnB,IAAMoC,EAAW,IAAI,iBAAiBC,GAAW,CAE7C,GADsBA,EAAQ,OAAO,CAACK,EAAMC,IAASD,EAAOC,EAAK,WAAW,OAAQ,CAAC,EAAI,EACtE,CACf,IAAMI,EAAeD,EAAK,cAAc,OAAO,EAC3CC,IACAX,EAAS,WAAW,EACpBV,EAAQqB,CAAY,GAGhC,CAAC,EACDX,EAAS,QAAQU,EAAM,CAAE,UAAW,GAAM,QAAS,EAAK,CAAC,CAC7D,CAAC,CACL,CAMO,SAASE,EAAYtC,EAAMuC,EAAS,CACvC,IAAIC,EAASxC,GAAQA,EAAK,WAC1B,KAAOwC,GAAQ,CACX,GAAID,EAAQC,CAAM,EACd,OAAOA,EAEXA,EAASA,EAAO,WAEpB,OAAO,IACX,CAIO,SAASC,EAAmBC,EAAOC,EAAM,CAE5C,IAAMC,EADS,SAAS,cAAc,QAAQ,EAC3B,WAAW,IAAI,EAC5BC,EAAWF,EAAOA,EAAK,SAAW,GAClCG,EAAaH,EAAOA,EAAK,WAAa,SAC5C,OAAAC,EAAI,KAAO,GAAGC,OAAcC,IACrBF,EAAI,YAAYF,CAAK,EAAE,KAClC,CAMO,SAASK,EAAmBC,EAAYC,EAAO,CAClD,IAAMC,EAAU,CAAC,EACjB,QAASC,EAAI,EAAGA,GAAKH,EAAYG,IAC7BD,EAAQ,KAAK,GAAGC,OAAOA,OAAOF,GAAO,EAEzC,OAAOC,EAAQ,KAAK,IAAI,CAC5B,CAMO,SAASE,EAAiB1C,EAAI2C,EAAW,CAC5C,GAAI3C,EAAG,WAAa,KAAK,aACrB,MAAO,GAEP,OAAO2C,GAAc,WACrBA,EAAYA,EAAU,QAAQ,MAAO,EAAE,EAAE,MAAM,GAAG,GAEtD,IAAMC,EAAY,QAAQ,UAAU,QACpC,OAAOD,EAAU,KAAKxB,GAAYyB,EAAU,KAAK5C,EAAImB,CAAQ,CAAC,CAClE,CASO,SAASE,EAAqBwB,EAAaF,EAAWG,EAAmB,GAAO,CACnF,IAAIC,EAAQ,CAAC,EACb,GAAI,CAACF,EACD,OAAOE,EAQX,GANI,OAAOJ,GAAc,WACrBA,EAAYA,EAAU,QAAQ,MAAO,EAAE,EAAE,MAAM,GAAG,GAElDG,GAAoBJ,EAAiBG,EAAaF,CAAS,GAAKI,EAAM,QAAQF,CAAW,IAAM,IAC/FE,EAAM,KAAKF,CAAW,EAEtBA,EAAY,UAAY,OACNA,EAAY,cAAc,EAClC,QAAQG,GAAeD,EAAQA,EAAM,OAAO1B,EAAqB2B,EAAaL,EAAW,EAAI,CAAC,CAAC,MAExG,CACD,IAAIrD,EAAOuD,EAAY,WAAaA,EAAY,WAAW,kBAAoBA,EAAY,kBAC3F,KAAOvD,GACHyD,EAAQA,EAAM,OAAO1B,EAAqB/B,EAAMqD,EAAW,EAAI,CAAC,EAChErD,EAAOA,EAAK,mBAGpB,OAAOyD,CACX,CAMO,SAASE,EAAiBC,EAAM,SAAU,CAC7C,IAAMhE,EAAgBgE,EAAI,cAC1B,MAAI,CAAChE,GAAiBA,IAAkBgE,EAAI,KACjChE,EAEJiE,EAAuBjE,CAAa,CAC/C,CAMO,SAASiE,EAAuBvE,EAAS,CAC5C,OAAIA,EAAQ,YAAcA,EAAQ,WAAW,gBACzCA,EAAUuE,EAAuBvE,EAAQ,WAAW,aAAa,GAE9DA,CACX,CAEO,SAASwE,EAAYpD,EAAIqD,EAAUjD,EAAW,CAC7CiD,EACA3D,EAASU,EAAWJ,CAAE,EAGtBF,EAAYM,EAAWJ,CAAE,CAEjC,CAEO,SAASsD,EAAgBtD,EAAIuD,EAAc5D,EAAMqC,EAAQ,GAAI,CAC5DuB,EACAvD,EAAG,aAAaL,EAAMqC,CAAK,EAG3BhC,EAAG,gBAAgBL,CAAI,CAE/B,CAEO,SAAS6D,EAAkBxD,EAAIyD,EAAWzB,EAAO0B,EAAO,CAC3D,IAAMC,EAAW3D,EAAG,aAAayD,CAAS,GACrCC,IAAU,QAAaA,IAAU,MAAU,CAACC,GAAY,CAACA,EAAS,SAAS3B,CAAK,GACjF4B,EAAkB5D,EAAIyD,EAAWzB,CAAK,EAEhC0B,GACNG,EAAoB7D,EAAIyD,EAAWzB,CAAK,CAEhD,CAEO,SAAS4B,EAAkB5D,EAAIyD,EAAWzB,EAAO,CACpD,IAAM2B,EAAW3D,EAAG,aAAayD,CAAS,EACtC,CAACE,GAAY,CAACA,EAAS,OACvB3D,EAAG,aAAayD,EAAWzB,CAAK,EAGhChC,EAAG,aAAayD,EAAW,GAAGE,KAAY3B,GAAO,CAEzD,CAEO,SAAS6B,EAAoB7D,EAAIyD,EAAWzB,EAAO,CACtD,GAAI,CAAChC,EAAG,aAAayD,CAAS,EAC1B,OAEJ,IAAME,EAAW3D,EAAG,aAAayD,CAAS,EAC1C,GAAIE,EAAU,CACV,IAAIG,EAAWH,GAAa,KAA8B,OAASA,EAAS,QAAQ3B,EAAO,EAAE,EAC7F8B,EAAWA,EAAS,QAAQ,OAAQ,GAAG,EAAE,KAAK,EAC1CA,EAAS,OACT9D,EAAG,aAAayD,EAAWK,CAAQ,EAGnC9D,EAAG,gBAAgByD,CAAS,EAGxC,CAQO,SAASM,EAAkBC,EAAeC,EAAeC,EAAW,OAAQC,EAAQ,UAAW,CAClG,GAAI,CAACH,EACD,OAGJ,GADkBA,EAAc,aAAeA,EAAc,cAAgBA,EAAc,YAAcA,EAAc,YACxG,CACX,IAAMI,EAAaC,EAAOJ,EAAeD,CAAa,EAChDM,EAAeF,EAAW,KAAOH,EAAc,aAC/CM,EAAkBH,EAAW,QAAUH,EAAc,aAC3D,GAAIK,GAAgBC,EAAiB,CACjC,IAAMC,EAAMC,EAAgBN,EAAOG,EAAcL,EAAc,UAAWA,EAAc,aAAcD,EAAc,UAAWA,EAAc,YAAY,EACzJA,EAAc,SAAS,CAAE,IAAAQ,EAAK,SAAAN,CAAS,CAAC,EACxC,OAEJ,IAAMQ,EAAgBN,EAAW,MAAQH,EAAc,YACjDU,EAAiBP,EAAW,OAASH,EAAc,YACzD,GAAIS,GAAiBC,EAAgB,CACjC,IAAMC,EAAOH,EAAgBN,EAAOO,EAAeT,EAAc,WAAYA,EAAc,YAAaD,EAAc,WAAYA,EAAc,WAAW,EAC3JA,EAAc,SAAS,CAAE,KAAAY,EAAM,SAAAV,CAAS,CAAC,GAGrD,CAEO,SAASO,EAAgBN,EAAOU,EAAgBC,EAAcC,EAAYC,EAAcC,EAAY,CACvG,OAAId,IAAU,UACNU,EACQC,EAAeE,EAAgBD,EAEnCD,EAAeG,EAAcF,EAAa,EAE/CD,EAAeE,EAAeC,EAAa,EAAIF,EAAa,CACvE,CAIO,SAASG,EAAgBC,EAAM,CAClC,IAAMC,EAAW,SAAS,cAAc,UAAU,EAClD,OAAAD,EAAOA,EAAK,KAAK,EACjBC,EAAS,UAAYD,EACdC,EAAS,QAAQ,iBAC5B,CAQO,SAASC,EAA+BzG,EAAS0G,EAAUC,EAAiB,CAC/E,IAAMvE,EAAW,IAAI,iBAAiBwE,GAAa,CAC/C,QAAWC,KAAYD,EACfC,EAAS,eACTH,EAASG,EAAS,cAAe7G,EAAQ,aAAa6G,EAAS,aAAa,CAAC,CAGzF,CAAC,EACD,OAAAzE,EAAS,QAAQpC,EAAS,CAAE,WAAY,GAAM,gBAAA2G,CAAgB,CAAC,EACxDvE,CACX",
+  "names": ["_ownerDocument", "element", "isElement", "element", "elementParents", "element", "untilElement", "isElement", "parentElements", "_ownerDocument", "offset", "element", "parentElement", "isElement", "elemBCR", "win", "_ownerDocument", "docElem", "offsetValues", "parentBCR", "notChildEventListener", "element", "callback", "delay", "evtHandler", "event", "handle", "activeElement", "_ownerDocument", "docElem", "removeAllChildren", "node", "replaceElement", "newChild", "oldChild", "addClass", "name", "isArray", "n", "removeClass", "getAnimationEvent", "el", "animations", "t", "playKeyframeAnimation", "className", "remove", "resolve", "animationEvent", "animationCompletedListener", "removeElement", "safeCssWidth", "width", "calcSizeUnattached", "container", "size", "ensureChildren", "observer", "changes", "ensureChild", "selector", "initialElements", "deepQuerySelectorAll", "prev", "curr", "foundElements", "ensureInputElement", "host", "foundElement", "walkUpUntil", "matcher", "parent", "calculateFontWidth", "value", "info", "ctx", "fontSize", "fontFamily", "generateTextShadow", "iterations", "color", "shadows", "i", "matchesSelectors", "selectors", "matchesFn", "rootElement", "checkRootElement", "nodes", "slottedNode", "getActiveElement", "doc", "getActiveShadowElement", "toggleClass", "hasClass", "toggleAttribute", "hasAttribute", "toggleOnAttribute", "attribute", "force", "oldValue", "appendToAttribute", "removeFromAttribute", "newValue", "tryScrollIntoView", "scrollElement", "targetElement", "behavior", "block", "offsetRect", "offset", "isClippedTop", "isClippedBottom", "top", "calcBlockScroll", "isClippedLeft", "isClippedRight", "left", "isClippedStart", "targetOffset", "targetSize", "scrollOffset", "scrollSize", "elementFromHTML", "html", "template", "createElementAttributeObserver", "listener", "attributeFilter", "mutations", "mutation"]
 }

package/dist/esm/chunks/chunk.I7OY43HW.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as T,b as w,c as B,d as A}from"./chunk.NM7FJISF.js";import{d as E}from"./chunk.VG452D3L.js";import{a as k,l as I}from"./chunk.AIPDMLJD.js";import{a as y}from"./chunk.OUIWXKO2.js";import{p as x}from"./chunk.RCPUTZON.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as m}from"./chunk.T4J66YX5.js";import{a as p,c as _}from"./chunk.6ZJIHOIG.js";import{a as v,e as h}from"./chunk.TPXXHX5J.js";import{f as b}from"./chunk.HZUQXCOQ.js";import{k as u}from"./chunk.J2M2MXP2.js";import{a as f,b as d,d as i}from"./chunk.M3QDAYD2.js";var C=`${p}icon-button`,N={TOGGLE:"toggle",ON:"on",VARIANT:"variant",THEME:"theme",SHAPE:"shape",DENSITY:"density"},z=d(f({},N),{ARIA_PRESSED:"aria-pressed"}),O={TOGGLE:`${C}-toggle`},H={DEFAULT_VARIANT:"icon",DEFAULT_THEME:"primary",DEFAULT_SHAPE:"circular",DEFAULT_DENSITY:"large"},t={elementName:C,observedAttributes:N,attributes:z,events:O,defaults:H};var g=class extends B{constructor(o){super(o);this._toggle=!1;this._on=!1;this._variant=t.defaults.DEFAULT_VARIANT;this._theme=t.defaults.DEFAULT_THEME;this._shape=t.defaults.DEFAULT_SHAPE;this._density=t.defaults.DEFAULT_DENSITY}async _onClick(o){this._toggle&&this._onToggle(),super._onClick(o)}_onToggle(){let o=this._on;this._on=!this._on;let e=!this._adapter.emitHostEvent(t.events.TOGGLE,this.on,!0,!0);this._on=o,!e&&(this.on=!o)}get toggle(){return this._toggle}set toggle(o){o=!!o,this._toggle!==o&&(this._toggle=o,this._adapter.toggleHostAttribute(t.attributes.ARIA_PRESSED,this._toggle,`${this._on}`),this._adapter.toggleHostAttribute(t.attributes.TOGGLE,this._toggle))}get on(){return this._on}set on(o){o=!!o,this._on!==o&&(this._on=o,this._toggle?this._adapter.setHostAttribute(t.attributes.ARIA_PRESSED,`${this._on}`):this._adapter.removeHostAttribute(t.attributes.ARIA_PRESSED),this._adapter.toggleHostAttribute(t.attributes.ON,this._on))}get variant(){return this._variant}set variant(o){o=o!=null?o:t.defaults.DEFAULT_VARIANT,this._variant!==o&&(this._variant=o,this._variant!==t.defaults.DEFAULT_VARIANT?this._adapter.setHostAttribute(t.attributes.VARIANT,this._variant):this._adapter.removeHostAttribute(t.attributes.VARIANT))}get theme(){return this._theme}set theme(o){o=o!=null?o:t.defaults.DEFAULT_THEME,this._theme!==o&&(this._theme=o,this._theme!==t.defaults.DEFAULT_THEME?this._adapter.setHostAttribute(t.attributes.THEME,this._theme):this._adapter.removeHostAttribute(t.attributes.THEME))}get shape(){return this._shape}set shape(o){o=o!=null?o:t.defaults.DEFAULT_SHAPE,this._shape!==o&&(this._shape=o,this._shape!==t.defaults.DEFAULT_SHAPE?this._adapter.setHostAttribute(t.attributes.SHAPE,this._shape):this._adapter.removeHostAttribute(t.attributes.SHAPE))}get density(){return this._density}set density(o){o=o!=null?o:t.defaults.DEFAULT_DENSITY,this._density!==o&&(this._density=o,this._density!==t.defaults.DEFAULT_DENSITY?this._adapter.setHostAttribute(t.attributes.DENSITY,this._density):this._adapter.removeHostAttribute(t.attributes.DENSITY))}};var l=class extends A{constructor(a){super(a)}};var L='<template><div class="forge-icon-button" part="root"><slot name="start"></slot><slot></slot><slot name="on"></slot><slot name="end"></slot><slot name="badge"></slot><forge-focus-indicator target=":host" part="focus-indicator"></forge-focus-indicator><forge-state-layer target=":host" exportparts="surface:state-layer"></forge-state-layer></div></template>',F=":host{--_icon-button-display:var(--forge-icon-button-display, inline-flex);--_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed)}:host{display:var(--_icon-button-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-icon-button{--_icon-button-size:var(--forge-icon-button-size, 48px);--_icon-button-gap:var(--forge-icon-button-spacing, 0);--_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);--_icon-button-background-color:var(--forge-icon-button-background-color, none);--_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));--_icon-button-cursor:var(--forge-icon-button-cursor, pointer);--_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-border:var(--forge-icon-button-border, none);--_icon-button-shadow:var(--forge-icon-button-shadow, none);--_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_icon-button-shape:var(--forge-icon-button-shape, var(--forge-shape-full, 9999px));--_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));--_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));--_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));--_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));--_icon-button-shape-squared:var(--forge-icon-button-shape-squared, var(--forge-shape-medium, 4px));--_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);--_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);--_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));--_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));--_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);--_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);--_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));--_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);--_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container-low, #e8eaf6));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);--_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}.forge-icon-button{position:relative;z-index:0;display:var(--_icon-button-display);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_icon-button-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_icon-button-density-large-size);min-width:var(--_icon-button-density-large-size);border:var(--_icon-button-border);border-start-start-radius:var(--_icon-button-shape-start-start);border-start-end-radius:var(--_icon-button-shape-start-end);border-end-start-radius:var(--_icon-button-shape-end-start);border-end-end-radius:var(--_icon-button-shape-end-end);padding:var(--_icon-button-padding);-webkit-box-shadow:var(--_icon-button-shadow);box-shadow:var(--_icon-button-shadow);color:var(--_icon-button-icon-color);background:var(--_icon-button-background-color);font-size:var(--_icon-button-icon-size);cursor:var(--_icon-button-cursor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition-property:background,-webkit-box-shadow;transition-property:background,-webkit-box-shadow;transition-property:box-shadow,background;transition-property:box-shadow,background,-webkit-box-shadow;-webkit-transition-duration:var(--_icon-button-transition-duration);transition-duration:var(--_icon-button-transition-duration);-webkit-transition-timing-function:var(--_icon-button-transition-timing);transition-timing-function:var(--_icon-button-transition-timing)}.forge-icon-button ::slotted(:is([slot=start],[slot=end])){font-size:var(--_icon-button-icon-size);height:var(--_icon-button-icon-size);width:var(--_icon-button-icon-size);font-weight:inherit}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_icon-button-focus-indicator-color);--forge-focus-indicator-shape-start-start:var(--_icon-button-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_icon-button-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_icon-button-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_icon-button-shape-end-end)}:host(:is([variant=icon],:not([variant]))){--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_icon-button-icon-color)}:host([popover-icon]) .forge-icon-button{--_icon-button-padding:var(--_icon-button-popover-icon-padding)}:host([variant=outlined]) .forge-icon-button{border-width:var(--_icon-button-outlined-border-width);border-style:var(--_icon-button-outlined-border-style);border-color:var(--_icon-button-outlined-border-color)}:host([variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-background-color)}:host(:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-icon-color);--_icon-button-background-color:var(--_icon-button-filled-background-color)}:host([variant=raised]) .forge-icon-button{--_icon-button-shadow:var(--_icon-button-raised-shadow)}:host([variant=raised]) .forge-icon-button:hover{--_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow)}:host([variant=raised]) .forge-icon-button:active{--_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow)}:host(:is(:not([toggle]),[toggle]:not([on]))) slot[name=on]{display:none}:host([toggle][on]) slot:not([name]){display:none}:host([toggle][on]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-toggle-on-icon-color)}:host([toggle][on][variant=outlined]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-outlined-toggle-on-background-color);--_icon-button-icon-color:var(--_icon-button-outlined-toggle-on-icon-color)}:host([toggle]:not([on])[variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-tonal-toggle-background-color)}:host([toggle][on][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-toggle-on-background-color)}:host([toggle]:not([on]):is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-background-color)}:host([toggle][on]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-on-background-color)}::slotted([slot=badge]){position:absolute;top:0;left:60%;z-index:1;pointer-events:none}::slotted(forge-badge[slot=badge][dot]){top:8px}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge]:not([dot])){top:-25%}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge][dot]){top:0}::slotted(forge-circular-progress){--forge-circular-progress-indicator-color:var(--_icon-button-icon-color);--forge-circular-progress-track-color:transparent;--forge-circular-progress-size:1em}:host(:is([dense],[density=small])) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-small-size);--_icon-button-icon-size:var(--_icon-button-density-small-icon-size);--_icon-button-padding:var(--_icon-button-density-small-padding)}:host(:is([dense],[density=small])) ::slotted(*){font-size:var(--_icon-button-density-small-icon-size)}:host([density=medium]) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-medium-size);--_icon-button-padding:var(--_icon-button-density-medium-padding)}:host([shape=squared]) .forge-icon-button{--_icon-button-shape:var(--_icon-button-shape-squared)}:host([disabled]){cursor:var(--_icon-button-disabled-cursor)}:host([disabled]) .forge-icon-button{pointer-events:none;opacity:var(--_icon-button-disabled-opacity)}:host([disabled][variant=raised]) .forge-icon-button{--_icon-button-raised-shadow:var(--_icon-button-raised-disabled-shadow)}:host(:not([toggle])[theme=primary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container-low, #e8eaf6));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}:host(:not([toggle])[theme=secondary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-secondary-container-low, #fff8e1));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary-container, #8a6804));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle]:not([on])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container-low, #fff8e1))}:host([toggle][theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:not([toggle])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary, #000000));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary, #ffc107))}:host([toggle]:not([on])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container-low, #fff8e1))}:host([toggle][theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-secondary, #ffc107));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=tertiary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-tertiary-container-low, #e8ebff));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary-container, #213189));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle]:not([on])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container-low, #e8ebff))}:host([toggle][theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:not([toggle])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle]:not([on])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container-low, #e8ebff))}:host([toggle][theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=success]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-success-container-low, #e6efe6));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success-container, #19441b));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle]:not([on])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container-low, #e6efe6))}:host([toggle][theme=success][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-success-container, #19441b))}:host(:not([toggle])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success, #2e7d32))}:host([toggle]:not([on])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container-low, #e6efe6))}:host([toggle][theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-success, #2e7d32));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=error]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-error-container-low, #f6e0e4));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error-container, #5f0011));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle]:not([on])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container-low, #f6e0e4))}:host([toggle][theme=error][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-error-container, #5f0011))}:host(:not([toggle])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error, #b00020))}:host([toggle]:not([on])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container-low, #f6e0e4))}:host([toggle][theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-error, #b00020));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=warning]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-warning-container-low, #f9e9e0));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning-container, #712700));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle]:not([on])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container-low, #f9e9e0))}:host([toggle][theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-warning-container, #712700))}:host(:not([toggle])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning, #d14900))}:host([toggle]:not([on])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container-low, #f9e9e0))}:host([toggle][theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-warning, #d14900));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=info]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-info-container-low, #e3edf7));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host(:not([toggle])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info-container, #0b3768));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle]:not([on])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container-low, #e3edf7))}:host([toggle][theme=info][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-info-container, #0b3768))}:host(:not([toggle])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info, #1565c0))}:host([toggle]:not([on])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container-low, #e3edf7))}:host([toggle][theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-info, #1565c0));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-info, #1565c0))}",r=class extends w{constructor(){super();h(this,L,F),this._foundation=new g(new l(this))}static get observedAttributes(){return[...Object.values(T.observedAttributes),...Object.values(t.observedAttributes)]}attributeChangedCallback(o,e,n){switch(o){case t.attributes.TOGGLE:this.toggle=u(n);break;case t.attributes.ON:this.on=u(n);break;case t.attributes.VARIANT:this.variant=n;break;case t.attributes.THEME:this.theme=n;break;case t.attributes.SHAPE:this.shape=n;break;case t.attributes.DENSITY:this.density=n;break}super.attributeChangedCallback(o,e,n)}};i([c()],r.prototype,"toggle",2),i([c()],r.prototype,"on",2),i([c()],r.prototype,"theme",2),i([c()],r.prototype,"variant",2),i([c()],r.prototype,"shape",2),i([c()],r.prototype,"density",2),r=i([m({name:t.elementName,dependencies:[E,x,I]})],r);var S=class extends y{constructor(o){super(o)}_build(){var e;let o=document.createElement(t.elementName);if((e=this._config.options)!=null&&e.tooltip){let n=document.createElement("forge-tooltip");n.textContent=this._config.options.tooltip,this._config.options.tooltipPosition&&(n.position=this._config.options.tooltipPosition),o.appendChild(n)}return o}get iconElement(){return this._iconElement}get disabled(){return!!this._element.disabled}set disabled(o){this._element.disabled=o}_configure(){this._configureIcon()}_configureIcon(){var e,n;if(!((e=this._config.options)!=null&&e.iconName))return;switch(((n=this._config.options)==null?void 0:n.iconType)||"component"){case"font":let D=Array.isArray(this._config.options.iconClass)?this._config.options.iconClass:[_];b(D,this._element),this._element.textContent=this._config.options.iconName;break;case"component":this._iconElement=document.createElement(k.elementName),this._iconElement.name=this._config.options.iconName,this._config.options.iconExternal!==void 0&&(this._iconElement.external=!!this._config.options.iconExternal),this._config.options.iconExternalType&&(this._iconElement.externalType=this._config.options.iconExternalType),this._config.options.iconClass&&b(this._config.options.iconClass,this._iconElement),this._element.appendChild(this._iconElement);break}}onClick(o){this._element.addEventListener("click",o)}onFocus(o){this._element.addEventListener("focus",e=>o(e))}onBlur(o){this._element.addEventListener("blur",e=>o(e))}};function Co(){v(r)}export{t as a,g as b,l as c,r as d,S as e,Co as f};
+//# sourceMappingURL=chunk.I7OY43HW.js.map

package/dist/esm/chunks/chunk.I7OY43HW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icon-button/icon-button-constants.ts", "../../src/icon-button/icon-button-foundation.ts", "../../src/icon-button/icon-button-adapter.ts", "../../src/icon-button/icon-button.ts", "../../src/icon-button/icon-button-component-delegate.ts", "../../src/icon-button/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX, Density, Theme } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}icon-button`;\n\nconst observedAttributes = {\n  TOGGLE: 'toggle',\n  ON: 'on',\n  VARIANT: 'variant',\n  THEME: 'theme',\n  SHAPE: 'shape',\n  DENSITY: 'density'\n};\n\nconst attributes = {\n  ...observedAttributes,\n  ARIA_PRESSED: 'aria-pressed'\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst defaults = {\n  DEFAULT_VARIANT: 'icon' as IconButtonVariant,\n  DEFAULT_THEME: 'primary' as IconButtonTheme,\n  DEFAULT_SHAPE: 'circular' as IconButtonShape,\n  DEFAULT_DENSITY: 'large' as IconButtonDensity\n};\n\nexport const ICON_BUTTON_CONSTANTS = {\n  elementName,\n  observedAttributes,\n  attributes,\n  events,\n  defaults\n};\n\nexport type IconButtonVariant = 'icon' | 'outlined' | 'tonal' | 'filled' | 'raised';\nexport type IconButtonTheme = Theme;\nexport type IconButtonShape = 'circular' | 'squared';\nexport type IconButtonDensity = Density;\n", "import { BaseButtonFoundation, IBaseButtonFoundation } from '../button/base/base-button-foundation';\nimport { IIconButtonAdapter } from './icon-button-adapter';\nimport { IconButtonDensity, IconButtonShape, IconButtonTheme, IconButtonVariant, ICON_BUTTON_CONSTANTS } from './icon-button-constants';\n\nexport interface IIconButtonFoundation extends IBaseButtonFoundation {\n  toggle: boolean;\n  on: boolean;\n  variant: IconButtonVariant;\n  theme: IconButtonTheme;\n  shape: IconButtonShape;\n  density: IconButtonDensity;\n}\n\nexport class IconButtonFoundation extends BaseButtonFoundation<IIconButtonAdapter> implements IIconButtonFoundation {\n  private _toggle = false;\n  private _on = false;\n  private _variant: IconButtonVariant = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;\n  private _theme: IconButtonTheme = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n  private _shape: IconButtonShape = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE;\n  private _density: IconButtonDensity = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n\n  constructor(adapter: IIconButtonAdapter) {\n    super(adapter);\n  }\n\n  protected override async _onClick(evt: MouseEvent): Promise<void> {\n    if (this._toggle) {\n      this._onToggle();\n    }\n    super._onClick(evt);\n  }\n\n  private _onToggle(): void {\n    // Update internal state first so listeners can access the new state\n    const originalOn = this._on;\n    this._on = !this._on;\n\n    const cancelled = !this._adapter.emitHostEvent(ICON_BUTTON_CONSTANTS.events.TOGGLE, this.on, true, true);\n    this._on = originalOn;\n\n    if (cancelled) {\n      return;\n    }\n\n    this.on = !originalOn;\n  }\n\n  public get toggle(): boolean {\n    return this._toggle;\n  }\n  public set toggle(value: boolean) {\n    value = !!value;\n    if (this._toggle !== value) {\n      this._toggle = value;\n      this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED, this._toggle, `${this._on}`);\n      this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.TOGGLE, this._toggle);\n    }\n  }\n\n  public get on(): boolean {\n    return this._on;\n  }\n  public set on(value: boolean) {\n    value = !!value;\n    if (this._on !== value) {\n      this._on = value;\n      \n      if (this._toggle) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED, `${this._on}`);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED);\n      }\n\n      this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ON, this._on);\n    }\n  }\n\n  public get variant(): IconButtonVariant {\n    return this._variant;\n  }\n  public set variant(value: IconButtonVariant) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;\n    if (this._variant !== value) {\n      this._variant = value;\n\n      if (this._variant !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.VARIANT, this._variant);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.VARIANT);\n      }\n    }\n  }\n\n  public get theme(): IconButtonTheme {\n    return this._theme;\n  }\n  public set theme(value: IconButtonTheme) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n    if (this._theme !== value) {\n      this._theme = value;\n\n      if (this._theme !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.THEME, this._theme);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.THEME);\n      }\n    }\n  }\n\n  public get shape(): IconButtonShape {\n    return this._shape;\n  }\n  public set shape(value: IconButtonShape) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE;\n    if (this._shape !== value) {\n      this._shape = value;\n\n      if (this._shape !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.SHAPE, this._shape);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.SHAPE);\n      }\n    }\n  }\n\n  public get density(): IconButtonDensity {\n    return this._density;\n  }\n  public set density(value: IconButtonDensity) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n    if (this._density !== value) {\n      this._density = value;\n\n      if (this._density !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY, this._density);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY);\n      }\n    }\n  }\n}\n", "import { BaseButtonAdapter, IBaseButtonAdapter } from '../button/base/base-button-adapter';\nimport { IIconButtonComponent } from './icon-button';\n\nexport interface IIconButtonAdapter extends IBaseButtonAdapter {}\n\nexport class IconButtonAdapter extends BaseButtonAdapter implements IIconButtonAdapter {\n  constructor(component: IIconButtonComponent) {\n    super(component);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { IconComponent } from '../icon';\nimport { BaseButton, IBaseButton } from '../button/base/base-button';\nimport { BASE_BUTTON_CONSTANTS } from '../button/base/base-button-constants';\nimport { FocusIndicatorComponent } from '../focus-indicator';\nimport { StateLayerComponent } from '../state-layer';\nimport { IconButtonDensity, IconButtonShape, IconButtonTheme, IconButtonVariant, ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { IconButtonFoundation } from './icon-button-foundation';\nimport { IconButtonAdapter } from './icon-button-adapter';\n\nconst template = '<template><div class=\\\"forge-icon-button\\\" part=\\\"root\\\"><slot name=\\\"start\\\"></slot><slot></slot><slot name=\\\"on\\\"></slot><slot name=\\\"end\\\"></slot><slot name=\\\"badge\\\"></slot><forge-focus-indicator target=\\\":host\\\" part=\\\"focus-indicator\\\"></forge-focus-indicator><forge-state-layer target=\\\":host\\\" exportparts=\\\"surface:state-layer\\\"></forge-state-layer></div></template>';\nconst styles = ':host{--_icon-button-display:var(--forge-icon-button-display, inline-flex);--_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed)}:host{display:var(--_icon-button-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-icon-button{--_icon-button-size:var(--forge-icon-button-size, 48px);--_icon-button-gap:var(--forge-icon-button-spacing, 0);--_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);--_icon-button-background-color:var(--forge-icon-button-background-color, none);--_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));--_icon-button-cursor:var(--forge-icon-button-cursor, pointer);--_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-border:var(--forge-icon-button-border, none);--_icon-button-shadow:var(--forge-icon-button-shadow, none);--_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_icon-button-shape:var(--forge-icon-button-shape, var(--forge-shape-full, 9999px));--_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));--_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));--_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));--_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));--_icon-button-shape-squared:var(--forge-icon-button-shape-squared, var(--forge-shape-medium, 4px));--_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);--_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);--_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));--_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));--_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);--_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);--_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));--_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);--_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container-low, #e8eaf6));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);--_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}.forge-icon-button{position:relative;z-index:0;display:var(--_icon-button-display);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_icon-button-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_icon-button-density-large-size);min-width:var(--_icon-button-density-large-size);border:var(--_icon-button-border);border-start-start-radius:var(--_icon-button-shape-start-start);border-start-end-radius:var(--_icon-button-shape-start-end);border-end-start-radius:var(--_icon-button-shape-end-start);border-end-end-radius:var(--_icon-button-shape-end-end);padding:var(--_icon-button-padding);-webkit-box-shadow:var(--_icon-button-shadow);box-shadow:var(--_icon-button-shadow);color:var(--_icon-button-icon-color);background:var(--_icon-button-background-color);font-size:var(--_icon-button-icon-size);cursor:var(--_icon-button-cursor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition-property:background,-webkit-box-shadow;transition-property:background,-webkit-box-shadow;transition-property:box-shadow,background;transition-property:box-shadow,background,-webkit-box-shadow;-webkit-transition-duration:var(--_icon-button-transition-duration);transition-duration:var(--_icon-button-transition-duration);-webkit-transition-timing-function:var(--_icon-button-transition-timing);transition-timing-function:var(--_icon-button-transition-timing)}.forge-icon-button ::slotted(:is([slot=start],[slot=end])){font-size:var(--_icon-button-icon-size);height:var(--_icon-button-icon-size);width:var(--_icon-button-icon-size);font-weight:inherit}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_icon-button-focus-indicator-color);--forge-focus-indicator-shape-start-start:var(--_icon-button-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_icon-button-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_icon-button-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_icon-button-shape-end-end)}:host(:is([variant=icon],:not([variant]))){--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_icon-button-icon-color)}:host([popover-icon]) .forge-icon-button{--_icon-button-padding:var(--_icon-button-popover-icon-padding)}:host([variant=outlined]) .forge-icon-button{border-width:var(--_icon-button-outlined-border-width);border-style:var(--_icon-button-outlined-border-style);border-color:var(--_icon-button-outlined-border-color)}:host([variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-background-color)}:host(:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-icon-color);--_icon-button-background-color:var(--_icon-button-filled-background-color)}:host([variant=raised]) .forge-icon-button{--_icon-button-shadow:var(--_icon-button-raised-shadow)}:host([variant=raised]) .forge-icon-button:hover{--_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow)}:host([variant=raised]) .forge-icon-button:active{--_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow)}:host(:is(:not([toggle]),[toggle]:not([on]))) slot[name=on]{display:none}:host([toggle][on]) slot:not([name]){display:none}:host([toggle][on]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-toggle-on-icon-color)}:host([toggle][on][variant=outlined]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-outlined-toggle-on-background-color);--_icon-button-icon-color:var(--_icon-button-outlined-toggle-on-icon-color)}:host([toggle]:not([on])[variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-tonal-toggle-background-color)}:host([toggle][on][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-toggle-on-background-color)}:host([toggle]:not([on]):is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-background-color)}:host([toggle][on]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-on-background-color)}::slotted([slot=badge]){position:absolute;top:0;left:60%;z-index:1;pointer-events:none}::slotted(forge-badge[slot=badge][dot]){top:8px}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge]:not([dot])){top:-25%}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge][dot]){top:0}::slotted(forge-circular-progress){--forge-circular-progress-indicator-color:var(--_icon-button-icon-color);--forge-circular-progress-track-color:transparent;--forge-circular-progress-size:1em}:host(:is([dense],[density=small])) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-small-size);--_icon-button-icon-size:var(--_icon-button-density-small-icon-size);--_icon-button-padding:var(--_icon-button-density-small-padding)}:host(:is([dense],[density=small])) ::slotted(*){font-size:var(--_icon-button-density-small-icon-size)}:host([density=medium]) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-medium-size);--_icon-button-padding:var(--_icon-button-density-medium-padding)}:host([shape=squared]) .forge-icon-button{--_icon-button-shape:var(--_icon-button-shape-squared)}:host([disabled]){cursor:var(--_icon-button-disabled-cursor)}:host([disabled]) .forge-icon-button{pointer-events:none;opacity:var(--_icon-button-disabled-opacity)}:host([disabled][variant=raised]) .forge-icon-button{--_icon-button-raised-shadow:var(--_icon-button-raised-disabled-shadow)}:host(:not([toggle])[theme=primary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container-low, #e8eaf6));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}:host(:not([toggle])[theme=secondary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-secondary-container-low, #fff8e1));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary-container, #8a6804));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle]:not([on])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container-low, #fff8e1))}:host([toggle][theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:not([toggle])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary, #000000));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary, #ffc107))}:host([toggle]:not([on])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container-low, #fff8e1))}:host([toggle][theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-secondary, #ffc107));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=tertiary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-tertiary-container-low, #e8ebff));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary-container, #213189));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle]:not([on])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container-low, #e8ebff))}:host([toggle][theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:not([toggle])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle]:not([on])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container-low, #e8ebff))}:host([toggle][theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=success]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-success-container-low, #e6efe6));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success-container, #19441b));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle]:not([on])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container-low, #e6efe6))}:host([toggle][theme=success][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-success-container, #19441b))}:host(:not([toggle])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success, #2e7d32))}:host([toggle]:not([on])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container-low, #e6efe6))}:host([toggle][theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-success, #2e7d32));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=error]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-error-container-low, #f6e0e4));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error-container, #5f0011));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle]:not([on])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container-low, #f6e0e4))}:host([toggle][theme=error][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-error-container, #5f0011))}:host(:not([toggle])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error, #b00020))}:host([toggle]:not([on])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container-low, #f6e0e4))}:host([toggle][theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-error, #b00020));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=warning]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-warning-container-low, #f9e9e0));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning-container, #712700));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle]:not([on])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container-low, #f9e9e0))}:host([toggle][theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-warning-container, #712700))}:host(:not([toggle])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning, #d14900))}:host([toggle]:not([on])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container-low, #f9e9e0))}:host([toggle][theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-warning, #d14900));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=info]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-info-container-low, #e3edf7));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host(:not([toggle])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info-container, #0b3768));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle]:not([on])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container-low, #e3edf7))}:host([toggle][theme=info][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-info-container, #0b3768))}:host(:not([toggle])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info, #1565c0))}:host([toggle]:not([on])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container-low, #e3edf7))}:host([toggle][theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-info, #1565c0));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-info, #1565c0))}';\n\nexport interface IIconButtonComponent extends IBaseButton {\n  toggle: boolean;\n  on: boolean;\n  variant: IconButtonVariant;\n  theme: IconButtonTheme;\n  shape: IconButtonShape;\n  density: IconButtonDensity;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-icon-button': IIconButtonComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-icon-button-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * @tag forge-icon-button\n * \n * @summary Icons buttons are used to trigger an action or event.\n * \n * @property {boolean} toggle - Whether or not the icon button can be toggled.\n * @property {boolean} on - Whether or not the button is on. Only applies when `toggle` is `true`.\n * @property {IconButtonVariant} variant - The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.\n * @property {IconButtonTheme} theme - The theme of the button. Valid values are `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.\n * @property {string} shape - The shape of the button. Valid values are `circular` and `squared`.\n * @property {IconButtonDensity} density - The density of the button. Valid values are `small`, `medium`, and `large`.\n * @property {string} type - The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.\n * @property {boolean} disabled - Whether or not the button is disabled.\n * @property {boolean} popoverIcon - Whether or not the button shows a built-in popover icon.\n * @property {string} name - The name of the button.\n * @property {string} value - The form value of the button.\n * @property {boolean} dense - Whether or not the button is dense.\n * @property {boolean} anchor - Whether or not the button is an `<a>` element.\n * @property {string} href - The href of the anchor.\n * @property {string} target - The target of the anchor.\n * @property {string} download - The download of the anchor.\n * @property {string} rel - The rel of the anchor.\n * @property {HTMLFormElement | null} form - The form reference of the button if within a `<form>` element.\n * \n * @attribute {boolean} toggle - Whether or not the icon button can be toggled.\n * @attribute {boolean} on - Whether or not the button is on. Only applies when `toggle` is `true`.\n * @attribute {IconButtonVariant} variant - The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.\n * @attribute {IconButtonTheme} theme - The theme of the button. Valid values are `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.\n * @attribute {string} shape - The shape of the button. Valid values are `circular` and `squared`.\n * @attribute {IconButtonDensity} density - The density of the button. Valid values are `small`, `medium`, and `large`.\n * @attribute {string} type - The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.\n * @attribute {boolean} disabled - Whether or not the button is disabled.\n * @attribute {boolean} popover-icon - Whether or not the button shows a built-in popover icon.\n * @attribute {string} name - The name of the button.\n * @attribute {string} value - The form value of the button.\n * @attribute {boolean} dense - Whether or not the button is dense.\n * @attribute {boolean} anchor - Whether or not the button is an `<a>` element.\n * @attribute {string} href - The href of the anchor.\n * @attribute {string} target - The target of the anchor.\n * @attribute {string} download - The download of the anchor.\n * @attribute {string} rel - The rel of the anchor.\n * \n * @event {Event} click - Fires when the button is clicked.\n * @event {Event} forge-icon-button-toggle - Fires when the icon button is toggled.\n * \n * @cssproperty --forge-icon-button-display - The display property of the button.\n * @cssproperty --forge-icon-button-size - The height and min-width of the button.\n * @cssproperty --forge-icon-button-gap - The gap between the icon content.\n * @cssproperty --forge-icon-button-icon-color - The color of the icon.\n * @cssproperty --forge-icon-button-background-color - The background color of the button.\n * @cssproperty --forge-icon-button-icon-size - The size of the icon.\n * @cssproperty --forge-icon-button-cursor - The cursor of the button.\n * @cssproperty --forge-icon-button-padding - The inline padding of the button.\n * @cssproperty --forge-icon-button-border - The border of the button.\n * @cssproperty --forge-icon-button-shadow - The shadow of the button.\n * @cssproperty --forge-icon-button-transition-duration - The transition duration of the button.\n * @cssproperty --forge-icon-button-transition-timing - The transition timing of the button.\n * @cssproperty --forge-icon-button-shape - The shape of the button.\n * @cssproperty --forge-icon-button-shape-start-start - The start-start border-radius of the button.\n * @cssproperty --forge-icon-button-shape-start-end - The start-end border-radius of the button.\n * @cssproperty --forge-icon-button-shape-end-start - The end-start border-radius of the button.\n * @cssproperty --forge-icon-button-shape-end-end - The end-end border-radius of the button.\n * @cssproperty --forge-icon-button-shape-squared - The squared border-radius of the button.\n * @cssproperty --forge-icon-button-outlined-border-width - The border width when in the outlined variant.\n * @cssproperty --forge-icon-button-outlined-border-style - The border style when in the outlined variant.\n * @cssproperty --forge-icon-button-outlined-border-color - The border color when in the outlined variant.\n * @cssproperty --forge-icon-button-tonal-icon-color - The icon color when in the tonal variant.\n * @cssproperty --forge-icon-button-tonal-background-color - The background color when in the tonal variant.\n * @cssproperty --forge-icon-button-filled-icon-color - The icon color when in the filled variant.\n * @cssproperty --forge-icon-button-filled-background-color - The background color when in the filled variant.\n * @cssproperty --forge-icon-button-raised-shadow - The shadow when in the raised variant.\n * @cssproperty --forge-icon-button-raised-hover-shadow - The shadow when in the raised variant and hovered.\n * @cssproperty --forge-icon-button-raised-active-shadow - The shadow when in the raised variant and active.\n * @cssproperty --forge-icon-button-raised-disabled-shadow - The shadow when in the raised variant and disabled.\n * @cssproperty --forge-icon-button-density-small-size - The size of the button when in the small density.\n * @cssproperty --forge-icon-button-density-small-padding - The padding of the button when in the small density.\n * @cssproperty --forge-icon-button-density-small-icon-size - The size of the icon when in the small density.\n * @cssproperty --forge-icon-button-density-medium-size - The size of the button when in the medium density.\n * @cssproperty --forge-icon-button-density-medium-padding - The padding of the button when in the medium density.\n * @cssproperty --forge-icon-button-density-large-size - The size of the button when in the large density.\n * @cssproperty --forge-icon-button-toggle-on-icon-color - The color of the icon when in toggle mode and toggled on.\n * @cssproperty --forge-icon-button-outlined-toggle-on-background-color - The background color when in the outlined variant and toggled on.\n * @cssproperty --forge-icon-button-outlined-toggle-on-icon-color - The icon color when in the outlined variant and toggled on.\n * @cssproperty --forge-icon-button-tonal-toggle-background-color - The background color when in the tonal variant and toggled.\n * @cssproperty --forge-icon-button-tonal-toggle-on-background-color - The background color when in the tonal variant and toggled on.\n * @cssproperty --forge-icon-button-tonal-toggle-on-icon-color - The icon color when in the tonal variant and toggled on.\n * @cssproperty --forge-icon-button-filled-toggle-background-color - The background color when in the filled variant and toggled.\n * @cssproperty --forge-icon-button-filled-toggle-icon-color - The icon color when in the filled variant and toggled.\n * @cssproperty --forge-icon-button-filled-toggle-on-background-color - The background color when in the filled variant and toggled on.\n * @cssproperty --forge-icon-button-filled-toggle-on-icon-color - The icon color when in the filled variant and toggled on.\n * @cssproperty --forge-icon-button-disabled-cursor - The cursor when the button is disabled.\n * @cssproperty --forge-icon-button-disabled-opacity - The opacity when the button is disabled.\n * @cssproperty --forge-icon-button-popover-icon-padding - The padding of the popover icon.\n * @cssproperty --forge-icon-button-focus-indicator-color - The color of the focus indicator.\n * \n * @csspart root - The root container element.\n * @csspart focus-indicator - The focus-indicator indicator element.\n * @csspart state-layer - The state-layer surface element.\n * \n * @slot - This is a default/unnamed slot for the icon.\n * @slot on - The icon to show when in `toggle` mode when toggled \"on\".\n * @slot start - Elements to logically render before the icon.\n * @slot end - Elements to logically render after the icon.\n * @slot badge - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n */\n@CustomElement({\n  name: ICON_BUTTON_CONSTANTS.elementName,\n  dependencies: [\n    FocusIndicatorComponent,\n    StateLayerComponent,\n    IconComponent\n  ]\n})\nexport class IconButtonComponent extends BaseButton<IconButtonFoundation> implements IIconButtonComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ...Object.values(BASE_BUTTON_CONSTANTS.observedAttributes),\n      ...Object.values(ICON_BUTTON_CONSTANTS.observedAttributes)\n    ];\n  }\n\n  protected readonly _foundation: IconButtonFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new IconButtonFoundation(new IconButtonAdapter(this));\n  }\n\n  public override attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:\n        this.toggle = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.ON:\n        this.on = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.VARIANT:\n        this.variant = newValue as IconButtonVariant;\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.THEME:\n        this.theme = newValue as IconButtonTheme;\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.SHAPE:\n        this.shape = newValue as IconButtonShape;\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.DENSITY:\n        this.density = newValue as IconButtonDensity;\n        break;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\n  }\n\n  @FoundationProperty()\n  public declare toggle: boolean;\n\n  @FoundationProperty()\n  public declare on: boolean;\n\n  @FoundationProperty()\n  public declare theme: IconButtonTheme;\n\n  @FoundationProperty()\n  public declare variant: IconButtonVariant;\n\n  @FoundationProperty()\n  public declare shape: IconButtonShape;\n\n  @FoundationProperty()\n  public declare density: IconButtonDensity;\n}\n", "import { addClass } from '@tylertech/forge-core';\nimport { IconExternalType, ICON_CONSTANTS, IIconComponent } from '../icon';\nimport { ICON_CLASS_NAME } from '../constants';\nimport { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IIconButtonComponent } from './icon-button';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { PopupPlacement } from '../popup';\n\nexport type IconButtonComponentDelegateProps = Partial<IIconButtonComponent>;\nexport interface IIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n  iconName?: string;\n  iconExternal?: boolean;\n  iconExternalType?: IconExternalType;\n  iconType?: 'font' | 'component';\n  iconClass?: string | string[];\n  tooltip?: string;\n  tooltipPosition?: PopupPlacement;\n}\nexport interface IIconButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconButtonComponent, IIconButtonComponentDelegateOptions> {}\n\nexport class IconButtonComponentDelegate extends BaseComponentDelegate<IIconButtonComponent, IIconButtonComponentDelegateOptions> {\n  private _iconElement?: IIconComponent;\n\n  constructor(config?: IIconButtonComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IIconButtonComponent {\n    const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);\n\n    if (this._config.options?.tooltip) {\n      const tooltip = document.createElement('forge-tooltip');\n      tooltip.textContent = this._config.options.tooltip;\n      \n      if (this._config.options.tooltipPosition) {\n        tooltip.position = this._config.options.tooltipPosition;\n      }\n\n      component.appendChild(tooltip);\n    }\n\n    return component;\n  }\n\n  public get iconElement(): IIconComponent | undefined {\n    return this._iconElement;\n  }\n\n  public get disabled(): boolean {\n    return !!this._element.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._element.disabled = value;\n  }\n\n  protected _configure(): void {\n    this._configureIcon();\n  }\n\n  private _configureIcon(): void {\n    if (!this._config.options?.iconName) {\n      return;\n    }\n\n    const type = this._config.options?.iconType || 'component';\n\n    switch (type) {\n      case 'font':\n        const classes = Array.isArray(this._config.options.iconClass) ? this._config.options.iconClass : [ICON_CLASS_NAME];\n        addClass(classes, this._element);\n        this._element.textContent = this._config.options.iconName;\n        break;\n      case 'component':\n        this._iconElement = document.createElement(ICON_CONSTANTS.elementName);\n        this._iconElement.name = this._config.options.iconName;\n        if (this._config.options.iconExternal !== undefined) {\n          this._iconElement.external = !!this._config.options.iconExternal;\n        }\n        if (this._config.options.iconExternalType) {\n          this._iconElement.externalType = this._config.options.iconExternalType;\n        }\n        if (this._config.options.iconClass) {\n          addClass(this._config.options.iconClass, this._iconElement);\n        }\n        this._element.appendChild(this._iconElement);\n        break;\n    }\n  }\n\n  public onClick(listener: (evt: MouseEvent) => void): void {\n    this._element.addEventListener('click', listener);\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._element.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._element.addEventListener('blur', evt => listener(evt));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { IconButtonComponent } from './icon-button';\n\nexport * from './icon-button';\nexport * from './icon-button-adapter';\nexport * from './icon-button-component-delegate';\nexport * from './icon-button-constants';\nexport * from './icon-button-foundation';\n\nexport function defineIconButtonComponent(): void {\n  defineCustomElement(IconButtonComponent);\n}\n"],
+  "mappings": "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",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadProps", "__spreadValues", "events", "defaults", "ICON_BUTTON_CONSTANTS", "IconButtonFoundation", "BaseButtonFoundation", "adapter", "ICON_BUTTON_CONSTANTS", "evt", "originalOn", "cancelled", "value", "IconButtonAdapter", "BaseButtonAdapter", "component", "template", "styles", "IconButtonComponent", "BaseButton", "attachShadowTemplate", "IconButtonFoundation", "IconButtonAdapter", "BASE_BUTTON_CONSTANTS", "ICON_BUTTON_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "IconComponent", "IconButtonComponentDelegate", "BaseComponentDelegate", "config", "_a", "component", "ICON_BUTTON_CONSTANTS", "tooltip", "value", "_b", "classes", "ICON_CLASS_NAME", "addClass", "ICON_CONSTANTS", "listener", "evt", "defineIconButtonComponent", "defineCustomElement", "IconButtonComponent"]
+}

package/dist/esm/chunks/{chunk.FXIWCHLW.js → chunk.I7X25KEB.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as r}from"./chunk.GNDKQPDV.js";import{a as f}from"./chunk.FDZSLGIW.js";import{a as c}from"./chunk.MGLWXAZO.js";import{a as y}from"./chunk.HSI7B43D.js";import{a}from"./chunk.NVUMRW44.js";import{a as O}from"./chunk.36F2GVWS.js";import{a as L,k as x}from"./chunk.JAWV5Y5T.js";import{d as g,i as E,q as b}from"./chunk.K7FPXAFS.js";import{b as p,l as T,p as v}from"./chunk.J2M2MXP2.js";import{d as n}from"./chunk.M3QDAYD2.js";function I(s){s.style.border="0",s.style.clip="rect(0 0 0 0)",s.style.height="1px",s.style.margin="-1px",s.style.overflow="hidden",s.style.padding="0",s.style.position="absolute",s.style.width="1px",s.style.outline="0",s.style.setProperty("-webkit-appearance","none"),s.style.setProperty("-moz-appearance","none")}function P(s,e,t){typeof t=="string"&&(t=document.createTextNode(t));let i=document.createElement("div");i.setAttribute("role","tooltip"),i.classList.add(r.classes.TOOLTIP),i.appendChild(t),i.setAttribute("role","tooltip"),i.setAttribute("aria-hidden","true"),(s.ownerDocument||document).body.appendChild(i);let d={x:0,y:0},u=4;switch(e){case"top":d.y=-u,i.classList.add(r.classes.TOOLTIP_TOP);break;case"right":d.x=u,i.classList.add(r.classes.TOOLTIP_RIGHT);break;case"bottom":d.y=u,i.classList.add(r.classes.TOOLTIP_BOTTOM);break;case"left":d.x=-u,i.classList.add(r.classes.TOOLTIP_LEFT);break}return window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{i.classList.add(r.classes.TOOLTIP_OPEN),f({element:i,targetElement:s,placement:e,transform:!1,offset:d})})}),i}var h=class extends y{constructor(t){super(t);this._tooltipElement=null}initializeTargetElement(t){this._targetElement=this._getTargetElement(t)}initializeAccessibility(t){this._targetElement&&!this._targetElement.hasAttribute("aria-describedby")&&this._targetElement.setAttribute("aria-describedby",t)}hasTargetElement(){return!!this._targetElement}hasTooltipElement(){return!!this._tooltipElement}isTargetElementConnected(){return!!this._targetElement&&this._targetElement.isConnected}destroy(t){this._targetElement&&this._targetElement.getAttribute("aria-describedby")===t&&this._targetElement.removeAttribute("aria-describedby")}setTextContent(t){g(this._component),t&&this._component.appendChild(document.createTextNode(t))}addTargetEventListener(t,i){this._targetElement&&this._targetElement.addEventListener(t,i)}removeTargetEventListener(t,i){this._targetElement&&this._targetElement.removeEventListener(t,i)}showTooltip(t,i){if(!this._targetElement)return;i||(i=this._getTooltipContent().cloneNode(!0));let l=i.nodeType===3&&(!i.textContent||i.textContent.trim().length===0);!i||l||(this._tooltipElement=P(this._targetElement,t,i))}getInnerText(){return this._component.innerText}hideTooltip(){this._tooltipElement&&(E(this._tooltipElement),this._tooltipElement=null)}getTooltipElement(){return this._tooltipElement}_getTargetElement(t){if(t){if(this._component.parentElement)return b(this._component.parentElement,t)?this._component.parentElement:this._component.parentElement.querySelector(t)}else return this._component.previousElementSibling||this._component.parentElement;return null}_getTooltipContent(){return this._component.firstElementChild||this._component.firstChild||document.createTextNode("")}};var _=class _{constructor(e){this._adapter=e;this._delay=r.numbers.DEFAULT_DELAY;this._position=r.strings.DEFAULT_POSITION;this._isOpen=!1;this._mouseOverListener=t=>this._onMouseOver(t),this._mouseOutListener=t=>this._onMouseOut(t),this._touchStartListener=t=>this._onTouchStart(t),this._touchEndListener=t=>this._onTouchEnd(t),this._scrollListener=v(t=>this._onScroll(t),100),this._clickListener=()=>this._targetInteracted(),this._mouseDownListener=()=>this._targetInteracted(),this._dragListener=()=>this._targetInteracted()}initialize(){if(this._adapter.initializeTargetElement(this._target),!this._adapter.hasTargetElement())throw new Error("Unable to locate target element.");this._identifier=this._adapter.getHostAttribute("id"),this._identifier||(this._identifier=this._getNextIdentifier(),this._adapter.setHostAttribute("id",this._identifier)),this._addTargetListeners(),this._adapter.initializeAccessibility(this._identifier)}disconnect(){this._mouseOverTimeout&&(window.clearTimeout(this._mouseOverTimeout),this._mouseOverTimeout=void 0),this._touchTimeout&&(window.clearTimeout(this._touchTimeout),this._touchTimeout=void 0),this._adapter.destroy(this._identifier),this._isOpen&&this.hide(),this._adapter.hasTargetElement()&&this._removeTargetListeners()}_getNextIdentifier(){return`forge-tooltip-${_._tooltipIdentifier++}`}_addTargetListeners(){c.isMobile?(this._adapter.addTargetEventListener("touchstart",this._touchStartListener),this._adapter.addTargetEventListener("touchend",this._touchEndListener)):(this._adapter.addTargetEventListener("mouseover",this._mouseOverListener),this._adapter.addTargetEventListener("mouseout",this._mouseOutListener)),this._adapter.addTargetEventListener("click",this._clickListener),this._adapter.addTargetEventListener("mousedown",this._mouseDownListener),this._adapter.addTargetEventListener("dragstart",this._dragListener)}_removeTargetListeners(){c.isMobile?(this._adapter.removeTargetEventListener("touchstart",this._touchStartListener),this._adapter.removeTargetEventListener("touchend",this._touchEndListener)):(this._adapter.removeTargetEventListener("mouseover",this._mouseOverListener),this._adapter.removeTargetEventListener("mouseout",this._mouseOutListener)),this._adapter.removeTargetEventListener("click",this._clickListener),this._adapter.removeTargetEventListener("mousedown",this._mouseDownListener),this._adapter.removeTargetEventListener("dragstart",this._dragListener)}_onTouchStart(e){this._touchTimeout=window.setTimeout(()=>{this._show(),window.setTimeout(()=>this.hide(),r.numbers.LONGPRESS_VISIBILITY_DURATION),this._touchTimeout=void 0},r.numbers.LONGPRESS_THRESHOLD)}_onTouchEnd(e){this._touchTimeout&&this._clearTouchTimer()}_clearTouchTimer(){window.clearTimeout(this._touchTimeout),this._touchTimeout=void 0}_onMouseOver(e){this._isOpen||!this._adapter.hasTargetElement()||!this._adapter.isTargetElementConnected()||(this._delay?this._mouseOverTimeout=window.setTimeout(()=>{this._show(),this._mouseOverTimeout=void 0},this._delay):this._show())}_onMouseOut(e){if(this._mouseOverTimeout){window.clearTimeout(this._mouseOverTimeout),this._mouseOverTimeout=void 0;return}this.hide()}_show(){let e;this._builder&&typeof this._builder=="function"&&(e=this._builder()),this._adapter.showTooltip(this._position,e),this._adapter.hasTooltipElement()&&(this._isOpen=!0,this._adapter.addWindowListener("scroll",this._scrollListener))}hide(){this._isOpen&&(this._touchTimeout&&this._clearTouchTimer(),this._isOpen=!1,this._adapter.removeWindowListener("scroll",this._scrollListener),this._adapter.hideTooltip())}_onScroll(e){this._isOpen&&this.hide()}_targetInteracted(){this._mouseOverTimeout&&window.clearTimeout(this._mouseOverTimeout),this._isOpen&&this.hide()}get text(){return this._text||this._adapter.getInnerText()}set text(e){this._text!==e&&(this._text=e,this._adapter.setTextContent(this._text),this._adapter.setHostAttribute(r.attributes.TEXT,this._text))}get builder(){return this._builder}set builder(e){this._builder=e}get target(){return this._target}set target(e){this._target!==e&&(this._target=e,this._adapter.hasTargetElement()&&this._removeTargetListeners(),this._adapter.initializeTargetElement(this._target),this._adapter.hasTargetElement()&&this._addTargetListeners(),this._adapter.setHostAttribute(r.attributes.TARGET,p(this._target)?this._target:""))}get delay(){return this._delay}set delay(e){this._delay!==e&&(this._delay=e,this._adapter.setHostAttribute(r.attributes.DELAY,p(this._delay)?this._delay.toString():""))}get position(){return this._position}set position(e){this._position!==e&&(this._position=e,this._adapter.setHostAttribute(r.attributes.POSITION,p(this._position)?this._position.toString():""))}set open(e){this._show()}get open(){return this._isOpen}get tooltipElement(){return this._adapter.getTooltipElement()}};_._tooltipIdentifier=0;var m=_;var o=class extends x{constructor(){super();this._foundation=new m(new h(this))}static get observedAttributes(){return[r.attributes.TEXT,r.attributes.TARGET,r.attributes.DELAY,r.attributes.POSITION]}connectedCallback(){I(this),requestAnimationFrame(()=>this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,l){switch(t){case r.attributes.TEXT:this.text=l;break;case r.attributes.TARGET:this.target=l;break;case r.attributes.DELAY:this.delay=T(l);break;case r.attributes.POSITION:this.position=l;break}}hide(){this._foundation.hide()}};n([a()],o.prototype,"text",2),n([a()],o.prototype,"builder",2),n([a()],o.prototype,"target",2),n([a()],o.prototype,"delay",2),n([a()],o.prototype,"position",2),n([a()],o.prototype,"open",2),n([a({set:!1})],o.prototype,"tooltipElement",2),o=n([O({name:r.elementName})],o);function tt(){L(o)}export{P as a,h as b,m as c,o as d,tt as e};
-//# sourceMappingURL=chunk.FXIWCHLW.js.map
+import{a as r}from"./chunk.JPI4XCQL.js";import{a as f}from"./chunk.FDZSLGIW.js";import{a as c}from"./chunk.MGLWXAZO.js";import{a as y}from"./chunk.3TKTJ3BY.js";import{a}from"./chunk.NVUMRW44.js";import{a as O}from"./chunk.T4J66YX5.js";import{a as L,k as x}from"./chunk.TPXXHX5J.js";import{d as g,i as E,r as b}from"./chunk.HZUQXCOQ.js";import{b as p,l as T,p as v}from"./chunk.J2M2MXP2.js";import{d as n}from"./chunk.M3QDAYD2.js";function I(s){s.style.border="0",s.style.clip="rect(0 0 0 0)",s.style.height="1px",s.style.margin="-1px",s.style.overflow="hidden",s.style.padding="0",s.style.position="absolute",s.style.width="1px",s.style.outline="0",s.style.setProperty("-webkit-appearance","none"),s.style.setProperty("-moz-appearance","none")}function P(s,e,t){typeof t=="string"&&(t=document.createTextNode(t));let i=document.createElement("div");i.setAttribute("role","tooltip"),i.classList.add(r.classes.TOOLTIP),i.appendChild(t),i.setAttribute("role","tooltip"),i.setAttribute("aria-hidden","true"),(s.ownerDocument||document).body.appendChild(i);let d={x:0,y:0},u=4;switch(e){case"top":d.y=-u,i.classList.add(r.classes.TOOLTIP_TOP);break;case"right":d.x=u,i.classList.add(r.classes.TOOLTIP_RIGHT);break;case"bottom":d.y=u,i.classList.add(r.classes.TOOLTIP_BOTTOM);break;case"left":d.x=-u,i.classList.add(r.classes.TOOLTIP_LEFT);break}return window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{i.classList.add(r.classes.TOOLTIP_OPEN),f({element:i,targetElement:s,placement:e,transform:!1,offset:d})})}),i}var h=class extends y{constructor(t){super(t);this._tooltipElement=null}initializeTargetElement(t){this._targetElement=this._getTargetElement(t)}initializeAccessibility(t){this._targetElement&&!this._targetElement.hasAttribute("aria-describedby")&&this._targetElement.setAttribute("aria-describedby",t)}hasTargetElement(){return!!this._targetElement}hasTooltipElement(){return!!this._tooltipElement}isTargetElementConnected(){return!!this._targetElement&&this._targetElement.isConnected}destroy(t){this._targetElement&&this._targetElement.getAttribute("aria-describedby")===t&&this._targetElement.removeAttribute("aria-describedby")}setTextContent(t){g(this._component),t&&this._component.appendChild(document.createTextNode(t))}addTargetEventListener(t,i){this._targetElement&&this._targetElement.addEventListener(t,i)}removeTargetEventListener(t,i){this._targetElement&&this._targetElement.removeEventListener(t,i)}showTooltip(t,i){if(!this._targetElement)return;i||(i=this._getTooltipContent().cloneNode(!0));let l=i.nodeType===3&&(!i.textContent||i.textContent.trim().length===0);!i||l||(this._tooltipElement=P(this._targetElement,t,i))}getInnerText(){return this._component.innerText}hideTooltip(){this._tooltipElement&&(E(this._tooltipElement),this._tooltipElement=null)}getTooltipElement(){return this._tooltipElement}_getTargetElement(t){if(t){if(this._component.parentElement)return b(this._component.parentElement,t)?this._component.parentElement:this._component.parentElement.querySelector(t)}else return this._component.previousElementSibling||this._component.parentElement;return null}_getTooltipContent(){return this._component.firstElementChild||this._component.firstChild||document.createTextNode("")}};var _=class _{constructor(e){this._adapter=e;this._delay=r.numbers.DEFAULT_DELAY;this._position=r.strings.DEFAULT_POSITION;this._isOpen=!1;this._mouseOverListener=t=>this._onMouseOver(t),this._mouseOutListener=t=>this._onMouseOut(t),this._touchStartListener=t=>this._onTouchStart(t),this._touchEndListener=t=>this._onTouchEnd(t),this._scrollListener=v(t=>this._onScroll(t),100),this._clickListener=()=>this._targetInteracted(),this._mouseDownListener=()=>this._targetInteracted(),this._dragListener=()=>this._targetInteracted()}initialize(){if(this._adapter.initializeTargetElement(this._target),!this._adapter.hasTargetElement())throw new Error("Unable to locate target element.");this._identifier=this._adapter.getHostAttribute("id"),this._identifier||(this._identifier=this._getNextIdentifier(),this._adapter.setHostAttribute("id",this._identifier)),this._addTargetListeners(),this._adapter.initializeAccessibility(this._identifier)}disconnect(){this._mouseOverTimeout&&(window.clearTimeout(this._mouseOverTimeout),this._mouseOverTimeout=void 0),this._touchTimeout&&(window.clearTimeout(this._touchTimeout),this._touchTimeout=void 0),this._adapter.destroy(this._identifier),this._isOpen&&this.hide(),this._adapter.hasTargetElement()&&this._removeTargetListeners()}_getNextIdentifier(){return`forge-tooltip-${_._tooltipIdentifier++}`}_addTargetListeners(){c.isMobile?(this._adapter.addTargetEventListener("touchstart",this._touchStartListener),this._adapter.addTargetEventListener("touchend",this._touchEndListener)):(this._adapter.addTargetEventListener("mouseover",this._mouseOverListener),this._adapter.addTargetEventListener("mouseout",this._mouseOutListener)),this._adapter.addTargetEventListener("click",this._clickListener),this._adapter.addTargetEventListener("mousedown",this._mouseDownListener),this._adapter.addTargetEventListener("dragstart",this._dragListener)}_removeTargetListeners(){c.isMobile?(this._adapter.removeTargetEventListener("touchstart",this._touchStartListener),this._adapter.removeTargetEventListener("touchend",this._touchEndListener)):(this._adapter.removeTargetEventListener("mouseover",this._mouseOverListener),this._adapter.removeTargetEventListener("mouseout",this._mouseOutListener)),this._adapter.removeTargetEventListener("click",this._clickListener),this._adapter.removeTargetEventListener("mousedown",this._mouseDownListener),this._adapter.removeTargetEventListener("dragstart",this._dragListener)}_onTouchStart(e){this._touchTimeout=window.setTimeout(()=>{this._show(),window.setTimeout(()=>this.hide(),r.numbers.LONGPRESS_VISIBILITY_DURATION),this._touchTimeout=void 0},r.numbers.LONGPRESS_THRESHOLD)}_onTouchEnd(e){this._touchTimeout&&this._clearTouchTimer()}_clearTouchTimer(){window.clearTimeout(this._touchTimeout),this._touchTimeout=void 0}_onMouseOver(e){this._isOpen||!this._adapter.hasTargetElement()||!this._adapter.isTargetElementConnected()||(this._delay?this._mouseOverTimeout=window.setTimeout(()=>{this._show(),this._mouseOverTimeout=void 0},this._delay):this._show())}_onMouseOut(e){if(this._mouseOverTimeout){window.clearTimeout(this._mouseOverTimeout),this._mouseOverTimeout=void 0;return}this.hide()}_show(){let e;this._builder&&typeof this._builder=="function"&&(e=this._builder()),this._adapter.showTooltip(this._position,e),this._adapter.hasTooltipElement()&&(this._isOpen=!0,this._adapter.addWindowListener("scroll",this._scrollListener))}hide(){this._isOpen&&(this._touchTimeout&&this._clearTouchTimer(),this._isOpen=!1,this._adapter.removeWindowListener("scroll",this._scrollListener),this._adapter.hideTooltip())}_onScroll(e){this._isOpen&&this.hide()}_targetInteracted(){this._mouseOverTimeout&&window.clearTimeout(this._mouseOverTimeout),this._isOpen&&this.hide()}get text(){return this._text||this._adapter.getInnerText()}set text(e){this._text!==e&&(this._text=e,this._adapter.setTextContent(this._text),this._adapter.setHostAttribute(r.attributes.TEXT,this._text))}get builder(){return this._builder}set builder(e){this._builder=e}get target(){return this._target}set target(e){this._target!==e&&(this._target=e,this._adapter.hasTargetElement()&&this._removeTargetListeners(),this._adapter.initializeTargetElement(this._target),this._adapter.hasTargetElement()&&this._addTargetListeners(),this._adapter.setHostAttribute(r.attributes.TARGET,p(this._target)?this._target:""))}get delay(){return this._delay}set delay(e){this._delay!==e&&(this._delay=e,this._adapter.setHostAttribute(r.attributes.DELAY,p(this._delay)?this._delay.toString():""))}get position(){return this._position}set position(e){this._position!==e&&(this._position=e,this._adapter.setHostAttribute(r.attributes.POSITION,p(this._position)?this._position.toString():""))}set open(e){this._show()}get open(){return this._isOpen}get tooltipElement(){return this._adapter.getTooltipElement()}};_._tooltipIdentifier=0;var m=_;var o=class extends x{constructor(){super();this._foundation=new m(new h(this))}static get observedAttributes(){return[r.attributes.TEXT,r.attributes.TARGET,r.attributes.DELAY,r.attributes.POSITION]}connectedCallback(){I(this),requestAnimationFrame(()=>this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,l){switch(t){case r.attributes.TEXT:this.text=l;break;case r.attributes.TARGET:this.target=l;break;case r.attributes.DELAY:this.delay=T(l);break;case r.attributes.POSITION:this.position=l;break}}hide(){this._foundation.hide()}};n([a()],o.prototype,"text",2),n([a()],o.prototype,"builder",2),n([a()],o.prototype,"target",2),n([a()],o.prototype,"delay",2),n([a()],o.prototype,"position",2),n([a()],o.prototype,"open",2),n([a({set:!1})],o.prototype,"tooltipElement",2),o=n([O({name:r.elementName})],o);function tt(){L(o)}export{P as a,h as b,m as c,o as d,tt as e};
+//# sourceMappingURL=chunk.I7X25KEB.js.map

package/dist/esm/chunks/chunk.ICIGXLJW.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as i}from"./chunk.T4J66YX5.js";import{a as n}from"./chunk.6ZJIHOIG.js";import{a,e as o,k as r}from"./chunk.TPXXHX5J.js";import{d as e}from"./chunk.M3QDAYD2.js";var m=`${n}page-state`,g={elementName:m};var s='<template><div class="forge-page-state" part="root"><div class="forge-page-state__graphic" part="graphic-container"><slot name="graphic"></slot></div><h1 class="forge-page-state__title" part="title-container"><slot name="title"></slot></h1><h2 class="forge-page-state__message" part="message-container"><slot name="message"></slot></h2><div class="forge-page-state__actions" part="actions-container"><slot name="action"></slot></div></div></template>',p=".forge-page-state{width:576px;width:var(--forge-page-state-width,576px);margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);text-align:center}.forge-page-state__graphic{height:296px;height:var(--forge-page-state-graphic-height,296px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%}.forge-page-state__graphic ::slotted([slot=graphic]){height:100%;width:100%}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);font-size:20px;margin-top:0}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:16px}@media (max-width:599px){.forge-page-state{width:70%;width:var(--forge-page-state-mobile-width,70%)}.forge-page-state__graphic{height:auto;height:var(--forge-page-state-mobile-graphic-height,auto)}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.forge-page-state__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:0;margin-bottom:16px}}:host{display:-webkit-box;display:flex;width:100%;-webkit-box-pack:center;justify-content:center}:host([hidden]){display:none}",t=class extends r{constructor(){super(),o(this,s,p)}};t=e([i({name:g.elementName})],t);function k(){a(t)}export{g as a,t as b,k as c};
+//# sourceMappingURL=chunk.ICIGXLJW.js.map

package/dist/esm/chunks/{chunk.NUMKGUCK.js.map → chunk.ICIGXLJW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/page-state/page-state-constants.ts", "../../src/page-state/page-state.ts", "../../src/page-state/index.ts"],
   "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}page-state`;\n\nexport const PAGE_STATE_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nimport { PAGE_STATE_CONSTANTS } from './page-state-constants';\n\nconst template = '<template><div class=\\\"forge-page-state\\\" part=\\\"root\\\"><div class=\\\"forge-page-state__graphic\\\" part=\\\"graphic-container\\\"><slot name=\\\"graphic\\\"></slot></div><h1 class=\\\"forge-page-state__title\\\" part=\\\"title-container\\\"><slot name=\\\"title\\\"></slot></h1><h2 class=\\\"forge-page-state__message\\\" part=\\\"message-container\\\"><slot name=\\\"message\\\"></slot></h2><div class=\\\"forge-page-state__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '.forge-page-state{width:576px;width:var(--forge-page-state-width,576px);margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);text-align:center}.forge-page-state__graphic{height:296px;height:var(--forge-page-state-graphic-height,296px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%}.forge-page-state__graphic ::slotted([slot=graphic]){height:100%;width:100%}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);font-size:20px;margin-top:0}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:16px}@media (max-width:599px){.forge-page-state{width:70%;width:var(--forge-page-state-mobile-width,70%)}.forge-page-state__graphic{height:auto;height:var(--forge-page-state-mobile-graphic-height,auto)}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.forge-page-state__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:0;margin-bottom:16px}}:host{display:-webkit-box;display:flex;width:100%;-webkit-box-pack:center;justify-content:center}:host([hidden]){display:none}';\n\nexport interface IPageStateComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-page-state': IPageStateComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-page-state>` custom element.\n * \n * @tag forge-page-state\n */\n@CustomElement({\n  name: PAGE_STATE_CONSTANTS.elementName\n})\nexport class PageStateComponent extends BaseComponent implements IPageStateComponent {\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { PageStateComponent } from './page-state';\n\nexport * from './page-state-constants';\nexport * from './page-state';\n\nexport function definePageStateComponent(): void {\n  defineCustomElement(PageStateComponent);\n}\n"],
-  "mappings": "wIAEA,IAAMA,EAA2C,GAAGC,cAEvCC,EAAuB,CAClC,YAAAF,CACF,ECDA,IAAMG,EAAW,qcACXC,EAAS,o9JAkBFC,EAAN,cAAiCC,CAA6C,CACnF,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,CAC7C,CACF,EALaC,EAANG,EAAA,CAHNC,EAAc,CACb,KAAMC,EAAqB,WAC7B,CAAC,GACYL,GCjBN,SAASM,GAAiC,CAC/CC,EAAoBC,CAAkB,CACxC",
+  "mappings": "yKAEA,IAAMA,EAA2C,GAAGC,cAEvCC,EAAuB,CAClC,YAAAF,CACF,ECDA,IAAMG,EAAW,qcACXC,EAAS,o9JAkBFC,EAAN,cAAiCC,CAA6C,CACnF,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,CAC7C,CACF,EALaC,EAANG,EAAA,CAHNC,EAAc,CACb,KAAMC,EAAqB,WAC7B,CAAC,GACYL,GCjBN,SAASM,GAAiC,CAC/CC,EAAoBC,CAAkB,CACxC",
   "names": ["elementName", "COMPONENT_NAME_PREFIX", "PAGE_STATE_CONSTANTS", "template", "styles", "PageStateComponent", "BaseComponent", "attachShadowTemplate", "__decorateClass", "CustomElement", "PAGE_STATE_CONSTANTS", "definePageStateComponent", "defineCustomElement", "PageStateComponent"]
 }

package/dist/esm/chunks/chunk.IHIKIZIT.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{d as r}from"./chunk.VG452D3L.js";import{a as o}from"./chunk.TPXXHX5J.js";function m(){o(r)}export{m as a};
+//# sourceMappingURL=chunk.IHIKIZIT.js.map

package/dist/esm/chunks/chunk.ILUXZNGY.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as c,d as w}from"./chunk.OTUEB7SD.js";import{a as A}from"./chunk.3TKTJ3BY.js";import{a as n}from"./chunk.NVUMRW44.js";import{a as x}from"./chunk.T4J66YX5.js";import{a as O}from"./chunk.6ZJIHOIG.js";import{a as k,e as M,f as u,k as D}from"./chunk.TPXXHX5J.js";import{i as C,s as T,t as y,u as p}from"./chunk.HZUQXCOQ.js";import{c as f,d as E,k as m}from"./chunk.J2M2MXP2.js";import{a as _,d as s}from"./chunk.M3QDAYD2.js";var l=`${O}dialog`,S={ANIMATING:"forge-dialog--animating",OPEN:"forge-dialog--open",ACTION_BUTTON:"forge-dialog__action__button",BUTTON_TEXT:"forge-button__text",SCROLLABLE:"forge-dialog--scrollable",FULLSCREEN:"forge-dialog--fullscreen",MOVEABLE:"forge-dialog--moveable"},v={BACKDROP_CLOSE:"backdrop-close",ESCAPE_CLOSE:"escape-close",FULLSCREEN:"fullscreen",POSITION_TYPE:"position-type",POSITION_X:"position-x",POSITION_Y:"position-y",MOVEABLE:"moveable",MOVE_TARGET:"move-target",OPEN:"forge-dialog-open",INITIAL_FOCUS:"forge-dialog-focus",DFEAULT_MOVE_TARGET:"forge-dialog-move-target"},L={CONTAINER:".forge-dialog",SURFACE:".forge-dialog__surface",BACKDROP:c.elementName,INITIAL_FOCUS:`[${v.INITIAL_FOCUS}]`,DFEAULT_MOVE_TARGET:`[${v.DFEAULT_MOVE_TARGET}]`,CONTENT:".forge-dialog__body"},I={BEFORE_CLOSE:`${l}-before-close`,OPEN:`${l}-open`,CLOSE:`${l}-close`,READY:`${l}-ready`,MOVE_START:`${l}-move-start`,MOVED:`${l}-move`,MOVE_END:`${l}-move-end`},H={ANIMATION_DURATION:150,BACKDROP_MAX_OPACITY:.3},i={elementName:l,classes:S,selectors:L,attributes:v,events:I,numbers:H};var b=class{constructor(t){this._adapter=t;this._open=!1;this._backdropClose=!0;this._escapeClose=!0;this._fullscreen=!1;this._positionType="absolute";this._positionX=null;this._positionY=null;this._moveable=!1;this._moveTarget=i.selectors.DFEAULT_MOVE_TARGET;this._isAnimating=!1;this._isMoving=!1;this._transitionEndHandler=e=>this._onTransitionEnd(),this._documentKeydownHandler=e=>this._onDocumentKeydown(e),this._backdropClickHandler=e=>this._onBackdropClick(e),this._moveTargetMouseDownHandler=e=>this._onMoveTargetMouseDown(e),this._moveTargetMouseMoveHandler=e=>this._onMoveTargetMouseMove(e),this._moveTargetMouseUpHandler=e=>this._onMoveTargetMouseUp(e)}initialize(){this._adapter.initializeAccessibility(),this._open&&this._moveable&&(this._adapter.setMoveable(this._moveable),this._initMoveTarget())}destroy(){this._open&&(this._removeDragHandlers(),this._adapter.deregisterTransitionEndHandler(this._transitionEndHandler),this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler),this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler))}async _applyOpen(t){if(t){if(typeof this._openCallback=="function"&&!await this._executeOpenCallback())return;this._open=t,this._openDialog()}else{if(typeof this._closeCallback=="function"&&!await this._executeCloseCallback())return;this._open=t,this._closeDialog()}this._adapter.toggleHostAttribute(i.attributes.OPEN,this._open)}async _executeOpenCallback(){try{return await Promise.resolve(this._openCallback())!==!1}catch(t){return!1}}async _executeCloseCallback(){try{return await Promise.resolve(this._closeCallback())!==!1}catch(t){return!1}}initializeMoveTarget(){this._moveTarget||(this._moveTarget=i.selectors.DFEAULT_MOVE_TARGET),this._initMoveTarget()}resetPosition(){this._adapter.setSurfacePosition(this._positionX,this._positionY,this._positionType)}async show(t){this._open||(this._open=!0,this._adapter.isConnected||this._adapter.attach(t),await this._openDialog())}async hide(t){this._open&&(this._open=!1,await this._closeDialog(),t&&this._adapter.detach())}_normalizePositionValue(t){return E(t)?`${t}px`:f(t)?t:null}_openDialog(){return this._fullscreen||(this._moveable&&this._adapter.setMoveable(this._moveable),(this._positionX!==null||this._positionY!==null)&&this._adapter.setSurfacePosition(this._positionX,this._positionY,this._positionType)),this._adapter.setBodyAttribute(i.attributes.OPEN,"true"),this._adapter.registerTransitionEndHandler(this._transitionEndHandler),this._setDocumentKeydownListener(this._escapeClose),this._adapter.setAnimating(!0),this._isAnimating=!0,window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{this._adapter.setVisibility(!0),this._setBackdropClickListener(this._backdropClose),this._adapter.emitHostEvent(i.events.OPEN),this._adapter.trySetInitialFocus(),this._adapter.isScrollable()&&this._adapter.addRootClass(i.classes.SCROLLABLE)})}),new Promise(t=>{window.setTimeout(()=>{window.requestAnimationFrame(()=>{this._open&&this._isAnimating&&(this._onTransitionEnd(),t())})},i.numbers.ANIMATION_DURATION)})}_closeDialog(){return this._moveTarget&&this._removeDragHandlers(),this._adapter.deregisterTransitionEndHandler(this._transitionEndHandler),this._escapeClose&&this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler),this._backdropClose&&this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler),this._isAnimating=!1,this._moveContext=void 0,this._lastPosition=void 0,this._adapter.setAnimating(!0),this._adapter.setVisibility(!1),this._adapter.setSurfacePosition(null,null,null),new Promise(t=>{setTimeout(()=>{this._adapter.emitHostEvent(i.events.CLOSE),this._adapter.getOpenDialogs(`${i.elementName}[${i.attributes.OPEN}]`).length||this._adapter.removeBodyAttribute(i.attributes.OPEN),this._adapter.setAnimating(!1),t()},i.numbers.ANIMATION_DURATION)})}_onTransitionEnd(){this._isAnimating&&(this._adapter.deregisterTransitionEndHandler(this._transitionEndHandler),this._adapter.setAnimating(!1),this._adapter.emitHostEvent(i.events.READY),this._moveable&&this._initMoveTarget(),this._isAnimating=!1)}_initMoveTarget(){!this._fullscreen&&this._moveable&&this._moveTarget&&this._adapter.setMoveTarget(this._moveTarget)&&this._adapter.setMoveTargetHandler("mousedown",this._moveTargetMouseDownHandler)}_removeDragHandlers(){this._adapter.removeDragTargetHandler("mousedown",this._moveTargetMouseDownHandler),this._adapter.removeDocumentListener("mousemove",this._moveTargetMouseMoveHandler),this._adapter.removeDocumentListener("mouseup",this._moveTargetMouseUpHandler)}_onMoveTargetMouseDown(t){t.preventDefault(),this._adapter.captureActiveElement();let e=this._adapter.getSurfaceBounds();this._moveContext={top:t.pageY-e.top,left:t.pageX-e.left,height:e.height,width:e.width},this._adapter.setDocumentListener("mousemove",this._moveTargetMouseMoveHandler),this._adapter.setDocumentListener("mouseup",this._moveTargetMouseUpHandler)}_onMoveTargetMouseMove(t){t.preventDefault();let e=this._calculateOffsetPosition(t.pageX,t.pageY,this._moveContext);if(!this._isMoving&&(this._isMoving=!0,!this._adapter.emitHostEvent(i.events.MOVE_START,e,!0,!0)))return;let o=this._clampPosition(e,this._moveContext);if((!this._lastPosition||o.x!==this._lastPosition.x||o.y!==this._lastPosition.y)&&this._adapter.emitHostEvent(i.events.MOVED,o,!0,!0)){this._lastPosition=_({},o);let d=this._normalizePositionValue(o.x),P=this._normalizePositionValue(o.y);this._adapter.setSurfacePosition(d,P,"absolute")}}_onMoveTargetMouseUp(t){this._isMoving&&this._adapter.emitHostEvent(i.events.MOVE_END),this._moveComplete()}_moveComplete(){this._adapter.tryRestoreActiveElement(),this._adapter.removeDocumentListener("mousemove",this._moveTargetMouseMoveHandler),this._adapter.removeDocumentListener("mouseup",this._moveTargetMouseUpHandler),this._lastPosition=void 0,this._moveContext=void 0,this._isMoving=!1}_onDocumentKeydown(t){t.stopPropagation(),t.key&&(t.key==="Escape"||t.key==="Esc")&&this._tryClose()}_onBackdropClick(t){t.stopPropagation(),this._tryClose()}async _tryClose(){if(this._adapter.emitHostEvent(i.events.BEFORE_CLOSE,void 0,void 0,!0)){if(!this._beforeCloseCallback){this.open=!1;return}try{if(await Promise.resolve(this._beforeCloseCallback())!==!1){this.open=!1;return}}catch(e){return}}}_setBackdropClickListener(t){this._open&&(t&&this._backdropClose?this._adapter.registerBackdropClickHandler(this._backdropClickHandler):t||this._adapter.deregisterBackdropClickHandler(this._backdropClickHandler))}_setDocumentKeydownListener(t){this._open&&(t&&this._escapeClose?this._adapter.setDocumentListener("keydown",this._documentKeydownHandler):t||this._adapter.removeDocumentListener("keydown",this._documentKeydownHandler))}_calculateOffsetPosition(t,e,o){return{x:t-((o==null?void 0:o.left)||0),y:e-((o==null?void 0:o.top)||0)}}_clampPosition({x:t,y:e},o){let a=0,d=0;return o&&(a=o.width,d=o.height),t<=0?t=0:t+a>=window.innerWidth&&(t=window.innerWidth-a),e<=0?e=0:e+d>=window.innerHeight&&(e=window.innerHeight-d),{x:t,y:e}}set backdropClose(t){t=!!t,this._backdropClose!==t&&(this._backdropClose=t,this._setBackdropClickListener(this._backdropClose),this._adapter.toggleHostAttribute(i.attributes.BACKDROP_CLOSE,this._backdropClose))}get backdropClose(){return this._backdropClose}set escapeClose(t){t=!!t,this._escapeClose!==t&&(this._escapeClose=!!t,this._setDocumentKeydownListener(this._escapeClose),this._adapter.toggleHostAttribute(i.attributes.ESCAPE_CLOSE,this._escapeClose))}get escapeClose(){return this._escapeClose}get open(){return this._open}set open(t){this._open!==t&&(t=!!t,t!==this._open&&this._applyOpen(t))}get fullscreen(){return this._fullscreen}set fullscreen(t){this._fullscreen!==t&&(this._fullscreen=!!t,this._adapter.setFullscreen(this._fullscreen),this._adapter.toggleHostAttribute(i.attributes.FULLSCREEN,this._fullscreen))}get openCallback(){return this._openCallback}set openCallback(t){this._openCallback=t}get closeCallback(){return this._closeCallback}set closeCallback(t){this._closeCallback=t}get beforeCloseCallback(){return this._beforeCloseCallback}set beforeCloseCallback(t){this._beforeCloseCallback=t}get positionType(){return this._positionType}set positionType(t){this._positionType!==t&&(this._positionType=t,this._open&&this._adapter.setSurfacePosition(this._positionX,this._positionY,this._positionType))}get positionX(){return this._positionX}set positionX(t){this._positionX!==t&&(this._positionX=this._normalizePositionValue(t),this._open&&this._adapter.setSurfacePosition(this._positionX,this._positionY,this._positionType))}get positionY(){return this._positionY}set positionY(t){this._positionY!==t&&(this._positionY=this._normalizePositionValue(t),this._open&&this._adapter.setSurfacePosition(this._positionX,this._positionY,this._positionType))}get moveable(){return this._moveable}set moveable(t){this._moveable!==t&&(this._moveable=!!t,this._open&&(this._adapter.setMoveable(this._moveable),this._moveable?this._initMoveTarget():(this._removeDragHandlers(),this._isMoving=!1)),this._adapter.toggleHostAttribute(i.attributes.MOVEABLE,this._moveable))}get moveTarget(){return this._moveTarget}set moveTarget(t){this._moveTarget=t}};var g=class extends A{constructor(e){super(e);this._containerElement=u(e,i.selectors.CONTAINER),this._surfaceElement=u(e,i.selectors.SURFACE)}initializeAccessibility(){this._component.hasAttribute("role")||this._component.setAttribute("role","dialog"),this._component.setAttribute("aria-modal","true")}setAnimating(e){p(this._containerElement,e,i.classes.ANIMATING)}setVisibility(e){p(this._containerElement,e,i.classes.OPEN),this._backdropElement||(this._backdropElement=document.createElement("forge-backdrop"),this._backdropElement.setAttribute("part","scrim"),this._containerElement.appendChild(this._backdropElement)),e?this._backdropElement.fadeIn():this._backdropElement.fadeOut()}attach(e=document.body){e.appendChild(this._component)}detach(){this._activeElement&&(this._activeElement=void 0),C(this._component)}registerTransitionEndHandler(e){this._surfaceElement.addEventListener("transitionend",e)}deregisterTransitionEndHandler(e){this._surfaceElement.removeEventListener("transitionend",e)}setDocumentListener(e,o){document.addEventListener(e,o)}removeDocumentListener(e,o){document.removeEventListener(e,o)}registerBackdropClickHandler(e){var o;(o=this._backdropElement)==null||o.addEventListener(c.events.BACKDROP_CLICK,e)}deregisterBackdropClickHandler(e){var o;(o=this._backdropElement)==null||o.removeEventListener(c.events.BACKDROP_CLICK,e)}getOpenDialogs(e){return document.querySelectorAll(e)}setBodyAttribute(e,o){document.body.setAttribute(e,o)}removeBodyAttribute(e){document.body.removeAttribute(e)}trySetInitialFocus(){let e=T(this._component,i.selectors.INITIAL_FOCUS);e&&e.length&&e[e.length-1].focus()}isScrollable(){let e=this._component.querySelector(i.selectors.CONTENT);return e?e.scrollHeight>e.offsetHeight:!1}addRootClass(e){this._component.classList.add(e)}setFullscreen(e){p(this._containerElement,e,i.classes.FULLSCREEN)}setMoveable(e){p(this._containerElement,e,i.classes.MOVEABLE)}setMoveTarget(e){return e?(this._moveTargetElement=this._component.querySelector(e),!!this._moveTargetElement):!1}setMoveTargetHandler(e,o){var a;(a=this._moveTargetElement)==null||a.addEventListener(e,o)}removeDragTargetHandler(e,o){var a;(a=this._moveTargetElement)==null||a.removeEventListener(e,o)}getSurfaceBounds(){return this._surfaceElement.getBoundingClientRect()}setSurfacePosition(e,o,a){a?this._surfaceElement.style.position=a==="absolute"?a:"relative":this._surfaceElement.style.removeProperty("position"),o!==null?this._surfaceElement.style.top=o:this._surfaceElement.style.removeProperty("top"),e!==null?this._surfaceElement.style.left=e:this._surfaceElement.style.removeProperty("left")}captureActiveElement(){var e;this._activeElement=y(this._component.ownerDocument),(e=this._activeElement)==null||e.blur()}tryRestoreActiveElement(){this._activeElement&&(this._activeElement.isConnected&&this._activeElement.focus(),this._activeElement=void 0)}};var N='<template><div class="forge-dialog" part="root"><div class="forge-dialog__surface" part="surface"><slot></slot></div></div></template>',B='.forge-dialog{position:fixed;top:0;bottom:0;left:0;right:0;z-index:8;z-index:var(--forge-z-index-dialog,8);-webkit-box-align:center;align-items:center;-webkit-box-align:var(--forge-dialog-align-items,center);align-items:var(--forge-dialog-align-items,center);top:0;top:var(--forge-dialog-top,0);padding:24px;padding:var(--forge-dialog-padding,24px);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;visibility:hidden}@media (max-width:599px){.forge-dialog{padding:0}}.forge-dialog--moveable:not(.forge-dialog--fullscreen) ::slotted([forge-dialog-move-target]){cursor:move}.forge-dialog--animating{visibility:visible}.forge-dialog--animating .forge-dialog--open .forge-dialog__surface{-webkit-transition:-webkit-transform 150ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 150ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 150ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 150ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-dialog--animating .forge-dialog__surface{-webkit-transition:-webkit-transform 150ms 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform 150ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 150ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 150ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-dialog--scrollable .forge-dialog__footer,.forge-dialog--scrollable .forge-dialog__title{border-color:rgba(0,0,0,.12)}.forge-dialog--open{visibility:visible!important}.forge-dialog--open .forge-dialog__surface{-webkit-transform:scale(1);transform:scale(1);opacity:1}.forge-dialog__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);width:auto;width:var(--forge-dialog-width,auto);height:auto;height:var(--forge-dialog-height,auto);min-width:280px;min-width:var(--forge-dialog-min-width,280px);max-width:100%;max-width:var(--forge-dialog-max-width,100%);max-height:100%;max-height:var(--forge-dialog-max-height,100%);border-radius:4px;border-radius:var(--forge-dialog-border-radius,var(--mdc-shape-medium,4px));display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:scale(.8);transform:scale(.8);opacity:0;overflow:hidden;z-index:inherit}.forge-dialog__header{margin:0;padding:0 24px 9px;border-bottom:1px solid transparent}.forge-dialog__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-title-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-title-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-title-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-title-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-title-text-decoration,inherit);text-decoration:var(--forge-typography-title-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-title-text-transform,inherit);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}.forge-dialog__title::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.forge-dialog__body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);padding-top:20px;padding:0 24px 24px;overflow:auto}.forge-dialog__body--scrollable{max-height:195px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);overflow-x:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch}.forge-dialog__footer{display:-webkit-box;display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid transparent}.forge-dialog--fullscreen{padding:0}.forge-dialog--fullscreen .forge-dialog__surface{height:100%;width:100%;min-width:auto;max-width:100%;border-radius:0}:host{display:block}:host([hidden]){display:none}',r=class extends D{constructor(){super();M(this,N,B),this._foundation=new b(new g(this))}static get observedAttributes(){return[i.attributes.BACKDROP_CLOSE,i.attributes.ESCAPE_CLOSE,i.attributes.OPEN,i.attributes.FULLSCREEN,i.attributes.POSITION_TYPE,i.attributes.POSITION_X,i.attributes.POSITION_Y,i.attributes.MOVEABLE,i.attributes.MOVE_TARGET]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,o,a){switch(e){case i.attributes.BACKDROP_CLOSE:this.backdropClose=a==="true";break;case i.attributes.ESCAPE_CLOSE:this.escapeClose=a==="true";break;case i.attributes.OPEN:this.open=m(a);break;case i.attributes.FULLSCREEN:this.fullscreen=m(a);break;case i.attributes.POSITION_TYPE:this.positionType=a;break;case i.attributes.POSITION_X:this.positionX=a;break;case i.attributes.POSITION_Y:this.positionY=a;break;case i.attributes.MOVEABLE:this.moveable=m(a);break;case i.attributes.MOVE_TARGET:this.moveTarget=a;break}}initializeMoveTarget(){this._foundation.initializeMoveTarget()}resetPosition(){this._foundation.resetPosition()}show(e){return this._foundation.show(e)}hide(e){return this._foundation.hide(e)}};s([n()],r.prototype,"backdropClose",2),s([n()],r.prototype,"escapeClose",2),s([n()],r.prototype,"open",2),s([n()],r.prototype,"fullscreen",2),s([n()],r.prototype,"openCallback",2),s([n()],r.prototype,"closeCallback",2),s([n()],r.prototype,"beforeCloseCallback",2),s([n()],r.prototype,"positionType",2),s([n()],r.prototype,"positionX",2),s([n()],r.prototype,"positionY",2),s([n()],r.prototype,"moveable",2),s([n()],r.prototype,"moveTarget",2),r=s([x({name:i.elementName,dependencies:[w]})],r);function Ee(){k(r)}export{i as a,b,g as c,r as d,Ee as e};
+//# sourceMappingURL=chunk.ILUXZNGY.js.map