@ui5/webcomponents-base 2.0.0-rc.2 → 2.0.0-rc.4

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

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

package/dist/prod/util/isElementContainingBlock.js

@@ -0,0 +1,2 @@
+"use strict";const t=n=>{const e=getComputedStyle(n);return["size","inline-size"].indexOf(e.containerType)>-1||["transform","perspective"].indexOf(e.willChange)>-1||["layout","paint","strict","content"].indexOf(e.contain)>-1||e.transform&&e.transform!=="none"||e.perspective&&e.perspective!=="none"||e.backdropFilter&&e.backdropFilter!=="none"};export default t;
+//# sourceMappingURL=isElementContainingBlock.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementContainingBlock.ts"],
+  "sourcesContent": ["const isElementContainingBlock = (el: HTMLElement) => {\n\tconst computedStyle = getComputedStyle(el);\n\n\treturn [\"size\", \"inline-size\"].indexOf(computedStyle.containerType) > -1\n\t|| [\"transform\", \"perspective\"].indexOf(computedStyle.willChange) > -1\n\t|| [\"layout\", \"paint\", \"strict\", \"content\"].indexOf(computedStyle.contain) > -1\n\t|| (computedStyle.transform && computedStyle.transform !== \"none\")\n\t|| (computedStyle.perspective && computedStyle.perspective !== \"none\")\n\t|| (computedStyle.backdropFilter && computedStyle.backdropFilter !== \"none\");\n};\n\nexport default isElementContainingBlock;\n"],
+  "mappings": "aAAA,MAAMA,EAA4BC,GAAoB,CACrD,MAAMC,EAAgB,iBAAiBD,CAAE,EAEzC,MAAO,CAAC,OAAQ,aAAa,EAAE,QAAQC,EAAc,aAAa,EAAI,IACnE,CAAC,YAAa,aAAa,EAAE,QAAQA,EAAc,UAAU,EAAI,IACjE,CAAC,SAAU,QAAS,SAAU,SAAS,EAAE,QAAQA,EAAc,OAAO,EAAI,IACzEA,EAAc,WAAaA,EAAc,YAAc,QACvDA,EAAc,aAAeA,EAAc,cAAgB,QAC3DA,EAAc,gBAAkBA,EAAc,iBAAmB,MACtE,EAEA,eAAeF",
+  "names": ["isElementContainingBlock", "el", "computedStyle"]
+}

package/dist/prod/util/isElementHidden.js

@@ -0,0 +1,2 @@
+"use strict";const t=e=>e.nodeName==="SLOT"?!1:e.offsetWidth<=0&&e.offsetHeight<=0||e.style&&e.style.visibility==="hidden";export default t;
+//# sourceMappingURL=isElementHidden.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementHidden.ts"],
+  "sourcesContent": ["const isElementHidden = (el: HTMLElement) => {\n\tif (el.nodeName === \"SLOT\") {\n\t\treturn false;\n\t}\n\n\treturn (el.offsetWidth <= 0 && el.offsetHeight <= 0) || (el.style && el.style.visibility === \"hidden\");\n};\n\nexport default isElementHidden;\n"],
+  "mappings": "aAAA,MAAMA,EAAmBC,GACpBA,EAAG,WAAa,OACZ,GAGAA,EAAG,aAAe,GAAKA,EAAG,cAAgB,GAAOA,EAAG,OAASA,EAAG,MAAM,aAAe,SAG9F,eAAeD",
+  "names": ["isElementHidden", "el"]
+}

package/dist/prod/util/isElementInView.js

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

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

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

package/dist/prod/util/isElementTabbable.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/isElementTabbable.ts"],
+  "sourcesContent": ["import isElementHidden from \"./isElementHidden.js\";\n\n/**\n * Returns if the HTMLElement is tabbable.\n *\n * @public\n * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)\n * @returns { boolean } true if the element is tabbable or false - if not\n */\nconst isElementTabbable = (el: HTMLElement): boolean => {\n\tif (!el) {\n\t\treturn false;\n\t}\n\n\tconst nodeName = el.nodeName.toLowerCase();\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\tif (nodeName === \"a\" || /input|select|textarea|button|object/.test(nodeName)) {\n\t\treturn !(el as HTMLLinkElement).disabled;\n\t}\n\n\treturn false;\n};\n\nexport default isElementTabbable;\n"],
+  "mappings": "aAAA,OAAOA,MAAqB,uBAS5B,MAAMC,EAAqBC,GAA6B,CACvD,GAAI,CAACA,EACJ,MAAO,GAGR,MAAMC,EAAWD,EAAG,SAAS,YAAY,EAMzC,GAJIA,EAAG,aAAa,qBAAqB,GAIrCF,EAAgBE,CAAE,EACrB,MAAO,GAGR,MAAME,EAAWF,EAAG,aAAa,UAAU,EAC3C,OAAIE,GAAa,KACT,SAASA,CAAQ,GAAK,EAG1BD,IAAa,KAAO,sCAAsC,KAAKA,CAAQ,EACnE,CAAED,EAAuB,SAG1B,EACR,EAEA,eAAeD",
+  "names": ["isElementHidden", "isElementTabbable", "el", "nodeName", "tabIndex"]
+}

package/dist/prod/util/isValidPropertyName.js

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

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

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

package/dist/prod/util/whenDOMReady.js

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

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

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

package/dist/prod/util/willShowContent.js

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

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

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

package/dist/prod/validateThemeRoot.js

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

