q2-tecton-elements 1.56.2 → 1.56.4

package/dist/q2-tecton-elements/index-f2a66217.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","fn","delay","timeout","args","clearTimeout","setTimeout","isMobile","test","navigator","userAgent","isRelatedTargetWithinHost","event","element","relatedTarget","contains","isEventFromElement","_a","composedPath","call","overrideFocus","hostElement","focus","dispatchEvent","FocusEvent","bubbles","isFirefox","toLowerCase","includes","isTouchDevice","window","maxTouchPoints","getAriaValueFromProp","prop","validValues","undefined","guid","createGuid","nextPaint","requestAnimationFrame","isVisible","offsetWidth","offsetHeight","getClientRects","length","waitForNextPaint","Promise","resolve","loc","key","subs","Tecton","noStrings","_c","_b","TectonElements","renderLabel","target","label","hideLabel","optional","readonly","labelClasses","helpText","shouldHideLabel","labelSlotElements","querySelectorAll","hasSlotContent","hasLabel","push","h","class","htmlFor","inputId","join","name","slotName","querySelector","handleAriaLabel","ariaLabel","FW_WRAPPERS_EMPTY_PROP","Symbol","toString","handleRenamedProp","oldProp","newProp","removeOldProp","handleDeprecationWarning","deprecatedItemName","deprecatedItemType","location","hostname","host","componentName","constructor","slice","_e","_d","tagName","console","warn","error","renderMessages","type","hasError","appearance","description","id","inputDescribedBy","messages","map","message","setMessageHeight","messageContainer","shadowRoot","q2Message","height","showMessages","hasFocus","getBoundingClientRect","style","getPropertyValue","classList","add","removeProperty","remove","setProperty","resizeIframe","handleColor","intent","color","getAllText","async","options","opts","Object","assign","trim","normalizeWhitespace","skipComponentReady","nodesToSkip","Set","processedNodes","WeakSet","result","processNode","node","has","nodeName","nodeType","Node","TEXT_NODE","text","textContent","endsWith","startsWith","ELEMENT_NODE","isStencilComponent","componentOnReady","child","childNodes","shadowChild","assignedNodes","assigned","fallback","replace"],"sources":["src/utils/index.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { Q2Btn } from 'src/components/q2-btn/q2-btn';\nimport { Q2Calendar } from 'src/components/q2-calendar/q2-calendar';\nimport { Q2Carousel } from 'src/components/q2-carousel/q2-carousel';\nimport { Q2Checkbox } from 'src/components/q2-checkbox/q2-checkbox';\nimport { Q2CheckboxGroup } from 'src/components/q2-checkbox-group/q2-checkbox-group';\nimport { Q2RadioGroup } from 'src/components/q2-radio-group/q2-radio-group';\nimport { Q2Dropdown } from 'src/components/q2-dropdown/q2-dropdown';\nimport { Q2DropdownItem } from 'src/components/q2-dropdown-item/q2-dropdown-item';\nimport { Q2EditableField } from 'src/components/q2-editable-field/q2-editable-field';\nimport { Q2Input } from 'src/components/q2-input/q2-input';\nimport { Q2Loading } from 'src/components/q2-loading/q2-loading';\nimport { Q2Radio } from 'src/components/q2-radio/q2-radio';\nimport { Q2Select } from 'src/components/q2-select/q2-select';\nimport { FormFieldTypes, IDict } from 'src/util';\nimport { Q2Popover } from '@/components/q2-popover/q2-popover';\n\nexport const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(fn: F, delay: number = 300) => {\n    let timeout: ReturnType<typeof setTimeout>;\n    return function (...args: Parameters<F>) {\n        clearTimeout(timeout);\n        timeout = setTimeout(() => {\n            fn(...args);\n        }, delay);\n    };\n};\n\nexport function isAndroid(): boolean {\n    return /Android/i.test(navigator.userAgent);\n}\n\nexport function isMobile(): boolean {\n    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(\n        navigator.userAgent\n    );\n}\n\nexport function isHostLosingFocus(event: FocusEvent, hostElement: HTMLElement) {\n    const type = event.type;\n    const focusInTypes = ['focusin', 'focus'];\n    const isFocusIn = focusInTypes.includes(type);\n\n    // on focusin: `target` is element losing focus, `relatedTarget` is element gaining focus\n    // on focusout: `target` is element gaining focus, `relatedTarget` is element losing focus\n    const elementGainingFocus = isFocusIn ? event.target : event.relatedTarget;\n\n    const isElementNestedInHostElement = (element: HTMLElement) => {\n        if (element === hostElement) return true;\n        if (element.parentElement) {\n            return isElementNestedInHostElement(element.parentElement);\n        }\n        return false;\n    };\n\n    if (!(elementGainingFocus instanceof HTMLElement)) return true;\n    return !isElementNestedInHostElement(elementGainingFocus);\n}\n\nexport function isRelatedTargetWithinHost(event: FocusEvent, element: HTMLElement) {\n    return event.relatedTarget !== element && !element.contains(event.relatedTarget as Node);\n}\n\nexport function isEventFromElement(event: Event, element: HTMLElement): boolean {\n    return event.composedPath?.()[0] === element;\n}\n\nexport function overrideFocus(hostElement: HTMLElement) {\n    hostElement.focus = () => hostElement?.dispatchEvent(new FocusEvent('focus', { bubbles: false }));\n}\n\nexport function isFirefox() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('firefox');\n}\n\nexport function isTouchDevice() {\n    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n\nexport function isSafari() {\n    const userAgent = navigator.userAgent.toLowerCase();\n    return userAgent.includes('safari') && !userAgent.includes('chrome');\n}\n\n/**\n * Returns the value of a prop if it is defined and included in the `validValues`\n * array. This is used primarily to prevent Vue wrappers from setting aria props\n * to \"Symbol()\" when the prop is not set.\n */\nexport function getAriaValueFromProp(prop: string, validValues?: string[]) {\n    if (prop === undefined) return prop;\n    if (!validValues) return prop !== 'Symbol()' ? prop : undefined;\n    return validValues.includes(prop) || prop === '' ? prop : undefined;\n}\n\nlet guid: number = 1000;\nexport function createGuid(): number {\n    return guid++;\n}\n\nexport function nextPaint(fn: (value?: unknown) => void) {\n    requestAnimationFrame(() => {\n        requestAnimationFrame(fn);\n    });\n}\n\nexport function isVisible(element: HTMLElement) {\n    return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0;\n}\n\nexport function waitForNextPaint() {\n    return new Promise(resolve => nextPaint(resolve));\n}\n\nexport function capitalize(value: string) {\n    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;\n}\n\nexport function pick(props: string[]): (obj: object) => object {\n    return obj => {\n        return props.reduce((memo, prop) => {\n            return {\n                ...memo,\n                [prop]: obj[prop],\n            };\n        }, {});\n    };\n}\n\nexport function loc(key: string, subs?: IDict<any> | string[]) {\n    if (!key) return '';\n    if (window.Tecton?.noStrings === true) {\n        return key;\n    }\n    return window?.TectonElements?.loc(key, subs) ?? key;\n}\n\nexport function renderLabel(target: FormFieldTypes | Q2RadioGroup | Q2CheckboxGroup) {\n    const { label, hideLabel, optional, readonly } = target;\n    const labelClasses: string[] = ['input-label'];\n    let helpText = '';\n\n    let shouldHideLabel = hideLabel;\n    if (!shouldHideLabel) {\n        const labelSlotElements = target.hostElement.querySelectorAll<HTMLSlotElement>('[slot=\"label\"]');\n        const hasSlotContent = labelSlotElements.length > 0;\n        const hasLabel = !!label;\n\n        shouldHideLabel = hasLabel || hasSlotContent ? false : true;\n    }\n\n    if (shouldHideLabel) labelClasses.push('sr');\n    if (optional) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.optional')}</span>;\n    }\n    if (readonly) {\n        helpText = <span class=\"optional-tag\">{loc('tecton.element.input.readonly')}</span>;\n        labelClasses.push('readonly-field');\n    }\n    return (\n        <label\n            htmlFor={target.inputId}\n            class={labelClasses.join(' ')}\n        >\n            <slot name=\"label\">\n                {label ? loc(label) : undefined}\n                {helpText}\n            </slot>\n        </label>\n    );\n}\n\nexport function hasSlotContent(target: HTMLElement, slotName: string) {\n    return target.querySelector(`[slot=\"${slotName}\"]`) !== null;\n}\n\nexport function handleAriaLabel(\n    target:\n        | Q2Input\n        | Q2Select\n        | Q2Radio\n        | Q2Checkbox\n        | Q2EditableField\n        | Q2Dropdown\n        | Q2DropdownItem\n        | Q2Loading\n        | Q2Carousel\n        | Q2Calendar\n        | Q2Btn\n) {\n    const { ariaLabel } = target;\n    if (!ariaLabel) return;\n\n    // If empty ariaLabel prop is set to primitive symbol by framework wrapper, set ariaLabel to undefined and return\n    const FW_WRAPPERS_EMPTY_PROP = Symbol().toString();\n    if (ariaLabel === FW_WRAPPERS_EMPTY_PROP) {\n        target.ariaLabel = undefined;\n        return;\n    }\n\n    // If ariaLabel is set, set hideLabel to true and set label to ariaLabel\n    if ('hideLabel' in target) target.hideLabel = true;\n    target.label = loc(ariaLabel);\n    target.ariaLabel = undefined;\n}\n\n/**\n * Handles when a prop has been renamed on a component without introducing a breaking change.\n */\nexport function handleRenamedProp(\n    target: Q2Btn | Q2Calendar | Q2Dropdown | Q2Popover,\n    oldProp: string,\n    newProp: string,\n    removeOldProp?: boolean\n) {\n    if (typeof target[oldProp] === 'undefined') return;\n\n    // If old prop has value, aka set in component, call handleDeprecationWarning()\n    if (target[oldProp]) {\n        handleDeprecationWarning(target, oldProp, 'prop');\n    }\n\n    target[newProp] = target[oldProp];\n\n    if (removeOldProp) {\n        delete target[oldProp];\n    }\n}\n\nexport function handleDeprecationWarning(\n    target: Q2Btn | Q2Calendar | Q2Dropdown | Q2Popover,\n    deprecatedItemName: string,\n    deprecatedItemType: 'function' | 'prop' | 'method' | 'event'\n) {\n    if (window.location.hostname === 'localhost' || window.location.host === 'stack.q2developer.com') {\n        if (target[deprecatedItemName] === 'undefined') return;\n\n        const componentName =\n            target.constructor?.name?.toLowerCase()?.slice(2) || target.hostElement?.tagName?.toLowerCase().slice(3);\n        switch (deprecatedItemType) {\n            case 'prop':\n                if (deprecatedItemName === 'size' && componentName === 'btn') {\n                    console.warn(\n                        `The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: \"small\" / \"medium\" / \"large\" `\n                    );\n                } else {\n                    console.warn(\n                        `The property ${deprecatedItemName} in q2-${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                    );\n                }\n                break;\n\n            case 'function':\n                console.warn(\n                    `The function ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'method':\n                console.warn(\n                    `The method ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            case 'event':\n                console.warn(\n                    `The event ${deprecatedItemName} in ${componentName} has been marked for deprecation and will be removed in an upcoming major release.`\n                );\n                break;\n\n            default:\n                console.error(\n                    `handleDeprecationWarning --> No type found for desired deprecation: ${deprecatedItemName} in q2-${componentName}: deprecatedItemType = ${deprecatedItemName}`\n                );\n        }\n    }\n}\n\nexport function renderMessages(target: FormFieldTypes) {\n    const type = target.hasError ? 'danger' : 'info';\n\n    return (\n        <div class=\"messages-container\">\n            <q2-message\n                appearance=\"minimal\"\n                description\n                type={type}\n                test-id=\"message\"\n            >\n                <ul id={target.inputDescribedBy}>\n                    {target.messages.map(message => (\n                        <li test-id=\"messageListItem\">{loc(message)}</li>\n                    ))}\n                </ul>\n            </q2-message>\n        </div>\n    );\n}\n\nexport function setMessageHeight(target: FormFieldTypes) {\n    const messageContainer = (target.hostElement.shadowRoot as ShadowRoot).querySelector<HTMLDivElement>(\n        '.messages-container'\n    );\n    const q2Message = messageContainer.querySelector('q2-message');\n    nextPaint(() => {\n        const height = target.showMessages && target.hasFocus ? q2Message.getBoundingClientRect().height : 0;\n\n        if (messageContainer.style.getPropertyValue('height') === `${height}px`) return;\n\n        if (height === 0) {\n            q2Message.classList.add('invisible');\n            messageContainer.style.removeProperty('height');\n        } else {\n            q2Message.classList.remove('invisible');\n            messageContainer.style.setProperty('height', `${height}px`);\n        }\n    });\n}\n\nexport const resizeIframe = () => {\n    return window.TectonElements?.resizeIframe?.();\n};\n\n// Handling color attribute (deprecated)\nexport const handleColor = (target: Q2Btn) => {\n    if (!target.intent && ['primary', 'secondary'].includes(target.color)) {\n        target.intent = `workflow-${target.color}` as HTMLQ2BtnElement['intent'];\n        target.color = undefined;\n    }\n};\n\n/**\n * Gets all translated text content from an element, including shadow DOM content\n *\n * @param {Element} element - The element to extract text from\n * @param {Object} options - Configuration options\n * @param {boolean} [options.trim=true] - Whether to trim whitespace\n * @param {boolean} [options.normalizeWhitespace=false] - Whether to normalize whitespace\n * @param {boolean} [options.skipComponentReady=false] - Skip waiting for components (for test environments)\n * @return {Promise<string>} All translated text content in DOM order\n */\nexport const getAllText = async (element, options = {}) => {\n    if (!element) return '';\n\n    const opts = {\n        trim: true,\n        normalizeWhitespace: false,\n        skipComponentReady: false,\n        ...options,\n    };\n\n    const nodesToSkip = new Set(['STYLE', 'SCRIPT', 'NOSCRIPT', 'TEMPLATE', '#comment']);\n    const processedNodes = new WeakSet();\n    let result = '';\n\n    async function processNode(node) {\n        if (processedNodes.has(node) || nodesToSkip.has(node.nodeName)) return;\n\n        processedNodes.add(node);\n\n        // Handle text nodes\n        if (node.nodeType === Node.TEXT_NODE) {\n            const text = opts.trim ? node.textContent.trim() : node.textContent;\n\n            if (text) {\n                // Add space between adjacent text nodes if needed\n                if (result && !result.endsWith(' ') && !text.startsWith(' ')) {\n                    result += ' ';\n                }\n\n                // Translate the text\n                result += opts.skipComponentReady ? window.TectonElements?.loc(text) : loc(text);\n            }\n            return;\n        }\n\n        // Handle element nodes\n        if (node.nodeType === Node.ELEMENT_NODE) {\n            // Wait for Stencil component if needed\n            const isStencilComponent = node.nodeName.startsWith('Q2-') && typeof node.componentOnReady === 'function';\n\n            if (isStencilComponent && !opts.skipComponentReady) {\n                await node.componentOnReady();\n            }\n\n            // Process children in light DOM\n            for (const child of node.childNodes) {\n                await processNode(child);\n            }\n\n            // Process shadow DOM if present\n            if (node.shadowRoot) {\n                for (const shadowChild of node.shadowRoot.childNodes) {\n                    await processNode(shadowChild);\n                }\n            }\n\n            // Handle slot elements with assigned nodes\n            if (node.nodeName === 'SLOT' && typeof node.assignedNodes === 'function') {\n                const assignedNodes = node.assignedNodes();\n\n                if (assignedNodes.length > 0) {\n                    for (const assigned of assignedNodes) {\n                        if (!processedNodes.has(assigned)) {\n                            await processNode(assigned);\n                        }\n                    }\n                } else {\n                    // Process slot fallback content\n                    for (const fallback of node.childNodes) {\n                        if (!processedNodes.has(fallback)) {\n                            await processNode(fallback);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    await processNode(element);\n\n    // Apply final formatting\n    if (opts.trim) {\n        result = result.trim();\n    }\n\n    if (opts.normalizeWhitespace) {\n        result = result.replace(/\\s+/g, ' ');\n    }\n\n    return result;\n};\n"],"mappings":"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"}

package/dist/q2-tecton-elements/q2-action-group.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as i, g as o } from "./index-7a5365e2.js";
 
