@ui5/webcomponents 2.5.0 → 2.6.0-rc.0

package/src/YearPickerTemplate.tsx

@@ -0,0 +1,42 @@
+import type YearPicker from "./YearPicker.js";
+
+export default function YearPickerTemplate(this: YearPicker) {
+	return (
+		<div
+			class="ui5-yp-root"
+			role="grid"
+			aria-roledescription={this.roleDescription}
+			aria-readonly="false"
+			aria-multiselectable="false"
+			onMouseOver={this._onmouseover}
+			onKeyDown={this._onkeydown}
+			onKeyUp={this._onkeyup}
+			onClick={this._selectYear}
+		>
+			{this._yearsInterval.map(years =>
+				<div role="row" class="ui5-yp-interval-container">
+					{years.map(year => <div
+						data-sap-timestamp={year.timestamp}
+						tabindex={year._tabIndex}
+						data-sap-focus-ref={year.focusRef ? "true" : undefined}
+						class={year.classes}
+						part={year.parts}
+						role="gridcell"
+						aria-selected={year.ariaSelected}
+						aria-disabled={year.ariaDisabled}
+					>
+						<span class="ui5-dp-yeartext">
+							{year.year}
+						</span>
+						{
+							year.yearInSecType &&
+							<span class="ui5-yp-year-sec-type">
+								{year.yearInSecType}
+							</span>
+						}
+					</div>
+					)}
+				</div>
+			)}
+		</div>);
+}

package/src/i18n/messagebundle.properties

@@ -61,6 +61,9 @@ BREADCRUMBS_OVERFLOW_ARIA_LABEL=More
 #XFLD: Breadcrumbs popover cancel button
 BREADCRUMBS_CANCEL_BUTTON=Cancel
 
+#XACT: Breadcrumbs popover accessible name
+FORM_SELECTABLE_AVALIABLE_VALUES=Available Values
+
 #XTOL: text that could be show if BusyIndicator is active
 BUSY_INDICATOR_TITLE=Please wait
 
@@ -85,6 +88,9 @@ CAL_LEGEND_WORKING_DAY_TEXT=Working Day
 #XACT: Text for Non-Working Day item in CalendarLegend
 CAL_LEGEND_NON_WORKING_DAY_TEXT=Non-Working Day
 
+#XACT: Role description text for the Calendar Legend
+CAL_LEGEND_ROLE_DESCRIPTION=Calendar Legend
+
 # Carousel of text
 CAROUSEL_OF_TEXT=of
 
@@ -170,6 +176,21 @@ EMPTY_INDICATOR_SYMBOL=\u2013
 #XFLD: ARIA announcement for the empty value.
 EMPTY_INDICATOR_ACCESSIBLE_TEXT=Empty value
 
+#XLNK: Link to allow the user to see complete text
+EXPANDABLE_TEXT_SHOW_MORE=Show More
+
+#XLNK: Link to allow the user to collapse the complete text and display only the first characters that can fit
+EXPANDABLE_TEXT_SHOW_LESS=Show Less
+
+#XBUT: Text for close action of dialog on mobile devices
+EXPANDABLE_TEXT_CLOSE=Close
+
+#XACT: ARIA-label text for link that allows the user to see complete text in a popover
+EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL=Show the full text
+
+#XACT: ARIA-label text for link that allows the user to close the popover with the complete text
+EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL=Close the popover
+
 FILEUPLOAD_BROWSE=Browse...
 
 #XACT: File uploader title
@@ -240,8 +261,20 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
 #XACT: ARIA announcement for the list which has deletable items
 ARIA_LABEL_LIST_DELETABLE=Contains Deletable Items
 
-#XTOL: Tooltip of messgae strip close button
-MESSAGE_STRIP_CLOSE_BUTTON=Information Bar Close
+#XTOL: Tooltip of information message strip close button
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Information Information Bar Close
+
+#XTOL: Tooltip of positive message strip close button
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Positive Information Bar Close
+
+#XTOL: Tooltip of negative message strip close button
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Negative Information Bar Close
+
+#XTOL: Tooltip of critical message strip close button
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Critical Information Bar Close
+
+#XTOL: Tooltip of custom message strip close button
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Custom Information Bar Close
 
 #XACT: ARIA announcement for the MessageStrip's closable state
 MESSAGE_STRIP_CLOSABLE=Closable

package/src/themes/CalendarLegendItem.css

@@ -6,7 +6,7 @@
 	white-space: pre-line;
 	text-overflow: ellipsis;
 	overflow: hidden;
-	cursor: default;
+	cursor: pointer;
 	margin: 0.0625rem 0;
 }
 
@@ -33,7 +33,6 @@
 	white-space: pre-line;
 	text-overflow: ellipsis;
 	overflow: hidden;
-	cursor: default;
 }
 
 :host([type="Today"]) .ui5-calendar-legend-item-box {

package/src/themes/Carousel.css

@@ -172,7 +172,7 @@
     transition: background-color .1s ease-in;
 }
 
-.ui5-carousel-navigation-dot[active] {
+.ui5-carousel-navigation-dot.ui5-carousel-navigation-dot--active {
     width: .5rem;
     height: .5rem;
     margin: 0 .25rem;

package/src/themes/ComboBoxItem.css

@@ -11,4 +11,8 @@
 	padding-bottom: .875rem;
 	padding-top: .875rem;
 	box-sizing: border-box;
+}
+
+:host([ui5-cb-item][text][additional-text]) .ui5-li-text-wrapper {
+	gap: 1rem;
 }

package/src/themes/DayPicker.css

@@ -363,12 +363,12 @@
 	inset-block-start: var(--_ui5_daypicker_selected_item_now_special_day_top);
 }
 
-.ui5-dp-item[special-day].ui5-dp-item--selected.ui5-dp-item--now .ui5-dp-daytext {
+.ui5-dp-item[data-ui5-special-day].ui5-dp-item--selected.ui5-dp-item--now .ui5-dp-daytext {
 	border-radius: var(--_ui5-daypicker_item_selected_now_border_radius);
 }
 
-.ui5-dp-item[special-day].ui5-dp-item--selected.ui5-dp-item--now:focus::after,
-.ui5-dp-item[special-day].ui5-dp-item--now:focus::after {
+.ui5-dp-item[data-ui5-special-day].ui5-dp-item--selected.ui5-dp-item--now:focus::after,
+.ui5-dp-item[data-ui5-special-day].ui5-dp-item--now:focus::after {
 	margin: var(--_ui5_daypicker_item_now_focus_margin);
 }
 
@@ -383,15 +383,15 @@
 
 /* Styles for calendar with secondary calendar type and special dates */
 
-.ui5-dp-root.ui5-dp-twocalendartypes .ui5-dp-item[special-day].ui5-dp-item--selected.ui5-dp-item--now::after,
-.ui5-dp-root.ui5-dp-twocalendartypes .ui5-dp-item[special-day].ui5-dp-item--now::after {
+.ui5-dp-root.ui5-dp-twocalendartypes .ui5-dp-item[data-ui5-special-day].ui5-dp-item--selected.ui5-dp-item--now::after,
+.ui5-dp-root.ui5-dp-twocalendartypes .ui5-dp-item[data-ui5-special-day].ui5-dp-item--now::after {
 	inset: var(--_ui5_daypicker_twocalendar_item_special_day_now_inset);
 	border-radius: var(--_ui5_daypicker_twocalendar_item_special_day_now_border_radius);
 	border-width: var(--_ui5_daypicker_twocalendar_item_special_day_after_border_width);
 	border-color: var(--_ui5_daypicker_item_selected_focus_color);
 }
 
-.ui5-dp-root.ui5-dp-twocalendartypes .ui5-dp-item[special-day].ui5-dp-item--now:not(.ui5-dp-item--selected)::after {
+.ui5-dp-root.ui5-dp-twocalendartypes .ui5-dp-item[data-ui5-special-day].ui5-dp-item--now:not(.ui5-dp-item--selected)::after {
 	inset: 0.1875rem;
 }
 

package/src/themes/ExpandableText.css

@@ -0,0 +1,36 @@
+:host {
+	display: inline-block;
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	color: var(--sapTextColor);
+}
+
+:host([hidden]) {
+	display: none;
+}
+
+.ui5-exp-text-text {
+	display: inline;
+}
+
+.ui5-exp-text-text,
+.ui5-exp-text-toggle {
+	font-family: inherit;
+	font-size: inherit;
+}
+
+.ui5-exp-text-text,
+.ui5-exp-text-ellipsis {
+	color: inherit;
+}
+
+.ui5-exp-text-popover::part(content) {
+	padding-inline: 1rem;
+}
+
+.ui5-exp-text-footer {
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}

package/src/themes/GrowingButton.css

@@ -1,4 +1,4 @@
-[growing-button] {
+.ui5-growing-button {
 	display: flex;
 	align-items: center;
 	padding: var(--_ui5_load_more_padding);
@@ -9,7 +9,7 @@
 	outline: none;
 }
 
-[growing-button-inner] {
+.ui5-growing-button-inner {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -23,29 +23,28 @@
 	box-sizing: border-box;
 }
 
-[growing-button-inner]:focus-visible {
+.ui5-growing-button-inner:focus-visible {
 	outline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.125rem;
 	border-color: transparent;
 }
 
-[growing-button-inner]:hover {
+.ui5-growing-button-inner:hover {
 	background-color: var(--sapList_Hover_Background);
 }
 
-[growing-button-inner]:active,
-[growing-button-inner][active] {
+.ui5-growing-button-inner:active,
+.ui5-growing-button-inner.ui5-growing-button-inner--active {
 	background-color: var(--sapList_Active_Background);
 	border-color: var(--sapList_Active_Background);
 }
 
-[growing-button-inner]:active > *,
-[growing-button-inner][active] > * {
+.ui5-growing-button-inner:active > *,
+.ui5-growing-button-inner.ui5-growing-button-inner--active > * {
 	color: var(--sapList_Active_TextColor);
 }
 
-[growing-button-text],
-[growing-button-subtext] {
+.ui5-growing-button-text {
 	text-align: center;
 	font-family: "72override", var(--sapFontFamily);
 	white-space: nowrap;
@@ -54,7 +53,7 @@
 	box-sizing: border-box;
 }
 
-[growing-button-text] {
+.ui5-growing-button-text {
 	height: var(--_ui5_load_more_text_height);
 	padding: 0.875rem 1rem 1rem;
 	font-size: var(--_ui5_load_more_text_font_size);
@@ -65,11 +64,6 @@
 	display: none;
 }
 
-:host([loading]) .ui5-list-growing-button-busy-indicator[_is-busy] + [growing-button-text]{
+:host([loading]) .ui5-list-growing-button-busy-indicator[_is-busy] + .ui5-growing-button-text {
 	padding-left: 0.5rem;
 }
-
-[growing-button-subtext] {
-	font-size: var(--sapFontSize);
-	padding: var(--_ui5_load_more_desc_padding);
-}

package/src/themes/Input.css

@@ -434,42 +434,42 @@
 }
 
 :host([value-state="Negative"]) .inputIcon:active,
-:host([value-state="Negative"]) .inputIcon[pressed] {
+:host([value-state="Negative"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 	color: var(--_ui5_input_icon_error_pressed_color);
 }
 
-:host([value-state="Negative"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Negative"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 }
 
 :host([value-state="Critical"]) .inputIcon:active,
-:host([value-state="Critical"]) .inputIcon[pressed] {
+:host([value-state="Critical"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 	color: var(--_ui5_input_icon_warning_pressed_color);
 }
 
-:host([value-state="Critical"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Critical"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 }
 
 :host([value-state="Information"]) .inputIcon:active,
-:host([value-state="Information"]) .inputIcon[pressed] {
+:host([value-state="Information"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_information_icon_box_shadow);
 	color: var(--_ui5_input_icon_information_pressed_color);
 }
 
-:host([value-state="Information"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Information"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_information_icon_box_shadow);
 }
 
 :host([value-state="Positive"]) .inputIcon:active,
-:host([value-state="Positive"]) .inputIcon[pressed] {
+:host([value-state="Positive"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 	color: var(--_ui5_input_icon_success_pressed_color);
 }
 
-:host([value-state="Positive"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Positive"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 }
 

package/src/themes/InputIcon.css

@@ -9,7 +9,7 @@
 	border-radius: var(--_ui5_input_icon_border_radius);
 }
 
-.inputIcon[pressed] {
+.inputIcon.inputIcon--pressed {
 	background: var(--_ui5_input_icon_pressed_bg);
 	box-shadow: var(--_ui5_input_icon_box_shadow);
 	border-inline-start: var(--_ui5_select_hover_icon_left_border);
@@ -23,7 +23,7 @@
 	color: var(--_ui5_input_icon_pressed_color);
 }
 
-.inputIcon:not([pressed]):not(:active):hover {
+.inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	background: var(--_ui5_input_icon_hover_bg);
 	box-shadow: var(--_ui5_input_icon_box_shadow);
 }

package/src/themes/InputSharedStyles.css

@@ -18,19 +18,19 @@
 	border-color: var(--_ui5_input_disabled_border_color);
 }
 
-:host([value-state="Negative"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Negative"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 }
 
-:host([value-state="Critical"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Critical"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 }
 
-:host([value-state="Information"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Information"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_information_icon_box_shadow);
 }
 
-:host([value-state="Positive"]) .inputIcon:not([pressed]):not(:active):hover {
+:host([value-state="Positive"]) .inputIcon:not(.inputIcon--pressed):not(:active):hover {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 }
 
@@ -65,25 +65,25 @@
 }
 
 :host([value-state="Negative"]) .inputIcon:active,
-:host([value-state="Negative"]) .inputIcon[pressed] {
+:host([value-state="Negative"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_error_icon_box_shadow);
 	color: var(--_ui5_input_icon_error_pressed_color);
 }
 
 :host([value-state="Critical"]) .inputIcon:active,
-:host([value-state="Critical"]) .inputIcon[pressed] {
+:host([value-state="Critical"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_warning_icon_box_shadow);
 	color: var(--_ui5_input_icon_warning_pressed_color);
 }
 
 :host([value-state="Information"]) .inputIcon:active,
-:host([value-state="Information"]) .inputIcon[pressed] {
+:host([value-state="Information"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_information_icon_box_shadow);
 	color: var(--_ui5_input_icon_information_pressed_color);
 }
 
 :host([value-state="Positive"]) .inputIcon:active,
-:host([value-state="Positive"]) .inputIcon[pressed] {
+:host([value-state="Positive"]) .inputIcon.inputIcon--pressed {
 	box-shadow: var(--_ui5_input_success_icon_box_shadow);
 	color: var(--_ui5_input_icon_success_pressed_color);
 }

package/src/themes/Label.css

@@ -38,7 +38,7 @@
 }
 
 :host([show-colon]) .ui5-label-required-colon:before {
-	content: attr(data-colon);
+	content: attr(data-ui5-colon);
 }
 
 :host([required]) .ui5-label-required-colon:after {

package/src/themes/Menu.css

@@ -31,14 +31,16 @@
 	justify-content: flex-start;
 	width: calc(100% - 6.5rem);
 	padding-right: 1rem;
+	font-family: var(--sapFontHeaderFamily);
 }
 
-.ui5-menu-dialog-title > div {
+.ui5-menu-dialog-title > h1 {
 	display: inline-block;
 	max-width: 100%;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+	font-size: var(--sapFontHeader5Size);
 }
 
 .ui5-menu-back-button {

package/src/themes/MenuItem.css

@@ -1,11 +1,11 @@
 @import "./Menu.css";
 
-.ui5-menu-rp[sub-menu] {
+.ui5-menu-rp.ui5-menu-rp-sub-menu {
 	margin-top: 0.25rem;
 	margin-inline: var(--_ui5_menu_submenu_margin_offset);
 }
 
-.ui5-menu-rp[sub-menu][actual-placement="Start"] {
+.ui5-menu-rp.ui5-menu-rp-sub-menu[actual-placement="Start"] {
 	margin-top: 0.25rem;
 	margin-inline: var(--_ui5_menu_submenu_placement_type_left_margin_offset);
 }

package/src/themes/NavigationMenu.css

@@ -12,6 +12,6 @@
 	border-radius: 0.75rem;
 }
 
-.ui5-navigation-menu[sub-menu] ::slotted([ui5-navigation-menu-item]) {
+.ui5-navigation-menu.ui5-menu-rp-sub-menu ::slotted([ui5-navigation-menu-item]) {
 	font-weight: normal;
 }

package/src/themes/StepInput.css

@@ -205,16 +205,16 @@
 	right: var(--_ui5_step_input_button_right);
 }
 
-:host .ui5-step-icon *:not([clickable]),
-:host .ui5-step-icon *:not([clickable]):active,
-:host .ui5-step-icon *:not([clickable]):hover {
+:host .ui5-step-icon *:not(.ui5-step-input-icon--clickable),
+:host .ui5-step-icon *:not(.ui5-step-input-icon--clickable):active,
+:host .ui5-step-icon *:not(.ui5-step-input-icon--clickable):hover {
 	opacity: 0.5;
 	background-color: transparent;
 	color: var(--sapContent_IconColor);
 }
 
-:host .ui5-step-icon :not([clickable]) *:hover,
-:host .ui5-step-icon :not([clickable]) *:active {
+:host .ui5-step-icon :not(.ui5-step-input-icon--clickable) *:hover,
+:host .ui5-step-icon :not(.ui5-step-input-icon--clickable) *:active {
 	background-color: var(--sapField_Background);
 	color: var(--sapContent_IconColor);
 }

package/src/themes/Table.css

@@ -12,7 +12,6 @@
 #table {
     display: grid;
     grid-auto-rows: minmax(min-content, max-content);
-    background: var(--sapList_Background);
 }
 
 :host([overflow-mode="Scroll"]) #table {

package/src/themes/TableHeaderRow.css

@@ -1,5 +1,6 @@
 :host {
     background: var(--sapList_HeaderBackground);
+    border-top: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
     border-bottom: var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);
 }
 

package/src/themes/TableRowBase.css

@@ -5,6 +5,8 @@
 	min-height: var(--_ui5_list_item_base_height);
 	box-sizing: border-box;
 	border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
+	border-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
+	border-left: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
 }
 
 :host([tabindex]:focus) {

package/src/themes/TimePickerClock.css

@@ -21,7 +21,7 @@
 }
 
 .ui5-tp-clock-dial::before {
-	content: attr(data-label);
+	content: attr(data-ui5-label);
 	display: flex;
 	align-items: center;
 	justify-content: center;

package/src/themes/TimeSelectionClocks.css

@@ -18,7 +18,7 @@
 	width: 100%;
 }
 
-.ui5-time-picker-tsc-buttons span[separator] {
+.ui5-time-picker-tsc-buttons .ui5-time-selection-separator {
 	min-width: 0.5rem;
 	padding: 0 0.125rem;
 	text-align: center;

package/src/themes/TimeSelectionInputs.css

@@ -10,7 +10,7 @@
 	align-items: center;
 }
 
-span[separator] {
+.ui5-time-selection-separator {
 	display: inline-block;
 	min-width: 0.5rem;
 	padding: 0 0.125rem;

package/src/themes/Toast.css

@@ -17,6 +17,9 @@
 	text-overflow: ellipsis;
 	white-space: pre-line;
 	padding: 1rem;
+	inset: unset;
+    margin: 0;
+	border: none;
 }
 
 .ui5-toast-root {

package/src/themes/ValueStateMessage.css

@@ -74,7 +74,7 @@
 	background: var(--sapInformationBackground);
 }
 
-.ui5-responsive-popover-header[focused], .ui5-responsive-popover-header:focus {
+.ui5-responsive-popover-header.ui5-responsive-popover-header--focused, .ui5-responsive-popover-header:focus {
 	outline-offset: var(--_ui5_value_state_header_offset);
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 }

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

@@ -1,7 +1,7 @@
 :root {
 	--_ui5_table_cell_valign: center;
 	--_ui5_table_cell_min_width: 2.75rem;
-	--_ui5_table_navigated_cell_width: 0.1875rem;
+	--_ui5_table_navigated_cell_width: 0.25rem;
 	--_ui5_table_shadow_border_left: inset var(--sapContent_FocusWidth) 0 var(--sapContent_FocusColor);
 	--_ui5_table_shadow_border_right: inset calc(-1 * var(--sapContent_FocusWidth)) 0 var(--sapContent_FocusColor);
 	--_ui5_table_shadow_border_top: inset 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor);

package/tsconfig.json

@@ -12,6 +12,8 @@
 		"tsBuildInfoFile": "dist/.tsbuildinfo",
 		"module": "NodeNext",
 		"moduleResolution": "NodeNext",
+		"jsx": "react-jsx",
+		"jsxImportSource": "@ui5/webcomponents-base",
 		"verbatimModuleSyntax": true,
 		"paths": {
 			"@ui5/webcomponents-base/dist/*": [

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

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type AvatarGroup from "../../AvatarGroup.js";
-declare function block0(this: AvatarGroup, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

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

@@ -1,7 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<div class="ui5-avatar-group-root"><div class="ui5-avatar-group-items" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @focusin="${this._onfocusin}" tabindex="${ifDefined(this._groupTabIndex)}" @click="${this._onClick}" @ui5-click="${ifDefined(this._onUI5Click)}" aria-label="${ifDefined(this._ariaLabelText)}" role="${ifDefined(this._role)}" aria-haspopup="${ifDefined(this._containerAriaHasPopup)}"><slot></slot>${this._customOverflowButton ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</div></div>`; }
-function block1(context, tags, suffix) { return html `<slot name="overflowButton"></slot>`; }
-function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} .accessibilityAttributes="${ifDefined(this._overflowButtonAccAttributes)}" accessible-name="${ifDefined(this._overflowButtonAriaLabelText)}" ?hidden="${this._overflowBtnHidden}" ?non-interactive=${this._isGroup} class="${classMap(this.classes.overflowButton)}">${ifDefined(this._overflowButtonText)}</${scopeTag("ui5-button", tags, suffix)}>` : html `<ui5-button .accessibilityAttributes="${ifDefined(this._overflowButtonAccAttributes)}" accessible-name="${ifDefined(this._overflowButtonAriaLabelText)}" ?hidden="${this._overflowBtnHidden}" ?non-interactive=${this._isGroup} class="${classMap(this.classes.overflowButton)}">${ifDefined(this._overflowButtonText)}</ui5-button>`; }
-export default block0;
-//# sourceMappingURL=AvatarGroupTemplate.lit.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/AvatarGroupTemplate.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;AAK9I,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,kFAAkF,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,UAAU,eAAe,IAAI,CAAC,UAAU,eAAe,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,IAAI,CAAC,QAAQ,iBAAiB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,kBAAmB,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,cAAc,CAAC,CAAA,CAAC;AAC7pB,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,qCAAqC,CAAC,CAAA,CAAC;AACzJ,SAAS,MAAM,CAAqB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,4BAA4B,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,4BAA4B,CAAC,cAAc,IAAI,CAAC,kBAAkB,sBAAsB,IAAI,CAAC,QAAQ,WAAW,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,cAA+B,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,4BAA4B,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,4BAA4B,CAAC,cAAc,IAAI,CAAC,kBAAkB,sBAAsB,IAAI,CAAC,QAAQ,WAAW,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,cAA+B,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAA,CAAC;AAG52B,eAAe,MAAM,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 type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type AvatarGroup from \"../../AvatarGroup.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: AvatarGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-avatar-group-root\"><div class=\"ui5-avatar-group-items\" @keyup=\"${this._onkeyup}\" @keydown=\"${this._onkeydown}\" @focusin=\"${this._onfocusin}\" tabindex=\"${ifDefined(this._groupTabIndex)}\" @click=\"${this._onClick}\" @ui5-click=\"${ifDefined(this._onUI5Click)}\" aria-label=\"${ifDefined(this._ariaLabelText)}\" role=\"${ifDefined(this._role)}\" aria-haspopup=\"${ifDefined(this._containerAriaHasPopup)}\"><slot></slot>${ this._customOverflowButton ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</div></div>`;}\nfunction block1 (this: AvatarGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name=\"overflowButton\"></slot>`;}\nfunction block2 (this: AvatarGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} .accessibilityAttributes=\"${ifDefined(this._overflowButtonAccAttributes)}\" accessible-name=\"${ifDefined(this._overflowButtonAriaLabelText)}\" ?hidden=\"${this._overflowBtnHidden}\" ?non-interactive=${this._isGroup} class=\"${classMap(this.classes.overflowButton as ClassMapValue)}\">${ifDefined(this._overflowButtonText)}</${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button .accessibilityAttributes=\"${ifDefined(this._overflowButtonAccAttributes)}\" accessible-name=\"${ifDefined(this._overflowButtonAriaLabelText)}\" ?hidden=\"${this._overflowBtnHidden}\" ?non-interactive=${this._isGroup} class=\"${classMap(this.classes.overflowButton as ClassMapValue)}\">${ifDefined(this._overflowButtonText)}</ui5-button>`;}\n\n\nexport default block0;"]}

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

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Avatar from "../../Avatar.js";
-declare function block0(this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/AvatarTemplate.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";
-function block0(context, tags, suffix) { return html `<div class="ui5-avatar-root" tabindex="${ifDefined(this.tabindex)}" data-sap-focus-ref @keyup=${this._onkeyup} @keydown=${this._onkeydown} @click=${this._onclick} role="${ifDefined(this._role)}" aria-haspopup="${ifDefined(this._ariaHasPopup)}" aria-label="${ifDefined(this.accessibleNameText)}" fallback-icon="${ifDefined(this.fallbackIcon)}">${this.hasImage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<slot name="badge"></slot></div>`; }
-function block1(context, tags, suffix) { return html `<slot></slot>`; }
-function block2(context, tags, suffix) { return html `${this.icon ? block3.call(this, context, tags, suffix) : undefined}${this.initials ? block4.call(this, context, tags, suffix) : undefined}`; }
-function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="ui5-avatar-icon" name="${ifDefined(this.icon)}"></ui5-icon>`; }
-function block4(context, tags, suffix) { return suffix ? html `<span class="ui5-avatar-initials ui5-avatar-initials-hidden">${ifDefined(this.validInitials)}</span><${scopeTag("ui5-icon", tags, suffix)} class="ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden" name="${ifDefined(this.fallbackIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<span class="ui5-avatar-initials ui5-avatar-initials-hidden">${ifDefined(this.validInitials)}</span><ui5-icon class="ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden" name="${ifDefined(this.fallbackIcon)}"></ui5-icon>`; }
-export default block0;
-//# sourceMappingURL=AvatarTemplate.lit.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/AvatarTemplate.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;AAK9I,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,0CAA0C,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,+BAA+B,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,UAAU,WAAW,IAAI,CAAC,QAAQ,UAAU,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,kCAAkC,CAAC,CAAA,CAAC;AAChlB,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,eAAe,CAAC,CAAA,CAAC;AAC9H,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,EAAE,CAAC,CAAA,CAAC;AAC/P,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,kCAAkC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,2CAA2C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA,CAAC;AACrV,SAAS,MAAM,CAAgB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,2FAA2F,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,2GAA2G,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAA,CAAC;AAG/pB,eAAe,MAAM,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 type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Avatar from \"../../Avatar.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-avatar-root\" tabindex=\"${ifDefined(this.tabindex)}\" data-sap-focus-ref @keyup=${this._onkeyup} @keydown=${this._onkeydown} @click=${this._onclick} role=\"${ifDefined(this._role)}\" aria-haspopup=\"${ifDefined(this._ariaHasPopup)}\" aria-label=\"${ifDefined(this.accessibleNameText)}\" fallback-icon=\"${ifDefined(this.fallbackIcon)}\">${ this.hasImage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<slot name=\"badge\"></slot></div>`;}\nfunction block1 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot></slot>`;}\nfunction block2 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.icon ? block3.call(this, context, tags, suffix) : undefined }${ this.initials ? block4.call(this, context, tags, suffix) : undefined }`;}\nfunction block3 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-avatar-icon\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"ui5-avatar-icon\" name=\"${ifDefined(this.icon)}\"></ui5-icon>`;}\nfunction block4 (this: Avatar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class=\"ui5-avatar-initials ui5-avatar-initials-hidden\">${ifDefined(this.validInitials)}</span><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden\" name=\"${ifDefined(this.fallbackIcon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<span class=\"ui5-avatar-initials ui5-avatar-initials-hidden\">${ifDefined(this.validInitials)}</span><ui5-icon class=\"ui5-avatar-icon ui5-avatar-icon-fallback ui5-avatar-fallback-icon-hidden\" name=\"${ifDefined(this.fallbackIcon)}\"></ui5-icon>`;}\n\n\nexport default block0;"]}