@ui5/webcomponents-base 0.0.0-2bd2204ed → 0.0.0-2c875c3d3

package/dist/util/getSingletonElementInstance.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Returns a singleton HTML element, inserted in given parent element of HTML page,
+ * used mostly to store and share global resources between multiple UI5 Web Components runtimes.
+ *
+ * @param { string } tag the element tag/selector
+ * @param { HTMLElement } parentElement the parent element to insert the singleton element instance
+ * @param { Function } createEl a factory function for the element instantiation, by default document.createElement is used
+ * @returns { Element }
+ */
+declare const getSingletonElementInstance: (tag: string, parentElement?: HTMLElement, createEl?: () => Element) => Element;
+export default getSingletonElementInstance;

package/dist/util/getSingletonElementInstance.js

@@ -0,0 +1,19 @@
+/**
+ * Returns a singleton HTML element, inserted in given parent element of HTML page,
+ * used mostly to store and share global resources between multiple UI5 Web Components runtimes.
+ *
+ * @param { string } tag the element tag/selector
+ * @param { HTMLElement } parentElement the parent element to insert the singleton element instance
+ * @param { Function } createEl a factory function for the element instantiation, by default document.createElement is used
+ * @returns { Element }
+ */
+const getSingletonElementInstance = (tag, parentElement = document.body, createEl) => {
+    let el = document.querySelector(tag);
+    if (el) {
+        return el;
+    }
+    el = createEl ? createEl() : document.createElement(tag);
+    return parentElement.insertBefore(el, parentElement.firstChild);
+};
+export default getSingletonElementInstance;
+//# sourceMappingURL=getSingletonElementInstance.js.map

package/dist/util/getSingletonElementInstance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSingletonElementInstance.js","sourceRoot":"","sources":["../../src/util/getSingletonElementInstance.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,2BAA2B,GAAG,CAAC,GAAW,EAAE,gBAA6B,QAAQ,CAAC,IAAI,EAAE,QAAwB,EAAE,EAAE;IACzH,IAAI,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAErC,IAAI,EAAE,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;IACX,CAAC;IAED,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAEzD,OAAO,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","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"]}

package/dist/util/hash2str.d.ts

@@ -0,0 +1 @@
+export default function hash2str(hash: Record<string, boolean>): string;

package/dist/util/hash2str.js

@@ -0,0 +1,14 @@
+export default function hash2str(hash) {
+    let str = "";
+    // eslint-disable-next-line no-restricted-syntax
+    for (const prop in hash) {
+        if (hash[prop]) {
+            if (str) {
+                str += " ";
+            }
+            str += prop;
+        }
+    }
+    return str;
+}
+//# sourceMappingURL=hash2str.js.map

package/dist/util/hash2str.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash2str.js","sourceRoot":"","sources":["../../src/util/hash2str.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,IAA6B;IAC7D,IAAI,GAAG,GAAG,EAAE,CAAC;IACb,gDAAgD;IAChD,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAChB,IAAI,GAAG,EAAE,CAAC;gBACT,GAAG,IAAI,GAAG,CAAC;YACZ,CAAC;YACD,GAAG,IAAI,IAAI,CAAC;QACb,CAAC;IACF,CAAC;IACD,OAAO,GAAG,CAAC;AACZ,CAAC","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"]}

package/dist/util/isElementClickable.d.ts

@@ -0,0 +1,2 @@
+declare const isElementClickable: (el: HTMLElement) => boolean;
+export default isElementClickable;

package/dist/util/isElementClickable.js

@@ -0,0 +1,16 @@
+const rClickable = /^(?:a|area)$/i;
+const rFocusable = /^(?:input|select|textarea|button)$/i;
+const isElementClickable = (el) => {
+    if (el.disabled) {
+        return false;
+    }
+    const tabIndex = el.getAttribute("tabindex");
+    if (tabIndex !== null && tabIndex !== undefined) {
+        return parseInt(tabIndex) >= 0;
+    }
+    return rFocusable.test(el.nodeName)
+        || (rClickable.test(el.nodeName)
+            && !!el.href);
+};
+export default isElementClickable;
+//# sourceMappingURL=isElementClickable.js.map

