@nvidia-elements/core 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -28
- package/README.md +1 -10
- package/dist/_virtual/{_@oxc-project_runtime@0.115.0 → _@oxc-project_runtime@0.123.0}/helpers/decorate.js +1 -1
- package/dist/accordion/accordion2.js +5 -5
- package/dist/alert/alert-banner2.js +1 -1
- package/dist/alert/alert-group2.js +2 -2
- package/dist/alert/alert2.js +2 -2
- package/dist/avatar/avatar-group2.js +1 -1
- package/dist/avatar/avatar2.js +2 -2
- package/dist/badge/badge2.js +2 -2
- package/dist/breadcrumb/breadcrumb2.js +2 -2
- package/dist/bundles/index.d.ts +38 -34
- package/dist/bundles/index.js +13 -6952
- package/dist/button/button2.js +2 -2
- package/dist/button-group/button-group2.js +2 -2
- package/dist/card/card2.js +5 -5
- package/dist/chat-message/chat-message2.js +2 -2
- package/dist/checkbox/checkbox-group2.js +2 -2
- package/dist/checkbox/checkbox2.js +2 -2
- package/dist/checkbox/define.js +6 -3
- package/dist/checkbox/define.js.map +1 -1
- package/dist/color/color2.js +2 -2
- package/dist/color/define.js +5 -3
- package/dist/color/define.js.map +1 -1
- package/dist/combobox/combobox.d.ts +1 -0
- package/dist/combobox/combobox.examples.js.map +1 -1
- package/dist/combobox/combobox.examples.json +11 -0
- package/dist/combobox/combobox2.js +76 -55
- package/dist/combobox/combobox2.js.map +1 -1
- package/dist/combobox/define.js +5 -3
- package/dist/combobox/define.js.map +1 -1
- package/dist/copy-button/copy-button2.js +2 -2
- package/dist/custom-elements-jsx.d.ts +9 -62
- package/dist/custom-elements-vue.d.ts +9 -62
- package/dist/custom-elements.json +61 -733
- package/dist/data.html.json +4 -42
- package/dist/date/date2.js +2 -2
- package/dist/date/define.js +5 -3
- package/dist/date/define.js.map +1 -1
- package/dist/datetime/datetime2.js +2 -2
- package/dist/datetime/define.js +5 -3
- package/dist/datetime/define.js.map +1 -1
- package/dist/dialog/dialog-footer2.js +2 -2
- package/dist/dialog/dialog-header2.js +2 -2
- package/dist/dialog/dialog2.js +2 -2
- package/dist/divider/divider2.js +2 -2
- package/dist/dot/dot2.js +2 -2
- package/dist/drawer/drawer-content2.js +2 -2
- package/dist/drawer/drawer-footer2.js +2 -2
- package/dist/drawer/drawer-header2.js +2 -2
- package/dist/drawer/drawer2.js +2 -2
- package/dist/dropdown/dropdown-footer2.js +2 -2
- package/dist/dropdown/dropdown-header2.js +2 -2
- package/dist/dropdown/dropdown2.js +2 -2
- package/dist/dropdown-group/dropdown-group.js +2 -2
- package/dist/dropzone/dropzone2.js +2 -2
- package/dist/file/define.js +5 -3
- package/dist/file/define.js.map +1 -1
- package/dist/file/file2.js +1 -1
- package/dist/forms/control/control2.js +2 -2
- package/dist/forms/control-group/control-group2.js +2 -2
- package/dist/forms/control-message/control-message2.js +2 -2
- package/dist/grid/cell/cell2.js +1 -1
- package/dist/grid/column/column.d.ts +1 -0
- package/dist/grid/column/column2.js +5 -2
- package/dist/grid/column/column2.js.map +1 -1
- package/dist/grid/footer/footer2.js +2 -2
- package/dist/grid/grid2.js +2 -2
- package/dist/grid/header/header2.js +2 -2
- package/dist/grid/placeholder/placeholder2.js +1 -1
- package/dist/grid/row/row2.js +2 -2
- package/dist/icon/icon2.js +3 -3
- package/dist/icon-button/icon-button2.js +2 -2
- package/dist/index.js +1 -1
- package/dist/input/define.js +6 -3
- package/dist/input/define.js.map +1 -1
- package/dist/input/input-group2.js +1 -1
- package/dist/input/input2.js +2 -2
- package/dist/internal/base/button.js +1 -1
- package/dist/internal/index.js +40 -40
- package/dist/internal/services/global.service.js +1 -1
- package/dist/internal/utils/dom.d.ts +2 -0
- package/dist/internal/utils/dom.js +51 -51
- package/dist/internal/utils/dom.js.map +1 -1
- package/dist/logo/logo2.js +2 -2
- package/dist/menu/menu-item2.js +2 -2
- package/dist/menu/menu.d.ts +3 -0
- package/dist/menu/menu2.js +23 -2
- package/dist/menu/menu2.js.map +1 -1
- package/dist/month/define.js +5 -3
- package/dist/month/define.js.map +1 -1
- package/dist/month/month2.js +2 -2
- package/dist/notification/notification-group2.js +2 -2
- package/dist/notification/notification2.js +2 -2
- package/dist/page/page-panel/page-panel-content2.js +1 -1
- package/dist/page/page-panel/page-panel-footer2.js +2 -2
- package/dist/page/page-panel/page-panel-header2.js +2 -2
- package/dist/page/page-panel/page-panel2.js +2 -2
- package/dist/page/page.examples.js.map +1 -1
- package/dist/page/page2.js +2 -2
- package/dist/page-header/page-header.examples.js.map +1 -1
- package/dist/page-header/page-header2.js +1 -1
- package/dist/page-loader/page-loader.js +1 -1
- package/dist/page-loader/page-loader.js.map +1 -1
- package/dist/page-loader/page-loader2.js +2 -2
- package/dist/pagination/pagination2.js +2 -2
- package/dist/panel/panel2.js +5 -5
- package/dist/password/define.js +5 -3
- package/dist/password/define.js.map +1 -1
- package/dist/password/password2.js +2 -2
- package/dist/preferences-input/preferences-input2.js +2 -2
- package/dist/progress-bar/progress-bar2.js +2 -2
- package/dist/progress-ring/progress-ring2.js +2 -2
- package/dist/progressive-filter-chip/progressive-filter-chip2.js +2 -2
- package/dist/pulse/pulse2.js +2 -2
- package/dist/radio/define.js +6 -3
- package/dist/radio/define.js.map +1 -1
- package/dist/radio/radio-group2.js +2 -2
- package/dist/radio/radio2.js +2 -2
- package/dist/range/define.js +5 -3
- package/dist/range/define.js.map +1 -1
- package/dist/range/range2.js +2 -2
- package/dist/resize-handle/resize-handle2.js +2 -2
- package/dist/search/define.js +5 -3
- package/dist/search/define.js.map +1 -1
- package/dist/search/search2.js +2 -2
- package/dist/select/define.js +5 -3
- package/dist/select/define.js.map +1 -1
- package/dist/select/select2.js +2 -2
- package/dist/skeleton/skeleton2.js +2 -2
- package/dist/sort-button/sort-button2.js +2 -2
- package/dist/sparkline/sparkline.utils.js +2 -8
- package/dist/sparkline/sparkline.utils.js.map +1 -1
- package/dist/sparkline/sparkline2.js +2 -2
- package/dist/star-rating/define.js +5 -3
- package/dist/star-rating/define.js.map +1 -1
- package/dist/star-rating/star-rating2.js +2 -2
- package/dist/steps/steps2.js +3 -3
- package/dist/switch/define.js +6 -3
- package/dist/switch/define.js.map +1 -1
- package/dist/switch/switch-group2.js +2 -2
- package/dist/switch/switch2.js +2 -2
- package/dist/tabs/tabs2.js +3 -3
- package/dist/tag/tag2.js +2 -2
- package/dist/textarea/define.js +5 -3
- package/dist/textarea/define.js.map +1 -1
- package/dist/textarea/textarea2.js +1 -1
- package/dist/time/define.js +5 -3
- package/dist/time/define.js.map +1 -1
- package/dist/time/time2.js +2 -2
- package/dist/toast/toast2.js +2 -2
- package/dist/toggletip/toggletip-footer2.js +2 -2
- package/dist/toggletip/toggletip-header2.js +2 -2
- package/dist/toggletip/toggletip2.js +2 -2
- package/dist/toolbar/toolbar2.js +2 -2
- package/dist/tooltip/tooltip2.js +2 -2
- package/dist/tree/tree-node2.js +2 -2
- package/dist/tree/tree2.js +2 -2
- package/dist/week/define.js +5 -3
- package/dist/week/define.js.map +1 -1
- package/dist/week/week2.js +2 -2
- package/package.json +10 -36
- package/dist/app-header/app-header.d.ts +0 -39
- package/dist/app-header/app-header.js +0 -6
- package/dist/app-header/app-header.js.map +0 -1
- package/dist/app-header/app-header2.js +0 -54
- package/dist/app-header/app-header2.js.map +0 -1
- package/dist/app-header/define.d.ts +0 -6
- package/dist/app-header/define.js +0 -7
- package/dist/app-header/define.js.map +0 -1
- package/dist/app-header/index.d.ts +0 -1
- package/dist/app-header/index.js +0 -2
- package/dist/bundles/audit-logs.js +0 -50
- package/dist/bundles/icons.js +0 -285
- package/dist/bundles/index.css +0 -2
- package/dist/bundles/log.service.js +0 -90
- package/dist/bundles/rolldown-runtime.js +0 -11
- package/dist/css/module.layout.css +0 -1
- package/dist/css/module.typography.css +0 -1
- package/dist/index.css +0 -1
- package/dist/json-viewer/define.d.ts +0 -8
- package/dist/json-viewer/define.js +0 -8
- package/dist/json-viewer/define.js.map +0 -1
- package/dist/json-viewer/index.d.ts +0 -2
- package/dist/json-viewer/index.js +0 -3
- package/dist/json-viewer/json-viewer.d.ts +0 -25
- package/dist/json-viewer/json-viewer.js +0 -6
- package/dist/json-viewer/json-viewer.js.map +0 -1
- package/dist/json-viewer/json-viewer2.js +0 -39
- package/dist/json-viewer/json-viewer2.js.map +0 -1
- package/dist/json-viewer/node/node.d.ts +0 -21
- package/dist/json-viewer/node/node.js +0 -6
- package/dist/json-viewer/node/node.js.map +0 -1
- package/dist/json-viewer/node/node2.js +0 -72
- package/dist/json-viewer/node/node2.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.js","names":[],"sources":["../../../src/internal/utils/dom.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { GlobalStateService } from '../services/global.service.js';\nimport type { ElementDefinition } from '../types/index.js';\nimport { isFocusable } from './focus.js';\n\nexport function getChildren(node: Document | Node | HTMLElement): Element[] {\n if (node instanceof Document && node.documentElement) {\n return Array.from(node.documentElement.children); // root document children\n } else if (node instanceof HTMLElement && node.shadowRoot) {\n return Array.from(node.shadowRoot.children); // shadow root direct children\n } else if (node instanceof HTMLSlotElement && node.assignedElements) {\n const slotted = node.assignedElements(); // slotted elements\n return slotted.length ? slotted : Array.from(node.children); // slot fallback\n } else {\n return Array.from((node as HTMLElement).children); // light DOM direct children\n }\n}\n\nexport function generateId() {\n const uint32 = self.crypto.getRandomValues(new Uint32Array(1))[0]!;\n return `_${uint32.toString(16)}`;\n}\n\nexport function getAttributeChanges(element: HTMLElement, attr: string, fn: (attrValue: string | null) => void) {\n fn(element.getAttribute(attr));\n const observer = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n if (mutation.attributeName === attr) {\n fn((mutation.target as HTMLElement).getAttribute(attr));\n }\n });\n });\n observer.observe(element, { attributes: true, subtree: true });\n return observer;\n}\n\nexport function getAttributeListChanges(element: HTMLElement, attrs: string[], fn: (mutation: MutationRecord) => void) {\n const observer = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n if (mutation.attributeName && attrs.includes(mutation.attributeName)) {\n fn(mutation);\n }\n });\n });\n observer.observe(element, { attributes: true, subtree: true });\n return observer;\n}\n\n/**\n * Appends styles to the render root of a given element. This is useful for\n * styles that apply outside the scope of the element's shadow\n * root such as UA styles --webkit-* that won't work in a ::slotted selector\n */\nexport function appendRootNodeStyle(host: HTMLElement, styles: string) {\n const stylesheet = new CSSStyleSheet();\n stylesheet.replaceSync(styles);\n const root = host.getRootNode() as Document | ShadowRoot;\n if (root.adoptedStyleSheets) {\n const hasStyleSheet = root.adoptedStyleSheets\n .map(s => styleSheetToString(s))\n .find(s => s === styleSheetToString(stylesheet));\n if (!hasStyleSheet) {\n root.adoptedStyleSheets = [...Array.from(root.adoptedStyleSheets), stylesheet];\n }\n }\n return stylesheet;\n}\n\nexport function styleSheetToString(stylesheet: CSSStyleSheet) {\n return stylesheet.cssRules\n ? Array.from(stylesheet.cssRules)\n .map(rule => rule.cssText || '')\n .join('\\n')\n : '';\n}\n\n/* used for cases of needing to know a property update outside of lit, example a native input value prop change */\nexport function getElementUpdate(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n if (element.hasAttribute(key)) {\n callback(element.getAttribute(key));\n } else if ((element as unknown as Record<string, unknown>)[key] !== undefined) {\n callback((element as unknown as Record<string, unknown>)[key]);\n }\n\n const updatedProp = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(element), key);\n if (updatedProp) {\n const ownDescriptor = Object.getOwnPropertyDescriptor(element, key);\n if (!ownDescriptor || ownDescriptor.configurable !== false) {\n Object.defineProperty(element, key, {\n configurable: true,\n get: updatedProp.get,\n set: val => {\n updatedProp.set!.call(element, val);\n callback(val);\n }\n });\n }\n }\n\n return getAttributeChanges(element, key, val => callback(val));\n}\n\nexport function clickOutsideElementBounds(event: PointerEvent | MouseEvent, element: HTMLElement) {\n const { left, right, top, bottom } = element.getBoundingClientRect();\n return event.clientX < left || event.clientX > right || event.clientY < top || event.clientY > bottom;\n}\n\n/** parses number out of basic calc generated by the design tokens */\nexport function parseTokenNumber(value: string) {\n return parseInt(value.includes('calc') ? value.split('*')[1]!.replace('px)', '').trim() : value, 10) || 0;\n}\n\n/** true if the browser supports scoped custom element registries */\nexport const supportsScopedRegistry =\n globalThis.CustomElementRegistry && 'initialize' in CustomElementRegistry.prototype;\n\n/** defines an element with the given custom element registry */\nexport function defineElement(element: ElementDefinition, customElementRegistry: CustomElementRegistry) {\n Object.entries(element.elementDefinitions ?? {})\n .filter(([_tag, e]) => !customElementRegistry.get(e.metadata.tag))\n .forEach(([_tag, e]) => {\n defineElement(e, customElementRegistry);\n });\n\n if (!customElementRegistry.get(element.metadata.tag)) {\n customElementRegistry.define(element.metadata.tag, element);\n\n if (customElementRegistry === customElements) {\n GlobalStateService.dispatch('NVE_ELEMENT_DEFINE', {\n elementRegistry: { [element.metadata.tag]: element.metadata.version }\n });\n }\n }\n}\n\n/** defines an element with the global custom element registry */\nexport function define(element: ElementDefinition) {\n const { version } = element.metadata;\n\n // if scoped registry supported, register only the root element to global registry\n if (supportsScopedRegistry && !customElements.get(element.metadata.tag)) {\n customElements.define(element.metadata.tag, element);\n GlobalStateService.dispatch('NVE_ELEMENT_DEFINE', {\n elementRegistry: { [element.metadata.tag]: element.metadata.version }\n });\n } else {\n // if scoped registry not supported, register the element and all its children to the global registry\n defineElement(element, customElements);\n }\n\n // warn on duplicate version\n if (\n GlobalStateService.state.elementRegistry[element.metadata.tag] !== version &&\n globalThis?.location?.hostname === 'localhost'\n ) {\n void import('./audit-logs.js').then(m =>\n console.warn(m.getDuplicatePackageVersionWarning(element.metadata.tag, version))\n );\n }\n}\n\nexport function isContextMenuClick(event: MouseEvent) {\n return (event.buttons === 2 && !event.ctrlKey) || (event.buttons === 1 && event.ctrlKey);\n}\n\nexport function getFlattenedFocusableItems(element: Node, depth = 10) {\n return getFlattenedDOMTree(element, depth).filter((e: HTMLElement) => isFocusable(e)) as HTMLElement[];\n}\n\n/**\n * Preserves visual DOM ordering when using slots within Shadow DOM\n * See more information/resources on Shadow DOM linear traversal\n * https://nolanlawson.com/2021/02/13/managing-focus-in-the-shadow-dom/\n * https://www.abeautifulsite.net/posts/querying-through-shadow-roots/\n */\nexport function getFlattenedDOMTree(node: Node, depth = 10): HTMLElement[] {\n return (\n Array.from(getChildren(node)).reduce(\n (p: unknown[], n: Node) => [\n ...p,\n [n, [...Array.from(getChildren(n)).map(i => [i, getFlattenedDOMTree(i, depth)])]]\n ],\n []\n ) as unknown as HTMLElement[]\n ).flat(depth);\n}\n\nexport function validKeyNavigationCode(e: KeyboardEvent) {\n return keynavCodes.has(e.code);\n}\n\nexport enum KeynavCode {\n End = 'End',\n Home = 'Home',\n PageUp = 'PageUp',\n PageDown = 'PageDown',\n ArrowUp = 'ArrowUp',\n ArrowDown = 'ArrowDown',\n ArrowLeft = 'ArrowLeft',\n ArrowRight = 'ArrowRight'\n}\n\nconst keynavCodes: Set<string> = new Set(Object.values(KeynavCode));\n\nexport function hasInvalidDOMGrid(rows: HTMLElement[]) {\n return rows.some(row => row.children.length !== rows[0]!.children.length);\n}\n\nexport function removeEmptyTextNode(node: Node) {\n if ((node as Text)?.wholeText?.trim() === '') {\n (node as Text).remove();\n }\n}\n\nexport function scrollBarWidth() {\n const div = globalThis.document.createElement('div');\n div.style.setProperty('width', '100px');\n div.style.setProperty('height', '100px');\n div.style.setProperty('overflow', 'scroll');\n div.style.setProperty('position', 'absolute');\n div.style.setProperty('top', '-9999px');\n globalThis.document.body.appendChild(div);\n const width = div.offsetWidth - div.clientWidth;\n globalThis.document.body.removeChild(div);\n return width;\n}\n\nexport function hasScrollBar(el: HTMLElement) {\n return el.scrollHeight > el.clientHeight;\n}\n\nexport function hasHorizontalScrollBar(el: HTMLElement) {\n return el.scrollWidth > el.clientWidth;\n}\n\nexport function endOfScrollBox(element: HTMLElement, offset = 0) {\n return element.scrollTop + element.offsetHeight + offset >= element.scrollHeight;\n}\n\nexport async function openEyeDropper(): Promise<string> {\n return await new (\n globalThis as unknown as { EyeDropper: new () => { open: () => Promise<{ sRGBHex: string }> } }\n ).EyeDropper()\n .open()\n .then((color: { sRGBHex: string }) => color.sRGBHex);\n}\n\n/**\n * provides a object with key/value of the currently applied design tokens\n */\nexport function getThemeTokens(element = globalThis.document.querySelector(':root')!) {\n // default root or provided element\n const styles = getComputedStyle(element);\n let parent: CSSStyleSheet[] = [];\n\n // check for parent iframe, same domain iframes change how the browser accesses style sheets\n try {\n parent = Array.from(globalThis.parent.document.styleSheets);\n } catch {\n // if not accessible, skip\n }\n\n return [...parent, ...Array.from(globalThis.document.styleSheets)]\n .reduce((finalArr: string[][], sheet) => {\n let rules: CSSRule[] = [];\n try {\n rules = [...sheet.cssRules];\n } catch {\n // if the style sheet is not accessible, skip\n }\n return finalArr.concat(\n rules\n .filter(rule => rule.type === 1)\n .reduce((propValArr: string[][], rule) => {\n const props = [...(rule as CSSStyleRule).style]\n .filter((p: string) => p.trim().includes('--nve'))\n .map((propName: string) => [\n propName.trim(),\n (rule as CSSStyleRule).style.getPropertyValue(propName).trim()\n ]);\n return [...propValArr, ...props];\n }, [])\n );\n }, [])\n .reduce(\n (p: Record<string, string>, token: string[]) => ({ ...p, [token[0]!]: styles.getPropertyValue(token[0]!) }),\n {}\n );\n}\n\nexport function removeEmptySlotWhitespace(slot: HTMLSlotElement) {\n if (slotContainsOnlyWhitespace(slot)) {\n slot.assignedNodes().forEach((node: Node) => node.parentNode?.removeChild(node));\n }\n}\n\nexport function slotContainsOnlyWhitespace(slot: HTMLSlotElement) {\n const hasNoElements = !slot.assignedNodes().find(i => i.nodeType !== Node.TEXT_NODE);\n const hasOnlyEmptyTextNodes = !slot\n .assignedNodes()\n .find(i => i.nodeType === Node.TEXT_NODE && (i.textContent ?? '').trim() !== '');\n return hasNoElements && hasOnlyEmptyTextNodes;\n}\n\nexport function applySlotContentStates(slot: HTMLSlotElement, element: HTMLElement & { _internals: ElementInternals }) {\n const nodes = slot.assignedNodes();\n const name = slot.name ?? 'slot';\n\n if (nodes.length) {\n element._internals.states.add(`has-${name}`);\n } else {\n element._internals.states.delete(`has-${name}`);\n }\n}\n\nexport function getDisplayValue(option?: { label?: string; value?: string }): string {\n return option?.label || option?.value || '';\n}\n\n/** returns a combination of nve and mlv for a prefixed tag selector */\nexport function tagSelector(selector: string) {\n return `${selector.replaceAll('nve-', 'nve-')}, ${selector.replaceAll('nve-', 'nve-')}`;\n}\n\n/** determines if HTML element matches the given component tag */\nexport function matchesElementName(element: Partial<HTMLElement>, component: { metadata: { tag: string } }) {\n return (\n element.localName === component.metadata.tag.replace('nve-', 'nve-') ||\n element.localName === component.metadata.tag.replace('nve-', 'nve-')\n );\n}\n\nexport function createGhostElement(sourceElement: HTMLElement) {\n const ghost = globalThis.document.createElement('div');\n const { width } = sourceElement.getBoundingClientRect();\n ghost.setAttribute('nve-ghost', '');\n ghost.style.minWidth = `${width}px`;\n ghost.style.maxWidth = `${width}px`;\n ghost.style.height = '1px';\n ghost.slot = sourceElement.slot;\n return ghost;\n}\n\nexport function sameRenderRoot(element1: HTMLElement, element2: HTMLElement) {\n const root1 = element1.getRootNode();\n const root2 = element2.getRootNode();\n const sameShadowRoot = root1 instanceof ShadowRoot && root2 instanceof ShadowRoot && root1 === root2;\n const sameDocumentRoot = root1 === globalThis.document && root2 === globalThis.document;\n const sameUnattachedRoot = root1 === root2;\n return sameShadowRoot || sameDocumentRoot || sameUnattachedRoot;\n}\n\nexport function getAnchorNames(element: HTMLElement): string[] {\n return (\n element.style.anchorName\n ?.split(',')\n ?.map(name => name.trim())\n ?.filter(name => name !== 'none' && name !== '') ?? []\n );\n}\n\nexport function removeAnchorName(element: HTMLElement, name: string) {\n const anchorNames = getAnchorNames(element);\n element.style.anchorName = anchorNames.filter(i => i !== name).join(',');\n}\n\nexport function appendAnchorName(element: HTMLElement, name: string) {\n element.style.anchorName = Array.from(new Set([...getAnchorNames(element), name])).join(',');\n}\n"],"mappings":";;;AAOA,SAAgB,EAAY,GAAgD;AAC1E,KAAI,aAAgB,YAAY,EAAK,gBACnC,QAAO,MAAM,KAAK,EAAK,gBAAgB,SAAS;KACvC,aAAgB,eAAe,EAAK,WAC7C,QAAO,MAAM,KAAK,EAAK,WAAW,SAAS;KAClC,aAAgB,mBAAmB,EAAK,kBAAkB;EACnE,IAAM,IAAU,EAAK,kBAAkB;AACvC,SAAO,EAAQ,SAAS,IAAU,MAAM,KAAK,EAAK,SAAS;OAE3D,QAAO,MAAM,KAAM,EAAqB,SAAS;;AAIrD,SAAgB,IAAa;AAE3B,QAAO,IADQ,KAAK,OAAO,gBAAgB,IAAI,YAAY,EAAE,CAAC,CAAC,GAC7C,SAAS,GAAG;;AAGhC,SAAgB,EAAoB,GAAsB,GAAc,GAAwC;AAC9G,GAAG,EAAQ,aAAa,EAAK,CAAC;CAC9B,IAAM,IAAW,IAAI,kBAAiB,MAAa;AACjD,IAAU,SAAQ,MAAY;AAC5B,GAAI,EAAS,kBAAkB,KAC7B,EAAI,EAAS,OAAuB,aAAa,EAAK,CAAC;IAEzD;GACF;AAEF,QADA,EAAS,QAAQ,GAAS;EAAE,YAAY;EAAM,SAAS;EAAM,CAAC,EACvD;;AAGT,SAAgB,EAAwB,GAAsB,GAAiB,GAAwC;CACrH,IAAM,IAAW,IAAI,kBAAiB,MAAa;AACjD,IAAU,SAAQ,MAAY;AAC5B,GAAI,EAAS,iBAAiB,EAAM,SAAS,EAAS,cAAc,IAClE,EAAG,EAAS;IAEd;GACF;AAEF,QADA,EAAS,QAAQ,GAAS;EAAE,YAAY;EAAM,SAAS;EAAM,CAAC,EACvD;;AAQT,SAAgB,EAAoB,GAAmB,GAAgB;CACrE,IAAM,IAAa,IAAI,eAAe;AACtC,GAAW,YAAY,EAAO;CAC9B,IAAM,IAAO,EAAK,aAAa;AAS/B,QARI,EAAK,uBACe,EAAK,mBACxB,KAAI,MAAK,EAAmB,EAAE,CAAC,CAC/B,MAAK,MAAK,MAAM,EAAmB,EAAW,CAAC,KAEhD,EAAK,qBAAqB,CAAC,GAAG,MAAM,KAAK,EAAK,mBAAmB,EAAE,EAAW,IAG3E;;AAGT,SAAgB,EAAmB,GAA2B;AAC5D,QAAO,EAAW,WACd,MAAM,KAAK,EAAW,SAAS,CAC5B,KAAI,MAAQ,EAAK,WAAW,GAAG,CAC/B,KAAK,KAAK,GACb;;AAIN,SAAgB,EAAiB,GAAsB,GAAa,GAAoC;AACtG,CAAI,EAAQ,aAAa,EAAI,GAC3B,EAAS,EAAQ,aAAa,EAAI,CAAC,GACzB,EAA+C,OAAS,KAAA,KAClE,EAAU,EAA+C,GAAK;CAGhE,IAAM,IAAc,OAAO,yBAAyB,OAAO,eAAe,EAAQ,EAAE,EAAI;AACxF,KAAI,GAAa;EACf,IAAM,IAAgB,OAAO,yBAAyB,GAAS,EAAI;AACnE,GAAI,CAAC,KAAiB,EAAc,iBAAiB,OACnD,OAAO,eAAe,GAAS,GAAK;GAClC,cAAc;GACd,KAAK,EAAY;GACjB,MAAK,MAAO;AAEV,IADA,EAAY,IAAK,KAAK,GAAS,EAAI,EACnC,EAAS,EAAI;;GAEhB,CAAC;;AAIN,QAAO,EAAoB,GAAS,IAAK,MAAO,EAAS,EAAI,CAAC;;AAGhE,SAAgB,EAA0B,GAAkC,GAAsB;CAChG,IAAM,EAAE,SAAM,UAAO,QAAK,cAAW,EAAQ,uBAAuB;AACpE,QAAO,EAAM,UAAU,KAAQ,EAAM,UAAU,KAAS,EAAM,UAAU,KAAO,EAAM,UAAU;;AAIjG,SAAgB,EAAiB,GAAe;AAC9C,QAAO,SAAS,EAAM,SAAS,OAAO,GAAG,EAAM,MAAM,IAAI,CAAC,GAAI,QAAQ,OAAO,GAAG,CAAC,MAAM,GAAG,GAAO,GAAG,IAAI;;AAI1G,IAAa,IACX,WAAW,yBAAyB,gBAAgB,sBAAsB;AAG5E,SAAgB,EAAc,GAA4B,GAA8C;AAOtG,CANA,OAAO,QAAQ,EAAQ,sBAAsB,EAAE,CAAC,CAC7C,QAAQ,CAAC,GAAM,OAAO,CAAC,EAAsB,IAAI,EAAE,SAAS,IAAI,CAAC,CACjE,SAAS,CAAC,GAAM,OAAO;AACtB,IAAc,GAAG,EAAsB;GACvC,EAEC,EAAsB,IAAI,EAAQ,SAAS,IAAI,KAClD,EAAsB,OAAO,EAAQ,SAAS,KAAK,EAAQ,EAEvD,MAA0B,kBAC5B,EAAmB,SAAS,sBAAsB,EAChD,iBAAiB,GAAG,EAAQ,SAAS,MAAM,EAAQ,SAAS,SAAS,EACtE,CAAC;;AAMR,SAAgB,EAAO,GAA4B;CACjD,IAAM,EAAE,eAAY,EAAQ;AAc5B,CAXI,KAA0B,CAAC,eAAe,IAAI,EAAQ,SAAS,IAAI,IACrE,eAAe,OAAO,EAAQ,SAAS,KAAK,EAAQ,EACpD,EAAmB,SAAS,sBAAsB,EAChD,iBAAiB,GAAG,EAAQ,SAAS,MAAM,EAAQ,SAAS,SAAS,EACtE,CAAC,IAGF,EAAc,GAAS,eAAe,EAKtC,EAAmB,MAAM,gBAAgB,EAAQ,SAAS,SAAS,KACnE,YAAY,UAAU,aAAa,eAE9B,OAAO,mBAAmB,MAAK,MAClC,QAAQ,KAAK,EAAE,kCAAkC,EAAQ,SAAS,KAAK,EAAQ,CAAC,CACjF;;AAIL,SAAgB,EAAmB,GAAmB;AACpD,QAAQ,EAAM,YAAY,KAAK,CAAC,EAAM,WAAa,EAAM,YAAY,KAAK,EAAM;;AAGlF,SAAgB,EAA2B,GAAe,IAAQ,IAAI;AACpE,QAAO,EAAoB,GAAS,EAAM,CAAC,QAAQ,MAAmB,EAAY,EAAE,CAAC;;AASvF,SAAgB,EAAoB,GAAY,IAAQ,IAAmB;AACzE,QACE,MAAM,KAAK,EAAY,EAAK,CAAC,CAAC,QAC3B,GAAc,MAAY,CACzB,GAAG,GACH,CAAC,GAAG,CAAC,GAAG,MAAM,KAAK,EAAY,EAAE,CAAC,CAAC,KAAI,MAAK,CAAC,GAAG,EAAoB,GAAG,EAAM,CAAC,CAAC,CAAC,CAAC,CAClF,EACD,EAAE,CACH,CACD,KAAK,EAAM;;AAGf,SAAgB,EAAuB,GAAkB;AACvD,QAAO,EAAY,IAAI,EAAE,KAAK;;AAGhC,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,MAAA,OACA,EAAA,OAAA,QACA,EAAA,SAAA,UACA,EAAA,WAAA,YACA,EAAA,UAAA,WACA,EAAA,YAAA,aACA,EAAA,YAAA,aACA,EAAA,aAAA;KACD,EAEK,IAA2B,IAAI,IAAI,OAAO,OAAO,EAAW,CAAC;AAEnE,SAAgB,EAAkB,GAAqB;AACrD,QAAO,EAAK,MAAK,MAAO,EAAI,SAAS,WAAW,EAAK,GAAI,SAAS,OAAO;;AAG3E,SAAgB,EAAoB,GAAY;AAC9C,CAAK,GAAe,WAAW,MAAM,KAAK,MACvC,EAAc,QAAQ;;AAI3B,SAAgB,IAAiB;CAC/B,IAAM,IAAM,WAAW,SAAS,cAAc,MAAM;AAMpD,CALA,EAAI,MAAM,YAAY,SAAS,QAAQ,EACvC,EAAI,MAAM,YAAY,UAAU,QAAQ,EACxC,EAAI,MAAM,YAAY,YAAY,SAAS,EAC3C,EAAI,MAAM,YAAY,YAAY,WAAW,EAC7C,EAAI,MAAM,YAAY,OAAO,UAAU,EACvC,WAAW,SAAS,KAAK,YAAY,EAAI;CACzC,IAAM,IAAQ,EAAI,cAAc,EAAI;AAEpC,QADA,WAAW,SAAS,KAAK,YAAY,EAAI,EAClC;;AAGT,SAAgB,EAAa,GAAiB;AAC5C,QAAO,EAAG,eAAe,EAAG;;AAG9B,SAAgB,EAAuB,GAAiB;AACtD,QAAO,EAAG,cAAc,EAAG;;AAG7B,SAAgB,EAAe,GAAsB,IAAS,GAAG;AAC/D,QAAO,EAAQ,YAAY,EAAQ,eAAe,KAAU,EAAQ;;AAGtE,eAAsB,IAAkC;AACtD,QAAO,MAAM,IACX,WACA,YAAY,CACX,MAAM,CACN,MAAM,MAA+B,EAAM,QAAQ;;AAMxD,SAAgB,EAAe,IAAU,WAAW,SAAS,cAAc,QAAQ,EAAG;CAEpF,IAAM,IAAS,iBAAiB,EAAQ,EACpC,IAA0B,EAAE;AAGhC,KAAI;AACF,MAAS,MAAM,KAAK,WAAW,OAAO,SAAS,YAAY;SACrD;AAIR,QAAO,CAAC,GAAG,GAAQ,GAAG,MAAM,KAAK,WAAW,SAAS,YAAY,CAAC,CAC/D,QAAQ,GAAsB,MAAU;EACvC,IAAI,IAAmB,EAAE;AACzB,MAAI;AACF,OAAQ,CAAC,GAAG,EAAM,SAAS;UACrB;AAGR,SAAO,EAAS,OACd,EACG,QAAO,MAAQ,EAAK,SAAS,EAAE,CAC/B,QAAQ,GAAwB,MAAS;GACxC,IAAM,IAAQ,CAAC,GAAI,EAAsB,MAAM,CAC5C,QAAQ,MAAc,EAAE,MAAM,CAAC,SAAS,QAAQ,CAAC,CACjD,KAAK,MAAqB,CACzB,EAAS,MAAM,EACd,EAAsB,MAAM,iBAAiB,EAAS,CAAC,MAAM,CAC/D,CAAC;AACJ,UAAO,CAAC,GAAG,GAAY,GAAG,EAAM;KAC/B,EAAE,CAAC,CACT;IACA,EAAE,CAAC,CACL,QACE,GAA2B,OAAqB;EAAE,GAAG;GAAI,EAAM,KAAM,EAAO,iBAAiB,EAAM,GAAI;EAAE,GAC1G,EAAE,CACH;;AAGL,SAAgB,EAA0B,GAAuB;AAC/D,CAAI,EAA2B,EAAK,IAClC,EAAK,eAAe,CAAC,SAAS,MAAe,EAAK,YAAY,YAAY,EAAK,CAAC;;AAIpF,SAAgB,EAA2B,GAAuB;CAChE,IAAM,IAAgB,CAAC,EAAK,eAAe,CAAC,MAAK,MAAK,EAAE,aAAa,KAAK,UAAU,EAC9E,IAAwB,CAAC,EAC5B,eAAe,CACf,MAAK,MAAK,EAAE,aAAa,KAAK,cAAc,EAAE,eAAe,IAAI,MAAM,KAAK,GAAG;AAClF,QAAO,KAAiB;;AAG1B,SAAgB,EAAuB,GAAuB,GAAyD;CACrH,IAAM,IAAQ,EAAK,eAAe,EAC5B,IAAO,EAAK,QAAQ;AAE1B,CAAI,EAAM,SACR,EAAQ,WAAW,OAAO,IAAI,OAAO,IAAO,GAE5C,EAAQ,WAAW,OAAO,OAAO,OAAO,IAAO;;AAInD,SAAgB,EAAgB,GAAqD;AACnF,QAAO,GAAQ,SAAS,GAAQ,SAAS;;AAI3C,SAAgB,EAAY,GAAkB;AAC5C,QAAO,GAAG,EAAS,WAAW,QAAQ,OAAO,CAAC,IAAI,EAAS,WAAW,QAAQ,OAAO;;AAIvF,SAAgB,EAAmB,GAA+B,GAA0C;AAC1G,QACE,EAAQ,cAAc,EAAU,SAAS,IAAI,QAAQ,QAAQ,OAAO,IACpE,EAAQ,cAAc,EAAU,SAAS,IAAI,QAAQ,QAAQ,OAAO;;AAIxE,SAAgB,EAAmB,GAA4B;CAC7D,IAAM,IAAQ,WAAW,SAAS,cAAc,MAAM,EAChD,EAAE,aAAU,EAAc,uBAAuB;AAMvD,QALA,EAAM,aAAa,aAAa,GAAG,EACnC,EAAM,MAAM,WAAW,GAAG,EAAM,KAChC,EAAM,MAAM,WAAW,GAAG,EAAM,KAChC,EAAM,MAAM,SAAS,OACrB,EAAM,OAAO,EAAc,MACpB;;AAGT,SAAgB,EAAe,GAAuB,GAAuB;CAC3E,IAAM,IAAQ,EAAS,aAAa,EAC9B,IAAQ,EAAS,aAAa,EAC9B,IAAiB,aAAiB,cAAc,aAAiB,cAAc,MAAU,GACzF,IAAmB,MAAU,WAAW,YAAY,MAAU,WAAW;AAE/E,QAAO,KAAkB,KADE,MAAU;;AAIvC,SAAgB,EAAe,GAAgC;AAC7D,QACE,EAAQ,MAAM,YACV,MAAM,IAAI,EACV,KAAI,MAAQ,EAAK,MAAM,CAAC,EACxB,QAAO,MAAQ,MAAS,UAAU,MAAS,GAAG,IAAI,EAAE;;AAI5D,SAAgB,EAAiB,GAAsB,GAAc;CACnE,IAAM,IAAc,EAAe,EAAQ;AAC3C,GAAQ,MAAM,aAAa,EAAY,QAAO,MAAK,MAAM,EAAK,CAAC,KAAK,IAAI;;AAG1E,SAAgB,EAAiB,GAAsB,GAAc;AACnE,GAAQ,MAAM,aAAa,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,EAAe,EAAQ,EAAE,EAAK,CAAC,CAAC,CAAC,KAAK,IAAI"}
|
|
1
|
+
{"version":3,"file":"dom.js","names":[],"sources":["../../../src/internal/utils/dom.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { GlobalStateService } from '../services/global.service.js';\nimport type { ElementDefinition } from '../types/index.js';\nimport { isFocusable } from './focus.js';\n\nexport function getChildren(node: Document | Node | HTMLElement): Element[] {\n if (node instanceof Document && node.documentElement) {\n return Array.from(node.documentElement.children); // root document children\n } else if (node instanceof HTMLElement && node.shadowRoot) {\n return Array.from(node.shadowRoot.children); // shadow root direct children\n } else if (node instanceof HTMLSlotElement && node.assignedElements) {\n const slotted = node.assignedElements(); // slotted elements\n return slotted.length ? slotted : Array.from(node.children); // slot fallback\n } else {\n return Array.from((node as HTMLElement).children); // light DOM direct children\n }\n}\n\nexport function generateId() {\n const uint32 = self.crypto.getRandomValues(new Uint32Array(1))[0]!;\n return `_${uint32.toString(16)}`;\n}\n\nexport function getAttributeChanges(element: HTMLElement, attr: string, fn: (attrValue: string | null) => void) {\n fn(element.getAttribute(attr));\n const observer = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n if (mutation.attributeName === attr) {\n fn((mutation.target as HTMLElement).getAttribute(attr));\n }\n });\n });\n observer.observe(element, { attributes: true, subtree: true });\n return observer;\n}\n\nexport function getAttributeListChanges(element: HTMLElement, attrs: string[], fn: (mutation: MutationRecord) => void) {\n const observer = new MutationObserver(mutations => {\n mutations.forEach(mutation => {\n if (mutation.attributeName && attrs.includes(mutation.attributeName)) {\n fn(mutation);\n }\n });\n });\n observer.observe(element, { attributes: true, subtree: true });\n return observer;\n}\n\n/**\n * Appends styles to the render root of a given element. This is useful for\n * styles that apply outside the scope of the element's shadow\n * root such as UA styles --webkit-* that won't work in a ::slotted selector\n */\nexport function appendRootNodeStyle(host: HTMLElement, styles: string) {\n const stylesheet = new CSSStyleSheet();\n stylesheet.replaceSync(styles);\n const root = host.getRootNode() as Document | ShadowRoot;\n if (root.adoptedStyleSheets) {\n const hasStyleSheet = root.adoptedStyleSheets\n .map(s => styleSheetToString(s))\n .find(s => s === styleSheetToString(stylesheet));\n if (!hasStyleSheet) {\n root.adoptedStyleSheets = [...Array.from(root.adoptedStyleSheets), stylesheet];\n }\n }\n return stylesheet;\n}\n\nexport function styleSheetToString(stylesheet: CSSStyleSheet) {\n return stylesheet.cssRules\n ? Array.from(stylesheet.cssRules)\n .map(rule => rule.cssText || '')\n .join('\\n')\n : '';\n}\n\n/** Intercepts a property setter on an element so `callback` fires on every assignment. Does not use a MutationObserver. */\nexport function getPropertyChanges(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n const proto = Object.getPrototypeOf(element);\n const descriptor = Object.getOwnPropertyDescriptor(proto, key);\n if (!descriptor) return;\n const own = Object.getOwnPropertyDescriptor(element, key);\n if (own && own.configurable === false) return;\n Object.defineProperty(element, key, {\n configurable: true,\n get: descriptor.get,\n set: (val: unknown) => {\n descriptor.set!.call(element, val);\n callback(val);\n }\n });\n}\n\n/* used for cases of needing to know a property update outside of lit, example a native input value prop change */\nexport function getElementUpdate(element: HTMLElement, key: string, callback: (value: unknown) => void) {\n if (element.hasAttribute(key)) {\n callback(element.getAttribute(key));\n } else if ((element as unknown as Record<string, unknown>)[key] !== undefined) {\n callback((element as unknown as Record<string, unknown>)[key]);\n }\n\n getPropertyChanges(element, key, callback);\n return getAttributeChanges(element, key, val => callback(val));\n}\n\nexport function clickOutsideElementBounds(event: PointerEvent | MouseEvent, element: HTMLElement) {\n const { left, right, top, bottom } = element.getBoundingClientRect();\n return event.clientX < left || event.clientX > right || event.clientY < top || event.clientY > bottom;\n}\n\n/** parses number out of basic calc generated by the design tokens */\nexport function parseTokenNumber(value: string) {\n return parseInt(value.includes('calc') ? value.split('*')[1]!.replace('px)', '').trim() : value, 10) || 0;\n}\n\n/** true if the browser supports scoped custom element registries */\nexport const supportsScopedRegistry =\n globalThis.CustomElementRegistry && 'initialize' in CustomElementRegistry.prototype;\n\n/** defines an element with the given custom element registry */\nexport function defineElement(element: ElementDefinition, customElementRegistry: CustomElementRegistry) {\n Object.entries(element.elementDefinitions ?? {})\n .filter(([_tag, e]) => !customElementRegistry.get(e.metadata.tag))\n .forEach(([_tag, e]) => {\n defineElement(e, customElementRegistry);\n });\n\n if (!customElementRegistry.get(element.metadata.tag)) {\n customElementRegistry.define(element.metadata.tag, element);\n\n if (customElementRegistry === customElements) {\n GlobalStateService.dispatch('NVE_ELEMENT_DEFINE', {\n elementRegistry: { [element.metadata.tag]: element.metadata.version }\n });\n }\n }\n}\n\n/** defines an element with the global custom element registry */\nexport function define(element: ElementDefinition) {\n const { version } = element.metadata;\n\n // if scoped registry supported, register only the root element to global registry\n if (supportsScopedRegistry && !customElements.get(element.metadata.tag)) {\n customElements.define(element.metadata.tag, element);\n GlobalStateService.dispatch('NVE_ELEMENT_DEFINE', {\n elementRegistry: { [element.metadata.tag]: element.metadata.version }\n });\n } else {\n // if scoped registry not supported, register the element and all its children to the global registry\n defineElement(element, customElements);\n }\n\n // warn on duplicate version\n if (\n GlobalStateService.state.elementRegistry[element.metadata.tag] !== version &&\n globalThis?.location?.hostname === 'localhost'\n ) {\n void import('./audit-logs.js').then(m =>\n console.warn(m.getDuplicatePackageVersionWarning(element.metadata.tag, version))\n );\n }\n}\n\nexport function isContextMenuClick(event: MouseEvent) {\n return (event.buttons === 2 && !event.ctrlKey) || (event.buttons === 1 && event.ctrlKey);\n}\n\nexport function getFlattenedFocusableItems(element: Node, depth = 10) {\n return getFlattenedDOMTree(element, depth).filter((e: HTMLElement) => isFocusable(e)) as HTMLElement[];\n}\n\n/**\n * Preserves visual DOM ordering when using slots within Shadow DOM\n * See more information/resources on Shadow DOM linear traversal\n * https://nolanlawson.com/2021/02/13/managing-focus-in-the-shadow-dom/\n * https://www.abeautifulsite.net/posts/querying-through-shadow-roots/\n */\nexport function getFlattenedDOMTree(node: Node, depth = 10): HTMLElement[] {\n return (\n Array.from(getChildren(node)).reduce(\n (p: unknown[], n: Node) => [\n ...p,\n [n, [...Array.from(getChildren(n)).map(i => [i, getFlattenedDOMTree(i, depth)])]]\n ],\n []\n ) as unknown as HTMLElement[]\n ).flat(depth);\n}\n\nexport function validKeyNavigationCode(e: KeyboardEvent) {\n return keynavCodes.has(e.code);\n}\n\nexport enum KeynavCode {\n End = 'End',\n Home = 'Home',\n PageUp = 'PageUp',\n PageDown = 'PageDown',\n ArrowUp = 'ArrowUp',\n ArrowDown = 'ArrowDown',\n ArrowLeft = 'ArrowLeft',\n ArrowRight = 'ArrowRight'\n}\n\nconst keynavCodes: Set<string> = new Set(Object.values(KeynavCode));\n\nexport function hasInvalidDOMGrid(rows: HTMLElement[]) {\n return rows.some(row => row.children.length !== rows[0]!.children.length);\n}\n\nexport function removeEmptyTextNode(node: Node) {\n if ((node as Text)?.wholeText?.trim() === '') {\n (node as Text).remove();\n }\n}\n\nexport function scrollBarWidth() {\n const div = globalThis.document.createElement('div');\n div.style.setProperty('width', '100px');\n div.style.setProperty('height', '100px');\n div.style.setProperty('overflow', 'scroll');\n div.style.setProperty('position', 'absolute');\n div.style.setProperty('top', '-9999px');\n globalThis.document.body.appendChild(div);\n const width = div.offsetWidth - div.clientWidth;\n globalThis.document.body.removeChild(div);\n return width;\n}\n\nexport function hasScrollBar(el: HTMLElement) {\n return el.scrollHeight > el.clientHeight;\n}\n\nexport function hasHorizontalScrollBar(el: HTMLElement) {\n return el.scrollWidth > el.clientWidth;\n}\n\nexport function endOfScrollBox(element: HTMLElement, offset = 0) {\n return element.scrollTop + element.offsetHeight + offset >= element.scrollHeight;\n}\n\nexport async function openEyeDropper(): Promise<string> {\n return await new (\n globalThis as unknown as { EyeDropper: new () => { open: () => Promise<{ sRGBHex: string }> } }\n ).EyeDropper()\n .open()\n .then((color: { sRGBHex: string }) => color.sRGBHex);\n}\n\n/**\n * provides a object with key/value of the currently applied design tokens\n */\nexport function getThemeTokens(element = globalThis.document.querySelector(':root')!) {\n // default root or provided element\n const styles = getComputedStyle(element);\n let parent: CSSStyleSheet[] = [];\n\n // check for parent iframe, same domain iframes change how the browser accesses style sheets\n try {\n parent = Array.from(globalThis.parent.document.styleSheets);\n } catch {\n // if not accessible, skip\n }\n\n return [...parent, ...Array.from(globalThis.document.styleSheets)]\n .reduce((finalArr: string[][], sheet) => {\n let rules: CSSRule[] = [];\n try {\n rules = [...sheet.cssRules];\n } catch {\n // if the style sheet is not accessible, skip\n }\n return finalArr.concat(\n rules\n .filter(rule => rule.type === 1)\n .reduce((propValArr: string[][], rule) => {\n const props = [...(rule as CSSStyleRule).style]\n .filter((p: string) => p.trim().includes('--nve'))\n .map((propName: string) => [\n propName.trim(),\n (rule as CSSStyleRule).style.getPropertyValue(propName).trim()\n ]);\n return [...propValArr, ...props];\n }, [])\n );\n }, [])\n .reduce(\n (p: Record<string, string>, token: string[]) => ({ ...p, [token[0]!]: styles.getPropertyValue(token[0]!) }),\n {}\n );\n}\n\nexport function removeEmptySlotWhitespace(slot: HTMLSlotElement) {\n if (slotContainsOnlyWhitespace(slot)) {\n slot.assignedNodes().forEach((node: Node) => node.parentNode?.removeChild(node));\n }\n}\n\nexport function slotContainsOnlyWhitespace(slot: HTMLSlotElement) {\n const hasNoElements = !slot.assignedNodes().find(i => i.nodeType !== Node.TEXT_NODE);\n const hasOnlyEmptyTextNodes = !slot\n .assignedNodes()\n .find(i => i.nodeType === Node.TEXT_NODE && (i.textContent ?? '').trim() !== '');\n return hasNoElements && hasOnlyEmptyTextNodes;\n}\n\nexport function applySlotContentStates(slot: HTMLSlotElement, element: HTMLElement & { _internals: ElementInternals }) {\n const nodes = slot.assignedNodes();\n const name = slot.name ?? 'slot';\n\n if (nodes.length) {\n element._internals.states.add(`has-${name}`);\n } else {\n element._internals.states.delete(`has-${name}`);\n }\n}\n\nexport function getDisplayValue(option?: { label?: string; value?: string }): string {\n return option?.label || option?.value || '';\n}\n\n/** returns a combination of nve and mlv for a prefixed tag selector */\nexport function tagSelector(selector: string) {\n return `${selector.replaceAll('nve-', 'nve-')}, ${selector.replaceAll('nve-', 'nve-')}`;\n}\n\n/** determines if HTML element matches the given component tag */\nexport function matchesElementName(element: Partial<HTMLElement>, component: { metadata: { tag: string } }) {\n return (\n element.localName === component.metadata.tag.replace('nve-', 'nve-') ||\n element.localName === component.metadata.tag.replace('nve-', 'nve-')\n );\n}\n\nexport function createGhostElement(sourceElement: HTMLElement) {\n const ghost = globalThis.document.createElement('div');\n const { width } = sourceElement.getBoundingClientRect();\n ghost.setAttribute('nve-ghost', '');\n ghost.style.minWidth = `${width}px`;\n ghost.style.maxWidth = `${width}px`;\n ghost.style.height = '1px';\n ghost.slot = sourceElement.slot;\n return ghost;\n}\n\nexport function sameRenderRoot(element1: HTMLElement, element2: HTMLElement) {\n const root1 = element1.getRootNode();\n const root2 = element2.getRootNode();\n const sameShadowRoot = root1 instanceof ShadowRoot && root2 instanceof ShadowRoot && root1 === root2;\n const sameDocumentRoot = root1 === globalThis.document && root2 === globalThis.document;\n const sameUnattachedRoot = root1 === root2;\n return sameShadowRoot || sameDocumentRoot || sameUnattachedRoot;\n}\n\nexport function getAnchorNames(element: HTMLElement): string[] {\n return (\n element.style.anchorName\n ?.split(',')\n ?.map(name => name.trim())\n ?.filter(name => name !== 'none' && name !== '') ?? []\n );\n}\n\nexport function removeAnchorName(element: HTMLElement, name: string) {\n const anchorNames = getAnchorNames(element);\n element.style.anchorName = anchorNames.filter(i => i !== name).join(',');\n}\n\nexport function appendAnchorName(element: HTMLElement, name: string) {\n element.style.anchorName = Array.from(new Set([...getAnchorNames(element), name])).join(',');\n}\n"],"mappings":"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"}
|
package/dist/logo/logo2.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { attachInternals as e } from "../internal/utils/a11y.js";
|
|
2
|
-
import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.
|
|
2
|
+
import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
3
3
|
import { colorStateStyles as n, useStyles as r } from "../internal/styles/index.js";
|
|
4
4
|
import i from "./logo.js";
|
|
5
5
|
import { LitElement as a, html as o } from "lit";
|
|
@@ -12,7 +12,7 @@ var c = class extends a {
|
|
|
12
12
|
static {
|
|
13
13
|
this.metadata = {
|
|
14
14
|
tag: "nve-logo",
|
|
15
|
-
version: "0.0.
|
|
15
|
+
version: "0.0.3"
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
18
|
render() {
|
package/dist/menu/menu-item2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.
|
|
1
|
+
import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
2
2
|
import { BaseButton as t } from "../internal/base/button.js";
|
|
3
3
|
import { audit as n } from "../internal/controllers/audit.controller.js";
|
|
4
4
|
import { useStyles as r } from "../internal/styles/index.js";
|
|
@@ -13,7 +13,7 @@ var s = class extends t {
|
|
|
13
13
|
static {
|
|
14
14
|
this.metadata = {
|
|
15
15
|
tag: "nve-menu-item",
|
|
16
|
-
version: "0.0.
|
|
16
|
+
version: "0.0.3",
|
|
17
17
|
parents: ["nve-menu"]
|
|
18
18
|
};
|
|
19
19
|
}
|
package/dist/menu/menu.d.ts
CHANGED
|
@@ -13,9 +13,11 @@ import { MenuItem } from './menu-item.js';
|
|
|
13
13
|
* @cssprop --max-width
|
|
14
14
|
* @cssprop --min-width
|
|
15
15
|
* @cssprop --max-height
|
|
16
|
+
* @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.
|
|
16
17
|
* @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
|
|
17
18
|
*/
|
|
18
19
|
export declare class Menu extends LitElement {
|
|
20
|
+
#private;
|
|
19
21
|
static styles: import('lit').CSSResult[];
|
|
20
22
|
static readonly metadata: {
|
|
21
23
|
tag: string;
|
|
@@ -29,5 +31,6 @@ export declare class Menu extends LitElement {
|
|
|
29
31
|
_internals: ElementInternals;
|
|
30
32
|
items: MenuItem[];
|
|
31
33
|
render(): import('lit-html').TemplateResult<1>;
|
|
34
|
+
firstUpdated(): Promise<void>;
|
|
32
35
|
connectedCallback(): void;
|
|
33
36
|
}
|
package/dist/menu/menu2.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
|
|
2
2
|
import { attachInternals as t } from "../internal/utils/a11y.js";
|
|
3
|
-
import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
4
4
|
import { audit as r } from "../internal/controllers/audit.controller.js";
|
|
5
5
|
import { keyNavigationList as i } from "../internal/controllers/keynav-list.controller.js";
|
|
6
6
|
import { useStyles as a } from "../internal/styles/index.js";
|
|
@@ -16,7 +16,7 @@ var d = class extends c {
|
|
|
16
16
|
static {
|
|
17
17
|
this.metadata = {
|
|
18
18
|
tag: "nve-menu",
|
|
19
|
-
version: "0.0.
|
|
19
|
+
version: "0.0.3",
|
|
20
20
|
children: ["nve-menu-item", "nve-divider"]
|
|
21
21
|
};
|
|
22
22
|
}
|
|
@@ -29,9 +29,30 @@ var d = class extends c {
|
|
|
29
29
|
items: this.items
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
|
+
#e = null;
|
|
33
|
+
#t = () => {
|
|
34
|
+
this.#e === null && (this.#e = requestAnimationFrame(() => {
|
|
35
|
+
this.#e = null;
|
|
36
|
+
let e = this.shadowRoot?.querySelector("[internal-host]");
|
|
37
|
+
if (!e) return;
|
|
38
|
+
let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
|
|
39
|
+
this.dispatchEvent(new CustomEvent("scroll", {
|
|
40
|
+
bubbles: !0,
|
|
41
|
+
composed: !0,
|
|
42
|
+
detail: {
|
|
43
|
+
scrollTop: t,
|
|
44
|
+
scrollHeight: n,
|
|
45
|
+
clientHeight: r
|
|
46
|
+
}
|
|
47
|
+
}));
|
|
48
|
+
}));
|
|
49
|
+
};
|
|
32
50
|
render() {
|
|
33
51
|
return l`<div internal-host><slot></slot></div>`;
|
|
34
52
|
}
|
|
53
|
+
async firstUpdated() {
|
|
54
|
+
await this.updateComplete, this.shadowRoot?.querySelector("[internal-host]")?.addEventListener("scroll", this.#t, { passive: !0 });
|
|
55
|
+
}
|
|
35
56
|
connectedCallback() {
|
|
36
57
|
super.connectedCallback(), t(this), this._internals.role = "menu", e(this, s);
|
|
37
58
|
}
|
package/dist/menu/menu2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu2.js","names":[],"sources":["../../src/menu/menu.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { useStyles, attachInternals, keyNavigationList, appendRootNodeStyle, audit } from '@nvidia-elements/core/internal';\nimport type { MenuItem } from './menu-item.js';\nimport styles from './menu.css?inline';\nimport globalStyles from './menu.global.css?inline';\n\n/**\n * @element nve-menu\n * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for `nve-menu-item`\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @cssprop --max-height\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\n@keyNavigationList<Menu>()\nexport class Menu extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-menu',\n version: '0.0.0',\n children: ['nve-menu-item', 'nve-divider']\n };\n\n static elementDefinitions = {};\n\n /** @private */\n get keynavListConfig(): KeynavListConfig {\n return {\n layout: 'vertical',\n items: this.items\n };\n }\n\n /** @private */\n declare _internals: ElementInternals;\n\n @queryAssignedElements() items!: MenuItem[];\n\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'menu';\n appendRootNodeStyle(this, globalStyles);\n }\n}\n"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"menu2.js","names":["#scrollRAF","#handleScroll"],"sources":["../../src/menu/menu.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { useStyles, attachInternals, keyNavigationList, appendRootNodeStyle, audit } from '@nvidia-elements/core/internal';\nimport type { MenuItem } from './menu-item.js';\nimport styles from './menu.css?inline';\nimport globalStyles from './menu.global.css?inline';\n\n/**\n * @element nve-menu\n * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/menu\n * @slot - default slot for `nve-menu-item`\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --min-width\n * @cssprop --max-height\n * @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\n@keyNavigationList<Menu>()\nexport class Menu extends LitElement {\n static styles = useStyles([styles]);\n\n static readonly metadata = {\n tag: 'nve-menu',\n version: '0.0.0',\n children: ['nve-menu-item', 'nve-divider']\n };\n\n static elementDefinitions = {};\n\n /** @private */\n get keynavListConfig(): KeynavListConfig {\n return {\n layout: 'vertical',\n items: this.items\n };\n }\n\n /** @private */\n declare _internals: ElementInternals;\n\n @queryAssignedElements() items!: MenuItem[];\n\n #scrollRAF: number | null = null;\n\n #handleScroll = () => {\n if (this.#scrollRAF !== null) return;\n this.#scrollRAF = requestAnimationFrame(() => {\n this.#scrollRAF = null;\n const container = this.shadowRoot?.querySelector<HTMLElement>('[internal-host]');\n if (!container) return;\n const { scrollTop, scrollHeight, clientHeight } = container;\n this.dispatchEvent(\n new CustomEvent('scroll', {\n bubbles: true,\n composed: true,\n detail: { scrollTop, scrollHeight, clientHeight }\n })\n );\n });\n };\n\n render() {\n return html`\n <div internal-host>\n <slot></slot>\n </div>\n `;\n }\n\n async firstUpdated() {\n await this.updateComplete;\n this.shadowRoot\n ?.querySelector('[internal-host]')\n ?.addEventListener('scroll', this.#handleScroll, { passive: true });\n }\n\n connectedCallback() {\n super.connectedCallback();\n attachInternals(this);\n this._internals.role = 'menu';\n appendRootNodeStyle(this, globalStyles);\n }\n}\n"],"mappings":";;;;;;;;;;;AA4BO,IAAA,IAAA,cAAmB,EAAW;;gBACnB,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,iBAAiB,cAAA;GAC7B;;;4BAE2B,EAAE;;CAG9B,IAAI,mBAAqC;AACvC,SAAO;GACL,QAAQ;GACR,OAAO,KAAK;GACb;;CAQH,KAA4B;CAE5B,WAAsB;AAChB,QAAA,MAAoB,SACxB,MAAA,IAAkB,4BAA4B;AAC5C,SAAA,IAAkB;GAClB,IAAM,IAAY,KAAK,YAAY,cAA2B,kBAAkB;AAChF,OAAI,CAAC,EAAW;GAChB,IAAM,EAAE,cAAW,iBAAc,oBAAiB;AAClD,QAAK,cACH,IAAI,YAAY,UAAU;IACxB,SAAS;IACT,UAAU;IACV,QAAQ;KAAE;KAAW;KAAc;;IACpC,CAAC,CACH;IACD;;CAGJ,SAAS;AACP,SAAO,CAAI;;CAOb,MAAM,eAAe;AAEnB,EADA,MAAM,KAAK,gBACX,KAAK,YACD,cAAc,kBAAkB,EAChC,iBAAiB,UAAU,MAAA,GAAoB,EAAE,SAAS,IAAM,CAAC;;CAGvE,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,QACvB,EAAoB,MAAM,EAAa;;;GAxCxC,GAAuB,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAxBzB,GAAO,EACP,GAAyB,CAAA,EAAA,EAAA"}
|
package/dist/month/define.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { define as e } from "../internal/utils/dom.js";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { ControlMessage as t } from "../forms/control-message/control-message2.js";
|
|
3
|
+
import { Control as n } from "../forms/control/control2.js";
|
|
4
|
+
import { ControlGroup as r } from "../forms/control-group/control-group2.js";
|
|
5
|
+
import { Month as i } from "./month2.js";
|
|
6
|
+
e(i), e(n), e(r), e(t);
|
|
5
7
|
//#endregion
|
|
6
8
|
|
|
7
9
|
//# sourceMappingURL=define.js.map
|
package/dist/month/define.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define.js","names":[],"sources":["../../src/month/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Month } from '@nvidia-elements/core/month';\nimport '@nvidia-elements/core/forms
|
|
1
|
+
{"version":3,"file":"define.js","names":[],"sources":["../../src/month/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Month } from '@nvidia-elements/core/month';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Month);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nve-month': Month;\n }\n}\n"],"mappings":";;;;;AAOA,EAAO,EAAM,EACb,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}
|
package/dist/month/month2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.
|
|
1
|
+
import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
2
2
|
import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
|
|
3
3
|
import { useStyles as n } from "../internal/styles/index.js";
|
|
4
4
|
import { Control as r } from "../forms/control/control2.js";
|
|
@@ -19,7 +19,7 @@ var l = class extends r {
|
|
|
19
19
|
static {
|
|
20
20
|
this.metadata = {
|
|
21
21
|
tag: "nve-month",
|
|
22
|
-
version: "0.0.
|
|
22
|
+
version: "0.0.3"
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
static {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.
|
|
1
|
+
import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
2
2
|
import { audit as t } from "../internal/controllers/audit.controller.js";
|
|
3
3
|
import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
|
|
4
4
|
import { useStyles as r } from "../internal/styles/index.js";
|
|
@@ -20,7 +20,7 @@ var l = class extends o {
|
|
|
20
20
|
static {
|
|
21
21
|
this.metadata = {
|
|
22
22
|
tag: "nve-notification-group",
|
|
23
|
-
version: "0.0.
|
|
23
|
+
version: "0.0.3",
|
|
24
24
|
children: ["nve-notification"]
|
|
25
25
|
};
|
|
26
26
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { attachInternals as e } from "../internal/utils/a11y.js";
|
|
2
|
-
import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.
|
|
2
|
+
import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
3
3
|
import { I18nController as n } from "../internal/controllers/i18n.controller.js";
|
|
4
4
|
import { TypeNativePopoverController as r } from "../internal/controllers/type-native-popover.controller.js";
|
|
5
5
|
import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
|
|
@@ -32,7 +32,7 @@ var m = class extends d {
|
|
|
32
32
|
static {
|
|
33
33
|
this.metadata = {
|
|
34
34
|
tag: "nve-notification",
|
|
35
|
-
version: "0.0.
|
|
35
|
+
version: "0.0.3"
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
static {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.
|
|
1
|
+
import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
2
2
|
import { hostAttr as t } from "../../internal/decorators/host-attr.js";
|
|
3
3
|
import { useStyles as n } from "../../internal/styles/index.js";
|
|
4
4
|
import r from "./page-panel-footer.js";
|
|
@@ -14,7 +14,7 @@ var o = class extends i {
|
|
|
14
14
|
static {
|
|
15
15
|
this.metadata = {
|
|
16
16
|
tag: "nve-page-panel-footer",
|
|
17
|
-
version: "0.0.
|
|
17
|
+
version: "0.0.3"
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.
|
|
1
|
+
import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
2
2
|
import { hostAttr as t } from "../../internal/decorators/host-attr.js";
|
|
3
3
|
import { useStyles as n } from "../../internal/styles/index.js";
|
|
4
4
|
import r from "./page-panel-header.js";
|
|
@@ -14,7 +14,7 @@ var o = class extends i {
|
|
|
14
14
|
static {
|
|
15
15
|
this.metadata = {
|
|
16
16
|
tag: "nve-page-panel-header",
|
|
17
|
-
version: "0.0.
|
|
17
|
+
version: "0.0.3"
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { appendRootNodeStyle as e } from "../../internal/utils/dom.js";
|
|
2
2
|
import { attachInternals as t } from "../../internal/utils/a11y.js";
|
|
3
|
-
import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
|
|
4
4
|
import { audit as r } from "../../internal/controllers/audit.controller.js";
|
|
5
5
|
import { I18nController as i } from "../../internal/controllers/i18n.controller.js";
|
|
6
6
|
import { TypeExpandableController as a } from "../../internal/controllers/type-expandable.controller.js";
|
|
@@ -23,7 +23,7 @@ var h = class extends d {
|
|
|
23
23
|
static {
|
|
24
24
|
this.metadata = {
|
|
25
25
|
tag: "nve-page-panel",
|
|
26
|
-
version: "0.0.
|
|
26
|
+
version: "0.0.3",
|
|
27
27
|
parents: ["nve-page"]
|
|
28
28
|
};
|
|
29
29
|
}
|