@ui5/webcomponents-base 0.0.0-389bdbabc → 0.0.0-38f83ffef

package/dist/types/ItemNavigationBehavior.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Different behavior for ItemNavigation.
+ *
+ * @public
+ */
+declare enum ItemNavigationBehavior {
+    /**
+     * Static behavior: navigations stops at the first or last item.
+     * @public
+     */
+    Static = "Static",
+    /**
+     * Cycling behavior: navigating past the last item continues with the first and vice versa.
+     * @public
+     */
+    Cyclic = "Cyclic"
+}
+export default ItemNavigationBehavior;

package/dist/types/ItemNavigationBehavior.js

@@ -1,21 +1,20 @@
 /**
- * @private
  * Different behavior for ItemNavigation.
+ *
+ * @public
  */
-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
+     */
+    ItemNavigationBehavior["Static"] = "Static";
+    /**
+     * Cycling behavior: navigating past the last item continues with the first and vice versa.
+     * @public
+     */
+    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;;;;GAIG;AACH,IAAK,sBAYJ;AAZD,WAAK,sBAAsB;IAC1B;;;OAGI;IACJ,2CAAiB,CAAA;IAEjB;;;OAGI;IACJ,2CAAiB,CAAA;AAClB,CAAC,EAZI,sBAAsB,KAAtB,sBAAsB,QAY1B;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n * Different behavior for ItemNavigation.\n *\n * @public\n */\nenum ItemNavigationBehavior {\n\t/**\n\t * Static behavior: navigations stops at the first or last item.\n\t * @public\n \t */\n\tStatic = \"Static\",\n\n\t/**\n\t * Cycling behavior: navigating past the last item continues with the first and vice versa.\n\t * @public\n \t */\n\tCyclic = \"Cyclic\",\n}\n\nexport default ItemNavigationBehavior;\n"]}

package/dist/types/MovePlacement.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Placements of a moved element relative to a target element.
+ *
+ * @public
+ */
+declare enum MovePlacement {
+    /**
+     * @public
+     */
+    On = "On",
+    /**
+     * @public
+     */
+    Before = "Before",
+    /**
+     * @public
+     */
+    After = "After"
+}
+export default MovePlacement;

package/dist/types/MovePlacement.js

@@ -0,0 +1,22 @@
+/**
+ * Placements of a moved element relative to a target element.
+ *
+ * @public
+ */
+var MovePlacement;
+(function (MovePlacement) {
+    /**
+     * @public
+     */
+    MovePlacement["On"] = "On";
+    /**
+     * @public
+     */
+    MovePlacement["Before"] = "Before";
+    /**
+     * @public
+     */
+    MovePlacement["After"] = "After";
+})(MovePlacement || (MovePlacement = {}));
+export default MovePlacement;
+//# sourceMappingURL=MovePlacement.js.map

package/dist/types/MovePlacement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MovePlacement.js","sourceRoot":"","sources":["../../src/types/MovePlacement.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,aAeJ;AAfD,WAAK,aAAa;IACjB;;OAEG;IACH,0BAAS,CAAA;IAET;;OAEG;IACH,kCAAiB,CAAA;IAEjB;;OAEG;IACH,gCAAe,CAAA;AAChB,CAAC,EAfI,aAAa,KAAb,aAAa,QAejB;AAED,eAAe,aAAa,CAAC","sourcesContent":["/**\n * Placements of a moved element relative to a target element.\n *\n * @public\n */\nenum MovePlacement {\n\t/**\n\t * @public\n\t */\n\tOn = \"On\",\n\n\t/**\n\t * @public\n\t */\n\tBefore = \"Before\",\n\n\t/**\n\t * @public\n\t */\n\tAfter = \"After\",\n}\n\nexport default MovePlacement;\n"]}