package/dist/util/isElementClickable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementClickable.js","sourceRoot":"","sources":["../../src/util/isElementClickable.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,eAAe,CAAC;AACnC,MAAM,UAAU,GAAG,qCAAqC,CAAC;AAEzD,MAAM,kBAAkB,GAAG,CAAC,EAAe,EAAW,EAAE;IACvD,IAAK,EAAwB,CAAC,QAAQ,EAAE,CAAC;QACxC,OAAO,KAAK,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;WAC/B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;eAC7B,CAAC,CAAE,EAAsB,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","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"]}

package/dist/util/isElementHidden.d.ts

@@ -0,0 +1,2 @@
+declare const isElementHidden: (el: HTMLElement) => boolean;
+export default isElementHidden;

package/dist/util/isElementHidden.js

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

package/dist/util/isElementHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementHidden.js","sourceRoot":"","sources":["../../src/util/isElementHidden.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAC,EAAe,EAAE,EAAE;IAC3C,IAAI,EAAE,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAElD,OAAO,CAAC,aAAa,CAAC,OAAO,KAAK,UAAU,IAAI,CAAC,EAAE,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;AAC3I,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","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"]}

package/dist/util/isElementInView.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Determines if the element is within the viewport.
+ * @param el {HTMLElement}
+ */
+declare const isElementInView: (el: HTMLElement) => boolean;
+export default isElementInView;

package/dist/util/isElementInView.js

@@ -0,0 +1,12 @@
+/**
+ * Determines if the element is within the viewport.
+ * @param el {HTMLElement}
+ */
+const isElementInView = (el) => {
+    const rect = el.getBoundingClientRect();
+    return (rect.top >= 0 && rect.left >= 0
+        && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)
+        && rect.right <= (window.innerWidth || document.documentElement.clientWidth));
+};
+export default isElementInView;
+//# sourceMappingURL=isElementInView.js.map

package/dist/util/isElementInView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementInView.js","sourceRoot":"","sources":["../../src/util/isElementInView.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,eAAe,GAAG,CAAC,EAAe,EAAE,EAAE;IAC3C,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IAExC,OAAO,CACN,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC;WAC3B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;WAC5E,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,CAC7E,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","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"]}

package/dist/util/isElementTabbable.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns if the HTMLElement is tabbable.
+ *
+ * @public
+ * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)
+ * @returns { boolean } true if the element is tabbable or false - if not
+ */
+declare const isElementTabbable: (el: HTMLElement) => boolean;
+export default isElementTabbable;

package/dist/util/isElementTabbable.js

@@ -0,0 +1,30 @@
+import isElementHidden from "./isElementHidden.js";
+/**
+ * Returns if the HTMLElement is tabbable.
+ *
+ * @public
+ * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)
+ * @returns { boolean } true if the element is tabbable or false - if not
+ */
+const isElementTabbable = (el) => {
+    if (!el) {
+        return false;
+    }
+    if (el.hasAttribute("data-sap-no-tab-ref")) {
+        return false;
+    }
+    if (isElementHidden(el)) {
+        return false;
+    }
+    const tabIndex = el.getAttribute("tabindex");
+    if (tabIndex !== null && tabIndex !== undefined) {
+        return parseInt(tabIndex) >= 0;
+    }
+    const nodeName = el.nodeName.toLowerCase();
+    if (nodeName === "a" || /^(input|select|textarea|button|object)$/.test(nodeName)) {
+        return !el.disabled;
+    }
+    return false;
+};
+export default isElementTabbable;
+//# sourceMappingURL=isElementTabbable.js.map

package/dist/util/isElementTabbable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isElementTabbable.js","sourceRoot":"","sources":["../../src/util/isElementTabbable.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,EAAe,EAAW,EAAE;IACtD,IAAI,CAAC,EAAE,EAAE,CAAC;QACT,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,EAAE,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7C,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;IAC3C,IAAI,QAAQ,KAAK,GAAG,IAAI,yCAAyC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClF,OAAO,CAAE,EAAsB,CAAC,QAAQ,CAAC;IAC1C,CAAC;IAED,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","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"]}

package/dist/util/isEventMarked.d.ts

@@ -0,0 +1,2 @@
+declare const isEventMarked: (event: any, key?: string) => boolean;
+export default isEventMarked;

package/dist/util/isEventMarked.js

