@ui5/webcomponents-base 0.0.0-0f0e49a22 → 0.0.0-10f3c0dc7

package/dist/prod/util/generateHighlightedMarkupFirstMatch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/generateHighlightedMarkupFirstMatch.ts"],
+  "sourcesContent": ["import escapeRegex from \"./escapeRegex.js\";\n// @ts-expect-error\nimport encodeXML from \"../sap/base/security/encodeXML.js\";\n\n/**\n * Generate markup for a raw string where the first match following StartsWithPerTerm pattern is wrapped with `<b>` tag.\n * StartsWithPerTerm pattern: finds the first word (at start or after whitespace) that starts with the search text.\n * All inputs to this function are considered literal text, and special characters will always be escaped.\n * @param {string} text The text to add highlighting to\n * @param {string} textToHighlight The text which should be highlighted (case-insensitive)\n * @return {string} the markup HTML which contains the first match surrounded with a `<b>` tag.\n */\nfunction generateHighlightedMarkupFirstMatch(text: string, textToHighlight: string): string {\n\tconst normalizedText = text || \"\";\n\n\tif (!normalizedText || !textToHighlight) {\n\t\treturn encodeXML(normalizedText) as string;\n\t}\n\n\tconst filterValue = textToHighlight.toLowerCase();\n\tconst lowerText = normalizedText.toLowerCase();\n\tconst matchLength = textToHighlight.length;\n\n\t// Find the first word that starts with textToHighlight (StartsWithPerTerm pattern)\n\tlet matchIndex = lowerText.search(new RegExp(`(^|\\\\s)${escapeRegex(filterValue)}`));\n\tif (matchIndex !== -1 && lowerText[matchIndex] === \" \") {\n\t\tmatchIndex++; // Skip the space\n\t}\n\n\t// If no match found, return encoded text\n\tif (matchIndex === -1) {\n\t\treturn encodeXML(normalizedText) as string;\n\t}\n\n\t// Build highlighted markup with only the first match\n\tconst beforeMatch = encodeXML(normalizedText.substring(0, matchIndex)) as string;\n\tconst match = encodeXML(normalizedText.substring(matchIndex, matchIndex + matchLength)) as string;\n\tconst afterMatch = encodeXML(normalizedText.substring(matchIndex + matchLength)) as string;\n\n\treturn `${beforeMatch}<b>${match}</b>${afterMatch}`;\n}\n\nexport default generateHighlightedMarkupFirstMatch;\n"],
+  "mappings": "aAAA,OAAOA,MAAiB,mBAExB,OAAOC,MAAe,oCAUtB,SAASC,EAAoCC,EAAcC,EAAiC,CAC3F,MAAMC,EAAiBF,GAAQ,GAE/B,GAAI,CAACE,GAAkB,CAACD,EACvB,OAAOH,EAAUI,CAAc,EAGhC,MAAMC,EAAcF,EAAgB,YAAY,EAC1CG,EAAYF,EAAe,YAAY,EACvCG,EAAcJ,EAAgB,OAGpC,IAAIK,EAAaF,EAAU,OAAO,IAAI,OAAO,UAAUP,EAAYM,CAAW,CAAC,EAAE,CAAC,EAMlF,GALIG,IAAe,IAAMF,EAAUE,CAAU,IAAM,KAClDA,IAIGA,IAAe,GAClB,OAAOR,EAAUI,CAAc,EAIhC,MAAMK,EAAcT,EAAUI,EAAe,UAAU,EAAGI,CAAU,CAAC,EAC/DE,EAAQV,EAAUI,EAAe,UAAUI,EAAYA,EAAaD,CAAW,CAAC,EAChFI,EAAaX,EAAUI,EAAe,UAAUI,EAAaD,CAAW,CAAC,EAE/E,MAAO,GAAGE,CAAW,MAAMC,CAAK,OAAOC,CAAU,EAClD,CAEA,eAAeV",
+  "names": ["escapeRegex", "encodeXML", "generateHighlightedMarkupFirstMatch", "text", "textToHighlight", "normalizedText", "filterValue", "lowerText", "matchLength", "matchIndex", "beforeMatch", "match", "afterMatch"]
+}

package/dist/prod/util/getActiveElement.js

@@ -0,0 +1,2 @@
+"use strict";const t=()=>{let e=document.activeElement;for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;return e};export default t;
+//# sourceMappingURL=getActiveElement.js.map

package/dist/prod/util/getActiveElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getActiveElement.ts"],
+  "sourcesContent": ["const getActiveElement = () => {\n\tlet element = document.activeElement;\n\n\twhile (element && element.shadowRoot && element.shadowRoot.activeElement) {\n\t\telement = element.shadowRoot.activeElement;\n\t}\n\n\treturn element;\n};\n\nexport default getActiveElement;\n"],
+  "mappings": "aAAA,MAAMA,EAAmB,IAAM,CAC9B,IAAIC,EAAU,SAAS,cAEvB,KAAOA,GAAWA,EAAQ,YAAcA,EAAQ,WAAW,eAC1DA,EAAUA,EAAQ,WAAW,cAG9B,OAAOA,CACR,EAEA,eAAeD",
+  "names": ["getActiveElement", "element"]
+}

package/dist/prod/util/getClassCopy.js

@@ -0,0 +1,2 @@
+"use strict";const s=(t,e)=>class extends t{constructor(){super(),e&&e()}};export default s;
+//# sourceMappingURL=getClassCopy.js.map

package/dist/prod/util/getClassCopy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getClassCopy.ts"],
+  "sourcesContent": ["import type UI5Element from \"../UI5Element.js\";\n\nconst getClassCopy = (klass: typeof UI5Element, constructorCallback: () => void) => {\n\treturn class classCopy extends klass {\n\t\tconstructor() {\n\t\t\tsuper();\n\t\t\tconstructorCallback && constructorCallback();\n\t\t}\n\t};\n};\n\nexport default getClassCopy;\n"],
+  "mappings": "aAEA,MAAMA,EAAe,CAACC,EAA0BC,IACxC,cAAwBD,CAAM,CACpC,aAAc,CACb,MAAM,EACNC,GAAuBA,EAAoB,CAC5C,CACD,EAGD,eAAeF",
+  "names": ["getClassCopy", "klass", "constructorCallback"]
+}

package/dist/prod/util/getDesigntimePropertyAsArray.js

@@ -0,0 +1,2 @@
+"use strict";const t=r=>{const e=/\$([-a-z0-9A-Z._]+)(?::([^$]*))?\$/.exec(r);return e&&e[2]?e[2].split(/,/):null};export default t;
+//# sourceMappingURL=getDesigntimePropertyAsArray.js.map

package/dist/prod/util/getDesigntimePropertyAsArray.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getDesigntimePropertyAsArray.ts"],
+  "sourcesContent": ["const designTimePropertyAsArray = (value: string) => {\n\tconst m = /\\$([-a-z0-9A-Z._]+)(?::([^$]*))?\\$/.exec(value);\n\treturn m && m[2] ? m[2].split(/,/) : null;\n};\n\nexport default designTimePropertyAsArray;\n"],
+  "mappings": "aAAA,MAAMA,EAA6BC,GAAkB,CACpD,MAAMC,EAAI,qCAAqC,KAAKD,CAAK,EACzD,OAAOC,GAAKA,EAAE,CAAC,EAAIA,EAAE,CAAC,EAAE,MAAM,GAAG,EAAI,IACtC,EAEA,eAAeF",
+  "names": ["designTimePropertyAsArray", "value", "m"]
+}

package/dist/prod/util/getEffectiveContentDensity.js

@@ -0,0 +1,2 @@
+"use strict";const e="--_ui5_content_density",n=t=>getComputedStyle(t).getPropertyValue(e);export default n;
+//# sourceMappingURL=getEffectiveContentDensity.js.map