package/dist/prod/validateThemeRoot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/validateThemeRoot.ts"],
+  "sourcesContent": ["const 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-allowedThemeOrigins\");\n\n\treturn allowedOrigins && 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, window.location.href).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(), window.location.href);\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"],
+  "mappings": "aAAA,MAAMA,EAAmBC,GAAwB,CAChD,MAAMC,EAAU,SAAS,cAAc,cAAcD,CAAW,IAAI,EAGpE,OAFkBC,GAAWA,EAAQ,aAAa,SAAS,CAG5D,EAEMC,EAAuBC,GAAmB,CAC/C,MAAMC,EAAiBL,EAAgB,yBAAyB,EAEhE,OAAOK,GAAkBA,EAAe,MAAM,GAAG,EAAE,KAAKC,GAChDA,IAAkB,KAAOF,IAAWE,EAAc,KAAK,CAC9D,CACF,EAEMC,EAAkB,CAACC,EAAgBC,IAAsB,CAC9D,MAAMC,EAAa,IAAI,IAAIF,CAAM,EAAE,SAEnC,OAAO,IAAI,IAAIE,EAAYD,CAAS,EAAE,SAAS,CAChD,EAEME,EAAqBC,GAAsB,CAChD,IAAIC,EAEJ,GAAI,CACH,GAAID,EAAU,WAAW,GAAG,GAAKA,EAAU,WAAW,GAAG,EAKxDC,EAAY,IAAI,IAAID,EAAW,OAAO,SAAS,IAAI,EAAE,SAAS,MACxD,CACN,MAAME,EAAe,IAAI,IAAIF,CAAS,EAChCR,EAASU,EAAa,OAExBV,GAAUD,EAAoBC,CAAM,EAEvCS,EAAYC,EAAa,SAAS,EAIlCD,EAAYN,EAAgBO,EAAa,SAAS,EAAG,OAAO,SAAS,IAAI,CAE3E,CAEA,OAAKD,EAAU,SAAS,GAAG,IAC1BA,EAAY,GAAGA,CAAS,KAGlB,GAAGA,CAAS,MACpB,MAAY,CAEZ,CACD,EAEA,eAAeF",
+  "names": ["getMetaTagValue", "metaTagName", "metaTag", "validateThemeOrigin", "origin", "allowedOrigins", "allowedOrigin", "buildCorrectUrl", "oldUrl", "newOrigin", "oldUrlPath", "validateThemeRoot", "themeRoot", "resultUrl", "themeRootURL"]
+}

package/dist/renderer/executeTemplate.d.ts

@@ -9,5 +9,13 @@ type TemplateFunction = (component: UI5Element, tagsToScope: Array<string>, scop
  * @public
  */
 declare const executeTemplate: (template: TemplateFunction, component: UI5Element) => TemplateFunctionResult;
+/**
+ * Returns all tags, used inside component's template subject to scoping.
+ * @param component - the component
+ * @returns {Array[]}
+ * @private
+ */
+declare const getTagsToScope: (component: UI5Element) => string[];
 export default executeTemplate;
+export { getTagsToScope };
 export type { TemplateFunction, TemplateFunctionResult };

package/dist/renderer/executeTemplate.js

@@ -27,4 +27,5 @@ const getTagsToScope = (component) => {
     return tagsToScope;
 };
 export default executeTemplate;
+export { getTagsToScope };
 //# sourceMappingURL=executeTemplate.js.map

package/dist/renderer/executeTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"executeTemplate.js","sourceRoot":"","sources":["../../src/renderer/executeTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM1G;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAE,SAAqB,EAA0B,EAAE;IACrG,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,8BAA8B,EAAE,CAAC;IAC/C,OAAO,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,cAAc,GAAG,CAAC,SAAqB,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,SAAS,CAAC,WAAgC,CAAC;IAExD,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,CAAC;IACrD,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,GAAsB,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAElJ,IAAI,wBAAwB,CAAC,YAAY,CAAC,EAAE;QAC3C,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC/B;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { getCustomElementsScopingSuffix, shouldScopeCustomElement } from \"../CustomElementsScopeUtils.js\";\nimport type UI5Element from \"../UI5Element.js\";\n\ntype TemplateFunctionResult = object;\ntype TemplateFunction = (component: UI5Element, tagsToScope: Array<string>, scope: string | undefined) => TemplateFunctionResult;\n\n/**\n * Runs a component's template with the component's current state, while also scoping HTML\n *\n * @param template - the template to execute\n * @param component - the component\n * @public\n */\nconst executeTemplate = (template: TemplateFunction, component: UI5Element): TemplateFunctionResult => {\n\tconst tagsToScope = getTagsToScope(component);\n\tconst scope = getCustomElementsScopingSuffix();\n\treturn template.call(component, component, tagsToScope, scope);\n};\n\n/**\n * Returns all tags, used inside component's template subject to scoping.\n * @param component - the component\n * @returns {Array[]}\n * @private\n */\nconst getTagsToScope = (component: UI5Element) => {\n\tconst ctor = component.constructor as typeof UI5Element;\n\n\tconst componentTag = ctor.getMetadata().getPureTag();\n\tconst tagsToScope = ctor.getUniqueDependencies().map((dep: typeof UI5Element) => dep.getMetadata().getPureTag()).filter(shouldScopeCustomElement);\n\n\tif (shouldScopeCustomElement(componentTag)) {\n\t\ttagsToScope.push(componentTag);\n\t}\n\n\treturn tagsToScope;\n};\n\nexport default executeTemplate;\nexport type { TemplateFunction, TemplateFunctionResult };\n"]}
+{"version":3,"file":"executeTemplate.js","sourceRoot":"","sources":["../../src/renderer/executeTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM1G;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAE,SAAqB,EAA0B,EAAE;IACrG,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,8BAA8B,EAAE,CAAC;IAC/C,OAAO,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,cAAc,GAAG,CAAC,SAAqB,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,SAAS,CAAC,WAAgC,CAAC;IAExD,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,CAAC;IACrD,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC,GAAsB,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAElJ,IAAI,wBAAwB,CAAC,YAAY,CAAC,EAAE;QAC3C,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC/B;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { getCustomElementsScopingSuffix, shouldScopeCustomElement } from \"../CustomElementsScopeUtils.js\";\nimport type UI5Element from \"../UI5Element.js\";\n\ntype TemplateFunctionResult = object;\ntype TemplateFunction = (component: UI5Element, tagsToScope: Array<string>, scope: string | undefined) => TemplateFunctionResult;\n\n/**\n * Runs a component's template with the component's current state, while also scoping HTML\n *\n * @param template - the template to execute\n * @param component - the component\n * @public\n */\nconst executeTemplate = (template: TemplateFunction, component: UI5Element): TemplateFunctionResult => {\n\tconst tagsToScope = getTagsToScope(component);\n\tconst scope = getCustomElementsScopingSuffix();\n\treturn template.call(component, component, tagsToScope, scope);\n};\n\n/**\n * Returns all tags, used inside component's template subject to scoping.\n * @param component - the component\n * @returns {Array[]}\n * @private\n */\nconst getTagsToScope = (component: UI5Element) => {\n\tconst ctor = component.constructor as typeof UI5Element;\n\n\tconst componentTag = ctor.getMetadata().getPureTag();\n\tconst tagsToScope = ctor.getUniqueDependencies().map((dep: typeof UI5Element) => dep.getMetadata().getPureTag()).filter(shouldScopeCustomElement);\n\n\tif (shouldScopeCustomElement(componentTag)) {\n\t\ttagsToScope.push(componentTag);\n\t}\n\n\treturn tagsToScope;\n};\n\nexport default executeTemplate;\nexport { getTagsToScope };\nexport type { TemplateFunction, TemplateFunctionResult };\n"]}