@@ -0,0 +1,6 @@
+const defaultOpenUI5Key = "handledByControl";
+const isEventMarked = (event, key = defaultOpenUI5Key) => {
+    return !!event[`_sapui_${key}`];
+};
+export default isEventMarked;
+//# sourceMappingURL=isEventMarked.js.map

package/dist/util/isEventMarked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEventMarked.js","sourceRoot":"","sources":["../../src/util/isEventMarked.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,MAAc,iBAAiB,EAAE,EAAE;IACrE,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["const defaultOpenUI5Key = \"handledByControl\";\n\nconst isEventMarked = (event: any, key: string = defaultOpenUI5Key) => {\n\treturn !!event[`_sapui_${key}`];\n};\n\nexport default isEventMarked;\n"]}

package/dist/util/isValidPropertyName.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Checks whether a property name is valid (does not collide with existing DOM API properties)
+ *
+ * @param name
+ * @returns {boolean}
+ */
+declare const isValidPropertyName: (name: string) => boolean;
+export default isValidPropertyName;

package/dist/util/isValidPropertyName.js

@@ -1,20 +1,28 @@
+// Note: disabled is present in IE so we explicitly allow it here.
+// Others, such as title/hidden, we explicitly override, so valid too
+const allowList = [
+    "disabled",
+    "title",
+    "hidden",
+    "role",
+    "draggable",
+];
 /**
  * Checks whether a property name is valid (does not collide with existing DOM API properties)
- * Note: disabled is present in IE so we explicitly allow it here.
  *
  * @param name
  * @returns {boolean}
  */
-const isValidPropertyName = name => {
-	if (name === "disabled") {
-		return true;
-	}
-	const classes = [
-		HTMLElement,
-		Element,
-		Node,
-	];
-	return !classes.some(klass => klass.prototype.hasOwnProperty(name)); // eslint-disable-line
+const isValidPropertyName = (name) => {
+    if (allowList.includes(name) || name.startsWith("aria")) {
+        return true;
+    }
+    const classes = [
+        HTMLElement,
+        Element,
+        Node,
+    ];
+    return !classes.some(klass => klass.prototype.hasOwnProperty(name)); // eslint-disable-line
 };
-
 export default isValidPropertyName;
+//# sourceMappingURL=isValidPropertyName.js.map

package/dist/util/isValidPropertyName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidPropertyName.js","sourceRoot":"","sources":["../../src/util/isValidPropertyName.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,qEAAqE;AACrE,MAAM,SAAS,GAAG;IACjB,UAAU;IACV,OAAO;IACP,QAAQ;IACR,MAAM;IACN,WAAW;CACX,CAAC;AAEF;;;;;GAKG;AACH,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,EAAE;IAC5C,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QACzD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,OAAO,GAAG;QACf,WAAW;QACX,OAAO;QACP,IAAI;KACJ,CAAC;IACF,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,sBAAsB;AAC5F,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","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"]}

package/dist/util/throttle.d.ts

@@ -0,0 +1,2 @@
+declare function throttle(func: () => void, delay: number): () => void;
+export default throttle;

package/dist/util/throttle.js

@@ -0,0 +1,20 @@
+function throttle(func, delay) {
+    let lastArgs = null; // used to ensure an explicit last call after the delay
+    let throttleTimeout = null;
+    return function throttled(...args) {
+        if (throttleTimeout) {
+            lastArgs = args;
+            return;
+        }
+        func(...args);
+        throttleTimeout = setTimeout(() => {
+            if (lastArgs) {
+                func(...lastArgs);
+                lastArgs = null;
+            }
+            throttleTimeout = null;
+        }, delay);
+    };
+}
+export default throttle;
+//# sourceMappingURL=throttle.js.map

package/dist/util/throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"throttle.js","sourceRoot":"","sources":["../../src/util/throttle.ts"],"names":[],"mappings":"AAEA,SAAS,QAAQ,CAAC,IAAgB,EAAE,KAAa;IAChD,IAAI,QAAQ,GAAc,IAAI,CAAC,CAAC,uDAAuD;IACvF,IAAI,eAAe,GAAmB,IAAI,CAAC;IAE3C,OAAO,SAAS,SAAS,CAAC,GAAG,IAAI;QAChC,IAAI,eAAe,EAAE,CAAC;YACrB,QAAQ,GAAG,IAAI,CAAC;YAChB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QACd,eAAe,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,IAAI,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC;gBAClB,QAAQ,GAAG,IAAI,CAAC;YACjB,CAAC;YACD,eAAe,GAAG,IAAI,CAAC;QACxB,CAAC,EAAE,KAAK,CAAC,CAAC;IACX,CAAC,CAAC;AACH,CAAC;AAED,eAAe,QAAQ,CAAC","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"]}

