@ui5/webcomponents-base 1.9.3 → 1.10.1

package/dist/updateShadowRoot.js

@@ -3,27 +3,32 @@ import getConstructableStyle from "./theming/getConstructableStyle.js";
 import getEffectiveStyle from "./theming/getEffectiveStyle.js";
 import getEffectiveLinksHrefs from "./theming/getEffectiveLinksHrefs.js";
 import { shouldUseLinks } from "./CSP.js";
-
 /**
  * Updates the shadow root of a UI5Element or its static area item
  * @param element
  * @param forStaticArea
  */
 const updateShadowRoot = (element, forStaticArea = false) => {
-	let styleStrOrHrefsArr;
-	const template = forStaticArea ? "staticAreaTemplate" : "template";
-	const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
-	const renderResult = executeTemplate(element.constructor[template], element);
-
-	if (shouldUseLinks()) {
-		styleStrOrHrefsArr = getEffectiveLinksHrefs(element.constructor, forStaticArea);
-	} else if (document.adoptedStyleSheets) { // Chrome
-		shadowRoot.adoptedStyleSheets = getConstructableStyle(element.constructor, forStaticArea);
-	} else { // FF, Safari
-		styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
-	}
-
-	element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
+    let styleStrOrHrefsArr;
+    const ctor = element.constructor;
+    const propertyName = forStaticArea ? "staticAreaTemplate" : "template";
+    const template = ctor[propertyName];
+    const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
+    const renderResult = executeTemplate(template, element); // this is checked before calling updateShadowRoot
+    if (!shadowRoot) {
+        console.warn(`There is no shadow root to update`); // eslint-disable-line
+        return;
+    }
+    if (shouldUseLinks()) {
+        styleStrOrHrefsArr = getEffectiveLinksHrefs(ctor, forStaticArea);
+    }
+    else if (document.adoptedStyleSheets) { // Chrome
+        shadowRoot.adoptedStyleSheets = getConstructableStyle(ctor, forStaticArea);
+    }
+    else { // FF, Safari
+        styleStrOrHrefsArr = getEffectiveStyle(ctor, forStaticArea);
+    }
+    ctor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
 };
-
 export default updateShadowRoot;
+//# sourceMappingURL=updateShadowRoot.js.map

package/dist/updateShadowRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateShadowRoot.js","sourceRoot":"","sources":["../src/updateShadowRoot.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,sBAAsB,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,aAAa,GAAG,KAAK,EAAE,EAAE;IACvE,IAAI,kBAAkB,CAAC;IACvB,MAAM,IAAI,GAAG,OAAO,CAAC,WAAgC,CAAC;IACtD,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,CAAC;IACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,cAAe,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAC3F,MAAM,YAAY,GAAG,eAAe,CAAC,QAAS,EAAE,OAAO,CAAC,CAAC,CAAC,kDAAkD;IAE5G,IAAI,CAAC,UAAU,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,CAAC,sBAAsB;QACzE,OAAO;KACP;IAED,IAAI,cAAc,EAAE,EAAE;QACrB,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KACjE;SAAM,IAAI,QAAQ,CAAC,kBAAkB,EAAE,EAAE,SAAS;QAClD,UAAU,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KAC3E;SAAM,EAAE,aAAa;QACrB,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;KAC5D;IAED,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/util/AriaLabelHelper.d.ts

@@ -0,0 +1,6 @@
+declare const getEffectiveAriaLabelText: (el: HTMLElement) => string | undefined;
+/**
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
+ */
+declare const getAssociatedLabelForTexts: (el: HTMLElement) => string | undefined;
+export { getEffectiveAriaLabelText, getAssociatedLabelForTexts, };

package/dist/util/AriaLabelHelper.js

