@sapui5/sap.ushell 1.135.0 → 1.136.1

package/src/main/js/sap/ushell/thirdparty/Icon.js

@@ -0,0 +1,296 @@
+sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/Icons'], (function (exports, webcomponentsBase, i18nDefaults, eventStrict, Icons) { 'use strict';
+
+    function IconTemplate() {
+        return (i18nDefaults.jsxs("svg", { class: "ui5-icon-root", part: "root", tabindex: this._tabIndex, dir: this._dir, viewBox: this.viewBox, role: this.effectiveAccessibleRole, focusable: "false", preserveAspectRatio: "xMidYMid meet", "aria-label": this.effectiveAccessibleName, "aria-hidden": this.effectiveAriaHidden, xmlns: "http://www.w3.org/2000/svg", onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: [this.hasIconTooltip &&
+                    i18nDefaults.jsxs("title", { id: `${this._id}-tooltip`, children: [" ", this.effectiveAccessibleName, " "] }), i18nDefaults.jsxs("g", { role: "presentation", children: [this.customSvg &&
+                            i18nDefaults.jsx("g", { dangerouslySetInnerHTML: { __html: this.customSvg.strings?.join("") ?? "" } }), this.pathData.map(path => (i18nDefaults.jsx("path", { d: path })))] })] }));
+    }
+
+    /**
+     * Different Icon modes.
+     * @public
+     * @since 2.0.0
+     */
+    var IconMode;
+    (function (IconMode) {
+        /**
+         * Image mode (by default).
+         * Configures the component to internally render role="img".
+         * @public
+         */
+        IconMode["Image"] = "Image";
+        /**
+         * Decorative mode.
+         * Configures the component to internally render role="presentation" and aria-hidden="true",
+         * making it purely decorative without semantic content or interactivity.
+         * @public
+         */
+        IconMode["Decorative"] = "Decorative";
+        /**
+         * Interactive mode.
+         * Configures the component to internally render role="button".
+         * This mode also supports focus and press handling to enhance interactivity.
+         * @public
+        */
+        IconMode["Interactive"] = "Interactive";
+    })(IconMode || (IconMode = {}));
+    var IconMode$1 = IconMode;
+
+    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var iconCss = `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none}:host([design="Contrast"]){color:var(--sapContent_ContrastIconColor)}:host([design="Critical"]){color:var(--sapCriticalElementColor)}:host([design="Information"]){color:var(--sapInformativeElementColor)}:host([design="Negative"]){color:var(--sapNegativeElementColor)}:host([design="Neutral"]){color:var(--sapNeutralElementColor)}:host([design="NonInteractive"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design="Positive"]){color:var(--sapPositiveElementColor)}:host([mode="Interactive"][desktop]) .ui5-icon-root:focus,:host([mode="Interactive"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-v2-10-0-rc-2-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top}:host([mode="Interactive"]){cursor:pointer}.ui5-icon-root:not([dir=ltr]){transform:var(--_ui5-v2-10-0-rc-2_icon_transform_scale);transform-origin:center}
+`;
+
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    const ICON_NOT_FOUND = "ICON_NOT_FOUND";
+    /**
+     * @class
+     * ### Overview
+     *
+     * The `ui5-icon` component represents an SVG icon.
+     * There are two main scenarios how the `ui5-icon` component is used:
+     * as a purely decorative element,
+     * or as an interactive element that can be focused and clicked.
+     *
+     * ### Usage
+     *
+     * 1. **Get familiar with the icons collections.**
+     *
+     * Before displaying an icon, you need to explore the icons collections to find and import the desired icon.
+     *
+     * Currently there are 3 icons collection, available as 3 npm packages:
+     *
+     * - [@ui5/webcomponents-icons](https://www.npmjs.com/package/@ui5/webcomponents-icons) represents the "SAP-icons" collection and includes the following
+     * [icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons).
+     * - [@ui5/webcomponents-icons-tnt](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt) represents the "tnt" collection and includes the following
+     * [icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT).
+     * - [@ui5/webcomponents-icons-business-suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) represents the "business-suite" collection and includes the following
+     * [icons](https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols).
+     *
+     * 2. **After exploring the icons collections, add one or more of the packages as dependencies to your project.**
+     *
+     * `npm i @ui5/webcomponents-icons`
+     * `npm i @ui5/webcomponents-icons-tnt`
+     * `npm i @ui5/webcomponents-icons-business-suite`
+     *
+     * 3. **Then, import the desired icon**.
+     *
+     * `import "@ui5/\{package_name\}/dist/\{icon_name\}.js";`
+     *
+     * **For Example**:
+     *
+     * For the standard "SAP-icons" icon collection, import an icon from the `@ui5/webcomponents-icons` package:
+     *
+     * `import "@ui5/webcomponents-icons/dist/employee.js";`
+     *
+     * For the "tnt" (SAP Fiori Tools) icon collection, import an icon from the `@ui5/webcomponents-icons-tnt` package:
+     *
+     * `import "@ui5/webcomponents-icons-tnt/dist/antenna.js";`
+     *
+     * For the "business-suite" (SAP Business Suite) icon collection, import an icon from the `@ui5/webcomponents-icons-business-suite` package:
+     *
+     * `import "@ui5/webcomponents-icons-business-suite/dist/ab-testing.js";`
+     *
+     * 4. **Display the icon using the `ui5-icon` web component.**
+     * Set the icon collection ("SAP-icons", "tnt" or "business-suite" - "SAP-icons" is the default icon collection and can be skipped)
+     * and the icon name to the `name` property.
+     *
+     * `<ui5-icon name="employee"></ui5-icon>`
+     * `<ui5-icon name="tnt/antenna"></ui5-icon>`
+     * `<ui5-icon name="business-suite/ab-testing"></ui5-icon>`
+     *
+     * ### Keyboard Handling
+     *
+     * - [Space] / [Enter] or [Return] - Fires the `click` event if the `mode` property is set to `Interactive`.
+     * - [Shift] - If [Space] / [Enter] or [Return] is pressed, pressing [Shift] releases the ui5-icon without triggering the click event.
+     *
+     * ### ES6 Module Import
+     *
+     * `import "@ui5/webcomponents/dist/Icon.js";`
+     * @csspart root - Used to style the outermost wrapper of the `ui5-icon`.
+     * @constructor
+     * @extends UI5Element
+     * @implements {IIcon}
+     * @public
+     */
+    let Icon = class Icon extends webcomponentsBase.b {
+        constructor() {
+            super(...arguments);
+            /**
+             * Defines the component semantic design.
+             * @default "Default"
+             * @public
+             * @since 1.9.2
+             */
+            this.design = "Default";
+            /**
+             * Defines whether the component should have a tooltip.
+             *
+             * **Note:** The tooltip text should be provided via the `accessible-name` property.
+             * @default false
+             * @public
+             */
+            this.showTooltip = false;
+            /**
+             * Defines the mode of the component.
+             * @default "Decorative"
+             * @public
+             * @since 2.0.0
+             */
+            this.mode = "Decorative";
+            /**
+             * @private
+             */
+            this.pathData = [];
+            /**
+            * @private
+            */
+            this.invalid = false;
+        }
+        _onkeydown(e) {
+            if (this.mode !== IconMode$1.Interactive) {
+                return;
+            }
+            if (webcomponentsBase.b$1(e)) {
+                this.fireDecoratorEvent("click");
+            }
+            if (webcomponentsBase.i(e)) {
+                e.preventDefault(); // prevent scrolling
+            }
+        }
+        _onkeyup(e) {
+            if (this.mode === IconMode$1.Interactive && webcomponentsBase.i(e)) {
+                this.fireDecoratorEvent("click");
+            }
+        }
+        /**
+        * Enforce "ltr" direction, based on the icons collection metadata.
+        */
+        get _dir() {
+            return this.ltr ? "ltr" : undefined;
+        }
+        get effectiveAriaHidden() {
+            return this.mode === IconMode$1.Decorative ? "true" : undefined;
+        }
+        get _tabIndex() {
+            return this.mode === IconMode$1.Interactive ? 0 : undefined;
+        }
+        get effectiveAccessibleRole() {
+            switch (this.mode) {
+                case IconMode$1.Interactive:
+                    return "button";
+                case IconMode$1.Decorative:
+                    return "presentation";
+                default:
+                    return "img";
+            }
+        }
+        onEnterDOM() {
+            if (Icons.f$1()) {
+                this.setAttribute("desktop", "");
+            }
+        }
+        async onBeforeRendering() {
+            const name = this.name;
+            if (!name) {
+                return;
+            }
+            let iconData = Icons.u(name);
+            if (!iconData) {
+                iconData = await Icons.n(name);
+            }
+            if (!iconData) {
+                this.invalid = true;
+                /* eslint-disable-next-line */
+                return console.warn(`Required icon is not registered. Invalid icon name: ${this.name}`);
+            }
+            if (iconData === ICON_NOT_FOUND) {
+                this.invalid = true;
+                /* eslint-disable-next-line */
+                return console.warn(`Required icon is not registered. You can either import the icon as a module in order to use it e.g. "@ui5/webcomponents-icons/dist/${name.replace("sap-icon://", "")}.js", or setup a JSON build step and import "@ui5/webcomponents-icons/dist/AllIcons.js".`);
+            }
+            this.viewBox = iconData.viewBox || "0 0 512 512";
+            if (iconData.customTemplate) {
+                iconData.pathData = [];
+                this.customSvg = webcomponentsBase.n(iconData.customTemplate, this);
+            }
+            // in case a new valid name is set, show the icon
+            this.invalid = false;
+            this.pathData = Array.isArray(iconData.pathData) ? iconData.pathData : [iconData.pathData];
+            this.accData = iconData.accData;
+            this.ltr = iconData.ltr;
+            this.packageName = iconData.packageName;
+            if (this.accessibleName) {
+                this.effectiveAccessibleName = this.accessibleName;
+            }
+            else if (this.accData) {
+                const i18nBundle = await Icons.f$2(this.packageName);
+                this.effectiveAccessibleName = i18nBundle.getText(this.accData) || undefined;
+            }
+            else {
+                this.effectiveAccessibleName = undefined;
+            }
+        }
+        get hasIconTooltip() {
+            return this.showTooltip && this.effectiveAccessibleName;
+        }
+    };
+    __decorate([
+        webcomponentsBase.s()
+    ], Icon.prototype, "design", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], Icon.prototype, "name", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], Icon.prototype, "accessibleName", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], Icon.prototype, "showTooltip", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], Icon.prototype, "mode", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Array })
+    ], Icon.prototype, "pathData", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Object, noAttribute: true })
+    ], Icon.prototype, "accData", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], Icon.prototype, "invalid", void 0);
+    __decorate([
+        webcomponentsBase.s({ noAttribute: true })
+    ], Icon.prototype, "effectiveAccessibleName", void 0);
+    Icon = __decorate([
+        webcomponentsBase.m({
+            tag: "ui5-icon",
+            languageAware: true,
+            themeAware: true,
+            renderer: i18nDefaults.d,
+            template: IconTemplate,
+            styles: iconCss,
+        })
+        /**
+         * Fired on mouseup, `SPACE` and `ENTER`.
+         * - on mouse click, the icon fires native `click` event
+         * - on `SPACE` and `ENTER`, the icon fires custom `click` event
+         * @private
+         * @since 1.0.0-rc.8
+         */
+        ,
+        eventStrict.l("click", {
+            bubbles: true,
+        })
+    ], Icon);
+    Icon.define();
+    var Icon$1 = Icon;
+
+    exports.Icon = Icon$1;
+
+}));