-import { n } from "./index-c215e8ef.js";
+import { n } from "./index-f2a66217.js";
 
 const e = '*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host(:not([hidden])){display:block;width:100%;--comp-default-action-group-margin:var(--app-scale-5x, 25px) 0;margin:var(--tct-action-group-margin, var(--comp-default-action-group-margin))}.container{--comp-default-action-group-gap:var(--tct-action-group-gap, var(--app-scale-2x, 10px));--comp-link-gap:var(--tct-action-group-gap, var(--app-scale-4x, 20px));width:100%;display:flex;gap:var(--comp-default-action-group-gap)}.container.has-q2-link{gap:var(--comp-link-gap)}.container.has-q2-btn-coin{column-gap:var(--tct-action-group-coin-column-gap, var(--app-scale-1x, 5px));row-gap:var(--tct-action-group-coin-row-gap, var(--app-scale-5x, 25px))}.container.vertical{flex-direction:var(--tct-action-group-vertical-flex-direction, column)}.container.vertical ::slotted(q2-btn){display:block;width:100%}.container.horizontal{justify-content:var(--tct-action-group-horizontal-justify-content, flex-start);flex-direction:var(--tct-action-group-horizontal-flex-direction, row-reverse);align-items:var(--tct-action-group-horizontal-align-items, center);flex-wrap:var(--tct-action-group-horizontal-flex-wrap, wrap)}.container.horizontal.full-width{flex-wrap:nowrap}.container.horizontal.has-q2-btn-coin{justify-content:var(--tct-action-group-coin-horizontal-justify-content, center)}.container.horizontal ::slotted(q2-link){position:relative}.container.horizontal ::slotted(q2-link:not(:last-child))::before{content:"";display:inline-block;width:0;height:28px;border-left:1px solid var(--t-gray-12, #d9d9d9);position:absolute;left:calc(var(--comp-link-gap) * -0.5)}.container.vertical ::slotted(q2-btn),.container.horizontal.full-width ::slotted(q2-btn){display:block;width:100%}';
 