package/dist/types/AriaHasPopup.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Different types of ARIA hasPopup.
+ * @public
+ */
+declare enum AriaHasPopup {
+    /**
+     * Dialog popup type.
+     * @public
+     */
+    Dialog = "Dialog",
+    /**
+     * Grid popup type.
+     * @public
+     */
+    Grid = "Grid",
+    /**
+     * ListBox popup type.
+     * @public
+     */
+    ListBox = "ListBox",
+    /**
+     * Menu popup type.
+     * @public
+     */
+    Menu = "Menu",
+    /**
+     * Tree popup type.
+     * @public
+     */
+    Tree = "Tree"
+}
+export default AriaHasPopup;

package/dist/types/AriaHasPopup.js

@@ -0,0 +1,34 @@
+/**
+ * Different types of ARIA hasPopup.
+ * @public
+ */
+var AriaHasPopup;
+(function (AriaHasPopup) {
+    /**
+     * Dialog popup type.
+     * @public
+     */
+    AriaHasPopup["Dialog"] = "Dialog";
+    /**
+     * Grid popup type.
+     * @public
+     */
+    AriaHasPopup["Grid"] = "Grid";
+    /**
+     * ListBox popup type.
+     * @public
+     */
+    AriaHasPopup["ListBox"] = "ListBox";
+    /**
+     * Menu popup type.
+     * @public
+     */
+    AriaHasPopup["Menu"] = "Menu";
+    /**
+     * Tree popup type.
+     * @public
+     */
+    AriaHasPopup["Tree"] = "Tree";
+})(AriaHasPopup || (AriaHasPopup = {}));
+export default AriaHasPopup;
+//# sourceMappingURL=AriaHasPopup.js.map

package/dist/types/AriaHasPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaHasPopup.js","sourceRoot":"","sources":["../../src/types/AriaHasPopup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,IAAK,YA8BJ;AA9BD,WAAK,YAAY;IAChB;;;OAGG;IACH,iCAAiB,CAAA;IAEjB;;;OAGG;IACH,6BAAa,CAAA;IAEb;;;OAGG;IACH,mCAAmB,CAAA;IAElB;;;OAGG;IACJ,6BAAa,CAAA;IAEZ;;;OAGG;IACJ,6BAAa,CAAA;AACd,CAAC,EA9BI,YAAY,KAAZ,YAAY,QA8BhB;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Different types of ARIA hasPopup.\n * @public\n */\nenum AriaHasPopup {\n\t/**\n\t * Dialog popup type.\n\t * @public\n\t */\n\tDialog = \"Dialog\",\n\n\t/**\n\t * Grid popup type.\n\t * @public\n\t */\n\tGrid = \"Grid\",\n\n\t/**\n\t * ListBox popup type.\n\t * @public\n\t */\n\tListBox = \"ListBox\",\n\n\t /**\n\t  * Menu popup type.\n\t  * @public\n\t  */\n\tMenu = \"Menu\",\n\n\t /**\n\t  * Tree popup type.\n\t  * @public\n\t  */\n\tTree = \"Tree\",\n}\n\nexport default AriaHasPopup;\n"]}