@@ -1,56 +1,44 @@
-const getEffectiveAriaLabelText = el => {
-	if (!el.accessibleNameRef) {
-		if (el.accessibleName) {
-			return el.accessibleName;
-		}
-
-		return undefined;
-	}
-
-	return getAriaLabelledByTexts(el);
+const getEffectiveAriaLabelText = (el) => {
+    const accessibleEl = el;
+    if (!accessibleEl.accessibleNameRef) {
+        if (accessibleEl.accessibleName) {
+            return accessibleEl.accessibleName;
+        }
+        return undefined;
+    }
+    return _getAriaLabelledByTexts(el);
 };
-
 /**
  *
  * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts
- * @param {Document|HTMLElement} ownerDocument (Optional) Defines the document or element where you want to search for the texts
- * @param {String} readyIds (Optional) Defines a string of elements ids. The text of these elements will be returned. If used you should provide either el or ownerDocument
  */
-const getAriaLabelledByTexts = (el, ownerDocument, readyIds = "") => {
-	const ids = (readyIds && readyIds.split(" ")) || el.accessibleNameRef.split(" ");
-	const owner = ownerDocument || el.getRootNode();
-	let result = "";
-
-	ids.forEach((elementId, index) => {
-		const element = owner.querySelector(`[id='${elementId}']`);
-		result += `${element ? element.textContent : ""}`;
-
-		if (index < ids.length - 1) {
-			result += " ";
-		}
-	});
-
-	return result;
+const _getAriaLabelledByTexts = (el) => {
+    const ids = el.accessibleNameRef.split(" ");
+    const owner = el.getRootNode();
+    let result = "";
+    ids.forEach((elementId, index) => {
+        const element = owner.querySelector(`[id='${elementId}']`);
+        result += `${element && element.textContent ? element.textContent : ""}`;
+        if (index < ids.length - 1) {
+            result += " ";
+        }
+    });
+    return result;
 };
-
 /**
  * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
  */
-const getAssociatedLabelForTexts = el => {
-	const results = [];
-	const labels = el.getRootNode().querySelectorAll(`[ui5-label][for="${el.id}"],label[for="${el.id}"]`);
-
-	labels.forEach(label => results.push(label.textContent));
-
-	if (results.length) {
-		return results.join(" ");
-	}
-
-	return undefined;
-};
-
-export {
-	getEffectiveAriaLabelText,
-	getAriaLabelledByTexts,
-	getAssociatedLabelForTexts,
+const getAssociatedLabelForTexts = (el) => {
+    const results = [];
+    const labels = el.getRootNode().querySelectorAll(`[ui5-label][for="${el.id}"],label[for="${el.id}"]`);
+    labels.forEach((label) => {
+        const labelText = label.textContent;
+        labelText && results.push(labelText);
+    });
+    if (results.length) {
+        return results.join(" ");
+    }
+    return undefined;
 };
+export { getEffectiveAriaLabelText, getAssociatedLabelForTexts, };
+//# sourceMappingURL=AriaLabelHelper.js.map

package/dist/util/AriaLabelHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaLabelHelper.js","sourceRoot":"","sources":["../../src/util/AriaLabelHelper.ts"],"names":[],"mappings":"AAKA,MAAM,yBAAyB,GAAG,CAAC,EAAe,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,EAAuB,CAAC;IAE7C,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE;QACpC,IAAI,YAAY,CAAC,cAAc,EAAE;YAChC,OAAO,YAAY,CAAC,cAAc,CAAC;SACnC;QAED,OAAO,SAAS,CAAC;KACjB;IAED,OAAO,uBAAuB,CAAC,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,uBAAuB,GAAG,CAAC,EAAe,EAAE,EAAE;IACnD,MAAM,GAAG,GAAI,EAAwB,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnE,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,EAAiB,CAAC;IAC9C,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,GAAG,CAAC,OAAO,CAAC,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;QAChD,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,SAAS,IAAI,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAEzE,IAAI,KAAK,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAG,CAAC;SACd;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,0BAA0B,GAAG,CAAC,EAAe,EAAE,EAAE;IACtD,MAAM,OAAO,GAAkB,EAAE,CAAC;IAClC,MAAM,MAAM,GAAI,EAAE,CAAC,WAAW,EAAkB,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;IAEvH,MAAM,CAAC,OAAO,CAAC,CAAC,KAAW,EAAE,EAAE;QAC9B,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;QACpC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzB;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF,OAAO,EACN,yBAAyB,EACzB,0BAA0B,GAC1B,CAAC"}

package/dist/util/Caret.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns the caret (cursor) position of the specified text field (field).
+ * Return value range is 0-field.value.length.
+ */
+declare const getCaretPosition: (field: HTMLInputElement) => number | null;
+declare const setCaretPosition: (field: HTMLInputElement, caretPos: number | null) => void;
+export { getCaretPosition, setCaretPosition, };

package/dist/util/Caret.js

@@ -2,31 +2,22 @@
  * Returns the caret (cursor) position of the specified text field (field).
  * Return value range is 0-field.value.length.
  */
-const getCaretPosition = field => {
-	// Initialize
-	let caretPos = 0;
-
-	if (field.selectionStart || field.selectionStart === "0") { // Firefox support
-		caretPos = field.selectionDirection === "backward" ? field.selectionStart : field.selectionEnd;
-	}
-
-	return caretPos;
+const getCaretPosition = (field) => {
+    // Initialize
+    let caretPos = 0;
+    if (field.selectionStart || field.selectionStart === 0) { // Firefox support
+        caretPos = field.selectionDirection === "backward" ? field.selectionStart : field.selectionEnd;
+    }
+    return caretPos;
 };
-
 const setCaretPosition = (field, caretPos) => {
-	if (field.createTextRange) {
-		const range = field.createTextRange();
-		range.move("character", caretPos);
-		range.select();
-	} else if (field.selectionStart) {
-		field.focus();
-		field.setSelectionRange(caretPos, caretPos);
-	} else {
-		field.focus();
-	}
-};
-
-export {
-	getCaretPosition,
-	setCaretPosition,
+    if (field.selectionStart) {
+        field.focus();
+        field.setSelectionRange(caretPos, caretPos);
+    }
+    else {
+        field.focus();
+    }
 };
+export { getCaretPosition, setCaretPosition, };
+//# sourceMappingURL=Caret.js.map

package/dist/util/Caret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../src/util/Caret.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAiB,EAAE;IACnE,aAAa;IACb,IAAI,QAAQ,GAAkB,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,KAAK,CAAC,EAAE,EAAE,kBAAkB;QAC3E,QAAQ,GAAG,KAAK,CAAC,kBAAkB,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;KAC/F;IAED,OAAO,QAAQ,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,QAAuB,EAAE,EAAE;IAC7E,IAAI,KAAK,CAAC,cAAc,EAAE;QACzB,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,KAAK,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAC5C;SAAM;QACN,KAAK,CAAC,KAAK,EAAE,CAAC;KACd;AACF,CAAC,CAAC;AAEF,OAAO,EACN,gBAAgB,EAChB,gBAAgB,GAChB,CAAC"}

package/dist/util/ColorConversion.d.ts

@@ -0,0 +1,30 @@
+/**
+ *
+ * @param {String} color Color in one of the following formats: RGBA or HEX
+ */
+type ColorHSL = {
+    h: number;
+    s: number;
+    l: number;
+};
+type ColorRGB = {
+    r: number;
+    b: number;
+    g: number;
+};
+declare const getRGBColor: (color: string) => ColorRGB;
+/**
+ * Return an object with the properties for each of the main colors(red, green, blue)
+ * @param {String} color Receives a color in the following format: "rgb(0, 0, 0)
+ */
+declare const RGBStringToRGBObject: (color: string) => ColorRGB;
+declare const HSLToRGB: (color: ColorHSL) => ColorRGB;
+declare const HEXToRGB: (hex: string) => ColorRGB;
+/**
+ * Returns the hex value of the color as string
+ * @param {Object} color Receives an object with the properties for each of the main colors(r, g, b)
+ */
+declare const RGBtoHEX: (color: ColorRGB) => string;
+declare const RGBToHSL: (color: ColorRGB) => ColorHSL;
+export { getRGBColor, HSLToRGB, HEXToRGB, RGBToHSL, RGBStringToRGBObject, RGBtoHEX, };
+export type { ColorHSL, ColorRGB, };