package/dist/util/toLowercaseEnumValue.d.ts

@@ -0,0 +1,3 @@
+type LowercaseEnum<T> = T extends string ? Lowercase<T> : never;
+export default function toLowercaseEnumValue<T extends string>(value: T): LowercaseEnum<T>;
+export {};

package/dist/util/toLowercaseEnumValue.js

@@ -0,0 +1,4 @@
+export default function toLowercaseEnumValue(value) {
+    return value.toLowerCase();
+}
+//# sourceMappingURL=toLowercaseEnumValue.js.map

package/dist/util/toLowercaseEnumValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toLowercaseEnumValue.js","sourceRoot":"","sources":["../../src/util/toLowercaseEnumValue.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAmB,KAAQ;IACtE,OAAO,KAAK,CAAC,WAAW,EAAsB,CAAC;AAChD,CAAC","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"]}

package/dist/util/valueStateNavigation.d.ts

@@ -0,0 +1,8 @@
+interface ControlHandlers {
+    closeValueState: () => void;
+    focusInput: () => void;
+    navigateToItem: () => void;
+    isPopoverOpen: () => boolean;
+}
+declare const attachListeners: (e: KeyboardEvent, links: Array<HTMLElement>, index: number, handlers: ControlHandlers) => void;
+export { attachListeners, ControlHandlers };

package/dist/util/valueStateNavigation.js

@@ -0,0 +1,40 @@
+import { isDown, isUp, isTabNext, isTabPrevious, isEscape, } from "../Keys.js";
+const attachListeners = (e, links, index, handlers) => {
+    if (isTabNext(e)) {
+        if (index !== links.length - 1) {
+            e.stopImmediatePropagation();
+            e.preventDefault();
+            links[index + 1].focus();
+        }
+        else {
+            handlers.closeValueState();
+            handlers.focusInput();
+        }
+    }
+    if (isTabPrevious(e)) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        if (index > 0) {
+            links[index - 1].focus();
+        }
+        else {
+            handlers.focusInput();
+        }
+    }
+    if (isUp(e)) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        handlers.isPopoverOpen() && handlers.focusInput();
+    }
+    if (isDown(e)) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        handlers.navigateToItem();
+    }
+    if (isEscape(e)) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+    }
+};
+export { attachListeners };
+//# sourceMappingURL=valueStateNavigation.js.map

package/dist/util/valueStateNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valueStateNavigation.js","sourceRoot":"","sources":["../../src/util/valueStateNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAQ,GACR,MAAM,YAAY,CAAC;AASpB,MAAM,eAAe,GAAG,CAAC,CAAgB,EAAE,KAAyB,EAAE,KAAa,EAAE,QAAyB,EAAE,EAAE;IACjH,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAClB,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,CAAC,CAAC,wBAAwB,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,eAAe,EAAE,CAAC;YAC3B,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC;IACF,CAAC;IAED,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACf,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC;IACF,CAAC;IAED,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACb,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,QAAQ,CAAC,aAAa,EAAE,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;IACnD,CAAC;IAED,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,QAAQ,CAAC,cAAc,EAAE,CAAC;IAC3B,CAAC;IAED,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QACjB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,wBAAwB,EAAE,CAAC;IAC9B,CAAC;AACF,CAAC,CAAC;AAEF,OAAO,EAAE,eAAe,EAAmB,CAAC","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"]}

package/dist/util/whenDOMReady.d.ts

@@ -0,0 +1,2 @@
+declare const whenDOMReady: () => Promise<void>;
+export default whenDOMReady;

package/dist/util/whenDOMReady.js

@@ -1,13 +1,14 @@
 const whenDOMReady = () => {
-	return new Promise(resolve => {
-		if (document.body) {
-			resolve();
-		} else {
-			document.addEventListener("DOMContentLoaded", () => {
-				resolve();
-			});
-		}
-	});
+    return new Promise(resolve => {
+        if (document.body) {
+            resolve();
+        }
+        else {
+            document.addEventListener("DOMContentLoaded", () => {
+                resolve();
+            });
+        }
+    });
 };
