npm - @ui5/webcomponents - Versions diffs - 1.14.0-rc.1 → 1.14.0 - Mend

@ui5/webcomponents 1.14.0-rc.1 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (613) hide show

package/dist/test/pages/TableSelection.html CHANGED Viewed

@@ -16,7 +16,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/TableSelection.de375a7c.css">
 </head>

package/dist/test/pages/TextArea.html CHANGED Viewed

@@ -23,7 +23,7 @@
-		<script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+		<script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
 		<link rel="stylesheet" href="/assets/TextArea.76f953a2.css">
 	</head>

package/dist/test/pages/TimePicker.html CHANGED Viewed

@@ -13,18 +13,26 @@
-		<script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
-		<link rel="stylesheet" href="/assets/TimePicker.ad7096e8.css">
+		<script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
+		<link rel="stylesheet" href="/assets/TimePicker.0bfa349e.css">
 	</head>
 	<body class="timepicker1auto">
-		<ui5-time-picker id="timepicker" format-pattern="HH:mm:ss"></ui5-time-picker>
-		<ui5-time-picker></ui5-time-picker>
-		<ui5-time-picker id="timepicker2" format-pattern="hh:mm:ss" value=""></ui5-time-picker>
-		<ui5-time-picker id="timepicker3" format-pattern="hh:mm:ss a"></ui5-time-picker>
-		<ui5-time-picker id="timepicker4" format-pattern="HH:mm" value="12:05"></ui5-time-picker>
-		<ui5-time-picker id="timepicker5" format-pattern="hh:mm:ss" value="12:00:01"></ui5-time-picker>
-		<br>
-		<ui5-time-picker class="timepicker2auto"></ui5-time-picker>
+		<div class="samples">
+			<div class="sample-box-1">
+				<ui5-time-picker id="timepicker" format-pattern="HH:mm:ss"></ui5-time-picker>
+				<ui5-time-picker></ui5-time-picker>
+				<ui5-time-picker id="timepicker2" format-pattern="hh:mm:ss" value=""></ui5-time-picker>
+				<ui5-time-picker id="timepicker3" format-pattern="hh:mm:ss a"></ui5-time-picker>
+				<ui5-time-picker id="timepicker4" format-pattern="HH:mm" value="12:05"></ui5-time-picker>
+				<ui5-time-picker id="timepicker5" format-pattern="hh:mm:ss" value="12:00:01"></ui5-time-picker>
+				<br>
+			</div>
+			<div class="sample-box-2">
+				<ui5-time-picker class="timepicker2auto"></ui5-time-picker>
+			</div>
+		</div>
 		<br /><br />
 		<ui5-title>Test "change" event</ui5-title>

package/dist/test/pages/TimeSelection.html CHANGED Viewed

@@ -13,7 +13,7 @@
-		<script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+		<script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
 		<link rel="stylesheet" href="/assets/TimeSelection.f76266ae.css">
 	</head>
 	<body class="timeselection1auto">

package/dist/test/pages/Title.html CHANGED Viewed

@@ -13,7 +13,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/Title.3d358ef7.css">
 </head>

package/dist/test/pages/Toast.html CHANGED Viewed

@@ -11,7 +11,7 @@
 	<script>// delete Document.prototype.adoptedStyleSheets;</script>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/Toast.d7517578.css">
 </head>

package/dist/test/pages/ToggleButton.html CHANGED Viewed

@@ -23,7 +23,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/ToggleButton.666e069a.css">
 </head>

package/dist/test/pages/Tokenizer.html CHANGED Viewed

@@ -15,7 +15,7 @@
 	</script>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/Tokenizer.09a50163.css">
 </head>

package/dist/test/pages/Tree.html CHANGED Viewed

@@ -21,7 +21,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/Tree.e496f991.css">
 </head>

package/dist/test/pages/TreeDynamic.html CHANGED Viewed

@@ -21,7 +21,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/Tree.e496f991.css">
 </head>