package/dist/types/NavigationMode.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Different navigation modes for ItemNavigation.
+ *
+ * @public
+ */
+declare enum NavigationMode {
+    /**
+     * @public
+     */
+    Auto = "Auto",
+    /**
+     * @public
+     */
+    Vertical = "Vertical",
+    /**
+     * @public
+     */
+    Horizontal = "Horizontal",
+    /**
+     * @public
+     */
+    Paging = "Paging"
+}
+export default NavigationMode;

package/dist/types/NavigationMode.js

@@ -1,6 +1,26 @@
-const NavigationMode = {
-	Auto: "Auto",
-	Vertical: "Vertical",
-	Horizontal: "Horizontal",
-};
+/**
+ * Different navigation modes for ItemNavigation.
+ *
+ * @public
+ */
+var NavigationMode;
+(function (NavigationMode) {
+    /**
+     * @public
+     */
+    NavigationMode["Auto"] = "Auto";
+    /**
+     * @public
+     */
+    NavigationMode["Vertical"] = "Vertical";
+    /**
+     * @public
+     */
+    NavigationMode["Horizontal"] = "Horizontal";
+    /**
+     * @public
+     */
+    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;;;;GAIG;AACH,IAAK,cAiBJ;AAjBD,WAAK,cAAc;IAClB;;OAEG;IACH,+BAAa,CAAA;IACb;;OAEG;IACH,uCAAqB,CAAA;IACrB;;OAEG;IACH,2CAAyB,CAAA;IACzB;;OAEG;IACH,mCAAiB,CAAA;AAClB,CAAC,EAjBI,cAAc,KAAd,cAAc,QAiBlB;AAED,eAAe,cAAc,CAAC","sourcesContent":["/**\n * Different navigation modes for ItemNavigation.\n *\n * @public\n */\nenum NavigationMode {\n\t/**\n\t * @public\n\t */\n\tAuto = \"Auto\",\n\t/**\n\t * @public\n\t */\n\tVertical = \"Vertical\",\n\t/**\n\t * @public\n\t */\n\tHorizontal = \"Horizontal\",\n\t/**\n\t * @public\n\t */\n\tPaging = \"Paging\",\n}\n\nexport default NavigationMode;\n"]}

package/dist/types/Orientation.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Determines the orientation of an operation.
+ *
+ * @private
+ */
+declare enum Orientation {
+    /**
+     * @private
+     */
+    Vertical = "Vertical",
+    /**
+     * @private
+     */
+    Horizontal = "Horizontal"
+}
+export default Orientation;

package/dist/types/Orientation.js

@@ -0,0 +1,18 @@
+/**
+ * Determines the orientation of an operation.
+ *
+ * @private
+ */
+var Orientation;
+(function (Orientation) {
+    /**
+     * @private
+     */
+    Orientation["Vertical"] = "Vertical";
+    /**
+     * @private
+     */
+    Orientation["Horizontal"] = "Horizontal";
+})(Orientation || (Orientation = {}));
+export default Orientation;
+//# sourceMappingURL=Orientation.js.map

package/dist/types/Orientation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Orientation.js","sourceRoot":"","sources":["../../src/types/Orientation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,WAUJ;AAVD,WAAK,WAAW;IACf;;OAEG;IACH,oCAAqB,CAAA;IAErB;;OAEG;IACH,wCAAyB,CAAA;AAC1B,CAAC,EAVI,WAAW,KAAX,WAAW,QAUf;AAED,eAAe,WAAW,CAAC","sourcesContent":["/**\n * Determines the orientation of an operation.\n *\n * @private\n */\nenum Orientation {\n\t/**\n\t * @private\n\t */\n\tVertical = \"Vertical\",\n\n\t/**\n\t * @private\n\t */\n\tHorizontal = \"Horizontal\",\n}\n\nexport default Orientation;\n"]}

package/dist/types/SortOrder.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Defines the sort order.
+ *
+ * @public
+ * @since 2.8.0
+ */
+declare enum SortOrder {
+    /**
+     * Sorting is not applied.
+     * @public
+     */
+    None = "None",
+    /**
+     * Sorting is applied in ascending order.
+     * @public
+     */
+    Ascending = "Ascending",
+    /**
+     * Sorting is applied in descending order.
+     * @public
+     */
+    Descending = "Descending"
+}
+export default SortOrder;