-
 export default whenDOMReady;
+//# sourceMappingURL=whenDOMReady.js.map

package/dist/util/whenDOMReady.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whenDOMReady.js","sourceRoot":"","sources":["../../src/util/whenDOMReady.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,GAAG,EAAE;IACzB,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE;QAClC,IAAI,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;gBAClD,OAAO,EAAE,CAAC;YACX,CAAC,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","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"]}

package/dist/util/willShowContent.d.ts

@@ -0,0 +1,2 @@
+declare const willShowContent: (childNodes: Array<Node>) => boolean;
+export default willShowContent;

package/dist/util/willShowContent.js

@@ -0,0 +1,7 @@
+const willShowContent = (childNodes) => {
+    return Array.from(childNodes).filter(node => {
+        return node.nodeType !== Node.COMMENT_NODE && (node.nodeType !== Node.TEXT_NODE || (node.nodeValue || "").trim().length !== 0);
+    }).length > 0;
+};
+export default willShowContent;
+//# sourceMappingURL=willShowContent.js.map

package/dist/util/willShowContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"willShowContent.js","sourceRoot":"","sources":["../../src/util/willShowContent.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,CAAC,UAAuB,EAAE,EAAE;IACnD,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QAC3C,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAChI,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","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"]}

package/dist/validateThemeRoot.d.ts

@@ -0,0 +1,2 @@
+declare const validateThemeRoot: (themeRoot: string) => string | undefined;
+export default validateThemeRoot;

package/dist/validateThemeRoot.js

@@ -0,0 +1,53 @@
+import { getLocationHref } from "./Location.js";
+const getMetaTagValue = (metaTagName) => {
+    const metaTag = document.querySelector(`META[name="${metaTagName}"]`), metaTagContent = metaTag && metaTag.getAttribute("content");
+    return metaTagContent;
+};
+const validateThemeOrigin = (origin) => {
+    const allowedOrigins = getMetaTagValue("sap-allowed-theme-origins") ?? getMetaTagValue("sap-allowedThemeOrigins"); // Prioritize the new meta tag name
+    // If no allowed origins are specified, block.
+    if (!allowedOrigins) {
+        return false;
+    }
+    return allowedOrigins.split(",").some(allowedOrigin => {
+        return allowedOrigin === "*" || origin === allowedOrigin.trim();
+    });
+};
+const buildCorrectUrl = (oldUrl, newOrigin) => {
+    const oldUrlPath = new URL(oldUrl).pathname;
+    return new URL(oldUrlPath, newOrigin).toString();
+};
+const validateThemeRoot = (themeRoot) => {
+    let resultUrl;
+    try {
+        if (themeRoot.startsWith(".") || themeRoot.startsWith("/")) {
+            // Handle relative url
+            // new URL("/newExmPath", "http://example.com/exmPath") => http://example.com/newExmPath
+            // new URL("./newExmPath", "http://example.com/exmPath") => http://example.com/exmPath/newExmPath
+            // new URL("../newExmPath", "http://example.com/exmPath") => http://example.com/newExmPath
+            resultUrl = new URL(themeRoot, getLocationHref()).toString();
+        }
+        else {
+            const themeRootURL = new URL(themeRoot);
+            const origin = themeRootURL.origin;
+            if (origin && validateThemeOrigin(origin)) {
+                // If origin is allowed, use it
+                resultUrl = themeRootURL.toString();
+            }
+            else {
+                // If origin is not allow and the URL is not relative, we have to replace the origin
+                // with current location
+                resultUrl = buildCorrectUrl(themeRootURL.toString(), getLocationHref());
+            }
+        }
+        if (!resultUrl.endsWith("/")) {
+            resultUrl = `${resultUrl}/`;
+        }
+        return `${resultUrl}UI5/`;
+    }
+    catch (e) {
+        // Catch if URL is not correct
+    }
+};
+export default validateThemeRoot;
+//# sourceMappingURL=validateThemeRoot.js.map