package/src/main/js/sap/ushell/thirdparty/Icons.js

@@ -2,15 +2,15 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 
 	const e$a=new Map,s$g=(t,r)=>{e$a.set(t,r);},n$f=t=>e$a.get(t);
 
-	var c$d={},e$9=c$d.hasOwnProperty,a$9=c$d.toString,o$c=e$9.toString,l$c=o$c.call(Object),i$f=function(r){var t,n;return !r||a$9.call(r)!=="[object Object]"?false:(t=Object.getPrototypeOf(r),t?(n=e$9.call(t,"constructor")&&t.constructor,typeof n=="function"&&o$c.call(n)===l$c):true)};
+	var c$e={},e$9=c$e.hasOwnProperty,a$a=c$e.toString,o$c=e$9.toString,l$c=o$c.call(Object),i$g=function(r){var t,n;return !r||a$a.call(r)!=="[object Object]"?false:(t=Object.getPrototypeOf(r),t?(n=e$9.call(t,"constructor")&&t.constructor,typeof n=="function"&&o$c.call(n)===l$c):true)};
 
-	var c$c=Object.create(null),u$c=function(p,m,A,d){var n,t,e,a,o,i,r=arguments[2]||{},f=3,l=arguments.length,s=arguments[0]||false,y=arguments[1]?void 0:c$c;for(typeof r!="object"&&typeof r!="function"&&(r={});f<l;f++)if((o=arguments[f])!=null)for(a in o)n=r[a],e=o[a],!(a==="__proto__"||r===e)&&(s&&e&&(i$f(e)||(t=Array.isArray(e)))?(t?(t=false,i=n&&Array.isArray(n)?n:[]):i=n&&i$f(n)?n:{},r[a]=u$c(s,arguments[1],i,e)):e!==y&&(r[a]=e));return r};
+	var c$d=Object.create(null),u$c=function(p,m,A,d){var n,t,e,a,o,i,r=arguments[2]||{},f=3,l=arguments.length,s=arguments[0]||false,y=arguments[1]?void 0:c$d;for(typeof r!="object"&&typeof r!="function"&&(r={});f<l;f++)if((o=arguments[f])!=null)for(a in o)n=r[a],e=o[a],!(a==="__proto__"||r===e)&&(s&&e&&(i$g(e)||(t=Array.isArray(e)))?(t?(t=false,i=n&&Array.isArray(n)?n:[]):i=n&&i$g(n)?n:{},r[a]=u$c(s,arguments[1],i,e)):e!==y&&(r[a]=e));return r};
 
 	const e$8=function(n,t){return u$c(true,false,...arguments)};
 