package/dist/types/AriaLandmarkRole.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Defines the ARIA accessible landmark roles.
+ */
+declare enum AriaLandmarkRole {
+    /**
+     * No explicit role is applicable.
+     *
+     * The interpretation of this value depends on the  element which defines a property with this type.
+     * Normally this value means that no accessible landmark should be written.
+     *
+     * @public
+     */
+    None = "None",
+    /**
+     * The ARIA role <code>banner</code>.
+     *
+     * A banner usually appears at the top of the page and typically spans the full width.
+     *
+     * @public
+     */
+    Banner = "Banner",
+    /**
+     * The ARIA role <code>main</code>.
+     *
+     * The main content of a page.
+     *
+     * @public
+     */
+    Main = "Main",
+    /**
+     * The ARIA role <code>region</code>.
+     *
+     * A section of a page, that is important enough to be included in a page summary or table of contents.
+     *
+     * @public
+     */
+    Region = "Region",
+    /**
+     * The ARIA role <code>navigation</code>.
+     *
+     * A region that contains a collection of items and objects that, as a whole, combine to create a navigation facility.
+     *
+     * @public
+     */
+    Navigation = "Navigation",
+    /**
+     * The ARIA role <code>search</code>.
+     *
+     * A region that contains a collection of items and objects that, as a whole, combine to create a search facility.
+     *
+     * @public
+     */
+    Search = "Search",
+    /**
+     * The ARIA role <code>complementary</code>.
+     *
+     * A section of the page, designed to be complementary to the main content at a similar level in the DOM hierarchy.
+     *
+     * @public
+     */
+    Complementary = "Complementary",
+    /**
+     * The ARIA role <code>form</code>.
+     *
+     * A region that contains a collection of items and objects that, as a whole, combine to create a form.
+     *
+     * @public
+     */
+    Form = "Form",
+    /**
+     * The ARIA role <code>contentinfo</code>.
+     *
+     * A region that contains information about the content on the page.
+     *
+     * @public
+     */
+    ContentInfo = "ContentInfo"
+}
+export default AriaLandmarkRole;

package/dist/types/AriaLandmarkRole.js

@@ -0,0 +1,81 @@
+/**
+ * Defines the ARIA accessible landmark roles.
+ */
+var AriaLandmarkRole;
+(function (AriaLandmarkRole) {
+    /**
+     * No explicit role is applicable.
+     *
+     * The interpretation of this value depends on the  element which defines a property with this type.
+     * Normally this value means that no accessible landmark should be written.
+     *
+     * @public
+     */
+    AriaLandmarkRole["None"] = "None";
+    /**
+     * The ARIA role <code>banner</code>.
+     *
+     * A banner usually appears at the top of the page and typically spans the full width.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Banner"] = "Banner";
+    /**
+     * The ARIA role <code>main</code>.
+     *
+     * The main content of a page.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Main"] = "Main";
+    /**
+     * The ARIA role <code>region</code>.
+     *
+     * A section of a page, that is important enough to be included in a page summary or table of contents.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Region"] = "Region";
+    /**
+     * The ARIA role <code>navigation</code>.
+     *
+     * A region that contains a collection of items and objects that, as a whole, combine to create a navigation facility.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Navigation"] = "Navigation";
+    /**
+     * The ARIA role <code>search</code>.
+     *
+     * A region that contains a collection of items and objects that, as a whole, combine to create a search facility.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Search"] = "Search";
+    /**
+     * The ARIA role <code>complementary</code>.
+     *
+     * A section of the page, designed to be complementary to the main content at a similar level in the DOM hierarchy.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Complementary"] = "Complementary";
+    /**
+     * The ARIA role <code>form</code>.
+     *
+     * A region that contains a collection of items and objects that, as a whole, combine to create a form.
+     *
+     * @public
+     */
+    AriaLandmarkRole["Form"] = "Form";
+    /**
+     * The ARIA role <code>contentinfo</code>.
+     *
+     * A region that contains information about the content on the page.
+     *
+     * @public
+     */
+    AriaLandmarkRole["ContentInfo"] = "ContentInfo";
+})(AriaLandmarkRole || (AriaLandmarkRole = {}));
+export default AriaLandmarkRole;
+//# sourceMappingURL=AriaLandmarkRole.js.map