package/dist/test/pages/WheelSlider_Test_Page.html CHANGED Viewed

@@ -17,7 +17,7 @@
 		integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="></script>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/WheelSlider_Test_Page.e2918081.css">
 </head>
 	<body class="wheelslider_test_page1auto">

package/dist/test/pages/base/AriaLabelHelper.html CHANGED Viewed

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>AriaLabelHelper</title>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
 </head>
 <style>

package/dist/test/pages/base/DOMObserver.html CHANGED Viewed

@@ -10,7 +10,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
 </head>
 <body>

package/dist/test/pages/base/IconCollection.html CHANGED Viewed

@@ -13,7 +13,7 @@
 			"theme": "sap_fiori_3_dark"
 		}
 	</script>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
 </head>
 <body>

package/dist/test/pages/base/IconCollectionInCustomTheme.html CHANGED Viewed

@@ -14,7 +14,7 @@
 			"theme": "readfish"
 		}
 	</script>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/IconCollectionInCustomTheme.91b08a2b.css">
 </head>

package/dist/test/pages/base/IgnoreCustomElements.html CHANGED Viewed

@@ -8,7 +8,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/IgnoreCustomElements.2238457d.css">
 </head>

package/dist/test/pages/base/InvisibleMessage.html CHANGED Viewed

@@ -7,7 +7,7 @@
 	<title>InvisibleMessage</title>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
 </head>
 <body style="background-color: var(--sapBackgroundColor);">

package/dist/test/pages/form.html CHANGED Viewed

@@ -11,7 +11,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/form.a7c56399.css">
 </head>

package/dist/test/pages/i18n-defaultLang.html CHANGED Viewed

@@ -17,7 +17,7 @@
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/i18n-defaultLang.a3cc4720.css">
 </head>
 	<body class="i18n-defaultlang1auto">

package/dist/test/pages/i18n-demo.html CHANGED Viewed

@@ -13,7 +13,7 @@
 	<script>// delete Document.prototype.adoptedStyleSheets;</script>
-  <script type="module" crossorigin src="/assets/bundle.common.2735b425.js"></script>
+  <script type="module" crossorigin src="/assets/bundle.common.4c2474bd.js"></script>
   <link rel="stylesheet" href="/assets/i18n-demo.88e9e087.css">
 </head>

package/dist/types/BackgroundDesign.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+/**
+ * Defines background designs.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.main.types.BackgroundDesign
+ */
+declare enum BackgroundDesign {
+    /**
+     * A solid background color dependent on the theme.
+     * @public
+     * @type {Solid}
+     */
+    Solid = "Solid",
+    /**
+     * Transparent background.
+     * @public
+     * @type {Transparent}
+     */
+    Transparent = "Transparent",
+    /**
+     * A translucent background depending on the opacity value of the theme.
+     * @public
+     * @type {Translucent}
+     */
+    Translucent = "Translucent"
+}
+export default BackgroundDesign;

package/dist/types/BackgroundDesign.js ADDED Viewed

@@ -0,0 +1,32 @@
+/**
+ * Defines background designs.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.main.types.BackgroundDesign
+ */
+var BackgroundDesign;
+(function (BackgroundDesign) {
+    /**
+     * A solid background color dependent on the theme.
+     * @public
+     * @type {Solid}
+     */
+    BackgroundDesign["Solid"] = "Solid";
+    /**
+     * Transparent background.
+     * @public
+     * @type {Transparent}
+     */
+    BackgroundDesign["Transparent"] = "Transparent";
+    /**
+     * A translucent background depending on the opacity value of the theme.
+     * @public
+     * @type {Translucent}
+     */
+    BackgroundDesign["Translucent"] = "Translucent";
+})(BackgroundDesign || (BackgroundDesign = {}));
+export default BackgroundDesign;
+//# sourceMappingURL=BackgroundDesign.js.map