package/dist/validateThemeRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateThemeRoot.js","sourceRoot":"","sources":["../src/validateThemeRoot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,eAAe,GAAG,CAAC,WAAmB,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,WAAW,IAAI,CAAC,EACpE,cAAc,GAAG,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAE7D,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,MAAc,EAAE,EAAE;IAC9C,MAAM,cAAc,GAAG,eAAe,CAAC,2BAA2B,CAAC,IAAI,eAAe,CAAC,yBAAyB,CAAC,CAAC,CAAC,mCAAmC;IAEtJ,8CAA8C;IAC9C,IAAI,CAAC,cAAc,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC;IACd,CAAC;IAED,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;QACrD,OAAO,aAAa,KAAK,GAAG,IAAI,MAAM,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,SAAiB,EAAE,EAAE;IAC7D,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC;IAE5C,OAAO,IAAI,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC/C,IAAI,SAAS,CAAC;IAEd,IAAI,CAAC;QACJ,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5D,sBAAsB;YACtB,wFAAwF;YACxF,iGAAiG;YACjG,0FAA0F;YAC1F,SAAS,GAAG,IAAI,GAAG,CAAC,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC9D,CAAC;aAAM,CAAC;YACP,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;YACxC,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;YAEnC,IAAI,MAAM,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC3C,+BAA+B;gBAC/B,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACP,oFAAoF;gBACpF,wBAAwB;gBACxB,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC;YACzE,CAAC;QACF,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,SAAS,GAAG,GAAG,SAAS,GAAG,CAAC;QAC7B,CAAC;QAED,OAAO,GAAG,SAAS,MAAM,CAAC;IAC3B,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACZ,8BAA8B;IAC/B,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","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) => {\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\treturn allowedOrigins.split(\",\").some(allowedOrigin => {\n\t\treturn allowedOrigin === \"*\" || origin === allowedOrigin.trim();\n\t});\n};\n\nconst buildCorrectUrl = (oldUrl: string, newOrigin: string) => {\n\tconst oldUrlPath = new URL(oldUrl).pathname;\n\n\treturn new URL(oldUrlPath, newOrigin).toString();\n};\n\nconst validateThemeRoot = (themeRoot: string) => {\n\tlet resultUrl;\n\n\ttry {\n\t\tif (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} else {\n\t\t\tconst themeRootURL = new URL(themeRoot);\n\t\t\tconst origin = themeRootURL.origin;\n\n\t\t\tif (origin && validateThemeOrigin(origin)) {\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 allow and the URL is not relative, we have to replace the origin\n\t\t\t\t// with current location\n\t\t\t\tresultUrl = buildCorrectUrl(themeRootURL.toString(), getLocationHref());\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}\n};\n\nexport default validateThemeRoot;\n"]}

package/dist/vscode.html-custom-data.json

@@ -0,0 +1,22 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "ui5element",
+      "description": "Base class for all UI5 Web Components\n\n\n---\n\n\n\n\n### **Methods:**\n - **onBeforeRendering(): _void_** - Called every time before the component renders.\n- **onAfterRendering(): _void_** - Called every time after the component renders.\n- **onEnterDOM(): _void_** - Called on connectedCallback - added to the DOM.\n- **onExitDOM(): _void_** - Called on disconnectedCallback - removed from the DOM.\n- **attachInvalidate(callback: _(param: InvalidationInfo) => void_): _void_** - Attach a callback that will be executed whenever the component is invalidated\n- **detachInvalidate(callback: _(param: InvalidationInfo) => void_): _void_** - Detach the callback that is executed whenever the component is invalidated\n- **onInvalidation(changeInfo: _ChangeInfo_): _void_** - A callback that is executed each time an already rendered component is invalidated (scheduled for re-rendering)\n- **getDomRef(): _HTMLElement | undefined_** - Returns the DOM Element inside the Shadow Root that corresponds to the opening tag in the UI5 Web Component's template\n*Note:* For logical (abstract) elements (items, options, etc...), returns the part of the parent's DOM that represents this option\nUse this method instead of \"this.shadowRoot\" to read the Shadow DOM, if ever necessary\n- **getFocusDomRef(): _HTMLElement | undefined_** - Returns the DOM Element marked with \"data-sap-focus-ref\" inside the template.\nThis is the element that will receive the focus by default.\n- **getFocusDomRefAsync(): _Promise<HTMLElement | undefined>_** - Waits for dom ref and then returns the DOM Element marked with \"data-sap-focus-ref\" inside the template.\nThis is the element that will receive the focus by default.\n- **focus(focusOptions: _FocusOptions_): _Promise<void>_** - Set the focus to the element, returned by \"getFocusDomRef()\" (marked by \"data-sap-focus-ref\")\n- **fireDecoratorEvent(name: _N_, data: _this[\"eventDetails\"][N] | undefined_): _boolean_** - Fires a custom event, configured via the \"event\" decorator.\n- **getSlottedNodes(): _Array<T>_** - Returns the actual children, associated with a slot.\nUseful when there are transitive slots in nested component scenarios and you don't want to get a list of the slots, but rather of their content.\n- **attachComponentStateFinalized(callback: _() => void_): _void_** - Attach a callback that will be executed whenever the component's state is finalized\n- **detachComponentStateFinalized(callback: _() => void_): _void_** - Detach the callback that is executed whenever the component's state is finalized\n- **getUniqueDependencies(): _Array<typeof UI5Element>_** - Returns a list of the unique dependencies for this UI5 Web Component\n- **define(): _typeof UI5Element_** - Registers a UI5 Web Component in the browser window object\n- **getMetadata(): _UI5ElementMetadata_** - Returns an instance of UI5ElementMetadata.js representing this UI5 Web Component's full metadata (its and its parents')\nNote: not to be confused with the \"get metadata()\" method, which returns an object for this class's metadata only",
+      "attributes": [
+        {
+          "name": "effective-dir",
+          "description": "Determines whether the component should be rendered in RTL mode or not.\nReturns: \"rtl\", \"ltr\" or undefined",
+          "values": [{ "name": "any" }]
+        },
+        {
+          "name": "is-ui5-element",
+          "description": "Used to duck-type UI5 elements without using instanceof",
+          "values": [{ "name": "any" }]
+        }
+      ],
+      "references": []
+    }
+  ]
+}