package/dist/types/SortOrder.js

@@ -0,0 +1,26 @@
+/**
+ * Defines the sort order.
+ *
+ * @public
+ * @since 2.8.0
+ */
+var SortOrder;
+(function (SortOrder) {
+    /**
+     * Sorting is not applied.
+     * @public
+     */
+    SortOrder["None"] = "None";
+    /**
+     * Sorting is applied in ascending order.
+     * @public
+     */
+    SortOrder["Ascending"] = "Ascending";
+    /**
+     * Sorting is applied in descending order.
+     * @public
+     */
+    SortOrder["Descending"] = "Descending";
+})(SortOrder || (SortOrder = {}));
+export default SortOrder;
+//# sourceMappingURL=SortOrder.js.map

package/dist/types/SortOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrder.js","sourceRoot":"","sources":["../../src/types/SortOrder.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,IAAK,SAkBJ;AAlBD,WAAK,SAAS;IACb;;;OAGG;IACH,0BAAa,CAAA;IAEb;;;OAGG;IACH,oCAAuB,CAAA;IAEvB;;;OAGG;IACH,sCAAyB,CAAA;AAC1B,CAAC,EAlBI,SAAS,KAAT,SAAS,QAkBb;AAED,eAAe,SAAS,CAAC","sourcesContent":["/**\n * Defines the sort order.\n *\n * @public\n * @since 2.8.0\n */\nenum SortOrder {\n\t/**\n\t * Sorting is not applied.\n\t * @public\n\t */\n\tNone = \"None\",\n\n\t/**\n\t * Sorting is applied in ascending order.\n\t * @public\n\t */\n\tAscending = \"Ascending\",\n\n\t/**\n\t * Sorting is applied in descending order.\n\t * @public\n\t */\n\tDescending = \"Descending\",\n}\n\nexport default SortOrder;\n"]}

package/dist/types/ValueState.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Different types of ValueStates.
+ *
+ * @public
+ */
+declare enum ValueState {
+    /**
+     * @public
+     */
+    None = "None",
+    /**
+     * @public
+     */
+    Positive = "Positive",
+    /**
+     * @public
+     */
+    Critical = "Critical",
+    /**
+     * @public
+     */
+    Negative = "Negative",
+    /**
+     * @public
+     */
+    Information = "Information"
+}
+export default ValueState;

package/dist/types/ValueState.js

@@ -1,21 +1,30 @@
-import DataType from "./DataType.js";
-
 /**
- * Different states.
+ * Different types of ValueStates.
+ *
+ * @public
  */