package/dist/types/BackgroundDesign.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BackgroundDesign.js","sourceRoot":"","sources":["../../src/types/BackgroundDesign.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,gBAqBJ;AArBD,WAAK,gBAAgB;IACpB;;;;OAIG;IACH,mCAAe,CAAA;IAEf;;;;OAIG;IACH,+CAA2B,CAAA;IAE3B;;;;OAIG;IACH,+CAA2B,CAAA;AAC5B,CAAC,EArBI,gBAAgB,KAAhB,gBAAgB,QAqBpB;AAED,eAAe,gBAAgB,CAAC","sourcesContent":["/**\n * Defines background designs.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.BackgroundDesign\n */\nenum BackgroundDesign {\n\t/**\n\t * A solid background color dependent on the theme.\n\t * @public\n\t * @type {Solid}\n\t */\n\tSolid = \"Solid\",\n\n\t/**\n\t * Transparent background.\n\t * @public\n\t * @type {Transparent}\n\t */\n\tTransparent = \"Transparent\",\n\n\t/**\n\t * A translucent background depending on the opacity value of the theme.\n\t * @public\n\t * @type {Translucent}\n\t */\n\tTranslucent = \"Translucent\",\n}\n\nexport default BackgroundDesign;\n"]}

package/dist/types/BorderDesign.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Defines border designs.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.main.types.BorderDesign
+ */
+declare enum BorderDesign {
+    /**
+     * A solid border color dependent on the theme.
+     * @public
+     * @type {Solid}
+     */
+    Solid = "Solid",
+    /**
+     * Specifies no border.
+     * @public
+     * @type {Transparent}
+     */
+    None = "None"
+}
+export default BorderDesign;

package/dist/types/BorderDesign.js ADDED Viewed

@@ -0,0 +1,26 @@
+/**
+ * Defines border designs.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.main.types.BorderDesign
+ */
+var BorderDesign;
+(function (BorderDesign) {
+    /**
+     * A solid border color dependent on the theme.
+     * @public
+     * @type {Solid}
+     */
+    BorderDesign["Solid"] = "Solid";
+    /**
+     * Specifies no border.
+     * @public
+     * @type {Transparent}
+     */
+    BorderDesign["None"] = "None";
+})(BorderDesign || (BorderDesign = {}));
+export default BorderDesign;
+//# sourceMappingURL=BorderDesign.js.map

package/dist/types/BorderDesign.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BorderDesign.js","sourceRoot":"","sources":["../../src/types/BorderDesign.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,YAcJ;AAdD,WAAK,YAAY;IAChB;;;;OAIG;IACH,+BAAe,CAAA;IAEf;;;;OAIG;IACH,6BAAa,CAAA;AACd,CAAC,EAdI,YAAY,KAAZ,YAAY,QAchB;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Defines border designs.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.BorderDesign\n */\nenum BorderDesign {\n\t/**\n\t * A solid border color dependent on the theme.\n\t * @public\n\t * @type {Solid}\n\t */\n\tSolid = \"Solid\",\n\n\t/**\n\t * Specifies no border.\n\t * @public\n\t * @type {Transparent}\n\t */\n\tNone = \"None\",\n}\n\nexport default BorderDesign;\n"]}

package/dist/types/SegmentedButtonMode.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Different SegmentedButton modes.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.main.types.SegmentedButtonMode
+ */
+declare enum SegmentedButtonMode {
+    /**
+     * There is always one selected. Selecting one deselects the previous one.
+     * @public
+     * @type {SingleSelect}
+     */
+    SingleSelect = "SingleSelect",
+    /**
+     * Multiple items can be selected at a time. All items can be deselected.
+     * @public
+     * @type {MultiSelect}
+     */
+    MultiSelect = "MultiSelect"
+}
+export default SegmentedButtonMode;

package/dist/types/SegmentedButtonMode.js ADDED Viewed