package/dist/types/AriaLandmarkRole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaLandmarkRole.js","sourceRoot":"","sources":["../../src/types/AriaLandmarkRole.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,IAAK,gBAmFJ;AAnFD,WAAK,gBAAgB;IACpB;;;;;;;OAOG;IACH,iCAAa,CAAA;IAEb;;;;;;OAMG;IACH,qCAAiB,CAAA;IAEjB;;;;;;OAMG;IACH,iCAAa,CAAA;IAEb;;;;;;OAMG;IACH,qCAAiB,CAAA;IAEjB;;;;;;OAMG;IACH,6CAAyB,CAAA;IAEzB;;;;;;OAMG;IACH,qCAAiB,CAAA;IAEjB;;;;;;OAMG;IACH,mDAA+B,CAAA;IAE/B;;;;;;OAMG;IACH,iCAAa,CAAA;IAEb;;;;;;OAMG;IACH,+CAA2B,CAAA;AAE5B,CAAC,EAnFI,gBAAgB,KAAhB,gBAAgB,QAmFpB;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/**\n * Defines the ARIA accessible landmark roles.\n */\nenum AriaLandmarkRole {\n\t/**\n\t * No explicit role is applicable.\n\t *\n\t * The interpretation of this value depends on the  element which defines a property with this type.\n\t * Normally this value means that no accessible landmark should be written.\n\t *\n\t * @public\n\t */\n\tNone = \"None\",\n\n\t/**\n\t * The ARIA role <code>banner</code>.\n\t *\n\t * A banner usually appears at the top of the page and typically spans the full width.\n\t *\n\t * @public\n\t */\n\tBanner = \"Banner\",\n\n\t/**\n\t * The ARIA role <code>main</code>.\n\t *\n\t * The main content of a page.\n\t *\n\t * @public\n\t */\n\tMain = \"Main\",\n\n\t/**\n\t * The ARIA role <code>region</code>.\n\t *\n\t * A section of a page, that is important enough to be included in a page summary or table of contents.\n\t *\n\t * @public\n\t */\n\tRegion = \"Region\",\n\n\t/**\n\t * The ARIA role <code>navigation</code>.\n\t *\n\t * A region that contains a collection of items and objects that, as a whole, combine to create a navigation facility.\n\t *\n\t * @public\n\t */\n\tNavigation = \"Navigation\",\n\n\t/**\n\t * The ARIA role <code>search</code>.\n\t *\n\t * A region that contains a collection of items and objects that, as a whole, combine to create a search facility.\n\t *\n\t * @public\n\t */\n\tSearch = \"Search\",\n\n\t/**\n\t * The ARIA role <code>complementary</code>.\n\t *\n\t * A section of the page, designed to be complementary to the main content at a similar level in the DOM hierarchy.\n\t *\n\t * @public\n\t */\n\tComplementary = \"Complementary\",\n\n\t/**\n\t * The ARIA role <code>form</code>.\n\t *\n\t * A region that contains a collection of items and objects that, as a whole, combine to create a form.\n\t *\n\t * @public\n\t */\n\tForm = \"Form\",\n\n\t/**\n\t * The ARIA role <code>contentinfo</code>.\n\t *\n\t * A region that contains information about the content on the page.\n\t *\n\t * @public\n\t */\n\tContentInfo = \"ContentInfo\"\n\n}\n\nexport default AriaLandmarkRole;\n"]}

package/dist/types/AriaRole.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Types of ARIA roles.
+ * @public
+ */
+declare enum AriaRole {
+    /**
+    * The ARIA role "alertdialog".
+    * @public
+    */
+    AlertDialog = "AlertDialog",
+    /**
+     * The ARIA role "button".
+     * @public
+     */
+    Button = "Button",
+    /**
+     * The ARIA role "dialog".
+     * @public
+     */
+    Dialog = "Dialog",
+    /**
+     * The ARIA role "link".
+     * @public
+     */
+    Link = "Link"
+}
+export default AriaRole;

package/dist/types/AriaRole.js

@@ -0,0 +1,29 @@
+/**
+ * Types of ARIA roles.
+ * @public
+ */
+var AriaRole;
+(function (AriaRole) {
+    /**
+    * The ARIA role "alertdialog".
+    * @public
+    */
+    AriaRole["AlertDialog"] = "AlertDialog";
+    /**
+     * The ARIA role "button".
+     * @public
+     */
+    AriaRole["Button"] = "Button";
+    /**
+     * The ARIA role "dialog".
+     * @public
+     */
+    AriaRole["Dialog"] = "Dialog";
+    /**
+     * The ARIA role "link".
+     * @public
+     */
+    AriaRole["Link"] = "Link";
+})(AriaRole || (AriaRole = {}));
+export default AriaRole;
+//# sourceMappingURL=AriaRole.js.map

package/dist/types/AriaRole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaRole.js","sourceRoot":"","sources":["../../src/types/AriaRole.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,IAAK,QAwBJ;AAxBD,WAAK,QAAQ;IACZ;;;MAGE;IACF,uCAA2B,CAAA;IAE3B;;;OAGG;IACH,6BAAiB,CAAA;IAEjB;;;OAGG;IACH,6BAAiB,CAAA;IAEjB;;;OAGG;IACH,yBAAa,CAAA;AACd,CAAC,EAxBI,QAAQ,KAAR,QAAQ,QAwBZ;AAED,eAAe,QAAQ,CAAC","sourcesContent":["/**\n * Types of ARIA roles.\n * @public\n */\nenum AriaRole {\n\t/**\n\t* The ARIA role \"alertdialog\".\n\t* @public\n\t*/\n\tAlertDialog = \"AlertDialog\",\n\n\t/**\n\t * The ARIA role \"button\".\n\t * @public\n\t */\n\tButton = \"Button\",\n\n\t/**\n\t * The ARIA role \"dialog\".\n\t * @public\n\t */\n\tDialog = \"Dialog\",\n\n\t/**\n\t * The ARIA role \"link\".\n\t * @public\n\t */\n\tLink = \"Link\",\n}\n\nexport default AriaRole;\n"]}

package/dist/types/ValueState.d.ts