package/package-scripts.cjs

@@ -0,0 +1,105 @@
+const resolve = require("resolve");
+const path = require("path");
+
+const assetParametersScript = resolve.sync("@ui5/webcomponents-base/lib/generate-asset-parameters/index.js");
+const stylesScript = resolve.sync("@ui5/webcomponents-base/lib/generate-styles/index.js");
+const fontFaceScript = resolve.sync("@ui5/webcomponents-base/lib/css-processors/css-processor-font-face.mjs");
+const versionScript = resolve.sync("@ui5/webcomponents-base/lib/generate-version-info/index.js");
+const copyUsedModules = resolve.sync("@ui5/webcomponents-tools/lib/copy-list/index.js");
+const amdToES6 = resolve.sync("@ui5/webcomponents-tools/lib/amd-to-es6/index.js");
+const noRequire = resolve.sync("@ui5/webcomponents-tools/lib/amd-to-es6/no-remaining-require.js");
+
+const LIB = path.join(__dirname, `../tools/lib/`);
+
+const viteConfig = `-c "${require.resolve("@ui5/webcomponents-tools/components-package/vite.config.js")}"`;
+
+const scripts = {
+	__ui5envs: {
+		UI5_TS: "true",
+		UI5_BASE: true,
+		UI5_CEM_MODE: "dev",
+	},
+	clean: {
+		default: "ui5nps clean.generated clean.dist",
+		"generated": `ui5nps-script "${LIB}/rimraf/rimraf.js src/generated`,
+		"dist": `ui5nps-script "${LIB}/rimraf/rimraf.js dist`,
+	},
+	lint: `eslint .`,
+	generate: "ui5nps clean build.i18n integrate copy generateAssetParameters generateVersionInfo generateStyles generateFontFace build.jsonImports",
+	prepare: "ui5nps clean build.i18n integrate copy generateAssetParameters generateVersionInfo generateStyles generateFontFace typescript integrate.no-remaining-require build.jsonImports",
+	typescript: "tsc -b",
+	integrate: {
+		default: "ui5nps integrate.copy-used-modules integrate.amd-to-es6 integrate.third-party",
+		"copy-used-modules": `ui5nps-script "${copyUsedModules}" ./used-modules.txt dist/`,
+		"amd-to-es6": `ui5nps-script "${amdToES6}" dist/`,
+		"no-remaining-require": `ui5nps-script "${noRequire}" dist/`,
+		"third-party": {
+			default: "ui5nps integrate.third-party.copy integrate.third-party.fix",
+			copy: `ui5nps-script "${LIB}copy-and-watch/index.js" ../../node_modules/@openui5/sap.ui.core/src/sap/ui/thirdparty/caja-html-sanitizer.js dist/sap/ui/thirdparty/`,
+			fix: "replace-in-file 240 xA0 dist/sap/ui/thirdparty/caja-html-sanitizer.js"
+		},
+	},
+	build: {
+		default: `ui5nps prepare`,
+		bundle: `vite build ${viteConfig}`,
+		i18n: {
+			default: "ui5nps build.i18n.defaultsjs build.i18n.json",
+			defaultsjs: `ui5nps-script "${LIB}/i18n/defaults.js" src/i18n src/generated/i18n`,
+			json: `ui5nps-script "${LIB}/i18n/toJSON.js" src/i18n dist/generated/assets/i18n`,
+		},
+		jsonImports: {
+			default: "ui5nps build.jsonImports.i18n",
+			i18n: `ui5nps-script "${LIB}/generate-json-imports/i18n.js" dist/generated/assets/i18n src/generated/json-imports`,
+		},
+	},
+	copy: {
+		default: "ui5nps copy.src",
+		src: `ui5nps-script "${LIB}copy-and-watch/index.js" "src/**/*.{js,css,d.ts}" dist/`,
+		srcWithWatch: `ui5nps-script "${LIB}copy-and-watch/index.js" "src/**/*.{js,css,d.ts}" dist/ --watch --skip-initial-copy`,
+	},
+	generateAssetParameters: `ui5nps-script "${assetParametersScript}"`,
+	generateVersionInfo: `ui5nps-script "${versionScript}"`,
+	generateStyles: `ui5nps-script "${stylesScript}"`,
+	generateFontFace: `ui5nps-script "${fontFaceScript}"`,
+	generateTestTemplates: `node "${LIB}/hbs2ui5/index.js" -d test/test-elements -o test/test-elements/generated/templates`,
+	generateProd: {
+		"default": "ui5nps generateProd.remove-dev-mode generateProd.copy-prod",
+		"remove-dev-mode": `ui5nps-script "${LIB}/remove-dev-mode/remove-dev-mode.mjs"`,
+		"copy-prod": {
+			default: "ui5nps-p generateProd.copy-prod.ui5 generateProd.copy-prod.preact generateProd.copy-prod.assets",
+			"ui5": `ui5nps-script "${LIB}copy-and-watch/index.js" "dist/sap/**/*" dist/prod/sap/`,
+			"preact": `ui5nps-script "${LIB}copy-and-watch/index.js" "dist/thirdparty/preact/**/*.js" dist/prod/thirdparty/preact/`,
+			"assets": `ui5nps-script "${LIB}copy-and-watch/index.js" "dist/generated/assets/**/*.json" dist/prod/generated/assets/`,
+	}
+},
+	generateAPI: {
+		default: "ui5nps generateAPI.generateCEM generateAPI.validateCEM",
+		generateCEM: `ui5nps-script "${LIB}/cem/cem.js" analyze --config "${LIB}cem/custom-elements-manifest.config.mjs"`,
+		validateCEM: `ui5nps-script "${LIB}/cem/validate.js"`,
+	},
+	watch: {
+		default: 'ui5nps-p watch.src watch.styles', // concurently
+		withBundle: 'ui5nps-p watch.src watch.bundle watch.styles', // concurently
+		src: 'ui5nps copy.srcWithWatch',
+		bundle: `ui5nps-script ${LIB}/dev-server/dev-server.mjs ${viteConfig}`,
+		styles: 'chokidar "src/css/*.css" -c "ui5nps generateStyles"'
+	},
+	test: {
+		default: 'ui5nps-p test.ssr test.ssr2 test.test-cy-ci', // concurently
+		ssr: `mocha test/ssr`,
+		ssr2: "node -e \"import('./dist/Device.js')\"",
+		"test-cy-ci": {
+			default: "ui5nps generateTestTemplates test.test-cy-ci.cypress",
+			cypress: ` yarn cypress run --component --browser chrome`
+		},
+		"test-cy-open": {
+			default: "ui5nps generateTestTemplates test.test-cy-open.cypress",
+			cypress: ` yarn cypress open --component --browser chrome`
+		}
+	},
+};
+
+
+module.exports = {
+	scripts,
+};