@ui5/webcomponents-base 0.0.0-dff5837d7 → 0.0.0-e0658a650

package/dist/types/ItemNavigationBehavior.js

@@ -1,21 +1,26 @@
 /**
- * @private
  * Different behavior for ItemNavigation.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.base.types.ItemNavigationBehavior
  */
-const ItemNavigationBehavior = {
-	/**
-	* Static behavior: when border of the items is reached, you can't go out of the cage.
- 	*/
-	Static: "Static",
-
-	/**
-	* Cycling behavior: when border of the items is reached, you can cycle through the items.
- 	*/
-	Cyclic: "Cyclic",
-
-	/**
-	* Paging behavior: when border of the items is reached, tou can go up/down based on the rowsize(e.g. DayPicker)
- 	*/
-	Paging: "Paging",
-};
+var ItemNavigationBehavior;
+(function (ItemNavigationBehavior) {
+    /**
+     * Static behavior: navigations stops at the first or last item.
+     * @public
+     * @type {Static}
+     */
+    ItemNavigationBehavior["Static"] = "Static";
+    /**
+     * Cycling behavior: navigating past the last item continues with the first and vice versa.
+     * @public
+     * @type {Cyclic}
+     */
+    ItemNavigationBehavior["Cyclic"] = "Cyclic";
+})(ItemNavigationBehavior || (ItemNavigationBehavior = {}));
 export default ItemNavigationBehavior;
+//# sourceMappingURL=ItemNavigationBehavior.js.map

package/dist/types/ItemNavigationBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemNavigationBehavior.js","sourceRoot":"","sources":["../../src/types/ItemNavigationBehavior.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,sBAcJ;AAdD,WAAK,sBAAsB;IAC1B;;;;OAII;IACJ,2CAAiB,CAAA;IAEjB;;;;OAII;IACJ,2CAAiB,CAAA;AAClB,CAAC,EAdI,sBAAsB,KAAtB,sBAAsB,QAc1B;AAED,eAAe,sBAAsB,CAAC"}

package/dist/types/NavigationMode.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Different navigation modes for ItemNavigation.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.base.types.NavigationMode
+ */
+declare enum NavigationMode {
+    /**
+     * @public
+     * @type {Auto}
+     */
+    Auto = "Auto",
+    /**
+     * @public
+     * @type {Vertical}
+     */
+    Vertical = "Vertical",
+    /**
+     * @public
+     * @type {Horizontal}
+     */
+    Horizontal = "Horizontal",
+    /**
+     * @public
+     * @type {Paging}
+     */
+    Paging = "Paging"
+}
+export default NavigationMode;

package/dist/types/NavigationMode.js

@@ -1,7 +1,34 @@
-const NavigationMode = {
-	Auto: "Auto",
-	Vertical: "Vertical",
-	Horizontal: "Horizontal",
-	Paging: "Paging",
-};
+/**
+ * Different navigation modes for ItemNavigation.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.base.types.NavigationMode
+ */
+var NavigationMode;
+(function (NavigationMode) {
+    /**
+     * @public
+     * @type {Auto}
+     */
+    NavigationMode["Auto"] = "Auto";
+    /**
+     * @public
+     * @type {Vertical}
+     */
+    NavigationMode["Vertical"] = "Vertical";
+    /**
+     * @public
+     * @type {Horizontal}
+     */
+    NavigationMode["Horizontal"] = "Horizontal";
+    /**
+     * @public
+     * @type {Paging}
+     */
+    NavigationMode["Paging"] = "Paging";
+})(NavigationMode || (NavigationMode = {}));
 export default NavigationMode;
+//# sourceMappingURL=NavigationMode.js.map

package/dist/types/NavigationMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMode.js","sourceRoot":"","sources":["../../src/types/NavigationMode.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,cAqBJ;AArBD,WAAK,cAAc;IAClB;;;OAGG;IACH,+BAAa,CAAA;IACb;;;OAGG;IACH,uCAAqB,CAAA;IACrB;;;OAGG;IACH,2CAAyB,CAAA;IACzB;;;OAGG;IACH,mCAAiB,CAAA;AAClB,CAAC,EArBI,cAAc,KAAd,cAAc,QAqBlB;AAED,eAAe,cAAc,CAAC"}

package/dist/types/ValueState.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Different types of ValueStates.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.base.types.ValueState
+ */
+declare enum ValueState {
+    /**
+     *
+     * @public
+     * @type {None}
+     */
+    None = "None",
+    /**
+     *
+     * @public
+     * @type {Success}
+     */
+    Success = "Success",
+    /**
+     *
+     * @public
+     * @type {Warning}
+     */
+    Warning = "Warning",
+    /**
+     *
+     * @public
+     * @type {Error}
+     */
+    Error = "Error",
+    /**
+     *
+     * @public
+     * @type {Information}
+     */
+    Information = "Information"
+}
+export default ValueState;

package/dist/types/ValueState.js

@@ -1,22 +1,44 @@
-import DataType from "./DataType.js";
-
 /**
- * Different states.
+ * Different types of ValueStates.
+ *
+ * @class
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.base.types.ValueState
  */
-const ValueStates = {
-	None: "None",
-	Success: "Success",
-	Warning: "Warning",
-	Error: "Error",
-	Information: "Information",
-};
-
-class ValueState extends DataType {
-	static isValid(value) {
-		return !!ValueStates[value];
-	}
-}
-
-ValueState.generataTypeAcessors(ValueStates);
-
+var ValueState;
+(function (ValueState) {
+    /**
+     *
+     * @public
+     * @type {None}
+     */
+    ValueState["None"] = "None";
+    /**
+     *
+     * @public
+     * @type {Success}
+     */
+    ValueState["Success"] = "Success";
+    /**
+     *
+     * @public
+     * @type {Warning}
+     */
+    ValueState["Warning"] = "Warning";
+    /**
+     *
+     * @public
+     * @type {Error}
+     */
+    ValueState["Error"] = "Error";
+    /**
+     *
+     * @public
+     * @type {Information}
+     */
+    ValueState["Information"] = "Information";
+})(ValueState || (ValueState = {}));
 export default ValueState;
+//# sourceMappingURL=ValueState.js.map

package/dist/types/ValueState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueState.js","sourceRoot":"","sources":["../../src/types/ValueState.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,UAmCJ;AAnCD,WAAK,UAAU;IACd;;;;OAIG;IACH,2BAAa,CAAA;IAEb;;;;OAIG;IACH,iCAAmB,CAAA;IAEnB;;;;OAIG;IACH,iCAAmB,CAAA;IAEnB;;;;OAIG;IACH,6BAAe,CAAA;IAEf;;;;OAIG;IACH,yCAA2B,CAAA;AAC5B,CAAC,EAnCI,UAAU,KAAV,UAAU,QAmCd;AAED,eAAe,UAAU,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+type PromiseResolve = (value: void | PromiseLike<void>) => void;
+type Timeout = ReturnType<typeof setTimeout>;
+type StyleDataCSP = {
+    content: string;
+    packageName: string;
+    fileName: string;
+};
+type StyleData = StyleDataCSP | string;
+type I18nDefaultText = {
+    key: string;
+    defaultText: string;
+};
+export type { PromiseResolve, Timeout, StyleData, StyleDataCSP, I18nDefaultText, };

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/updateShadowRoot.d.ts

@@ -0,0 +1,8 @@
+import type UI5Element from "./UI5Element.js";
+/**
+ * Updates the shadow root of a UI5Element or its static area item
+ * @param element
+ * @param forStaticArea
+ */
+declare const updateShadowRoot: (element: UI5Element, forStaticArea?: boolean) => void;
+export default updateShadowRoot;

package/dist/updateShadowRoot.js

@@ -0,0 +1,34 @@
+import executeTemplate from "./renderer/executeTemplate.js";
+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 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

@@ -0,0 +1,44 @@
+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
+ */
+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) => {
+        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

@@ -0,0 +1,23 @@
+/**
+ * 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 setCaretPosition = (field, caretPos) => {
+    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,EAAE,EAAE;IACpD,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,33 @@
+/**
+ *
+ * @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) => {
+    r: number;
+    g: number;
+    b: number;
+};
+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, };