-	const _$1={themes:{default:"sap_horizon",all:["sap_fiori_3","sap_fiori_3_dark","sap_fiori_3_hcb","sap_fiori_3_hcw","sap_horizon","sap_horizon_dark","sap_horizon_hcb","sap_horizon_hcw"]},languages:{default:"en"},locales:{default:"en",all:["ar","ar_EG","ar_SA","bg","ca","cnr","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","mk","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sr_Latn","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}},e$7=_$1.themes.default,s$f=_$1.themes.all,a$8=_$1.languages.default,r$e=_$1.locales.default,l$b=_$1.locales.all;
+	const _$1={themes:{default:"sap_horizon",all:["sap_fiori_3","sap_fiori_3_dark","sap_fiori_3_hcb","sap_fiori_3_hcw","sap_horizon","sap_horizon_dark","sap_horizon_hcb","sap_horizon_hcw"]},languages:{default:"en"},locales:{default:"en",all:["ar","ar_EG","ar_SA","bg","ca","cnr","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","mk","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sr_Latn","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}},e$7=_$1.themes.default,s$f=_$1.themes.all,a$9=_$1.languages.default,r$e=_$1.locales.default,l$b=_$1.locales.all;
 
-	const o$b=typeof document>"u",n$e={search(){return o$b?"":window.location.search}},s$e=()=>o$b?"":window.location.href,u$b=()=>n$e.search();
+	const o$b=typeof document>"u",n$e={search(){return o$b?"":window.location.search}},i$f=()=>o$b?"":window.location.hostname,c$c=()=>o$b?"":window.location.port,a$8=()=>o$b?"":window.location.protocol,s$e=()=>o$b?"":window.location.href,u$b=()=>n$e.search();
 
 	const o$a=e=>{const t=document.querySelector(`META[name="${e}"]`);return t&&t.getAttribute("content")},s$d=e=>{const t=o$a("sap-allowedThemeOrigins");return t&&t.split(",").some(n=>n==="*"||e===n.trim())},a$7=(e,t)=>{const n=new URL(e).pathname;return new URL(n,t).toString()},g$9=e=>{let t;try{if(e.startsWith(".")||e.startsWith("/"))t=new URL(e,s$e()).toString();else {const n=new URL(e),r=n.origin;r&&s$d(r)?t=n.toString():t=a$7(n.toString(),s$e());}return t.endsWith("/")||(t=`${t}/`),`${t}UI5/`}catch{}};
 
@@ -28,7 +28,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 
 	const u$8=()=>{const t=document.createElement("meta");return t.setAttribute("name","ui5-shared-resources"),t.setAttribute("content",""),t},l$9=()=>typeof document>"u"?null:o$8('meta[name="ui5-shared-resources"]',document.head,u$8),m$9=(t,o)=>{const r=t.split(".");let e=l$9();if(!e)return o;for(let n=0;n<r.length;n++){const s=r[n],c=n===r.length-1;Object.prototype.hasOwnProperty.call(e,s)||(e[s]=c?o:{}),e=e[s];}return e};
 
-	const e$5={version:"2.9.0",major:2,minor:9,patch:0,suffix:"",isNext:false,buildTime:1743779257};
+	const e$5={version:"2.10.0-rc.2",major:2,minor:10,patch:0,suffix:"-rc.2",isNext:false,buildTime:1745482198};
 
 	let s$c,t$d={include:[/^ui5-/],exclude:[]};const o$7=new Map,l$8=e=>{if(!e.match(/^[a-zA-Z0-9_-]+$/))throw new Error("Only alphanumeric characters and dashes allowed for the scoping suffix");R$1()&&console.warn("Setting the scoping suffix must be done before importing any components. For proper usage, read the scoping section: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/06-scoping.md."),s$c=e;},c$b=()=>s$c,p$4=e=>{if(!e||!e.include)throw new Error('"rules" must be an object with at least an "include" property');if(!Array.isArray(e.include)||e.include.some(n=>!(n instanceof RegExp)))throw new Error('"rules.include" must be an array of regular expressions');if(e.exclude&&(!Array.isArray(e.exclude)||e.exclude.some(n=>!(n instanceof RegExp))))throw new Error('"rules.exclude" must be an array of regular expressions');e.exclude=e.exclude||[],t$d=e,o$7.clear();},m$8=()=>t$d,i$b=e=>{if(!o$7.has(e)){const n=t$d.include.some(r=>e.match(r))&&!t$d.exclude.some(r=>e.match(r));o$7.set(e,n);}return o$7.get(e)},g$7=e=>{if(i$b(e))return c$b()},d$a=e=>{const n=`v${e$5.version.replaceAll(".","-")}`,r=/(--_?ui5)([^,:)\s]+)/g;return e.replaceAll(r,`$1-${n}$2`)};
 
@@ -96,11 +96,11 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 
 	const e$1=new i$e,n$5="languageChange",t$1=a=>{e$1.attachEvent(n$5,a);},r$4=a=>{e$1.detachEvent(n$5,a);},o$1=a=>e$1.fireEventAsync(n$5,a);
 
-	let e,n$4;i$d(()=>{e=void 0,n$4=void 0;});const d$2=()=>(e===void 0&&(e=L$2()),e),s$3=async t=>{e!==t&&(e=t,await o$1(t),h$1()&&await C({languageAware:true}));},m$1=()=>a$8,L$1=t=>{n$4=t;},c$3=()=>(n$4===void 0&&(n$4=F()),n$4);
+	let e,n$4;i$d(()=>{e=void 0,n$4=void 0;});const d$2=()=>(e===void 0&&(e=L$2()),e),s$3=async t=>{e!==t&&(e=t,await o$1(t),h$1()&&await C({languageAware:true}));},m$1=()=>a$9,L$1=t=>{n$4=t;},c$3=()=>(n$4===void 0&&(n$4=F()),n$4);
 
-	const t=typeof document>"u",o=()=>{if(t)return a$8;const a=navigator.languages,n=()=>navigator.language;return a&&a[0]||n()||a$8};
+	const t=typeof document>"u",o=()=>{if(t)return a$9;const a=navigator.languages,n=()=>navigator.language;return a&&a[0]||n()||a$9};
 
-	const n$3=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;let r$3 = class r{constructor(s){const t=n$3.exec(s.replace(/_/g,"-"));if(t===null)throw new Error(`The given language ${s} does not adhere to BCP-47.`);this.sLocaleId=s,this.sLanguage=t[1]||a$8,this.sScript=t[2]||"",this.sRegion=t[3]||"",this.sVariant=t[4]&&t[4].slice(1)||null,this.sExtension=t[5]&&t[5].slice(1)||null,this.sPrivateUse=t[6]||null,this.sLanguage&&(this.sLanguage=this.sLanguage.toLowerCase()),this.sScript&&(this.sScript=this.sScript.toLowerCase().replace(/^[a-z]/,i=>i.toUpperCase())),this.sRegion&&(this.sRegion=this.sRegion.toUpperCase());}getLanguage(){return this.sLanguage}getScript(){return this.sScript}getRegion(){return this.sRegion}getVariant(){return this.sVariant}getVariantSubtags(){return this.sVariant?this.sVariant.split("-"):[]}getExtension(){return this.sExtension}getExtensionSubtags(){return this.sExtension?this.sExtension.slice(2).split("-"):[]}getPrivateUse(){return this.sPrivateUse}getPrivateUseSubtags(){return this.sPrivateUse?this.sPrivateUse.slice(2).split("-"):[]}hasPrivateUseSubtag(s){return this.getPrivateUseSubtags().indexOf(s)>=0}toString(){const s=[this.sLanguage];return this.sScript&&s.push(this.sScript),this.sRegion&&s.push(this.sRegion),this.sVariant&&s.push(this.sVariant),this.sExtension&&s.push(this.sExtension),this.sPrivateUse&&s.push(this.sPrivateUse),s.join("-")}};
+	const n$3=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;let r$3 = class r{constructor(s){const t=n$3.exec(s.replace(/_/g,"-"));if(t===null)throw new Error(`The given language ${s} does not adhere to BCP-47.`);this.sLocaleId=s,this.sLanguage=t[1]||a$9,this.sScript=t[2]||"",this.sRegion=t[3]||"",this.sVariant=t[4]&&t[4].slice(1)||null,this.sExtension=t[5]&&t[5].slice(1)||null,this.sPrivateUse=t[6]||null,this.sLanguage&&(this.sLanguage=this.sLanguage.toLowerCase()),this.sScript&&(this.sScript=this.sScript.toLowerCase().replace(/^[a-z]/,i=>i.toUpperCase())),this.sRegion&&(this.sRegion=this.sRegion.toUpperCase());}getLanguage(){return this.sLanguage}getScript(){return this.sScript}getRegion(){return this.sRegion}getVariant(){return this.sVariant}getVariantSubtags(){return this.sVariant?this.sVariant.split("-"):[]}getExtension(){return this.sExtension}getExtensionSubtags(){return this.sExtension?this.sExtension.slice(2).split("-"):[]}getPrivateUse(){return this.sPrivateUse}getPrivateUseSubtags(){return this.sPrivateUse?this.sPrivateUse.slice(2).split("-"):[]}hasPrivateUseSubtag(s){return this.getPrivateUseSubtags().indexOf(s)>=0}toString(){const s=[this.sLanguage];return this.sScript&&s.push(this.sScript),this.sRegion&&s.push(this.sRegion),this.sVariant&&s.push(this.sVariant),this.sExtension&&s.push(this.sExtension),this.sPrivateUse&&s.push(this.sPrivateUse),s.join("-")}};
 
 	const r$2=new Map,n$2=t=>(r$2.has(t)||r$2.set(t,new r$3(t)),r$2.get(t)),c$2=t=>{try{if(t&&typeof t=="string")return n$2(t)}catch{}return new r$3(r$e)},s$2=t=>{const e=d$2();return e?n$2(e):c$2(o())};
 
@@ -108,7 +108,7 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 
 	const r$1={zh_HK:"zh_TW",in:"id"},n$1=t=>{if(!t)return r$e;if(r$1[t])return r$1[t];const L=t.lastIndexOf("_");return L>=0?t.slice(0,L):t!==r$e?r$e:""};
 
-	const d$1=new Set,m=new Set,g$2=new Map,l$1=new Map,u$2=new Map,$=(n,t,e)=>{const r=`${n}/${t}`;u$2.set(r,e);},f$2=(n,t)=>{g$2.set(n,t);},A$1=n=>g$2.get(n),h=(n,t)=>{const e=`${n}/${t}`;return u$2.has(e)},B=(n,t)=>{const e=`${n}/${t}`,r=u$2.get(e);return r&&!l$1.get(e)&&l$1.set(e,r(t)),l$1.get(e)},M=n=>{d$1.has(n)||(console.warn(`[${n}]: Message bundle assets are not configured. Falling back to English texts.`,` Add \`import "${n}/dist/Assets.js"\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section "Assets" in the documentation for more information.`),d$1.add(n));},L=(n,t)=>t!==a$8&&!h(n,t),w$1=async n=>{const t=s$2().getLanguage(),e=s$2().getRegion(),r=s$2().getVariant();let s=t+(e?`-${e}`:"")+(r?`-${r}`:"");if(L(n,s))for(s=p(s);L(n,s);)s=n$1(s);const I=c$3();if(s===a$8&&!I){f$2(n,null);return}if(!h(n,s)){M(n);return}try{const o=await B(n,s);f$2(n,o);}catch(o){const a=o;m.has(a.message)||(m.add(a.message),console.error(a.message));}};t$1(n=>{const t=[...g$2.keys()];return Promise.all(t.map(w$1))});
+	const d$1=new Set,m=new Set,g$2=new Map,l$1=new Map,u$2=new Map,$=(n,t,e)=>{const r=`${n}/${t}`;u$2.set(r,e);},f$2=(n,t)=>{g$2.set(n,t);},A$1=n=>g$2.get(n),h=(n,t)=>{const e=`${n}/${t}`;return u$2.has(e)},B=(n,t)=>{const e=`${n}/${t}`,r=u$2.get(e);return r&&!l$1.get(e)&&l$1.set(e,r(t)),l$1.get(e)},M=n=>{d$1.has(n)||(console.warn(`[${n}]: Message bundle assets are not configured. Falling back to English texts.`,` Add \`import "${n}/dist/Assets.js"\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section "Assets" in the documentation for more information.`),d$1.add(n));},L=(n,t)=>t!==a$9&&!h(n,t),w$1=async n=>{const t=s$2().getLanguage(),e=s$2().getRegion(),r=s$2().getVariant();let s=t+(e?`-${e}`:"")+(r?`-${r}`:"");if(L(n,s))for(s=p(s);L(n,s);)s=n$1(s);const I=c$3();if(s===a$9&&!I){f$2(n,null);return}if(!h(n,s)){M(n);return}try{const o=await B(n,s);f$2(n,o);}catch(o){const a=o;m.has(a.message)||(m.add(a.message),console.error(a.message));}};t$1(n=>{const t=[...g$2.keys()];return Promise.all(t.map(w$1))});
 
 	const g$1=/('')|'([^']+(?:''[^']*)*)(?:'|$)|\{([0-9]+(?:\s*,[^{}]*)?)\}|[{}]/g,i$1=(n,t)=>(t=t||[],n.replace(g$1,(p,s,e,r,o)=>{if(s)return "'";if(e)return e.replace(/''/g,"'");if(r){const a=typeof r=="string"?parseInt(r):r;return String(t[a])}throw new Error(`[i18n]: pattern syntax error at pos ${o}`)}));
 
@@ -130,32 +130,35 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 	exports.S = S$1;
 	exports.T = T;
 	exports.U = U$2;
-	exports.a = a$1;
+	exports.a = a$8;
+	exports.a$1 = a$1;
 	exports.b = b$1;
-	exports.c = c$9;
-	exports.c$1 = c$b;
-	exports.c$2 = c$5;
-	exports.c$3 = c$3;
-	exports.c$4 = c$8;
-	exports.d = d$3;
-	exports.d$1 = d$a;
+	exports.c = c$c;
+	exports.c$1 = c$9;
+	exports.c$2 = c$b;
+	exports.c$3 = c$5;
+	exports.c$4 = c$3;
+	exports.c$5 = c$8;
+	exports.d = d$a;
+	exports.d$1 = d$3;
 	exports.d$2 = d$2;
 	exports.e = e$8;
 	exports.e$1 = e$2;
 	exports.f = f;
-	exports.f$1 = f$6;
-	exports.f$2 = f$4;
-	exports.f$3 = f$1;
+	exports.f$1 = f$4;
+	exports.f$2 = f$1;
+	exports.f$3 = f$6;
 	exports.g = g$7;
 	exports.g$1 = g$3;
 	exports.g$2 = g$4;
-	exports.h = h$4;
-	exports.h$1 = h$5;
-	exports.h$2 = h$2;
-	exports.i = i$d;
-	exports.i$1 = i$e;
-	exports.i$2 = i$b;
-	exports.i$3 = i$2;
+	exports.h = h$2;
+	exports.h$1 = h$4;
+	exports.h$2 = h$5;
+	exports.i = i$f;
+	exports.i$1 = i$d;
+	exports.i$2 = i$e;
+	exports.i$3 = i$b;
+	exports.i$4 = i$2;
 	exports.l = l$b;
 	exports.l$1 = l$3;
 	exports.l$2 = l$7;
@@ -165,10 +168,10 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 	exports.m$1 = m$8;
 	exports.m$2 = m$1;
 	exports.m$3 = m$2;
-	exports.n = n$f;
-	exports.n$1 = n$d;
-	exports.n$2 = n$a;
-	exports.n$3 = n;
+	exports.n = n;
+	exports.n$1 = n$f;
+	exports.n$2 = n$d;
+	exports.n$3 = n$a;
 	exports.o = o$5;
 	exports.p = p$3;
 	exports.p$1 = p$4;
@@ -180,10 +183,10 @@ To prevent other runtimes from defining tags that you use, consider using scopin
 	exports.s$2 = s$3;
 	exports.t = t$1;
 	exports.t$1 = t$3;
-	exports.u = u$a;
-	exports.u$1 = u$3;
-	exports.u$2 = u$1;
-	exports.u$3 = u;
+	exports.u = u;
+	exports.u$1 = u$a;
+	exports.u$2 = u$3;
+	exports.u$3 = u$1;
 	exports.w = w$5;
 	exports.w$1 = w$2;
 	exports.y = y;

package/src/main/js/sap/ushell/thirdparty/Label.js

@@ -0,0 +1,115 @@
+sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Icons'], (function (webcomponentsBase, webcomponents, i18nDefaults, Icons) { 'use strict';
+
+    function LabelTemplate() {
+        return (i18nDefaults.jsxs("label", { class: "ui5-label-root", onClick: this._onclick, children: [i18nDefaults.jsx("span", { class: "ui5-label-text-wrapper", children: i18nDefaults.jsx("slot", {}) }), i18nDefaults.jsx("span", { "aria-hidden": "true", class: "ui5-label-required-colon", "data-ui5-colon": this._colonSymbol })] }));
+    }
+
+    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
+    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    var labelCss = `:host(:not([hidden])){display:inline-flex}:host{max-width:100%;color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;cursor:text}.ui5-label-root{width:100%;cursor:inherit}:host{white-space:normal}:host([wrapping-type="None"]){white-space:nowrap}:host([wrapping-type="None"]) .ui5-label-root{display:inline-flex}:host([wrapping-type="None"]) .ui5-label-text-wrapper{text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:top;flex:0 1 auto;min-width:0}:host([show-colon]) .ui5-label-required-colon:before{content:attr(data-ui5-colon)}:host([required]) .ui5-label-required-colon:after{content:"*";color:var(--sapField_RequiredColor);font-size:var(--sapFontLargeSize);font-weight:700;position:relative;font-style:normal;vertical-align:middle;line-height:0}.ui5-label-text-wrapper{padding-inline-end:.075rem}:host([required][show-colon]) .ui5-label-required-colon:after{margin-inline-start:.125rem}:host([show-colon]) .ui5-label-required-colon{margin-inline-start:-.05rem;white-space:pre}
+`;
+
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var Label_1;
+    /**
+     * @class
+     *
+     * ### Overview
+     *
+     * The `ui5-label` is a component used to represent a label for elements like input, textarea, select.
+     * The `for` property of the `ui5-label` must be the same as the id attribute of the related input element.
+     * Screen readers read out the label, when the user focuses the labelled control.
+     *
+     * The `ui5-label` appearance can be influenced by properties,
+     * such as `required` and `wrappingType`.
+     * The appearance of the Label can be configured in a limited way by using the design property.
+     * For a broader choice of designs, you can use custom styles.
+     *
+     * ### ES6 Module Import
+     *
+     * `import "@ui5/webcomponents/dist/Label";`
+     * @constructor
+     * @extends UI5Element
+     * @public
+     * @slot {Array<Node>} default - Defines the text of the component.
+     *
+     * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     */
+    let Label = Label_1 = class Label extends webcomponentsBase.b {
+        constructor() {
+            super(...arguments);
+            /**
+             * Defines whether colon is added to the component text.
+             *
+             * **Note:** Usually used in forms.
+             * @default false
+             * @public
+             */
+            this.showColon = false;
+            /**
+             * Defines whether an asterisk character is added to the component text.
+             *
+             * **Note:** Usually indicates that user input (bound with the `for` property) is required.
+             * In that case the `required` property of
+             * the corresponding input should also be set.
+             * @default false
+             * @public
+             */
+            this.required = false;
+            /**
+             * Defines how the text of a component will be displayed when there is not enough space.
+             *
+             * **Note:** for option "Normal" the text will wrap and the words will not be broken based on hyphenation.
+             * @default "Normal"
+             * @public
+             */
+            this.wrappingType = "Normal";
+        }
+        _onclick() {
+            if (!this.for) {
+                return;
+            }
+            const elementToFocus = this.getRootNode().querySelector(`[id="${this.for}"]`);
+            if (elementToFocus) {
+                elementToFocus.focus();
+            }
+        }
+        get _colonSymbol() {
+            return Label_1.i18nBundle.getText(i18nDefaults.LABEL_COLON);
+        }
+    };
+    __decorate([
+        webcomponentsBase.s()
+    ], Label.prototype, "for", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], Label.prototype, "showColon", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], Label.prototype, "required", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], Label.prototype, "wrappingType", void 0);
+    __decorate([
+        i18nDefaults.i("@ui5/webcomponents")
+    ], Label, "i18nBundle", void 0);
+    Label = Label_1 = __decorate([
+        webcomponentsBase.m({
+            tag: "ui5-label",
+            renderer: i18nDefaults.d,
+            template: LabelTemplate,
+            styles: labelCss,
+            languageAware: true,
+        })
+    ], Label);
+    Label.define();
+    var Label$1 = Label;
+
+    return Label$1;
+
+}));