@@ -0,0 +1,26 @@
+/**
+ * Different SegmentedButton modes.
+ *
+ * @readonly
+ * @enum {string}
+ * @public
+ * @author SAP SE
+ * @alias sap.ui.webc.main.types.SegmentedButtonMode
+ */
+var SegmentedButtonMode;
+(function (SegmentedButtonMode) {
+    /**
+     * There is always one selected. Selecting one deselects the previous one.
+     * @public
+     * @type {SingleSelect}
+     */
+    SegmentedButtonMode["SingleSelect"] = "SingleSelect";
+    /**
+     * Multiple items can be selected at a time. All items can be deselected.
+     * @public
+     * @type {MultiSelect}
+     */
+    SegmentedButtonMode["MultiSelect"] = "MultiSelect";
+})(SegmentedButtonMode || (SegmentedButtonMode = {}));
+export default SegmentedButtonMode;
+//# sourceMappingURL=SegmentedButtonMode.js.map

package/dist/types/SegmentedButtonMode.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SegmentedButtonMode.js","sourceRoot":"","sources":["../../src/types/SegmentedButtonMode.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,IAAK,mBAcJ;AAdD,WAAK,mBAAmB;IACvB;;;;OAIG;IACH,oDAA6B,CAAA;IAE7B;;;;OAIG;IACH,kDAA2B,CAAA;AAC5B,CAAC,EAdI,mBAAmB,KAAnB,mBAAmB,QAcvB;AAED,eAAe,mBAAmB,CAAC","sourcesContent":["/**\n * Different SegmentedButton modes.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.SegmentedButtonMode\n */\nenum SegmentedButtonMode {\n\t/**\n\t * There is always one selected. Selecting one deselects the previous one.\n\t * @public\n\t * @type {SingleSelect}\n\t */\n\tSingleSelect = \"SingleSelect\",\n\n\t/**\n\t * Multiple items can be selected at a time. All items can be deselected.\n\t * @public\n\t * @type {MultiSelect}\n\t */\n\tMultiSelect = \"MultiSelect\",\n}\n\nexport default SegmentedButtonMode;\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "1.14.0-rc.1",
+  "version": "1.14.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -43,14 +43,14 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "1.14.0-rc.1",
-    "@ui5/webcomponents-icons": "1.14.0-rc.1",
-    "@ui5/webcomponents-localization": "1.14.0-rc.1",
-    "@ui5/webcomponents-theming": "1.14.0-rc.1"
+    "@ui5/webcomponents-base": "1.14.0",
+    "@ui5/webcomponents-icons": "1.14.0",
+    "@ui5/webcomponents-localization": "1.14.0",
+    "@ui5/webcomponents-theming": "1.14.0"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "1.14.0-rc.1",
+    "@ui5/webcomponents-tools": "1.14.0",
     "chromedriver": "112.0.0"
   },
-  "gitHead": "9238cbf560b0fd9adbbdd0b0615632a56c9f955e"
+  "gitHead": "489a83047415dbe807764cd99249f7df8f5e1f10"
 }

package/src/Avatar.hbs CHANGED Viewed

@@ -9,17 +9,18 @@
 	@click={{_onclick}}
 	role="{{_role}}"
 	aria-haspopup="{{_ariaHasPopup}}"