package/dist/prod/util/getEffectiveContentDensity.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getEffectiveContentDensity.ts"],
+  "sourcesContent": ["const GLOBAL_CONTENT_DENSITY_CSS_VAR = \"--_ui5_content_density\";\n\nconst getEffectiveContentDensity = (el: HTMLElement) => getComputedStyle(el).getPropertyValue(GLOBAL_CONTENT_DENSITY_CSS_VAR);\n\nexport default getEffectiveContentDensity;\n"],
+  "mappings": "aAAA,MAAMA,EAAiC,yBAEjCC,EAA8BC,GAAoB,iBAAiBA,CAAE,EAAE,iBAAiBF,CAA8B,EAE5H,eAAeC",
+  "names": ["GLOBAL_CONTENT_DENSITY_CSS_VAR", "getEffectiveContentDensity", "el"]
+}

package/dist/prod/util/getFastNavigationGroups.js

@@ -0,0 +1,2 @@
+"use strict";let i=[];const a=e=>e.getAttribute("data-sap-ui-fastnavgroup")==="true",u=e=>{const l=window.getComputedStyle(e);return l.width!=="0px"&&l.height!=="0px"&&l.opacity!=="0"&&l.display!=="none"&&l.visibility!=="hidden"},d=(e,l)=>{let t,s,n=0;if(u(e))for(a(e)&&i.push(e),e.shadowRoot?t=e.shadowRoot.firstChild:e instanceof HTMLSlotElement&&e.assignedNodes()?(s=e.assignedNodes(),t=s[0]):l?t=e:t=e.firstElementChild;t;){const o=t;if(!t)return;t.nodeType===1&&d(t,!1),t===e?t=s&&s.length?s[++n]:null:t=s&&s.length?s[++n]:o.nextElementSibling}},f=e=>(i=[],d(e,!0),i);export default f;
+//# sourceMappingURL=getFastNavigationGroups.js.map

package/dist/prod/util/getFastNavigationGroups.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getFastNavigationGroups.ts"],
+  "sourcesContent": ["let groups: Array<HTMLElement> = [];\n\nconst isFastNavGroupElemenet = (el: HTMLElement) => {\n\treturn el.getAttribute(\"data-sap-ui-fastnavgroup\") === \"true\";\n};\n\nconst isElementVisible = (el: HTMLElement) => {\n\tconst style = window.getComputedStyle(el);\n\n\treturn style.width !== \"0px\"\n\t\t&& style.height !== \"0px\"\n\t\t&& style.opacity !== \"0\"\n\t\t&& style.display !== \"none\"\n\t\t&& style.visibility !== \"hidden\";\n};\n\nconst findFastNavigationGroups = (container: HTMLElement, startFromContainer?: boolean) => {\n\tlet child,\n\t\tassignedElements,\n\t\tindex = 0;\n\n\tif (!isElementVisible(container)) {\n\t\treturn;\n\t}\n\n\tif (isFastNavGroupElemenet(container)) {\n\t\tgroups.push(container);\n\t}\n\n\tif (container.shadowRoot) {\n\t\tchild = container.shadowRoot.firstChild;\n\t} else if (container instanceof HTMLSlotElement && container.assignedNodes()) {\n\t\tassignedElements = container.assignedNodes();\n\t\tchild = assignedElements[0];\n\t} else if (startFromContainer) {\n\t\tchild = container;\n\t} else {\n\t\tchild = container.firstElementChild;\n\t}\n\n\twhile (child) {\n\t\tconst originalChild: HTMLElement = child as HTMLElement;\n\t\tif (!child) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (child.nodeType === 1) {\n\t\t\tfindFastNavigationGroups(child as HTMLElement, false);\n\t\t}\n\n\t\tif (child === container) {\n\t\t\tchild = assignedElements && assignedElements.length ? assignedElements[++index] : null;\n\t\t} else {\n\t\t\tchild = assignedElements && assignedElements.length ? assignedElements[++index] : originalChild.nextElementSibling;\n\t\t}\n\t}\n};\n\nconst getFastNavigationGroups = (container: HTMLElement) => {\n\tgroups = [];\n\n\tfindFastNavigationGroups(container, true);\n\n\treturn groups;\n};\n\nexport default getFastNavigationGroups;\n"],
+  "mappings": "aAAA,IAAIA,EAA6B,CAAC,EAElC,MAAMC,EAA0BC,GACxBA,EAAG,aAAa,0BAA0B,IAAM,OAGlDC,EAAoBD,GAAoB,CAC7C,MAAME,EAAQ,OAAO,iBAAiBF,CAAE,EAExC,OAAOE,EAAM,QAAU,OACnBA,EAAM,SAAW,OACjBA,EAAM,UAAY,KAClBA,EAAM,UAAY,QAClBA,EAAM,aAAe,QAC1B,EAEMC,EAA2B,CAACC,EAAwBC,IAAiC,CAC1F,IAAIC,EACHC,EACAC,EAAQ,EAET,GAAKP,EAAiBG,CAAS,EAmB/B,IAfIL,EAAuBK,CAAS,GACnCN,EAAO,KAAKM,CAAS,EAGlBA,EAAU,WACbE,EAAQF,EAAU,WAAW,WACnBA,aAAqB,iBAAmBA,EAAU,cAAc,GAC1EG,EAAmBH,EAAU,cAAc,EAC3CE,EAAQC,EAAiB,CAAC,GAChBF,EACVC,EAAQF,EAERE,EAAQF,EAAU,kBAGZE,GAAO,CACb,MAAMG,EAA6BH,EACnC,GAAI,CAACA,EACJ,OAGGA,EAAM,WAAa,GACtBH,EAAyBG,EAAsB,EAAK,EAGjDA,IAAUF,EACbE,EAAQC,GAAoBA,EAAiB,OAASA,EAAiB,EAAEC,CAAK,EAAI,KAElFF,EAAQC,GAAoBA,EAAiB,OAASA,EAAiB,EAAEC,CAAK,EAAIC,EAAc,kBAElG,CACD,EAEMC,EAA2BN,IAChCN,EAAS,CAAC,EAEVK,EAAyBC,EAAW,EAAI,EAEjCN,GAGR,eAAeY",
+  "names": ["groups", "isFastNavGroupElemenet", "el", "isElementVisible", "style", "findFastNavigationGroups", "container", "startFromContainer", "child", "assignedElements", "index", "originalChild", "getFastNavigationGroups"]
+}

package/dist/prod/util/getFileExtension.js

@@ -0,0 +1,2 @@
+"use strict";const e=t=>{const n=t.lastIndexOf(".");return n<1?"":t.slice(n)};export default e;
+//# sourceMappingURL=getFileExtension.js.map

package/dist/prod/util/getFileExtension.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getFileExtension.ts"],
+  "sourcesContent": ["/**\n * \"\"                        -> \"\"\n * \"noExtension\"             -> \"\"\n * \"file.txt\"                -> \".txt\"\n * \"file.with.many.dots.doc\" -> \".doc\"\n * \".gitignore\"              -> \"\"\n *\n * @param { string } fileName - the file name\n * @returns { string }\n */\nconst getFileExtension = (fileName: string) => {\n\tconst dotPos = fileName.lastIndexOf(\".\");\n\n\tif (dotPos < 1) {\n\t\treturn \"\";\n\t}\n\n\treturn fileName.slice(dotPos);\n};\n\nexport default getFileExtension;\n"],
+  "mappings": "aAUA,MAAMA,EAAoBC,GAAqB,CAC9C,MAAMC,EAASD,EAAS,YAAY,GAAG,EAEvC,OAAIC,EAAS,EACL,GAGDD,EAAS,MAAMC,CAAM,CAC7B,EAEA,eAAeF",
+  "names": ["getFileExtension", "fileName", "dotPos"]
+}

package/dist/prod/util/getNormalizedTarget.js

@@ -0,0 +1,2 @@
+"use strict";const t=e=>{let o=e;return e.shadowRoot&&e.shadowRoot.activeElement&&(o=e.shadowRoot.activeElement),o};export default t;
+//# sourceMappingURL=getNormalizedTarget.js.map

package/dist/prod/util/getNormalizedTarget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getNormalizedTarget.ts"],
+  "sourcesContent": ["/**\n * Returns the normalized event target in cases when it has shadow root.\n * @param {Object} target The original event target\n * @returns {Object} The normalized target\n */\nconst getNormalizedTarget = (target: HTMLElement) => {\n\tlet element = target;\n\n\tif (target.shadowRoot && target.shadowRoot.activeElement) {\n\t\telement = target.shadowRoot.activeElement as HTMLElement;\n\t}\n\n\treturn element;\n};\n\nexport default getNormalizedTarget;\n"],
+  "mappings": "aAKA,MAAMA,EAAuBC,GAAwB,CACpD,IAAIC,EAAUD,EAEd,OAAIA,EAAO,YAAcA,EAAO,WAAW,gBAC1CC,EAAUD,EAAO,WAAW,eAGtBC,CACR,EAEA,eAAeF",
+  "names": ["getNormalizedTarget", "target", "element"]
+}

package/dist/prod/util/getParentElement.js

@@ -0,0 +1,2 @@
+"use strict";const e=t=>t.parentElement?t.parentElement:t.parentNode.host;export default e;
+//# sourceMappingURL=getParentElement.js.map

package/dist/prod/util/getParentElement.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getParentElement.ts"],
+  "sourcesContent": ["const getParentElement = (element: Element) : Element | null => {\n\treturn element.parentElement ? element.parentElement : (element.parentNode as ShadowRoot).host;\n};\n\nexport default getParentElement;\n"],
+  "mappings": "aAAA,MAAMA,EAAoBC,GAClBA,EAAQ,cAAgBA,EAAQ,cAAiBA,EAAQ,WAA0B,KAG3F,eAAeD",
+  "names": ["getParentElement", "element"]
+}

package/dist/prod/util/getSingletonElementInstance.js

@@ -0,0 +1,2 @@
+"use strict";const o=(t,n=document.body,r)=>{let e=document.querySelector(t);return e||(e=r?r():document.createElement(t),n.insertBefore(e,n.firstChild))};export default o;
+//# sourceMappingURL=getSingletonElementInstance.js.map

package/dist/prod/util/getSingletonElementInstance.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/getSingletonElementInstance.ts"],
+  "sourcesContent": ["/**\n * Returns a singleton HTML element, inserted in given parent element of HTML page,\n * used mostly to store and share global resources between multiple UI5 Web Components runtimes.\n *\n * @param { string } tag the element tag/selector\n * @param { HTMLElement } parentElement the parent element to insert the singleton element instance\n * @param { Function } createEl a factory function for the element instantiation, by default document.createElement is used\n * @returns { Element }\n */\nconst getSingletonElementInstance = (tag: string, parentElement: HTMLElement = document.body, createEl?: () => Element) => {\n\tlet el = document.querySelector(tag);\n\n\tif (el) {\n\t\treturn el;\n\t}\n\n\tel = createEl ? createEl() : document.createElement(tag);\n\n\treturn parentElement.insertBefore(el, parentElement.firstChild);\n};\n\nexport default getSingletonElementInstance;\n"],
+  "mappings": "aASA,MAAMA,EAA8B,CAACC,EAAaC,EAA6B,SAAS,KAAMC,IAA6B,CAC1H,IAAIC,EAAK,SAAS,cAAcH,CAAG,EAEnC,OAAIG,IAIJA,EAAKD,EAAWA,EAAS,EAAI,SAAS,cAAcF,CAAG,EAEhDC,EAAc,aAAaE,EAAIF,EAAc,UAAU,EAC/D,EAEA,eAAeF",
+  "names": ["getSingletonElementInstance", "tag", "parentElement", "createEl", "el"]
+}

package/dist/prod/util/hash2str.js

@@ -0,0 +1,2 @@
+"use strict";export default function o(t){let r="";for(const n in t)t[n]&&(r&&(r+=" "),r+=n);return r}
+//# sourceMappingURL=hash2str.js.map

package/dist/prod/util/hash2str.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/hash2str.ts"],
+  "sourcesContent": ["export default function hash2str(hash: Record<string, boolean>): string {\n\tlet str = \"\";\n\t// eslint-disable-next-line no-restricted-syntax\n\tfor (const prop in hash) {\n\t\tif (hash[prop]) {\n\t\t\tif (str) {\n\t\t\t\tstr += \" \";\n\t\t\t}\n\t\t\tstr += prop;\n\t\t}\n\t}\n\treturn str;\n}\n"],
+  "mappings": "aAAA,wBAAwBA,EAASC,EAAuC,CACvE,IAAIC,EAAM,GAEV,UAAWC,KAAQF,EACdA,EAAKE,CAAI,IACRD,IACHA,GAAO,KAERA,GAAOC,GAGT,OAAOD,CACR",
+  "names": ["hash2str", "hash", "str", "prop"]
+}

package/dist/prod/util/isElementClickable.js

@@ -0,0 +1,2 @@
+"use strict";const n=/^(?:a|area)$/i,a=/^(?:input|select|textarea|button)$/i,r=e=>{if(e.disabled)return!1;const t=e.getAttribute("tabindex");return t!=null?parseInt(t)>=0:a.test(e.nodeName)||n.test(e.nodeName)&&!!e.href};export default r;
+//# sourceMappingURL=isElementClickable.js.map

package/dist/prod/util/isElementClickable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementClickable.ts"],
+  "sourcesContent": ["const rClickable = /^(?:a|area)$/i;\nconst rFocusable = /^(?:input|select|textarea|button)$/i;\n\nconst isElementClickable = (el: HTMLElement): boolean => {\n\tif ((el as HTMLButtonElement).disabled) {\n\t\treturn false;\n\t}\n\n\tconst tabIndex = el.getAttribute(\"tabindex\");\n\tif (tabIndex !== null && tabIndex !== undefined) {\n\t\treturn parseInt(tabIndex) >= 0;\n\t}\n\n\treturn rFocusable.test(el.nodeName)\n\t\t|| (rClickable.test(el.nodeName)\n\t\t&& !!(el as HTMLLinkElement).href);\n};\n\nexport default isElementClickable;\n"],
+  "mappings": "aAAA,MAAMA,EAAa,gBACbC,EAAa,sCAEbC,EAAsBC,GAA6B,CACxD,GAAKA,EAAyB,SAC7B,MAAO,GAGR,MAAMC,EAAWD,EAAG,aAAa,UAAU,EAC3C,OAAIC,GAAa,KACT,SAASA,CAAQ,GAAK,EAGvBH,EAAW,KAAKE,EAAG,QAAQ,GAC7BH,EAAW,KAAKG,EAAG,QAAQ,GAC5B,CAAC,CAAEA,EAAuB,IAC/B,EAEA,eAAeD",
+  "names": ["rClickable", "rFocusable", "isElementClickable", "el", "tabIndex"]
+}

package/dist/prod/util/isElementHidden.js

@@ -0,0 +1,2 @@
+"use strict";const i=t=>{if(t.nodeName==="SLOT")return!1;const e=window.getComputedStyle(t);return e.display!=="contents"&&t.offsetWidth<=0&&t.offsetHeight<=0||e.visibility==="hidden"};export default i;
+//# sourceMappingURL=isElementHidden.js.map

package/dist/prod/util/isElementHidden.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementHidden.ts"],
+  "sourcesContent": ["const isElementHidden = (el: HTMLElement) => {\n\tif (el.nodeName === \"SLOT\") {\n\t\treturn false;\n\t}\n\n\tconst computedStyle = window.getComputedStyle(el);\n\n\treturn (computedStyle.display !== \"contents\" && (el.offsetWidth <= 0 && el.offsetHeight <= 0)) || (computedStyle.visibility === \"hidden\");\n};\n\nexport default isElementHidden;\n"],
+  "mappings": "aAAA,MAAMA,EAAmBC,GAAoB,CAC5C,GAAIA,EAAG,WAAa,OACnB,MAAO,GAGR,MAAMC,EAAgB,OAAO,iBAAiBD,CAAE,EAEhD,OAAQC,EAAc,UAAY,YAAeD,EAAG,aAAe,GAAKA,EAAG,cAAgB,GAAQC,EAAc,aAAe,QACjI,EAEA,eAAeF",
+  "names": ["isElementHidden", "el", "computedStyle"]
+}

package/dist/prod/util/isElementInView.js

@@ -0,0 +1,2 @@
+"use strict";const n=e=>{const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)};export default n;
+//# sourceMappingURL=isElementInView.js.map

package/dist/prod/util/isElementInView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementInView.ts"],
+  "sourcesContent": ["/**\n * Determines if the element is within the viewport.\n * @param el {HTMLElement}\n */\nconst isElementInView = (el: HTMLElement) => {\n\tconst rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 && rect.left >= 0\n\t\t\t&& rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n\t\t\t&& rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t);\n};\n\nexport default isElementInView;\n"],
+  "mappings": "aAIA,MAAMA,EAAmBC,GAAoB,CAC5C,MAAMC,EAAOD,EAAG,sBAAsB,EAEtC,OACCC,EAAK,KAAO,GAAKA,EAAK,MAAQ,GAC1BA,EAAK,SAAW,OAAO,aAAe,SAAS,gBAAgB,eAC/DA,EAAK,QAAU,OAAO,YAAc,SAAS,gBAAgB,YAEnE,EAEA,eAAeF",
+  "names": ["isElementInView", "el", "rect"]
+}

package/dist/prod/util/isElementTabbable.js

@@ -0,0 +1,2 @@
+"use strict";import a from"./isElementHidden.js";const r=e=>{if(!e||e.hasAttribute("data-sap-no-tab-ref")||a(e))return!1;const t=e.getAttribute("tabindex");if(t!=null)return parseInt(t)>=0;const n=e.nodeName.toLowerCase();return n==="a"||/^(input|select|textarea|button|object)$/.test(n)?!e.disabled:!1};export default r;
+//# sourceMappingURL=isElementTabbable.js.map

package/dist/prod/util/isElementTabbable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementTabbable.ts"],
+  "sourcesContent": ["import isElementHidden from \"./isElementHidden.js\";\n\n/**\n * Returns if the HTMLElement is tabbable.\n *\n * @public\n * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)\n * @returns { boolean } true if the element is tabbable or false - if not\n */\nconst isElementTabbable = (el: HTMLElement): boolean => {\n\tif (!el) {\n\t\treturn false;\n\t}\n\n\tif (el.hasAttribute(\"data-sap-no-tab-ref\")) {\n\t\treturn false;\n\t}\n\n\tif (isElementHidden(el)) {\n\t\treturn false;\n\t}\n\n\tconst tabIndex = el.getAttribute(\"tabindex\");\n\tif (tabIndex !== null && tabIndex !== undefined) {\n\t\treturn parseInt(tabIndex) >= 0;\n\t}\n\n\tconst nodeName = el.nodeName.toLowerCase();\n\tif (nodeName === \"a\" || /^(input|select|textarea|button|object)$/.test(nodeName)) {\n\t\treturn !(el as HTMLLinkElement).disabled;\n\t}\n\n\treturn false;\n};\n\nexport default isElementTabbable;\n"],
+  "mappings": "aAAA,OAAOA,MAAqB,uBAS5B,MAAMC,EAAqBC,GAA6B,CASvD,GARI,CAACA,GAIDA,EAAG,aAAa,qBAAqB,GAIrCF,EAAgBE,CAAE,EACrB,MAAO,GAGR,MAAMC,EAAWD,EAAG,aAAa,UAAU,EAC3C,GAAIC,GAAa,KAChB,OAAO,SAASA,CAAQ,GAAK,EAG9B,MAAMC,EAAWF,EAAG,SAAS,YAAY,EACzC,OAAIE,IAAa,KAAO,0CAA0C,KAAKA,CAAQ,EACvE,CAAEF,EAAuB,SAG1B,EACR,EAEA,eAAeD",
+  "names": ["isElementHidden", "isElementTabbable", "el", "tabIndex", "nodeName"]
+}

package/dist/prod/util/isEventMarked.js

@@ -0,0 +1,2 @@
+"use strict";const t="handledByControl",a=(e,n=t)=>!!e[`_sapui_${n}`];export default a;
+//# sourceMappingURL=isEventMarked.js.map

package/dist/prod/util/isEventMarked.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isEventMarked.ts"],
+  "sourcesContent": ["const defaultOpenUI5Key = \"handledByControl\";\n\nconst isEventMarked = (event: any, key: string = defaultOpenUI5Key) => {\n\treturn !!event[`_sapui_${key}`];\n};\n\nexport default isEventMarked;\n"],
+  "mappings": "aAAA,MAAMA,EAAoB,mBAEpBC,EAAgB,CAACC,EAAYC,EAAcH,IACzC,CAAC,CAACE,EAAM,UAAUC,CAAG,EAAE,EAG/B,eAAeF",
+  "names": ["defaultOpenUI5Key", "isEventMarked", "event", "key"]
+}

package/dist/prod/util/isValidPropertyName.js

@@ -0,0 +1,2 @@
+"use strict";const s=["disabled","title","hidden","role","draggable"],r=e=>s.includes(e)||e.startsWith("aria")?!0:![HTMLElement,Element,Node].some(t=>t.prototype.hasOwnProperty(e));export default r;
+//# sourceMappingURL=isValidPropertyName.js.map

package/dist/prod/util/isValidPropertyName.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isValidPropertyName.ts"],
+  "sourcesContent": ["// Note: disabled is present in IE so we explicitly allow it here.\n// Others, such as title/hidden, we explicitly override, so valid too\nconst allowList = [\n\t\"disabled\",\n\t\"title\",\n\t\"hidden\",\n\t\"role\",\n\t\"draggable\",\n];\n\n/**\n * Checks whether a property name is valid (does not collide with existing DOM API properties)\n *\n * @param name\n * @returns {boolean}\n */\nconst isValidPropertyName = (name: string) => {\n\tif (allowList.includes(name) || name.startsWith(\"aria\")) {\n\t\treturn true;\n\t}\n\tconst classes = [\n\t\tHTMLElement,\n\t\tElement,\n\t\tNode,\n\t];\n\treturn !classes.some(klass => klass.prototype.hasOwnProperty(name)); // eslint-disable-line\n};\n\nexport default isValidPropertyName;\n"],
+  "mappings": "aAEA,MAAMA,EAAY,CACjB,WACA,QACA,SACA,OACA,WACD,EAQMC,EAAuBC,GACxBF,EAAU,SAASE,CAAI,GAAKA,EAAK,WAAW,MAAM,EAC9C,GAOD,CALS,CACf,YACA,QACA,IACD,EACgB,KAAKC,GAASA,EAAM,UAAU,eAAeD,CAAI,CAAC,EAGnE,eAAeD",
+  "names": ["allowList", "isValidPropertyName", "name", "klass"]
+}

package/dist/prod/util/throttle.js

@@ -0,0 +1,2 @@
+"use strict";function n(e,o){let t=null,l=null;return function(...u){if(l){t=u;return}e(...u),l=setTimeout(()=>{t&&(e(...t),t=null),l=null},o)}}export default n;
+//# sourceMappingURL=throttle.js.map

package/dist/prod/util/throttle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/throttle.ts"],
+  "sourcesContent": ["import type { Timeout } from \"../types.js\";\n\nfunction throttle(func: () => void, delay: number): () => void {\n\tlet lastArgs: [] | null = null; // used to ensure an explicit last call after the delay\n\tlet throttleTimeout: Timeout | null = null;\n\n\treturn function throttled(...args) {\n\t\tif (throttleTimeout) {\n\t\t\tlastArgs = args;\n\t\t\treturn;\n\t\t}\n\n\t\tfunc(...args);\n\t\tthrottleTimeout = setTimeout(() => {\n\t\t\tif (lastArgs) {\n\t\t\t\tfunc(...lastArgs);\n\t\t\t\tlastArgs = null;\n\t\t\t}\n\t\t\tthrottleTimeout = null;\n\t\t}, delay);\n\t};\n}\n\nexport default throttle;\n"],
+  "mappings": "aAEA,SAASA,EAASC,EAAkBC,EAA2B,CAC9D,IAAIC,EAAsB,KACtBC,EAAkC,KAEtC,OAAO,YAAsBC,EAAM,CAClC,GAAID,EAAiB,CACpBD,EAAWE,EACX,MACD,CAEAJ,EAAK,GAAGI,CAAI,EACZD,EAAkB,WAAW,IAAM,CAC9BD,IACHF,EAAK,GAAGE,CAAQ,EAChBA,EAAW,MAEZC,EAAkB,IACnB,EAAGF,CAAK,CACT,CACD,CAEA,eAAeF",
+  "names": ["throttle", "func", "delay", "lastArgs", "throttleTimeout", "args"]
+}

package/dist/prod/util/toLowercaseEnumValue.js

@@ -0,0 +1,2 @@
+"use strict";export default function n(e){return e.toLowerCase()}
+//# sourceMappingURL=toLowercaseEnumValue.js.map

package/dist/prod/util/toLowercaseEnumValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/toLowercaseEnumValue.ts"],
+  "sourcesContent": ["type LowercaseEnum<T> = T extends string ? Lowercase<T> : never;\n\nexport default function toLowercaseEnumValue<T extends string>(value: T): LowercaseEnum<T> {\n\treturn value.toLowerCase() as LowercaseEnum<T>;\n}\n"],
+  "mappings": "aAEA,wBAAwBA,EAAuCC,EAA4B,CAC1F,OAAOA,EAAM,YAAY,CAC1B",
+  "names": ["toLowercaseEnumValue", "value"]
+}

package/dist/prod/util/valueStateNavigation.js

@@ -0,0 +1,2 @@
+"use strict";import{isDown as i,isUp as p,isTabNext as n,isTabPrevious as r,isEscape as s}from"../Keys.js";const f=(t,a,e,o)=>{n(t)&&(e!==a.length-1?(t.stopImmediatePropagation(),t.preventDefault(),a[e+1].focus()):(o.closeValueState(),o.focusInput())),r(t)&&(t.preventDefault(),t.stopImmediatePropagation(),e>0?a[e-1].focus():o.focusInput()),p(t)&&(t.preventDefault(),t.stopImmediatePropagation(),o.isPopoverOpen()&&o.focusInput()),i(t)&&(t.preventDefault(),t.stopImmediatePropagation(),o.navigateToItem()),s(t)&&(t.preventDefault(),t.stopImmediatePropagation())};export{f as attachListeners};
+//# sourceMappingURL=valueStateNavigation.js.map

package/dist/prod/util/valueStateNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/valueStateNavigation.ts"],
+  "sourcesContent": ["import {\n\tisDown,\n\tisUp,\n\tisTabNext,\n\tisTabPrevious,\n\tisEscape,\n} from \"../Keys.js\";\n\ninterface ControlHandlers {\n\tcloseValueState: () => void;\n\tfocusInput: () => void;\n\tnavigateToItem: () => void;\n\tisPopoverOpen: () => boolean;\n}\n\nconst attachListeners = (e: KeyboardEvent, links: Array<HTMLElement>, index: number, handlers: ControlHandlers) => {\n\tif (isTabNext(e)) {\n\t\tif (index !== links.length - 1) {\n\t\t\te.stopImmediatePropagation();\n\t\t\te.preventDefault();\n\t\t\tlinks[index + 1].focus();\n\t\t} else {\n\t\t\thandlers.closeValueState();\n\t\t\thandlers.focusInput();\n\t\t}\n\t}\n\n\tif (isTabPrevious(e)) {\n\t\te.preventDefault();\n\t\te.stopImmediatePropagation();\n\t\tif (index > 0) {\n\t\t\tlinks[index - 1].focus();\n\t\t} else {\n\t\t\thandlers.focusInput();\n\t\t}\n\t}\n\n\tif (isUp(e)) {\n\t\te.preventDefault();\n\t\te.stopImmediatePropagation();\n\t\thandlers.isPopoverOpen() && handlers.focusInput();\n\t}\n\n\tif (isDown(e)) {\n\t\te.preventDefault();\n\t\te.stopImmediatePropagation();\n\t\thandlers.navigateToItem();\n\t}\n\n\tif (isEscape(e)) {\n\t\te.preventDefault();\n\t\te.stopImmediatePropagation();\n\t}\n};\n\nexport { attachListeners, ControlHandlers };\n"],
+  "mappings": "aAAA,OACC,UAAAA,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,YAAAC,MACM,aASP,MAAMC,EAAkB,CAACC,EAAkBC,EAA2BC,EAAeC,IAA8B,CAC9GP,EAAUI,CAAC,IACVE,IAAUD,EAAM,OAAS,GAC5BD,EAAE,yBAAyB,EAC3BA,EAAE,eAAe,EACjBC,EAAMC,EAAQ,CAAC,EAAE,MAAM,IAEvBC,EAAS,gBAAgB,EACzBA,EAAS,WAAW,IAIlBN,EAAcG,CAAC,IAClBA,EAAE,eAAe,EACjBA,EAAE,yBAAyB,EACvBE,EAAQ,EACXD,EAAMC,EAAQ,CAAC,EAAE,MAAM,EAEvBC,EAAS,WAAW,GAIlBR,EAAKK,CAAC,IACTA,EAAE,eAAe,EACjBA,EAAE,yBAAyB,EAC3BG,EAAS,cAAc,GAAKA,EAAS,WAAW,GAG7CT,EAAOM,CAAC,IACXA,EAAE,eAAe,EACjBA,EAAE,yBAAyB,EAC3BG,EAAS,eAAe,GAGrBL,EAASE,CAAC,IACbA,EAAE,eAAe,EACjBA,EAAE,yBAAyB,EAE7B,EAEA,OAASD,KAAA",
+  "names": ["isDown", "isUp", "isTabNext", "isTabPrevious", "isEscape", "attachListeners", "e", "links", "index", "handlers"]
+}

package/dist/prod/util/whenDOMReady.js

@@ -0,0 +1,2 @@
+"use strict";const d=()=>new Promise(e=>{document.body?e():document.addEventListener("DOMContentLoaded",()=>{e()})});export default d;
+//# sourceMappingURL=whenDOMReady.js.map

package/dist/prod/util/whenDOMReady.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/whenDOMReady.ts"],
+  "sourcesContent": ["const whenDOMReady = () => {\n\treturn new Promise<void>(resolve => {\n\t\tif (document.body) {\n\t\t\tresolve();\n\t\t} else {\n\t\t\tdocument.addEventListener(\"DOMContentLoaded\", () => {\n\t\t\t\tresolve();\n\t\t\t});\n\t\t}\n\t});\n};\n\nexport default whenDOMReady;\n"],
+  "mappings": "aAAA,MAAMA,EAAe,IACb,IAAI,QAAcC,GAAW,CAC/B,SAAS,KACZA,EAAQ,EAER,SAAS,iBAAiB,mBAAoB,IAAM,CACnDA,EAAQ,CACT,CAAC,CAEH,CAAC,EAGF,eAAeD",
+  "names": ["whenDOMReady", "resolve"]
+}

package/dist/prod/util/willShowContent.js

@@ -0,0 +1,2 @@
+"use strict";const t=r=>Array.from(r).filter(e=>e.nodeType!==Node.COMMENT_NODE&&(e.nodeType!==Node.TEXT_NODE||(e.nodeValue||"").trim().length!==0)).length>0;export default t;
+//# sourceMappingURL=willShowContent.js.map

package/dist/prod/util/willShowContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/willShowContent.ts"],
+  "sourcesContent": ["const willShowContent = (childNodes: Array<Node>) => {\n\treturn Array.from(childNodes).filter(node => {\n\t\treturn node.nodeType !== Node.COMMENT_NODE && (node.nodeType !== Node.TEXT_NODE || (node.nodeValue || \"\").trim().length !== 0);\n\t}).length > 0;\n};\n\nexport default willShowContent;\n"],
+  "mappings": "aAAA,MAAMA,EAAmBC,GACjB,MAAM,KAAKA,CAAU,EAAE,OAAOC,GAC7BA,EAAK,WAAa,KAAK,eAAiBA,EAAK,WAAa,KAAK,YAAcA,EAAK,WAAa,IAAI,KAAK,EAAE,SAAW,EAC5H,EAAE,OAAS,EAGb,eAAeF",
+  "names": ["willShowContent", "childNodes", "node"]
+}

package/dist/prod/validateThemeRoot.js

@@ -0,0 +1,2 @@
+"use strict";import{getLocationHref as s}from"./Location.js";const a=t=>{const e=document.querySelector(`META[name="${t}"]`);return e&&e.getAttribute("content")},g=(t,e=!1)=>{const n=a("sap-allowed-theme-origins")??a("sap-allowedThemeOrigins");return n?e?!0:n.split(",").some(r=>r==="*"||t===r.trim()):!1},l=t=>{let e,n=!1;try{if(t.startsWith(".")||t.startsWith("/")&&!t.startsWith("//"))e=new URL(t,s()).toString(),n=!0;else{const r=t.startsWith("//")?new URL(t,s()):new URL(t),i=r.origin,o=new URL(s()).origin;if(n=i===o,i&&g(i,n))e=r.toString();else return}return e.endsWith("/")||(e=`${e}/`),`${e}UI5/`}catch{return}};export default l;
+//# sourceMappingURL=validateThemeRoot.js.map

package/dist/prod/validateThemeRoot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/validateThemeRoot.ts"],
+  "sourcesContent": ["import { getLocationHref } from \"./Location.js\";\n\nconst getMetaTagValue = (metaTagName: string) => {\n\tconst metaTag = document.querySelector(`META[name=\"${metaTagName}\"]`),\n\t\tmetaTagContent = metaTag && metaTag.getAttribute(\"content\");\n\n\treturn metaTagContent;\n};\n\nconst validateThemeOrigin = (origin: string, isSameOrigin: boolean = false) => {\n\tconst allowedOrigins = getMetaTagValue(\"sap-allowed-theme-origins\") ?? getMetaTagValue(\"sap-allowedThemeOrigins\"); // Prioritize the new meta tag name\n\n\t// If no allowed origins are specified, block.\n\tif (!allowedOrigins) {\n\t\treturn false;\n\t}\n\n\t// If it's same-origin (relative URL resolved to current page), allow it when there's any meta tag present\n\t// The presence of the meta tag indicates the user wants to use theme roots\n\tif (isSameOrigin) {\n\t\treturn true;\n\t}\n\n\treturn allowedOrigins.split(\",\").some(allowedOrigin => {\n\t\treturn allowedOrigin === \"*\" || origin === allowedOrigin.trim();\n\t});\n};\n\nconst validateThemeRoot = (themeRoot: string) => {\n\tlet resultUrl;\n\tlet isSameOrigin = false;\n\n\ttry {\n\t\tif (themeRoot.startsWith(\".\") || (themeRoot.startsWith(\"/\") && !themeRoot.startsWith(\"//\"))) {\n\t\t\t// Handle relative url\n\t\t\t// new URL(\"/newExmPath\", \"http://example.com/exmPath\") => http://example.com/newExmPath\n\t\t\t// new URL(\"./newExmPath\", \"http://example.com/exmPath\") => http://example.com/exmPath/newExmPath\n\t\t\t// new URL(\"../newExmPath\", \"http://example.com/exmPath\") => http://example.com/newExmPath\n\t\t\tresultUrl = new URL(themeRoot, getLocationHref()).toString();\n\t\t\tisSameOrigin = true;\n\t\t} else {\n\t\t\t// Protocol-relative URLs (//host/path) need a base to resolve the protocol\n\t\t\tconst themeRootURL = themeRoot.startsWith(\"//\") ? new URL(themeRoot, getLocationHref()) : new URL(themeRoot);\n\t\t\tconst origin = themeRootURL.origin;\n\t\t\tconst currentOrigin = new URL(getLocationHref()).origin;\n\n\t\t\t// Check if the absolute URL is same-origin\n\t\t\tisSameOrigin = origin === currentOrigin;\n\n\t\t\tif (origin && validateThemeOrigin(origin, isSameOrigin)) {\n\t\t\t\t// If origin is allowed, use it\n\t\t\t\tresultUrl = themeRootURL.toString();\n\t\t\t} else {\n\t\t\t\t// If origin is not allowed, return undefined to indicate validation failed\n\t\t\t\treturn undefined;\n\t\t\t}\n\t\t}\n\n\t\tif (!resultUrl.endsWith(\"/\")) {\n\t\t\tresultUrl = `${resultUrl}/`;\n\t\t}\n\n\t\treturn `${resultUrl}UI5/`;\n\t} catch (e) {\n\t\t// Catch if URL is not correct\n\t\treturn undefined;\n\t}\n};\n\nexport default validateThemeRoot;\n"],
+  "mappings": "aAAA,OAAS,mBAAAA,MAAuB,gBAEhC,MAAMC,EAAmBC,GAAwB,CAChD,MAAMC,EAAU,SAAS,cAAc,cAAcD,CAAW,IAAI,EAGpE,OAFkBC,GAAWA,EAAQ,aAAa,SAAS,CAG5D,EAEMC,EAAsB,CAACC,EAAgBC,EAAwB,KAAU,CAC9E,MAAMC,EAAiBN,EAAgB,2BAA2B,GAAKA,EAAgB,yBAAyB,EAGhH,OAAKM,EAMDD,EACI,GAGDC,EAAe,MAAM,GAAG,EAAE,KAAKC,GAC9BA,IAAkB,KAAOH,IAAWG,EAAc,KAAK,CAC9D,EAXO,EAYT,EAEMC,EAAqBC,GAAsB,CAChD,IAAIC,EACAL,EAAe,GAEnB,GAAI,CACH,GAAII,EAAU,WAAW,GAAG,GAAMA,EAAU,WAAW,GAAG,GAAK,CAACA,EAAU,WAAW,IAAI,EAKxFC,EAAY,IAAI,IAAID,EAAWV,EAAgB,CAAC,EAAE,SAAS,EAC3DM,EAAe,OACT,CAEN,MAAMM,EAAeF,EAAU,WAAW,IAAI,EAAI,IAAI,IAAIA,EAAWV,EAAgB,CAAC,EAAI,IAAI,IAAIU,CAAS,EACrGL,EAASO,EAAa,OACtBC,EAAgB,IAAI,IAAIb,EAAgB,CAAC,EAAE,OAKjD,GAFAM,EAAeD,IAAWQ,EAEtBR,GAAUD,EAAoBC,EAAQC,CAAY,EAErDK,EAAYC,EAAa,SAAS,MAGlC,OAEF,CAEA,OAAKD,EAAU,SAAS,GAAG,IAC1BA,EAAY,GAAGA,CAAS,KAGlB,GAAGA,CAAS,MACpB,MAAY,CAEX,MACD,CACD,EAEA,eAAeF",
+  "names": ["getLocationHref", "getMetaTagValue", "metaTagName", "metaTag", "validateThemeOrigin", "origin", "isSameOrigin", "allowedOrigins", "allowedOrigin", "validateThemeRoot", "themeRoot", "resultUrl", "themeRootURL", "currentOrigin"]
+}

package/dist/react18/createReactComponent.d.ts

@@ -0,0 +1,38 @@
+/**
+ * React wrapper factory for UI5 Web Components.
+ *
+ * This lightweight factory creates typed React components that wrap UI5 Web Components.
+ * It handles:
+ * - Event prop conversion (onXxx → ui5-xxx event listeners)
+ * - Ref forwarding
+ * - Children handling
+ *
+ * Note: The function supports react >= 18.
+ * Note: This is for documentation samples only - for production React apps,
+ * use the official @ui5/webcomponents-react library.
+ */
+import * as React from "react";
+import type { ReactNode } from "react";
+import type UI5Element from "../UI5Element.js";
+interface UI5ComponentClass<T extends UI5Element = UI5Element> {
+    new (): T;
+    getMetadata(): {
+        getTag(): string;
+    };
+}
+/**
+ * Creates a React component wrapper for a UI5 Web Component.
+ * Uses the component's _jsxProps type for full TypeScript support.
+ *
+ * @param ComponentClass - The UI5 Web Component class (e.g., Button from "@ui5/webcomponents/dist/Button.js")
+ * @returns A React component that renders the custom element with proper TypeScript types
+ * @since 2.21.0
+ * @example
+ * import Button from "@ui5/webcomponents/dist/Button.js";
+ * const ReactButton = createReactComponent(Button);
+ * // ReactButton props are typed based on Button's _jsxProps
+ */
+declare function createReactComponent<T extends UI5Element>(ComponentClass: UI5ComponentClass<T>): React.ForwardRefExoticComponent<React.PropsWithoutRef<T["_jsxProps"] & {
+    children?: ReactNode;
+}> & React.RefAttributes<T>>;
+export default createReactComponent;

package/dist/react18/createReactComponent.js

@@ -0,0 +1,112 @@
+/**
+ * React wrapper factory for UI5 Web Components.
+ *
+ * This lightweight factory creates typed React components that wrap UI5 Web Components.
+ * It handles:
+ * - Event prop conversion (onXxx → ui5-xxx event listeners)
+ * - Ref forwarding
+ * - Children handling
+ *
+ * Note: The function supports react >= 18.
+ * Note: This is for documentation samples only - for production React apps,
+ * use the official @ui5/webcomponents-react library.
+ */
+import * as React from "react";
+import { useRef, useEffect, forwardRef, } from "react";
+// Helper to convert event name
+const toEventName = (propName) => {
+    return propName
+        .slice(2) // Remove "on"
+        .replace(/([A-Z])/g, (match, letter, index) => {
+        return index === 0 ? letter.toLowerCase() : `-${letter.toLowerCase()}`;
+    });
+};
+// Helper to create cleanup function for event listener
+const createEventCleanup = (element, eventName, handler) => {
+    element.addEventListener(eventName, handler);
+    return () => element.removeEventListener(eventName, handler);
+};
+/**
+ * Creates a React component wrapper for a UI5 Web Component.
+ * Uses the component's _jsxProps type for full TypeScript support.
+ *
+ * @param ComponentClass - The UI5 Web Component class (e.g., Button from "@ui5/webcomponents/dist/Button.js")
+ * @returns A React component that renders the custom element with proper TypeScript types
+ * @since 2.21.0
+ * @example
+ * import Button from "@ui5/webcomponents/dist/Button.js";
+ * const ReactButton = createReactComponent(Button);
+ * // ReactButton props are typed based on Button's _jsxProps
+ */
+function createReactComponent(ComponentClass) {
+    const tagName = ComponentClass.getMetadata().getTag();
+    const Component = forwardRef((props, ref) => {
+        const { children, ...restProps } = props;
+        const elementRef = useRef(null);
+        // Forward ref
+        useEffect(() => {
+            if (ref) {
+                if (typeof ref === "function") {
+                    ref(elementRef.current);
+                }
+                else {
+                    ref.current = elementRef.current;
+                }
+            }
+        }, [ref]);
+        // Handle event props and boolean props imperatively
+        useEffect(() => {
+            const element = elementRef.current;
+            if (!element) {
+                return;
+            }
+            const eventCleanups = [];
+            Object.keys(restProps).forEach(propName => {
+                const propValue = restProps[propName];
+                if (propName.startsWith("on") && typeof propValue === "function") {
+                    // Convert React event naming (onClick, onSelectionChange) to DOM event naming
+                    // onClick -> click, onSelectionChange -> selection-change
+                    const eventName = toEventName(propName);
+                    const handler = propValue;
+                    eventCleanups.push(createEventCleanup(element, eventName, handler));
+                }
+                else if (typeof propValue === "boolean") {
+                    // React 18 sets false booleans as empty string attributes on custom elements.
+                    // Set as property directly to avoid this.
+                    element[propName] = propValue;
+                }
+            });
+            return () => {
+                eventCleanups.forEach(cleanup => cleanup());
+            };
+        }, [restProps]);
+        // Filter out event handlers and booleans from DOM props
+        const domProps = {};
+        Object.keys(restProps).forEach(propName => {
+            const propValue = restProps[propName];
+            if (propName.startsWith("on") && typeof propValue === "function") {
+                return;
+            }
+            if (typeof propValue === "boolean") {
+                return;
+            } // handled in useEffect
+            // className → class for React compatibility
+            if (propName === "className") {
+                // eslint-disable-next-line dot-notation
+                domProps["class"] = propValue;
+                return;
+            }
+            // Convert camelCase to kebab-case for HTML attributes
+            const attrName = propName.replace(/([A-Z])/g, "-$1").toLowerCase();
+            domProps[attrName] = propValue;
+        });
+        return React.createElement(tagName, { ref: elementRef, ...domProps }, children);
+    });
+    Component.displayName = tagName
+        .split("-")
+        .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+        .join("");
+    return Component;
+}
+export default createReactComponent;
+//# sourceMappingURL=createReactComponent.js.map

package/dist/react18/createReactComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactComponent.js","sourceRoot":"","sources":["../../src/react18/createReactComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * React wrapper factory for UI5 Web Components.\n *\n * This lightweight factory creates typed React components that wrap UI5 Web Components.\n * It handles:\n * - Event prop conversion (onXxx → ui5-xxx event listeners)\n * - Ref forwarding\n * - Children handling\n *\n * Note: The function supports react >= 18.\n * Note: This is for documentation samples only - for production React apps,\n * use the official @ui5/webcomponents-react library.\n */\n\nimport * as React from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n\tuseRef,\n\tuseEffect,\n\tforwardRef,\n} from \"react\";\nimport type UI5Element from \"../UI5Element.js\";\n\ntype EventHandler<E = Event> = (event: E) => void;\n\n// Interface for UI5 Web Component classes with _jsxProps support\ninterface UI5ComponentClass<T extends UI5Element = UI5Element> {\n\tnew (): T;\n\tgetMetadata(): {\n\t\tgetTag(): string;\n\t};\n}\n\n// Helper to convert event name\nconst toEventName = (propName: string): string => {\n\treturn propName\n\t\t.slice(2) // Remove \"on\"\n\t\t.replace(/([A-Z])/g, (match: string, letter: string, index: number): string => {\n\t\t\treturn index === 0 ? letter.toLowerCase() : `-${letter.toLowerCase()}`;\n\t\t});\n};\n\n// Helper to create cleanup function for event listener\nconst createEventCleanup = (element: UI5Element, eventName: string, handler: EventHandler): (() => void) => {\n\telement.addEventListener(eventName, handler);\n\treturn () => element.removeEventListener(eventName, handler);\n};\n\n/**\n * Creates a React component wrapper for a UI5 Web Component.\n * Uses the component's _jsxProps type for full TypeScript support.\n *\n * @param ComponentClass - The UI5 Web Component class (e.g., Button from \"@ui5/webcomponents/dist/Button.js\")\n * @returns A React component that renders the custom element with proper TypeScript types\n * @since 2.21.0\n * @example\n * import Button from \"@ui5/webcomponents/dist/Button.js\";\n * const ReactButton = createReactComponent(Button);\n * // ReactButton props are typed based on Button's _jsxProps\n */\nfunction createReactComponent<T extends UI5Element>(\n\tComponentClass: UI5ComponentClass<T>,\n): React.ForwardRefExoticComponent<\n\tReact.PropsWithoutRef<T[\"_jsxProps\"] & { children?: ReactNode }> & React.RefAttributes<T>\n> {\n\tconst tagName = ComponentClass.getMetadata().getTag();\n\n\tconst Component = forwardRef<T, T[\"_jsxProps\"] & { children?: ReactNode }>((props, ref) => {\n\t\tconst { children, ...restProps } = props;\n\t\tconst elementRef = useRef<T>(null);\n\n\t\t// Forward ref\n\t\tuseEffect(() => {\n\t\t\tif (ref) {\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(elementRef.current);\n\t\t\t\t} else {\n\t\t\t\t\tref.current = elementRef.current;\n\t\t\t\t}\n\t\t\t}\n\t\t}, [ref]);\n\n\t\t// Handle event props and boolean props imperatively\n\t\tuseEffect(() => {\n\t\t\tconst element = elementRef.current;\n\t\t\tif (!element) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst eventCleanups: Array<() => void> = [];\n\n\t\t\tObject.keys(restProps).forEach(propName => {\n\t\t\t\tconst propValue = (restProps as Record<string, unknown>)[propName];\n\t\t\t\tif (propName.startsWith(\"on\") && typeof propValue === \"function\") {\n\t\t\t\t\t// Convert React event naming (onClick, onSelectionChange) to DOM event naming\n\t\t\t\t\t// onClick -> click, onSelectionChange -> selection-change\n\t\t\t\t\tconst eventName = toEventName(propName);\n\t\t\t\t\tconst handler = propValue as EventHandler;\n\t\t\t\t\teventCleanups.push(createEventCleanup(element, eventName, handler));\n\t\t\t\t} else if (typeof propValue === \"boolean\") {\n\t\t\t\t\t// React 18 sets false booleans as empty string attributes on custom elements.\n\t\t\t\t\t// Set as property directly to avoid this.\n\t\t\t\t\t(element as any)[propName] = propValue;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn () => {\n\t\t\t\teventCleanups.forEach(cleanup => cleanup());\n\t\t\t};\n\t\t}, [restProps]);\n\n\t\t// Filter out event handlers and booleans from DOM props\n\t\tconst domProps: Record<string, unknown> = {};\n\t\tObject.keys(restProps).forEach(propName => {\n\t\t\tconst propValue = (restProps as Record<string, unknown>)[propName];\n\t\t\tif (propName.startsWith(\"on\") && typeof propValue === \"function\") { return; }\n\t\t\tif (typeof propValue === \"boolean\") { return; } // handled in useEffect\n\t\t\t// className → class for React compatibility\n\t\t\tif (propName === \"className\") {\n\t\t\t\t// eslint-disable-next-line dot-notation\n\t\t\t\tdomProps[\"class\"] = propValue;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Convert camelCase to kebab-case for HTML attributes\n\t\t\tconst attrName = propName.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n\t\t\tdomProps[attrName] = propValue;\n\t\t});\n\n\t\treturn React.createElement(tagName, { ref: elementRef, ...domProps }, children);\n\t});\n\n\tComponent.displayName = tagName\n\t\t.split(\"-\")\n\t\t.map(part => part.charAt(0).toUpperCase() + part.slice(1))\n\t\t.join(\"\");\n\n\treturn Component;\n}\n\nexport default createReactComponent;\n"]}