-const ValueStates = {
-	None: "None",
-	Success: "Success",
-	Warning: "Warning",
-	Error: "Error",
-};
-
-class ValueState extends DataType {
-	static isValid(value) {
-		return !!ValueStates[value];
-	}
-}
-
-ValueState.generataTypeAcessors(ValueStates);
-
+var ValueState;
+(function (ValueState) {
+    /**
+     * @public
+     */
+    ValueState["None"] = "None";
+    /**
+     * @public
+     */
+    ValueState["Positive"] = "Positive";
+    /**
+     * @public
+     */
+    ValueState["Critical"] = "Critical";
+    /**
+     * @public
+     */
+    ValueState["Negative"] = "Negative";
+    /**
+     * @public
+     */
+    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;;;;GAIG;AACH,IAAK,UAyBJ;AAzBD,WAAK,UAAU;IACd;;OAEG;IACH,2BAAa,CAAA;IAEb;;OAEG;IACH,mCAAqB,CAAA;IAErB;;OAEG;IACH,mCAAqB,CAAA;IAErB;;OAEG;IACH,mCAAqB,CAAA;IAErB;;OAEG;IACH,yCAA2B,CAAA;AAC5B,CAAC,EAzBI,UAAU,KAAV,UAAU,QAyBd;AAED,eAAe,UAAU,CAAC","sourcesContent":["/**\n * Different types of ValueStates.\n *\n * @public\n */\nenum ValueState {\n\t/**\n\t * @public\n\t */\n\tNone = \"None\",\n\n\t/**\n\t * @public\n\t */\n\tPositive = \"Positive\",\n\n\t/**\n\t * @public\n\t */\n\tCritical = \"Critical\",\n\n\t/**\n\t * @public\n\t */\n\tNegative = \"Negative\",\n\n\t/**\n\t * @public\n\t */\n\tInformation = \"Information\",\n}\n\nexport default ValueState;\n"]}

package/dist/types.d.ts

@@ -0,0 +1,41 @@
+import type { JSX } from "./jsx-runtime.d.ts";
+export type LowercaseString<T> = T extends string ? Lowercase<T> : never;
+export type PromiseResolve = (value: void | PromiseLike<void>) => void;
+export type Timeout = ReturnType<typeof setTimeout>;
+export type Interval = ReturnType<typeof setInterval>;
+export type StyleData = string;
+export type ComponentStylesData = Array<ComponentStylesData> | string;
+export type ClassMapValue = Record<string, boolean>;
+export type ClassMap = {
+    [x: string]: ClassMapValue | ClassMap;
+};
+export type PassiveEventListenerObject = EventListenerObject & {
+    passive: boolean;
+};
+export type AriaRole = JSX.AriaRole;
+export type AriaHasPopup = "dialog" | "grid" | "listbox" | "menu" | "tree";
+export type AriaCurrent = "page" | "step" | "location" | "date" | "time" | "true" | "false" | boolean | undefined;
+export type AriaAutoComplete = "list" | "none" | "inline" | "both" | undefined;
+export type AriaLandmarkRole = "none" | "banner" | "main" | "region" | "navigation" | "search" | "complementary" | "form" | "contentinfo";
+export type AccessibilityInfo = {
+    role?: AriaRole;
+    type?: LowercaseString<string>;
+    description?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    children?: Array<HTMLElement>;
+};
+export type AccessibilityAttributes = {
+    ariaSetsize?: number;
+    ariaPosinset?: number;
+    ariaLabel?: string;
+    controls?: LowercaseString<string>;
+    expanded?: "true" | "false" | boolean;
+    hasPopup?: AriaHasPopup;
+    name?: string;
+    role?: AriaRole;
+    ariaKeyShortcuts?: string;
+    ariaCurrent?: AriaCurrent;
+    current?: AriaCurrent;
+};

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":"","sourcesContent":["import type { JSX } from \"./jsx-runtime.d.ts\";\n\n// General utils\nexport type LowercaseString<T> = T extends string ? Lowercase<T> : never;\n\n// Core Framework types\nexport type PromiseResolve = (value: void | PromiseLike<void>) => void;\nexport type Timeout = ReturnType<typeof setTimeout>;\nexport type Interval = ReturnType<typeof setInterval>;\n\nexport type StyleData = string;\n\nexport type ComponentStylesData = Array<ComponentStylesData> | string;\nexport type ClassMapValue = Record<string, boolean>\n\nexport type ClassMap = { [x: string] : ClassMapValue | ClassMap };\n\nexport type PassiveEventListenerObject = EventListenerObject & { passive: boolean };\n\n// Accessibility\nexport type AriaRole = JSX.AriaRole;\nexport type AriaHasPopup = \"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\";\nexport type AriaCurrent = \"page\" | \"step\" | \"location\" | \"date\" | \"time\" | \"true\" | \"false\" | boolean | undefined;\nexport type AriaAutoComplete = \"list\" | \"none\" | \"inline\" | \"both\" | undefined;\nexport type AriaLandmarkRole = \"none\" | \"banner\" | \"main\" | \"region\" | \"navigation\" | \"search\" | \"complementary\" | \"form\" | \"contentinfo\"\n\nexport type AccessibilityInfo = {\n\t// The WAI-ARIA role of the component.\n\trole?: AriaRole,\n\n\t// A translated text that represents the component type. Used when several components share same role,\n\t// f.e. Select and ComboBox both have role=\"combobox\".\n\ttype?: LowercaseString<string>,\n\n\t// A translated text that represents relevant component description/state - value, placeholder, label, etc.\n\tdescription?: string,\n\n\t // The component disabled state.\n\tdisabled?: boolean,\n\n\t// The component readonly state.\n\treadonly?: boolean,\n\n\t// The component required state.\n\trequired?: boolean,\n\n\t// An array of elements, aggregated by the component\n\t// <b>Note:</b> Children should only be provided when it is helpful to understand the accessibility context.\n\tchildren?: Array<HTMLElement>,\n}\n\nexport type AccessibilityAttributes = {\n\tariaSetsize?: number,\n\tariaPosinset?: number,\n\tariaLabel?: string,\n\tcontrols?: LowercaseString<string>\n\texpanded?: \"true\" | \"false\" | boolean,\n\thasPopup?: AriaHasPopup,\n\tname?: string,\n\trole?: AriaRole,\n\tariaKeyShortcuts?: string,\n\tariaCurrent?: AriaCurrent,\n\tcurrent?: AriaCurrent,\n}\n"]}

package/dist/updateShadowRoot.d.ts

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

package/dist/updateShadowRoot.js

@@ -0,0 +1,17 @@
+import getConstructableStyle from "./theming/getConstructableStyle.js";
+/**
+ * Updates the shadow root of a UI5Element or its static area item
+ * @param element
+ */
+const updateShadowRoot = (element) => {
+    const ctor = element.constructor;
+    const shadowRoot = element.shadowRoot;
+    if (!shadowRoot) {
+        console.warn(`There is no shadow root to update`); // eslint-disable-line
+        return;
+    }
+    shadowRoot.adoptedStyleSheets = getConstructableStyle(ctor);
+    ctor.renderer(element, shadowRoot);
+};
+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,qBAAqB,MAAM,oCAAoC,CAAC;AAGvE;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,OAAmB,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,WAAgC,CAAC;IACtD,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IAEtC,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC,CAAC,sBAAsB;QACzE,OAAO;IACR,CAAC;IAED,UAAU,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import getConstructableStyle from \"./theming/getConstructableStyle.js\";\nimport type UI5Element from \"./UI5Element.js\";\n\n/**\n * Updates the shadow root of a UI5Element or its static area item\n * @param element\n */\nconst updateShadowRoot = (element: UI5Element) => {\n\tconst ctor = element.constructor as typeof UI5Element;\n\tconst shadowRoot = element.shadowRoot;\n\n\tif (!shadowRoot) {\n\t\tconsole.warn(`There is no shadow root to update`); // eslint-disable-line\n\t\treturn;\n\t}\n\n\tshadowRoot.adoptedStyleSheets = getConstructableStyle(ctor);\n\tctor.renderer(element, shadowRoot);\n};\n\nexport default updateShadowRoot;\n"]}

package/dist/util/AccessibilityTextsHelper.d.ts

@@ -0,0 +1,17 @@
+import type UI5Element from "../UI5Element.js";
+type MutationCallback = () => void;
+declare const getEffectiveAriaLabelText: (el: HTMLElement) => string | undefined;
+/**
+ *
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts
+ */
+declare const getAllAccessibleNameRefTexts: (el: HTMLElement) => string;
+/**
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
+ */
+declare const getAssociatedLabelForTexts: (el: HTMLElement) => string | undefined;
+declare const registerUI5Element: (el: UI5Element, callback: MutationCallback) => void;
+declare const deregisterUI5Element: (el: UI5Element) => void;
+declare const getEffectiveAriaDescriptionText: (el: HTMLElement) => string | undefined;
+declare const getAllAccessibleDescriptionRefTexts: (el: HTMLElement) => string;
+export { getEffectiveAriaLabelText, getAssociatedLabelForTexts, registerUI5Element, deregisterUI5Element, getAllAccessibleNameRefTexts, getEffectiveAriaDescriptionText, getAllAccessibleDescriptionRefTexts, };