+	aria-label="{{accessibleNameText}}"
 >
 	{{#if hasImage}}
 		<slot></slot>
 	{{else}}
 		{{#if icon}}
-			<ui5-icon class="ui5-avatar-icon" name="{{icon}}" accessible-name="{{accessibleNameText}}"></ui5-icon>
+			<ui5-icon class="ui5-avatar-icon" name="{{icon}}"></ui5-icon>
 		{{/if}}
 		{{#if initials}}
 			<span class="ui5-avatar-initials">{{validInitials}}</span>
-			<ui5-icon class="ui5-avatar-icon ui5-avatar-icon-fallback" name="employee" accessible-name="{{accessibleNameText}}"></ui5-icon>
+			<ui5-icon class="ui5-avatar-icon ui5-avatar-icon-fallback" name="employee"></ui5-icon>
 		{{/if}}
 	{{/if}}

package/src/Carousel.hbs CHANGED Viewed

@@ -1,5 +1,5 @@
 <section
-	class="ui5-carousel-root"
+	class="ui5-carousel-root ui5-carousel-background-{{_backgroundDesign}}"
 	tabindex="0"
 	role="listbox"
 	aria-activedescendant="{{ariaActiveDescendant}}"
@@ -49,7 +49,7 @@
 							></div>
 						{{/each}}
 					{{else}}
-						<ui5-label>{{selectedIndexToShow}}&nbsp;{{ofText}}&nbsp;{{pagesCount}}</ui5-label>
+						<div class="ui5-carousel-navigation-text">{{selectedIndexToShow}}&nbsp;{{ofText}}&nbsp;{{pagesCount}}</div>
 					{{/if}}
 				{{/unless}}
 			</div>

package/src/Dialog.hbs CHANGED Viewed

@@ -2,22 +2,39 @@
 {{#*inline "beforeContent"}}
 	{{#if _displayHeader }}
-		<header
-			class="ui5-popup-header-root"
-			id="ui5-popup-header"
-			tabindex="{{_headerTabIndex}}"
-			@keydown="{{_onDragOrResizeKeyDown}}"
-			@mousedown="{{_onDragMouseDown}}"
-			part="header"
-			state="{{this.state}}">
-			{{#if hasValueState}}
-			<ui5-icon class="ui5-dialog-value-state-icon" name="{{_dialogStateIcon}}"></ui5-icon>
-			{{/if}}
-			{{#if header.length }}
-				<slot name="header"></slot>
-			{{else}}
-				<h1 id="ui5-popup-header-text" class="ui5-popup-header-text">{{headerText}}</h1>
-			{{/if}}
+		<header>
+			<div
+				class="ui5-popup-header-root"
+				id="ui5-popup-header"
+				role="group"
+				aria-describedby={{effectiveAriaDescribedBy}}
+				aria-roledescription={{ariaRoleDescriptionHeaderText}}
+				tabindex="{{_headerTabIndex}}"
+				@keydown="{{_onDragOrResizeKeyDown}}"
+				@mousedown="{{_onDragMouseDown}}"
+				part="header"
+				state="{{this.state}}">
+				{{#if hasValueState}}
+				<ui5-icon class="ui5-dialog-value-state-icon" name="{{_dialogStateIcon}}"></ui5-icon>
+				{{/if}}
+				{{#if header.length }}
+					<slot name="header"></slot>
+				{{else}}
+					<h1 id="ui5-popup-header-text" class="ui5-popup-header-text">{{headerText}}</h1>
+				{{/if}}
+				{{#if resizable}}
+					{{#if draggable}}
+					<span id="{{_id}}-descr" aria-hidden="true" class="ui5-hidden-text">{{ariaDescribedByHeaderTextDraggableAndResizable}}</span>
+					{{else}}
+					<span id="{{_id}}-descr" aria-hidden="true" class="ui5-hidden-text">{{ariaDescribedByHeaderTextResizable}}</span>
+					{{/if}}
+				{{else}}
+					{{#if draggable}}
+						<span id="{{_id}}-descr" aria-hidden="true" class="ui5-hidden-text">{{ariaDescribedByHeaderTextDraggable}}</span>
+					{{/if}}
+				{{/if}}
+			</div>
 		</header>
 	{{/if}}
 {{/inline}}

package/src/Label.hbs CHANGED Viewed

@@ -5,5 +5,10 @@
 	<span class="ui5-label-text-wrapper">
 		<bdi id="{{_id}}-bdi"><slot></slot></bdi>
 	</span>
-	<span aria-hidden="true" class="ui5-label-required-colon"></span>
+	<span
+		aria-hidden="true"
+		class="ui5-label-required-colon"
+		data-colon="{{_colonSymbol}}"
+	>
+	</span>
 </label>

package/src/i18n/messagebundle.properties CHANGED Viewed

@@ -423,3 +423,17 @@ MENU_BACK_BUTTON_ARIA_LABEL=Back
 #XACT: ARIA announcement for the Menu Close button aria-label attribute
 MENU_CLOSE_BUTTON_ARIA_LABEL=Decline
+#XACT: ARIA announcement for roldesecription attribute of Dialog header
+DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=Interactive Header
+#XACT: ARIA announcement for describedby attribute of resizable Dialog header
+DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=Use Shift+Arrow keys to resize
+#XACT: ARIA announcement for describedby attribute of draggable Dialog header
+DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE=Use Arrow keys to move
+#XACT: ARIA announcement for describedby attribute of draggable and resizable Dialog header
+DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE=Use Arrow keys to move, Shift+Arrow keys to resize
+#XFLD: A colon to separate the "label" from an input. In some languages there might be a different symbol used for such a colon
+LABEL_COLON=:

package/src/i18n/messagebundle_ar.properties CHANGED Viewed

@@ -179,7 +179,7 @@ ARIA_LABEL_ROW_SELECTION=تحديد البنود
 ARIA_LABEL_SELECT_ALL_CHECKBOX=تحديد كل الصفوف
-ARIA_LABEL_EMPTY_CELL=Empty
+ARIA_LABEL_EMPTY_CELL=فارغ
 TAB_ARIA_DESIGN_POSITIVE=إيجابية
@@ -282,3 +282,5 @@ SPLIT_BUTTON_KEYBOARD_HINT=اضغط على Space أو Enter لبدء تشغيل
 MENU_BACK_BUTTON_ARIA_LABEL=الخلف
 MENU_CLOSE_BUTTON_ARIA_LABEL=رفض
+LABEL_COLON=:

package/src/i18n/messagebundle_bg.properties CHANGED Viewed

@@ -179,7 +179,7 @@ ARIA_LABEL_ROW_SELECTION=Избор на позиция
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Изберете всички редове
-ARIA_LABEL_EMPTY_CELL=Empty
+ARIA_LABEL_EMPTY_CELL=Празно
 TAB_ARIA_DESIGN_POSITIVE=Положително
@@ -282,3 +282,5 @@ SPLIT_BUTTON_KEYBOARD_HINT=Натиснете интервал или Enter, з
 MENU_BACK_BUTTON_ARIA_LABEL=Назад
 MENU_CLOSE_BUTTON_ARIA_LABEL=Отхвърляне
+LABEL_COLON=:

package/src/i18n/messagebundle_ca.properties CHANGED Viewed

@@ -179,7 +179,7 @@ ARIA_LABEL_ROW_SELECTION=Selecció de posició
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Seleccionar totes les línies
-ARIA_LABEL_EMPTY_CELL=Empty
+ARIA_LABEL_EMPTY_CELL=Buit
 TAB_ARIA_DESIGN_POSITIVE=Positiu
@@ -282,3 +282,5 @@ SPLIT_BUTTON_KEYBOARD_HINT=Premeu Espai o Intro per activar l'acció predetermin
 MENU_BACK_BUTTON_ARIA_LABEL=Endarrere
 MENU_CLOSE_BUTTON_ARIA_LABEL=Declinar
+LABEL_COLON=:

package/src/i18n/messagebundle_cs.properties CHANGED Viewed

@@ -179,7 +179,7 @@ ARIA_LABEL_ROW_SELECTION=Výběr položek
 ARIA_LABEL_SELECT_ALL_CHECKBOX=Vybrat všechny řádky
-ARIA_LABEL_EMPTY_CELL=Empty
+ARIA_LABEL_EMPTY_CELL=Prázdné
 TAB_ARIA_DESIGN_POSITIVE=Pozitivní
@@ -282,3 +282,5 @@ SPLIT_BUTTON_KEYBOARD_HINT=Stisknutím mezerníku nebo Enter spustíte standardn
 MENU_BACK_BUTTON_ARIA_LABEL=Zpět
 MENU_CLOSE_BUTTON_ARIA_LABEL=Odmítnout
+LABEL_COLON=: