@ui5/webcomponents 2.8.0 → 2.9.0-rc.0

package/src/i18n/messagebundle_vi.properties

@@ -172,6 +172,10 @@ LIST_ITEM_NOT_SELECTED=Không được chọn
 
 LIST_ITEM_GROUP_HEADER=Tiêu đề nhóm
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=chứa {0} nhóm phụ có {1} mục
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=chứa {0} nhóm phụ
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=Chế độ đa lựa chọn
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Lựa chọn mục.
@@ -395,6 +399,8 @@ LABEL_COLON=:
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=Tùy chọn bổ sung
 
+TOOLBAR_POPOVER_AVAILABLE_VALUES=Giá trị có sẵn
+
 FORM_CHECKABLE_REQUIRED=Vui lòng đánh dấu vào ô này nếu bạn muốn tiến hành.
 
 FORM_MIXED_TEXTFIELD_REQUIRED=Vui lòng điền vào trường này hoặc chọn một mục trong danh sách.

package/src/i18n/messagebundle_zh_CN.properties

@@ -172,6 +172,10 @@ LIST_ITEM_NOT_SELECTED=未选择
 
 LIST_ITEM_GROUP_HEADER=组抬头
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=包含含有 {1} 个项目的 {0} 个子组
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=包含 {0} 个子组
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=多重选择模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=项目选择。
@@ -395,6 +399,8 @@ LABEL_COLON=：
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加选项
 
+TOOLBAR_POPOVER_AVAILABLE_VALUES=可用值
+
 FORM_CHECKABLE_REQUIRED=如果要继续，请勾选此框。
 
 FORM_MIXED_TEXTFIELD_REQUIRED=请填写此字段或在列表中选择一项。

package/src/i18n/messagebundle_zh_TW.properties

@@ -172,6 +172,10 @@ LIST_ITEM_NOT_SELECTED=未選擇
 
 LIST_ITEM_GROUP_HEADER=群組表頭
 
+LIST_ROLE_LIST_GROUP_DESCRIPTION=包含 {0} 個子群組 (內有 {1} 個項目)
+
+LIST_ROLE_LISTBOX_GROUP_DESCRIPTION=包含 {0} 個子群組
+
 ARIA_LABEL_LIST_ITEM_CHECKBOX=多重選擇模式
 
 ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=項目選擇。
@@ -395,6 +399,8 @@ LABEL_COLON=：
 
 TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加選項
 
+TOOLBAR_POPOVER_AVAILABLE_VALUES=可用值
+
 FORM_CHECKABLE_REQUIRED=若您要繼續，請勾選此方塊。
 
 FORM_MIXED_TEXTFIELD_REQUIRED=請填寫此欄位或在清單中選擇項目。

package/src/themes/List.css

@@ -87,7 +87,7 @@
 	border-bottom: 1px solid var(--sapList_BorderColor);
 	padding: 0 1rem !important;
 	outline: none;
-	height: var(--_ui5_list_no_data_height);
+    min-height: var(--_ui5_list_no_data_height);
 	font-size: var(--_ui5_list_no_data_font_size);
 	font-family: "72override", var(--sapFontFamily);
 	position: relative;
@@ -104,7 +104,8 @@
 .ui5-list-nodata-text {
 	overflow: hidden;
 	text-overflow: ellipsis;
-	white-space: nowrap;
+	white-space: normal;
+    margin: var(--_ui5_list_item_content_vertical_offset) 0;
 }
 
 :host([growing="Scroll"]) .ui5-list-end-marker {

package/src/themes/ListItemBase.css

@@ -27,19 +27,19 @@
 :host([selected]) {
 	background-color: var(--sapList_SelectionBackgroundColor);
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
+}
 
-	.ui5-li-additional-text {
-		text-shadow: var(--sapContent_TextShadow);
-	}
+:host([selected]) .ui5-li-additional-text {
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* hovered */
 :host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) {
     background-color: var(--sapList_Hover_Background);
+}
 
-	.ui5-li-additional-text {
-		text-shadow: var(--sapContent_TextShadow);
-	}
+:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text {
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* selected and hovered */

package/src/themes/MessageStrip.css

@@ -211,14 +211,14 @@
 }
 
 :host([design="ColorSet2"]) .ui5-message-strip-close-button,
-:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) { 
+:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) {
 	color: var(--sapContent_IconColor);
 }
 
 :host([design="ColorSet1"]) .ui5-message-strip-close-button:hover {
 	border-color: var(--sapContent_ContrastIconColor);
 	background-color: var(--_ui5_message_strip_close_button_color_set_1_background);
-	color: var(--_ui5_message_strip_close_button_color_set_1_hover_color);
+	color: var(--_ui5_message_strip_close_button_color_set_1_color);
 	text-shadow: var(--sapContent_ContrastTextShadow);
 }
 
@@ -241,4 +241,4 @@
 :host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):after,
 :host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):before {
 	border-color: var(--sapContent_ContrastFocusColor);
-}
+}

package/src/themes/Switch.css

@@ -3,7 +3,6 @@
 
 :host(:not([hidden])) {
 	display: inline-block;
-	pointer-events: none;
 }
 
 .ui5-switch-root {
@@ -16,7 +15,6 @@
 	cursor: pointer;
 	outline: none;
 	border-radius: var(--_ui5-switch-root-border-radius);
-	pointer-events: all;
 }
 
 .ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) {

package/src/themes/base/InputIcon-parameters.css

@@ -1,8 +1,8 @@
 :root {
 	--_ui5_input_icon_padding: .5625rem;
-	--_ui5_input_icon_color: var(--sapContent_IconColor);
+	--_ui5_input_icon_color: var(--sapField_TextColor);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_pressed_bg: var(--sapButton_Selected_Background);
+	--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);
 	--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);
 	--_ui5_input_icon_border_radius: 0;
 	--_ui5_input_icon_box_shadow: none;