package/dist/util/AccessibilityTextsHelper.js

@@ -0,0 +1,199 @@
+const associatedElements = new WeakMap();
+const registeredElements = new WeakMap();
+const observerOptions = {
+    attributes: true,
+    childList: true,
+    characterData: true,
+    subtree: true,
+};
+const getEffectiveAriaLabelText = (el) => {
+    const accessibleEl = el;
+    if (!accessibleEl.accessibleNameRef) {
+        if (accessibleEl.accessibleName) {
+            return accessibleEl.accessibleName;
+        }
+        return undefined;
+    }
+    return getAllAccessibleNameRefTexts(el);
+};
+/**
+ *
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts
+ */
+const getAllAccessibleNameRefTexts = (el) => {
+    const ids = el.accessibleNameRef?.split(" ") ?? [];
+    let result = "";
+    ids.forEach((elementId, index) => {
+        const element = _getReferencedElementById(el, elementId);
+        const text = `${element && element.textContent ? element.textContent : ""}`;
+        if (text) {
+            result += text;
+            if (index < ids.length - 1) {
+                result += " ";
+            }
+        }
+    });
+    return result;
+};
+const _getAllAssociatedElementsFromDOM = (el) => {
+    const set = new Set();
+    // adding labels with attribute for matching the el.id
+    const labelsForAssociated = _getAssociatedLabels(el);
+    labelsForAssociated.forEach(itm => {
+        set.add(itm);
+    });
+    // adding other elements that id is the same as accessibleNameRef value
+    const ariaLabelledBy = el["accessibleNameRef"];
+    const ariaDescribedBy = el["accessibleDescriptionRef"];
+    const value = [ariaLabelledBy, ariaDescribedBy].filter(Boolean).join(" ");
+    const ids = value ? value.split(" ") : [];
+    ids.forEach(id => {
+        const refEl = _getReferencedElementById(el, id);
+        if (refEl) {
+            set.add(refEl);
+        }
+    });
+    return Array.from(set);
+};
+const _getAssociatedLabels = (el) => {
+    const labels = el.getRootNode().querySelectorAll(`[for="${el.id}"]`);
+    return Array.from(labels);
+};
+const _getReferencedElementById = (el, elementId) => {
+    return el.getRootNode().querySelector(`[id='${elementId}']`) || document.getElementById(elementId);
+};
+/**
+ * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related "label for" texts
+ */
+const getAssociatedLabelForTexts = (el) => {
+    const results = [];
+    const labels = _getAssociatedLabels(el);
+    labels.forEach((label) => {
+        const labelText = label.textContent;
+        labelText && results.push(labelText);
+    });
+    if (results.length) {
+        return results.join(" ");
+    }
+    return undefined;
+};
+const _createInvalidationCallback = (el) => {
+    const invalidationCallback = (changeInfo) => {
+        const isAccessibleNameRefChange = changeInfo && changeInfo.type === "property" && changeInfo.name === "accessibleNameRef";
+        const isAccessibleDescriptionRefChange = changeInfo && changeInfo.type === "property" && changeInfo.name === "accessibleDescriptionRef";
+        if (!isAccessibleNameRefChange && !isAccessibleDescriptionRefChange) {
+            return;
+        }
+        const registeredElement = registeredElements.get(el);
+        if (!registeredElement) {
+            return;
+        }
+        const oldAssociatedElements = registeredElement.observedElements;
+        const newAssociatedElements = _getAllAssociatedElementsFromDOM(el);
+        oldAssociatedElements.forEach(oldElement => {
+            if (!newAssociatedElements.includes(oldElement)) {
+                _removeObservedElementFromRegisteredElement(registeredElement, oldElement);
+            }
+        });
+        newAssociatedElements.forEach(newElement => {
+            if (!oldAssociatedElements.includes(newElement)) {
+                _addObservedElementToRegisteredElement(registeredElement, newElement);
+                registeredElement.observedElements.push(newElement);
+            }
+        });
+        registeredElement?.callback();
+    };
+    return invalidationCallback;
+};
+const registerUI5Element = (el, callback) => {
+    if (registeredElements.has(el)) {
+        return;
+    }
+    const allAssociatedElements = _getAllAssociatedElementsFromDOM(el);
+    const invalidationCallback = _createInvalidationCallback(el);
+    const registeredElement = {
+        host: el,
+        observedElements: allAssociatedElements,
+        callback,
+        invalidationCallback,
+    };
+    registeredElements.set(el, registeredElement);
+    el.attachInvalidate(invalidationCallback);
+    allAssociatedElements.forEach((element) => {
+        _addObservedElementToRegisteredElement(registeredElement, element);
+    });
+    callback();
+};
+const _addObservedElementToRegisteredElement = (registeredElement, element) => {
+    let associatedElement = associatedElements.get(element);
+    if (!associatedElement) {
+        associatedElement = { observer: null, callbacks: [] };
+        const observer = new MutationObserver(() => {
+            const callbacks = associatedElement.callbacks;
+            callbacks.forEach(callback => {
+                callback();
+            });
+            const domEl = document.getElementById(element.id);
+            // if no longer should be observed from this registeredElement, remove it
+            if (!(registeredElement.host.id === element.getAttribute("for") || domEl)) {
+                _removeObservedElementFromRegisteredElement(registeredElement, element);
+            }
+        });
+        associatedElement.observer = observer;
+        observer.observe(element, observerOptions);
+        associatedElements.set(element, associatedElement);
+    }
+    if (!associatedElement.callbacks.includes(registeredElement.callback)) {
+        associatedElement.callbacks.push(registeredElement.callback);
+    }
+};
+const _removeObservedElementFromRegisteredElement = (registeredElement, element) => {
+    const associatedElement = associatedElements.get(element);
+    if (associatedElement) {
+        associatedElement.callbacks = associatedElement.callbacks.filter(itm => itm !== registeredElement.callback);
+        if (!associatedElement.callbacks.length) {
+            associatedElement.observer?.disconnect();
+            associatedElements.delete(element);
+        }
+    }
+    registeredElement.observedElements = registeredElement.observedElements.filter(itm => itm !== element);
+};
+const deregisterUI5Element = (el) => {
+    const registeredElement = registeredElements.get(el);
+    if (!registeredElement) {
+        return;
+    }
+    const oldObservedElements = [...registeredElement.observedElements];
+    oldObservedElements.forEach(observedElement => {
+        _removeObservedElementFromRegisteredElement(registeredElement, observedElement);
+    });
+    el.detachInvalidate(registeredElement.invalidationCallback);
+    registeredElements.delete(el);
+};
+const getEffectiveAriaDescriptionText = (el) => {
+    const accessibleEl = el;
+    if (!accessibleEl.accessibleDescriptionRef) {
+        if (accessibleEl.accessibleDescription) {
+            return accessibleEl.accessibleDescription;
+        }
+        return undefined;
+    }
+    return getAllAccessibleDescriptionRefTexts(el);
+};
+const getAllAccessibleDescriptionRefTexts = (el) => {
+    const ids = el.accessibleDescriptionRef?.split(" ") ?? [];
+    let result = "";
+    ids.forEach((elementId, index) => {
+        const element = _getReferencedElementById(el, elementId);
+        const text = `${element && element.textContent ? element.textContent : ""}`;
+        if (text) {
+            result += text;
+            if (index < ids.length - 1) {
+                result += " ";
+            }
+        }
+    });
+    return result;
+};
+export { getEffectiveAriaLabelText, getAssociatedLabelForTexts, registerUI5Element, deregisterUI5Element, getAllAccessibleNameRefTexts, getEffectiveAriaDescriptionText, getAllAccessibleDescriptionRefTexts, };
+//# sourceMappingURL=AccessibilityTextsHelper.js.map