@@ -110,16 +110,16 @@ const r = class {
     if (e) a.push(`has-${e}`);
     a.push(o);
     return i("q2-resize-observer", {
-      key: "a8dd36e703c95b0fa144fc481e118e913a88a513",
+      key: "21a8f1241e33198258f75e1ac1247ddaf4583cc3",
       onTctResize: this.handleResize,
       disabled: t
     }, i("div", {
-      key: "1f58dc67f16add912686af05783b1ed451d850b1",
+      key: "5f8974a6e56564ccf157279bcf554ce87572cb85",
       ref: t => this.container = t,
       class: a.join(" "),
       role: "group"
     }, i("slot", {
-      key: "5097f8fce0fd1f8527d37ceb613ab7ba59461791"
+      key: "7ba454953a54d5e202682e0da5dac3900010e7df"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-action-sheet.entry.js

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, F as o, g as a } from "./index-7a5365e2.js";
 
-import { l as s, w as r } from "./index-c215e8ef.js";
+import { l as s, w as r } from "./index-f2a66217.js";
 
 import { s as n } from "./sanitize-html-string-735c19f5.js";
 
@@ -230,32 +230,32 @@ const h = class {
     const r = (e === null || e === void 0 ? void 0 : e.appearance) || "slot";
     const n = `interior is-${r}`;
     return i("dialog", {
-      key: "9ca8d184a65d40a6daa7f0b2c316ef64e23e25ca",
+      key: "d5a7f58a6220c1c246b1e0ecf5e456b70ac7d02d",
       ref: t => this.dialogElement = t,
       class: a,
       onClick: this.onClick
     }, i("div", {
-      key: "c85f4ce3fa803254c7b6408333c2ac873dc080b6",
+      key: "fd313cad6ea0847e65ba3429ab720c9af44720eb",
       class: n
     }, o && i("header", {
-      key: "1cd47f8056365d745e493989e9086dbf181aa0d3"
+      key: "d466ecb71921c2079d3345be602b9763c05c24bd"
     }, i("div", {
-      key: "db481ceb48e40cf8152c244cfbca351e9e1567d5",
+      key: "9ed60dcaf3cd6e3545b5705d6eb7e77f08a34d27",
       class: "title"
     }, (e === null || e === void 0 ? void 0 : e.title) || this.title), !this.hideClose && i("q2-btn", {
-      key: "10542c731b5c38d23789630a3f25e9dda6c5d7a9",
+      key: "dd9f24f619e3bf6f507f8b9435f27086c8087e7b",
       class: "btn-close",
       "test-id": "btnClose",
       onClick: this.onCancel,
       label: "tecton.element.actionSheet.close",
       "hide-label": true
     }, i("q2-icon", {
-      key: "44eddfd4cf3bc05641cc39d608e8efd4b88fa49b",
+      key: "7d65ed7c788944dfe42411aacf3fa46bb88d516e",
       type: "close"
     }))), ((t = this.data) === null || t === void 0 ? void 0 : t.description) && i("p", {
-      key: "3b6a9efbc672f232c5113dd270a076cc90fc8fb1"
+      key: "dd58294b11662c8e4353dcc369a520cf422a10a1"
     }, e.description), s && i(s, {
-      key: "bce3393f11f22231e428f16fbfe0a31e2f3bf9e7",
+      key: "f1423ac73c8f8004eca2e62550f645566e1c56a0",
       data: this.data
     })));
   }

package/dist/q2-tecton-elements/q2-avatar.entry.js

@@ -52,9 +52,9 @@ const c = class {
     const e = (this.name || this.initials) && (!this.src || this.badSrc);
     const c = !this.name && !this.initials && (!this.src || this.badSrc);
     return t("div", {
-      key: "f27ea8f71e3fc6245b5e1fb38dff6d0623f68c27"
+      key: "4966ab34d12c6f6eee5f20c7e8791a3decf2a54c"
     }, r && t("img", {
-      key: "29e7de94fb2831c8587926442ed971ac0cd4cd07",
+      key: "85ca0809537c0504e8b3d500f517595e90bd08e6",
       class: i ? "avatar-img" : "avatar-img-default",
       "test-id": "userImage",
       src: this.src,
@@ -62,7 +62,7 @@ const c = class {
       onLoad: this.onLoad,
       alt: this.name || ""
     }), e && t("svg", {
-      key: "457bbdb3ab4683768d9eee9d629424785fd33704",
+      key: "380b9655d61536990f8de67e30b40e3a53af1bba",
       viewBox: "0 0 100 100",
       preserveAspectRatio: "xMidYMid meet",
       "test-id": "userInitials",
@@ -70,18 +70,18 @@ const c = class {
       "aria-label": this.name,
       "aria-hidden": !this.name && "true"
     }, t("text", {
-      key: "de71a6104211e80b2b88e8203ec35877c8645243",
+      key: "6ba43407aa429b21c8d3faa295a9f5ea952e0e54",
       x: "50",
       y: "50",
       "dominant-baseline": "central",
       "text-anchor": "middle",
       "aria-hidden": "true"
     }, a)), c && t("div", {
-      key: "8e49ed997f6314287ac5dfc4eba70444f2e6a45c",
+      key: "89c1780efa61cb812980e22ada11a607d237e58a",
       "test-id": "fallbackIcon",
       class: "fallback"
     }, t("q2-icon", {
-      key: "518bf1469398e5dfbf7388ac5d3288de7fa8b14e",
+      key: "c183fd914279b0f584cc28f25782bcedca1c28b3",
       type: this.icon
     })));
   }

package/dist/q2-tecton-elements/q2-badge_7.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as r, g as o, F as a, a as e, c as i } from "./index-7a5365e2.js";
 
-import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as h, s as f, e as v, n as m, r as x, f as g } from "./index-c215e8ef.js";
+import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-f2a66217.js";
 
 import { s as k } from "./shapes-c7e1a3fa.js";
 
@@ -153,6 +153,10 @@ const M = class {
     this.handleButtonSize();
     l(this.hostElement);
   }
+  disconnectedCallback() {
+    this.primaryBtn = null;
+    this.primaryBtnWrapper = null;
+  }
   // #endregion
   // #region Listeners
   handleClick(t) {
@@ -210,14 +214,14 @@ const M = class {
   // #region Render Methods
   renderButton() {
     const {ariaExpanded: t, ariaHasPopup: o, ariaSelected: e, ariaPressed: i, description: c, disabled: s, type: d, tabindex: l} = this.buttonAttributes;
-    const {iconPosition: p, loading: b, badge: u, label: h, hideLabel: f} = this;
+    const {iconPosition: p, loading: b, badge: u, label: f, hideLabel: h} = this;
     const v = p || b;
     const m = !p || u;
     return r(a, null, r("button", {
       ref: t => this.primaryBtn = t !== null && t !== void 0 ? t : this.primaryBtn,
       "aria-expanded": t,
       "aria-haspopup": o,
-      "aria-label": f && n(h),
+      "aria-label": h && n(f),
       "aria-selected": e,
       "aria-pressed": i,
       disabled: s,
@@ -226,7 +230,7 @@ const M = class {
       "test-id": "q2BtnInnerButton",
       class: this.buttonClasses,
       "aria-describedby": !!c ? "hidden-description" : undefined,
-      "aria-labelledby": this.intent === "coin" && !f ? "coin-label" : undefined,
+      "aria-labelledby": this.intent === "coin" && !h ? "coin-label" : undefined,
       role: this._role || undefined
     }, r("div", {
       class: "slot-container"
@@ -366,10 +370,10 @@ const bt = "standard";
 
 const ut = "standard";
 
-const ht = "standard";
-
 const ft = "standard";
 
+const ht = "standard";
+
 const vt = "standard";
 
 const mt = "standard";
@@ -474,10 +478,10 @@ const br = "standard";
 
 const ur = "standard";
 
-const hr = "standard";
-
 const fr = "standard";
 
+const hr = "standard";
+
 const vr = "devices";
 
 const mr = "standard";
@@ -749,11 +753,11 @@ const bo = {
   desktop: pt,
   diploma: bt,
   divider: ut,
-  document: ht,
+  document: ft,
   "document-add": "standard",
   "document-checklist": "standard",
   "document-remove": "standard",
-  download: ft,
+  download: ht,
   "drag-handle": "standard",
   edit: vt,
   ellipsis: mt,
@@ -882,8 +886,8 @@ const bo = {
   paw: br,
   people: ur,
   "people-group": "standard",
-  percent: hr,
-  person: fr,
+  percent: fr,
+  person: hr,
   "person-add": "standard",
   "person-lock": "standard",
   "person-remove": "standard",
@@ -976,9 +980,9 @@ const bo = {
 
 const uo = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
 
-const ho = uo;
+const fo = uo;
 
-const fo = class {
+const ho = class {
   constructor(r) {
     t(this, r);
     this.spritePrefix = "tecton-sprite-";
@@ -1000,6 +1004,10 @@ const fo = class {
     // We have to set the `href` attribute after the symbol is appended to the DOM to avoid a bug in Safari
         (a = this.spriteUse) === null || a === void 0 ? void 0 : a.setAttribute("href", `#${e.id}`);
   }
+  disconnectedCallback() {
+    this.spriteGroup = null;
+    this.spriteUse = null;
+  }
   // #endregion
   // #region Watchers
   handleIcon() {
@@ -1159,7 +1167,7 @@ const fo = class {
   }
 };
 
-fo.style = ho;
+ho.style = fo;
 
 function formatNumber(t = "", r = {
   prefix: "",
@@ -1197,8 +1205,8 @@ function formatNumber(t = "", r = {
     b = b + r.decimalSeparator.length;
   }
   const u = r.prefix || r.suffix;
-  const h = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
-  const f = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
+  const f = Number.MAX_SAFE_INTEGER.toString().length + b + c.length;
+  const h = `${n.replace(/[^0-9]/g, "")}${c}`.replace(/^0+/, "");
   return {
     value: e,
     formattedValue: l,
@@ -1206,8 +1214,8 @@ function formatNumber(t = "", r = {
     prefix: u,
     suffix: "",
     formattingCharacterCount: b,
-    maxlength: h,
-    unformattedValue: f
+    maxlength: f,
+    unformattedValue: h
   };
 }
 
@@ -4301,7 +4309,7 @@ const Io = class {
     this.invalid = i(this, "invalid", 7);
     // #region Own Properties
         this.guid = u();
-    this.isMobile = h();
+    this.isMobile = f();
     this.scheduledAfterRender = [];
     /**
          * Sets textSelectedForDeletion to true if the user has selected text for deletion
@@ -4349,7 +4357,7 @@ const Io = class {
     };
     this.onInputBlur = () => {
       this.hasFocus = false;
-      f(this);
+      h(this);
       if (this.valueOnFocus !== this.formattedValueObject.value) {
         this.valueOnFocus = this.formattedValueObject.value;
         this.change.emit(Object.assign({
@@ -4369,7 +4377,7 @@ const Io = class {
         this.scheduledAfterRender.push((() => this.shouldCursorStartAtEnd ? this.placeCursorAtEnd() : this.setCursorPosition(this.calculateCursorPositionOnFocus())));
       }
       this.hasFocus = true;
-      f(this);
+      h(this);
       this.valueOnFocus = this.value;
     };
     this.onInputInput = t => {
@@ -4410,7 +4418,7 @@ const Io = class {
     this.onRefocusInput = () => {
       if (this.showMessages) {
         this.inputField.focus();
-        f(this);
+        h(this);
       }
     };
     this.onToggleVisibility = () => {
@@ -4576,7 +4584,7 @@ const Io = class {
     }
   }
   errorsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
   }
   formatModifierObserver() {
     this.formatAndUpdateValueFromProp();
@@ -4585,7 +4593,7 @@ const Io = class {
     this.formatted.emit(this.formattedValueObject);
   }
   hintsObserver() {
-    this.hasFocus && this.scheduledAfterRender.push((() => f(this)));
+    this.hasFocus && this.scheduledAfterRender.push((() => h(this)));
   }
   typeObserver() {
     this.formatAndUpdateValueFromProp();
@@ -5013,10 +5021,10 @@ const Io = class {
   }
   render() {
     return r("div", {
-      key: "94d94d9aa6f117b6e43bb978fea6081250d91c90",
+      key: "90af3950d11f474fef56699c98107a4d368c97e4",
       class: this.wrapperClasses
     }, r("div", {
-      key: "b1b02a05ec6c8c0b7695ad51a9a7626dbe31d019",
+      key: "1d31ff5e1c26d73f5909e63dcfaa866ef6cb8aa6",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }
@@ -5416,49 +5424,49 @@ const Po = class {
   }
   render() {
     return r(a, {
-      key: "d55e6c349177c8fc375b3cf4040cb08a0b0de461"
+      key: "3dbafc9b528c795be4d81493aec0012dc1e26fa8"
     }, r("div", {
-      key: "dd03010c03f34b20247e8b88a6ceb473e70501bb",
+      key: "c569220a4172d11f499b341463ce8354334c695a",
       class: "tab-container"
     }, this.scrollEnabled && r(a, {
-      key: "7cf61b1e74b8d51788f4bf156847557924b225d1"
+      key: "baa3337e3f83f826cf216374fb6e15efa5df4e80"
     }, r("div", {
-      key: "0c75886442b045d38d0e57eb0f09379632675707",
+      key: "ca06e12ad879e357b34ac7b9a4a21e72c6afa5e7",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), r("div", {
-      key: "f637fb09527f07bb772d54d0a2d5118894f38a07",
+      key: "efb019cc0ecf865005b79176fb5f9a39c0c7dbe8",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), r("q2-btn", {
-      key: "c2ddbc49798f8e75fead0562149852b67792c3de",
+      key: "dbb9f22c62ab4d668e17abeb7a9e997c346afecd",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "7cb434c677a2bf586430b6a7ad0183ac91da89e3",
+      key: "6ed80917ec7aeb9f84a527253b046011a564a083",
       type: "chevron-left",
       label: "scroll left"
     })), r("q2-btn", {
-      key: "1e3a7f262ccd2825b8f34ac4022a57dfa3cbf604",
+      key: "1418cfb893e421d3ce9731ea0640e106c45716bb",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "20f782f8d334a1607e92b27d6eae60f10c2e8e50",
+      key: "a0ee720e921a221f0aaf5dccb7cffd072fc18155",
       type: "chevron-right",
       label: "scroll right"
     }))), r("ul", {
-      key: "be54e8b79488cfa5b3d2d9723c5ae20bc260d2db",
+      key: "c306e2e6cda7adf1f46234a42d2fff465852be3e",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist"
     }, this.tabs.map(((t, r) => this.renderTab(t, r))))), r("div", {
-      key: "70bba74bc4a486f5c2d38e8811c45d8dfe57271a",
+      key: "00500a26c659dba1390f2992faf461fd0b81e52b",
       class: "tab-content"
     }, r("slot", {
-      key: "e4d490146294c667a9c027514c794a1c57b1fab6",
+      key: "72a257e8afadd7a423548844ce4a95f32c517e9d",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -5503,7 +5511,7 @@ const Go = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "998b51cf685abfda0ed4647bfdb550b9a474541f",
+      key: "7f8e9ac70186487577804107bb5b35378d31f0de",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -5511,7 +5519,7 @@ const Go = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, r("slot", {
-      key: "12ef298cbd2bb7e98d820e88f9c6d65f3b3db733"
+      key: "3018103490736c91f4f5fbef6d44e63df2704266"
     }));
   }
   static get watchers() {
@@ -5526,5 +5534,5 @@ const Go = class {
 
 Go.style = Bo;
 
-export { S as q2_badge, M as q2_btn, fo as q2_icon, Io as q2_input, Eo as q2_loading, Po as q2_tab_container, Go as q2_tab_pane };
+export { S as q2_badge, M as q2_btn, ho as q2_icon, Io as q2_input, Eo as q2_loading, Po as q2_tab_container, Go as q2_tab_pane };
 //# sourceMappingURL=q2-badge_7.entry.js.map