package/src/themes/base/MessageStrip-parameters.css

@@ -8,18 +8,17 @@
 	--_ui5_message_strip_padding_block_no_icon: 0.4375rem 0.4375rem;
 	--_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;
 	--_ui5_message_strip_button_height: 1.625rem;
-	--_ui5_message_strip_border_width: 1px;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_close_button_border: none;
 	--_ui5_message_strip_icon_top: 0.4375rem;
 	--_ui5_message_strip_focus_width: 1px;
 	--_ui5_message_strip_focus_offset: -2px;
 	--_ui5_message_strip_close_button_top: 0.125rem;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #eaecee4d;
-	--_ui5_message_strip_close_button_color_set_2_background: #eaecee80;
-	--_ui5_message_strip_close_button_color_set_1_color: var(--sapButton_Emphasized_TextColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapButton_Emphasized_TextColor);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
+	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapContent_ContrastIconColor);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1b);
 	--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1b_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2b);

package/src/themes/sap_fiori_3/MessageStrip-parameters.css

@@ -1,7 +1,6 @@
 @import "../base/MessageStrip-parameters.css";
 
 :root{
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #ebf5fe4d;
-	--_ui5_message_strip_close_button_color_set_2_background: #ebf5fe80;
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 }

package/src/themes/sap_fiori_3_dark/MessageStrip-parameters.css

@@ -1,9 +1,7 @@
 @import "../base/MessageStrip-parameters.css";
 
 :root{
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #062e4f1a;
-	--_ui5_message_strip_close_button_color_set_2_background: #062e4f80;
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapContent_ContrastIconColor);
 }

package/src/themes/sap_fiori_3_hcb/MessageStrip-parameters.css

@@ -2,12 +2,12 @@
 
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/src/themes/sap_fiori_3_hcw/MessageStrip-parameters.css

@@ -2,12 +2,12 @@
 
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/src/themes/sap_horizon/InputIcon-parameters.css

@@ -4,7 +4,7 @@
 	--_ui5_input_icon_padding: .625rem .625rem .5625rem .625rem;
 	--_ui5_input_icon_hover_bg: var(--sapField_Focus_Background);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_border_radius: 0.25rem;
+	--_ui5_input_icon_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_input_icon_box_shadow: var(--sapField_Hover_Shadow);
 	--_ui5_input_icon_border: none;
 	--_ui5_input_error_icon_box_shadow: var(--sapContent_Negative_Shadow);

package/src/themes/sap_horizon_dark/InputIcon-parameters.css

@@ -4,7 +4,7 @@
 	--_ui5_input_icon_padding: .625rem .625rem .5625rem .625rem;
 	--_ui5_input_icon_hover_bg: var(--sapField_Focus_Background);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_border_radius: 0.25rem;
+	--_ui5_input_icon_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_input_icon_box_shadow: var(--sapField_Hover_Shadow);
 	--_ui5_input_icon_border: none;
 	--_ui5_input_error_icon_box_shadow: var(--sapContent_Negative_Shadow);

package/src/themes/sap_horizon_dark/MessageStrip-parameters.css

@@ -2,9 +2,7 @@
 
 :root{
 	--_ui5_message_strip_close_button_right: 0.1875rem;
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #222b351a;
-	--_ui5_message_strip_close_button_color_set_2_background: #222b3580;
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapContent_ContrastIconColor);
 }

package/src/themes/sap_horizon_hcb/MessageStrip-parameters.css

@@ -2,13 +2,13 @@
 
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/src/themes/sap_horizon_hcw/MessageStrip-parameters.css

@@ -2,13 +2,13 @@
 
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/dist/generated/templates/TableCellTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type TableCell from "../../TableCell.js";
-declare function template(this: TableCell): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/TableCellTemplate.lit.js

@@ -1,9 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `${this._popin ? block1.call(this, context, tags, suffix) : undefined}<slot></slot>`; }
-function block1(context, tags, suffix) { return html `${repeat(this._popinHeaderNodes, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}<span class="popin-colon">${ifDefined(this._i18nPopinColon)}</span>`; }
-function block2(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TableCellTemplate.lit.js.map

package/dist/generated/templates/TableCellTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,eAAe,CAAC,CAAA,CAAC;AACxM,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,6BAA6B,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA,CAAC;AAC7W,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC;AAEhK,SAAS,QAAQ,KAAoB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7J,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TableCell from \"../../TableCell.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._popin ? block1.call(this, context, tags, suffix) : undefined }<slot></slot>`;}\nfunction block1 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._popinHeaderNodes, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }<span class=\"popin-colon\">${ifDefined(this._i18nPopinColon)}</span>`;}\nfunction block2 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}\n\nfunction template(this: TableCell) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/src/TableCell.hbs

@@ -1,7 +0,0 @@
-{{#if _popin}}
-	{{#each _popinHeaderNodes}}
-		{{this}}
-	{{/each}}
-	<span class="popin-colon">{{_i18nPopinColon}}</span>
-{{/if}}
-<slot></slot>