package/dist/renderer/JsxRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { Renderer } from "../UI5Element.js";
+declare const jsxRenderer: Renderer;
+export default jsxRenderer;

package/dist/renderer/JsxRenderer.js

@@ -0,0 +1,26 @@
+import { hydrate, render, createContext } from "../thirdparty/preact/preact.module.js";
+import { jsx } from "../thirdparty/preact/jsxRuntime.module.js";
+const instanceToContextMap = new WeakMap();
+const jsxRenderer = (instance, container) => {
+    let ctx = instanceToContextMap.get(instance);
+    if (!ctx) {
+        // create a context holding the element that is being rendered
+        // this contect will be used when adding event listeners - they all will be bound to this element
+        ctx = createContext(instance);
+        instanceToContextMap.set(instance, ctx);
+    }
+    const templateResult = instance.render();
+    const vnode = jsx(ctx.Provider, { value: instance, children: templateResult });
+    if (instance.__shouldHydrate) {
+        // Remove all server-generated style elements for component styles
+        // to avoid conflicts or duplication with styles added through adopted style sheets.
+        instance.shadowRoot?.querySelectorAll("style").forEach(style => style.remove());
+        hydrate(vnode, container);
+        instance.__shouldHydrate = false;
+    }
+    else {
+        render(vnode, container);
+    }
+};
+export default jsxRenderer;
+//# sourceMappingURL=JsxRenderer.js.map

package/dist/renderer/JsxRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsxRenderer.js","sourceRoot":"","sources":["../../src/renderer/JsxRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,GAAG,EAAE,MAAM,2CAA2C,CAAC;AAIhE,MAAM,oBAAoB,GAAG,IAAI,OAAO,EAA4D,CAAC;AAErG,MAAM,WAAW,GAAa,CAAC,QAAoB,EAAE,SAAyC,EAAE,EAAE;IACjG,IAAI,GAAG,GAAG,oBAAoB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;QACV,8DAA8D;QAC9D,iGAAiG;QACjG,GAAG,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9B,oBAAoB,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC;IAE/E,IAAI,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC9B,kEAAkE;QAClE,oFAAoF;QACpF,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;QAChF,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC1B,QAAQ,CAAC,eAAe,GAAG,KAAK,CAAC;IAClC,CAAC;SAAM,CAAC;QACP,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC1B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { hydrate, render, createContext } from \"../thirdparty/preact/preact.module.js\";\nimport { jsx } from \"../thirdparty/preact/jsxRuntime.module.js\";\nimport type UI5Element from \"../UI5Element.js\";\nimport type { Renderer } from \"../UI5Element.js\";\n\nconst instanceToContextMap = new WeakMap<UI5Element, ReturnType<typeof createContext<UI5Element>>>();\n\nconst jsxRenderer: Renderer = (instance: UI5Element, container: HTMLElement | DocumentFragment) => {\n\tlet ctx = instanceToContextMap.get(instance);\n\tif (!ctx) {\n\t\t// create a context holding the element that is being rendered\n\t\t// this contect will be used when adding event listeners - they all will be bound to this element\n\t\tctx = createContext(instance);\n\t\tinstanceToContextMap.set(instance, ctx);\n\t}\n\n\tconst templateResult = instance.render();\n\tconst vnode = jsx(ctx.Provider, { value: instance, children: templateResult });\n\n\tif (instance.__shouldHydrate) {\n\t\t// Remove all server-generated style elements for component styles\n\t\t// to avoid conflicts or duplication with styles added through adopted style sheets.\n\t\tinstance.shadowRoot?.querySelectorAll(\"style\").forEach(style => style.remove());\n\t\thydrate(vnode, container);\n\t\tinstance.__shouldHydrate = false;\n\t} else {\n\t\trender(vnode, container);\n\t}\n};\n\nexport default jsxRenderer;\n"]}

package/dist/renderer/LitRenderer.d.ts

@@ -1,7 +1,7 @@
-import { TemplateResult } from "lit-html";
+import type { TemplateResult } from "lit-html";
 import type { Renderer } from "../UI5Element.js";
-declare const effectiveHtml: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult<1 | 2>;
-declare const effectiveSvg: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult<1 | 2>;
+declare const effectiveHtml: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult;
+declare const effectiveSvg: (strings: TemplateStringsArray, ...values: Array<unknown>) => TemplateResult;
 declare const litRender: Renderer;
 declare const scopeTag: (tag: string, tags: Array<string>, suffix: string) => object | undefined;
 export { effectiveHtml as html, effectiveSvg as svg, };

package/dist/renderer/LitRenderer.js

@@ -10,18 +10,13 @@ const effectiveSvg = (strings, ...values) => {
     const fn = litStatic ? litStatic.svg : svg;
     return fn(strings, ...values);
 };
-const litRender = (templateResult, container, styleStrOrHrefsArr, forStaticArea, options) => {
+const litRender = (instance, container) => {
+    let templateResult = instance.render();
     const openUI5Enablement = getFeature("OpenUI5Enablement");
-    if (openUI5Enablement && !forStaticArea) {
-        templateResult = openUI5Enablement.wrapTemplateResultInBusyMarkup(effectiveHtml, options.host, templateResult);
+    if (openUI5Enablement) {
+        templateResult = openUI5Enablement.wrapTemplateResultInBusyMarkup(effectiveHtml, instance, templateResult);
     }
-    if (typeof styleStrOrHrefsArr === "string") {
-        templateResult = effectiveHtml `<style>${styleStrOrHrefsArr}</style>${templateResult}`;
-    }
-    else if (Array.isArray(styleStrOrHrefsArr) && styleStrOrHrefsArr.length) {
-        templateResult = effectiveHtml `${styleStrOrHrefsArr.map(href => effectiveHtml `<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
-    }
-    render(templateResult, container, options);
+    render(templateResult, container, { host: instance });
 };
 const scopeTag = (tag, tags, suffix) => {
     const litStatic = getFeature("LitStatic");