@@ -11,15 +11,15 @@ declare enum ValueState {
     /**
      * @public
      */
-    Success = "Success",
+    Positive = "Positive",
     /**
      * @public
      */
-    Warning = "Warning",
+    Critical = "Critical",
     /**
      * @public
      */
-    Error = "Error",
+    Negative = "Negative",
     /**
      * @public
      */

package/dist/types/ValueState.js

@@ -12,15 +12,15 @@ var ValueState;
     /**
      * @public
      */
-    ValueState["Success"] = "Success";
+    ValueState["Positive"] = "Positive";
     /**
      * @public
      */
-    ValueState["Warning"] = "Warning";
+    ValueState["Critical"] = "Critical";
     /**
      * @public
      */
-    ValueState["Error"] = "Error";
+    ValueState["Negative"] = "Negative";
     /**
      * @public
      */

package/dist/types/ValueState.js.map

@@ -1 +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,iCAAmB,CAAA;IAEnB;;OAEG;IACH,iCAAmB,CAAA;IAEnB;;OAEG;IACH,6BAAe,CAAA;IAEf;;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\tSuccess = \"Success\",\n\n\t/**\n\t * @public\n\t */\n\tWarning = \"Warning\",\n\n\t/**\n\t * @public\n\t */\n\tError = \"Error\",\n\n\t/**\n\t * @public\n\t */\n\tInformation = \"Information\",\n}\n\nexport default ValueState;\n"]}
+{"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

@@ -1,3 +1,5 @@
+import type AriaHasPopup from "./types/AriaHasPopup.js";
+import type AriaRole from "./types/AriaRole.js";
 type PromiseResolve = (value: void | PromiseLike<void>) => void;
 type Timeout = ReturnType<typeof setTimeout>;
 type Interval = ReturnType<typeof setInterval>;
@@ -16,8 +18,10 @@ type PassiveEventListenerObject = EventListenerObject & {
     passive: boolean;
 };
 type LowercaseString<T> = T extends string ? Lowercase<T> : never;
+type ARIARoles = LowercaseString<AriaRole>;
+type ARIAHasPopup = LowercaseString<AriaHasPopup>;
 type AccessibilityInfo = {
-    role?: LowercaseString<string>;
+    role?: ARIARoles;
     type?: LowercaseString<string>;
     description?: string;
     disabled?: boolean;
@@ -25,4 +29,13 @@ type AccessibilityInfo = {
     required?: boolean;
     children?: Array<HTMLElement>;
 };
-export type { AccessibilityInfo, PromiseResolve, Timeout, Interval, StyleData, StyleDataCSP, ComponentStylesData, ClassMap, ClassMapValue, PassiveEventListenerObject, };
+type AccessibilityAttributes = {
+    ariaSetsize?: number;
+    ariaPosinset?: number;
+    controls?: LowercaseString<string>;
+    expanded?: "true" | "false" | boolean;
+    hasPopup?: ARIAHasPopup;
+    name?: string;
+    role?: ARIARoles;
+};
+export type { AccessibilityInfo, AccessibilityAttributes, PromiseResolve, Timeout, Interval, StyleData, StyleDataCSP, ComponentStylesData, ClassMap, ClassMapValue, PassiveEventListenerObject, };

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["type PromiseResolve = (value: void | PromiseLike<void>) => void;\ntype Timeout = ReturnType<typeof setTimeout>;\ntype Interval = ReturnType<typeof setInterval>;\n\ntype StyleDataCSP = {\n\tcontent: string,\n\tpackageName: string,\n\tfileName: string,\n};\n\ntype StyleData = StyleDataCSP | string;\n\ntype ComponentStylesData = Array<ComponentStylesData> | Array<StyleData> | StyleData;\n\ntype ClassMapValue = Record<string, boolean>\n\ntype ClassMap = { [x: string] : ClassMapValue | ClassMap };\n\ntype PassiveEventListenerObject = EventListenerObject & { passive: boolean };\n\ntype LowercaseString<T> = T extends string ? Lowercase<T> : never;\n\ntype AccessibilityInfo = {\n\t// The WAI-ARIA role of the component.\n\trole?: LowercaseString<string>,\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 {\n\tAccessibilityInfo,\n\tPromiseResolve,\n\tTimeout,\n\tInterval,\n\tStyleData,\n\tStyleDataCSP,\n\tComponentStylesData,\n\tClassMap,\n\tClassMapValue,\n\tPassiveEventListenerObject,\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import type AriaHasPopup from \"./types/AriaHasPopup.js\";\nimport type AriaRole from \"./types/AriaRole.js\";\n\ntype PromiseResolve = (value: void | PromiseLike<void>) => void;\ntype Timeout = ReturnType<typeof setTimeout>;\ntype Interval = ReturnType<typeof setInterval>;\n\ntype StyleDataCSP = {\n\tcontent: string,\n\tpackageName: string,\n\tfileName: string,\n};\n\ntype StyleData = StyleDataCSP | string;\n\ntype ComponentStylesData = Array<ComponentStylesData> | Array<StyleData> | StyleData;\n\ntype ClassMapValue = Record<string, boolean>\n\ntype ClassMap = { [x: string] : ClassMapValue | ClassMap };\n\ntype PassiveEventListenerObject = EventListenerObject & { passive: boolean };\n\ntype LowercaseString<T> = T extends string ? Lowercase<T> : never;\n\ntype ARIARoles = LowercaseString<AriaRole>;\ntype ARIAHasPopup = LowercaseString<AriaHasPopup>;\n\ntype AccessibilityInfo = {\n\t// The WAI-ARIA role of the component.\n\trole?: ARIARoles,\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\ntype AccessibilityAttributes = {\n\tariaSetsize?: number,\n\tariaPosinset?: number,\n\tcontrols?: LowercaseString<string>\n\texpanded?: \"true\" | \"false\" | boolean,\n\thasPopup?: ARIAHasPopup,\n\tname?: string\n\trole?: ARIARoles,\n}\n\nexport type {\n\tAccessibilityInfo,\n\tAccessibilityAttributes,\n\tPromiseResolve,\n\tTimeout,\n\tInterval,\n\tStyleData,\n\tStyleDataCSP,\n\tComponentStylesData,\n\tClassMap,\n\tClassMapValue,\n\tPassiveEventListenerObject,\n};\n"]}

package/dist/util/InvisibleMessage.js

@@ -25,8 +25,8 @@ attachBoot(() => {
     assertiveSpan.setAttribute("role", "alert");
     setOutOfViewportStyles(politeSpan);
     setOutOfViewportStyles(assertiveSpan);
-    getSingletonElementInstance("ui5-static-area").appendChild(politeSpan);
-    getSingletonElementInstance("ui5-static-area").appendChild(assertiveSpan);
+    getSingletonElementInstance("ui5-announcement-area").appendChild(politeSpan);
+    getSingletonElementInstance("ui5-announcement-area").appendChild(assertiveSpan);
 });
 /**
  * Inserts the string into the respective span, depending on the mode provided.

package/dist/util/InvisibleMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvisibleMessage.js","sourceRoot":"","sources":["../../src/util/InvisibleMessage.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,kCAAkC,CAAC;AACpE,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,IAAI,UAAuB,CAAC;AAC5B,IAAI,aAA0B,CAAC;AAE/B,MAAM,sBAAsB,GAAG,CAAC,EAAe,EAAE,EAAE;IAClD,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,uBAAuB,CAAC;IACxC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;IAC7B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;IACzB,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;AACjC,CAAC,CAAC;AAEF,UAAU,CAAC,GAAG,EAAE;IACf,IAAI,UAAU,IAAI,aAAa,EAAE;QAChC,OAAO;KACP;IAED,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE/C,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;IACxD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAE9D,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC/C,aAAa,CAAC,YAAY,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAErD,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE5C,sBAAsB,CAAC,UAAU,CAAC,CAAC;IACnC,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAEtC,2BAA2B,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACvE,2BAA2B,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AAC3E,CAAC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,IAA0B,EAAE,EAAE;IAChE,4DAA4D;IAC5D,MAAM,IAAI,GAAG,IAAI,KAAK,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;IAElF,oFAAoF;IACpF,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACtB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;IAE3B,IAAI,IAAI,KAAK,oBAAoB,CAAC,SAAS,IAAI,IAAI,KAAK,oBAAoB,CAAC,MAAM,EAAE;QACpF,OAAO,CAAC,IAAI,CAAC,0IAA0I,CAAC,CAAC,CAAC,sBAAsB;KAChL;IAED,6EAA6E;IAC7E,UAAU,CAAC,GAAG,EAAE;QACf,iFAAiF;QACjF,IAAI,IAAI,CAAC,WAAW,KAAK,OAAO,EAAE;YACjC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACtB;IACF,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import InvisibleMessageMode from \"../types/InvisibleMessageMode.js\";\nimport getSingletonElementInstance from \"./getSingletonElementInstance.js\";\nimport { attachBoot } from \"../Boot.js\";\n\nlet politeSpan: HTMLElement;\nlet assertiveSpan: HTMLElement;\n\nconst setOutOfViewportStyles = (el: HTMLElement) => {\n\tel.style.position = \"absolute\";\n\tel.style.clip = \"rect(1px,1px,1px,1px)\";\n\tel.style.userSelect = \"none\";\n\tel.style.left = \"-1000px\";\n\tel.style.top = \"-1000px\";\n\tel.style.pointerEvents = \"none\";\n};\n\nattachBoot(() => {\n\tif (politeSpan && assertiveSpan) {\n\t\treturn;\n\t}\n\n\tpoliteSpan = document.createElement(\"span\");\n\tassertiveSpan = document.createElement(\"span\");\n\n\tpoliteSpan.classList.add(\"ui5-invisiblemessage-polite\");\n\tassertiveSpan.classList.add(\"ui5-invisiblemessage-assertive\");\n\n\tpoliteSpan.setAttribute(\"aria-live\", \"polite\");\n\tassertiveSpan.setAttribute(\"aria-live\", \"assertive\");\n\n\tpoliteSpan.setAttribute(\"role\", \"alert\");\n\tassertiveSpan.setAttribute(\"role\", \"alert\");\n\n\tsetOutOfViewportStyles(politeSpan);\n\tsetOutOfViewportStyles(assertiveSpan);\n\n\tgetSingletonElementInstance(\"ui5-static-area\").appendChild(politeSpan);\n\tgetSingletonElementInstance(\"ui5-static-area\").appendChild(assertiveSpan);\n});\n\n/**\n * Inserts the string into the respective span, depending on the mode provided.\n *\n * @param { string } message String to be announced by the screen reader.\n * @param { InvisibleMessageMode } mode The mode to be inserted in the aria-live attribute.\n * @public\n */\nconst announce = (message: string, mode: InvisibleMessageMode) => {\n\t// If no type is presented, fallback to polite announcement.\n\tconst span = mode === InvisibleMessageMode.Assertive ? assertiveSpan : politeSpan;\n\n\t// Set textContent to empty string in order to trigger screen reader's announcement.\n\tspan.textContent = \"\";\n\tspan.textContent = message;\n\n\tif (mode !== InvisibleMessageMode.Assertive && mode !== InvisibleMessageMode.Polite) {\n\t\tconsole.warn(`You have entered an invalid mode. Valid values are: \"Polite\" and \"Assertive\". The framework will automatically set the mode to \"Polite\".`); // eslint-disable-line\n\t}\n\n\t// clear the span in order to avoid reading it out while in JAWS reading node\n\tsetTimeout(() => {\n\t\t// ensure that we clear the text node only if no announce is made in the meantime\n\t\tif (span.textContent === message) {\n\t\t\tspan.textContent = \"\";\n\t\t}\n\t}, 3000);\n};\n\nexport default announce;\n"]}
+{"version":3,"file":"InvisibleMessage.js","sourceRoot":"","sources":["../../src/util/InvisibleMessage.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,kCAAkC,CAAC;AACpE,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,IAAI,UAAuB,CAAC;AAC5B,IAAI,aAA0B,CAAC;AAE/B,MAAM,sBAAsB,GAAG,CAAC,EAAe,EAAE,EAAE;IAClD,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IAC/B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,uBAAuB,CAAC;IACxC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;IAC7B,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;IAC1B,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;IACzB,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;AACjC,CAAC,CAAC;AAEF,UAAU,CAAC,GAAG,EAAE;IACf,IAAI,UAAU,IAAI,aAAa,EAAE;QAChC,OAAO;KACP;IAED,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE/C,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;IACxD,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAE9D,UAAU,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC/C,aAAa,CAAC,YAAY,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAErD,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE5C,sBAAsB,CAAC,UAAU,CAAC,CAAC;IACnC,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAEtC,2BAA2B,CAAC,uBAAuB,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC7E,2BAA2B,CAAC,uBAAuB,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AACjF,CAAC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,IAA0B,EAAE,EAAE;IAChE,4DAA4D;IAC5D,MAAM,IAAI,GAAG,IAAI,KAAK,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;IAElF,oFAAoF;IACpF,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACtB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;IAE3B,IAAI,IAAI,KAAK,oBAAoB,CAAC,SAAS,IAAI,IAAI,KAAK,oBAAoB,CAAC,MAAM,EAAE;QACpF,OAAO,CAAC,IAAI,CAAC,0IAA0I,CAAC,CAAC,CAAC,sBAAsB;KAChL;IAED,6EAA6E;IAC7E,UAAU,CAAC,GAAG,EAAE;QACf,iFAAiF;QACjF,IAAI,IAAI,CAAC,WAAW,KAAK,OAAO,EAAE;YACjC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACtB;IACF,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import InvisibleMessageMode from \"../types/InvisibleMessageMode.js\";\nimport getSingletonElementInstance from \"./getSingletonElementInstance.js\";\nimport { attachBoot } from \"../Boot.js\";\n\nlet politeSpan: HTMLElement;\nlet assertiveSpan: HTMLElement;\n\nconst setOutOfViewportStyles = (el: HTMLElement) => {\n\tel.style.position = \"absolute\";\n\tel.style.clip = \"rect(1px,1px,1px,1px)\";\n\tel.style.userSelect = \"none\";\n\tel.style.left = \"-1000px\";\n\tel.style.top = \"-1000px\";\n\tel.style.pointerEvents = \"none\";\n};\n\nattachBoot(() => {\n\tif (politeSpan && assertiveSpan) {\n\t\treturn;\n\t}\n\n\tpoliteSpan = document.createElement(\"span\");\n\tassertiveSpan = document.createElement(\"span\");\n\n\tpoliteSpan.classList.add(\"ui5-invisiblemessage-polite\");\n\tassertiveSpan.classList.add(\"ui5-invisiblemessage-assertive\");\n\n\tpoliteSpan.setAttribute(\"aria-live\", \"polite\");\n\tassertiveSpan.setAttribute(\"aria-live\", \"assertive\");\n\n\tpoliteSpan.setAttribute(\"role\", \"alert\");\n\tassertiveSpan.setAttribute(\"role\", \"alert\");\n\n\tsetOutOfViewportStyles(politeSpan);\n\tsetOutOfViewportStyles(assertiveSpan);\n\n\tgetSingletonElementInstance(\"ui5-announcement-area\").appendChild(politeSpan);\n\tgetSingletonElementInstance(\"ui5-announcement-area\").appendChild(assertiveSpan);\n});\n\n/**\n * Inserts the string into the respective span, depending on the mode provided.\n *\n * @param { string } message String to be announced by the screen reader.\n * @param { InvisibleMessageMode } mode The mode to be inserted in the aria-live attribute.\n * @public\n */\nconst announce = (message: string, mode: InvisibleMessageMode) => {\n\t// If no type is presented, fallback to polite announcement.\n\tconst span = mode === InvisibleMessageMode.Assertive ? assertiveSpan : politeSpan;\n\n\t// Set textContent to empty string in order to trigger screen reader's announcement.\n\tspan.textContent = \"\";\n\tspan.textContent = message;\n\n\tif (mode !== InvisibleMessageMode.Assertive && mode !== InvisibleMessageMode.Polite) {\n\t\tconsole.warn(`You have entered an invalid mode. Valid values are: \"Polite\" and \"Assertive\". The framework will automatically set the mode to \"Polite\".`); // eslint-disable-line\n\t}\n\n\t// clear the span in order to avoid reading it out while in JAWS reading node\n\tsetTimeout(() => {\n\t\t// ensure that we clear the text node only if no announce is made in the meantime\n\t\tif (span.textContent === message) {\n\t\t\tspan.textContent = \"\";\n\t\t}\n\t}, 3000);\n};\n\nexport default announce;\n"]}