@ui5/webcomponents 0.0.0-389bdbabc → 0.0.0-3e3654870

package/src/FileUploader.hbs

@@ -0,0 +1,40 @@
+
+<div class="ui5-file-uploader-root"
+	@mouseover="{{_onmouseover}}"
+	@mouseout="{{_onmouseout}}"
+	@focusin="{{_onfocusin}}"
+	@focusout="{{_onfocusout}}"
+	@keydown="{{_onkeydown}}"
+	@keyup="{{_onkeyup}}"
+	@click="{{_onclick}}"
+>
+	<div class="ui5-file-uploader-mask">
+		{{#unless hideInput}}
+			<ui5-input
+				value="{{value}}"
+				value-state="{{valueState}}"
+				placeholder="{{placeholder}}"
+				?disabled="{{disabled}}"
+				tabindex="-1"
+				class="ui5-file-uploader-input"
+			></ui5-input>
+		{{/unless}}
+		<slot></slot>
+	</div>
+	{{#if _keepInputInShadowDOM}}
+		<input
+			type="file"
+			title="{{titleText}}"
+			accept="{{accept}}"
+			?multiple="{{multiple}}"
+			?disabled="{{disabled}}"
+			@change="{{_onChange}}"
+			aria-hidden="true"
+			tabindex="-1"
+		>
+	{{else}}
+		<slot name="formSupport">
+			{{!-- input for forms will be placed here on IE, Edge and Firefox --}}
+		</slot>
+	{{/if}}
+</div>

package/src/FileUploaderPopover.hbs

@@ -0,0 +1,26 @@
+<ui5-popover
+	skip-registry-update
+	_disable-initial-focus
+	prevent-focus-restore
+	hide-arrow
+	class="ui5-valuestatemessage-popover"
+	placement-type="Bottom"
+	horizontal-align="Left"
+>
+	<div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
+		{{#if _valueStateMessageInputIcon}}
+			<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageInputIcon}}"></ui5-icon>
+		{{/if}}
+		{{> valueStateMessage}}
+	</div>
+</ui5-popover>
+
+{{#*inline "valueStateMessage"}}
+	{{#if shouldDisplayDefaultValueStateMessage}}
+		{{valueStateText}}
+	{{else}}
+		{{#each valueStateMessageText}}
+			{{this}}
+		{{/each}}
+	{{/if}}
+{{/inline}}

package/src/GroupHeaderListItem.hbs

@@ -0,0 +1,15 @@
+<ul
+	part="native-li"
+	tabindex="{{_tabIndex}}"
+	class="ui5-ghli-root {{classes.main}}"
+	@focusin="{{_onfocusin}}"
+	@focusout="{{_onfocusout}}"
+	@keydown="{{_onkeydown}}"
+	aria-label="{{ariaLabelText}}"
+	aria-roledescription="{{groupHeaderText}}"
+	role="group"
+>
+	<div id="{{_id}}-content" class="ui5-li-content">
+		<span class="ui5-ghli-title"><slot></slot></span>
+	</div>
+</ul>

package/src/Icon.hbs

@@ -0,0 +1,31 @@
+<svg
+	class="ui5-icon-root"
+	part="root"
+	tabindex="{{_tabIndex}}"
+	dir="{{_dir}}"
+	viewBox="{{viewBox}}"
+	role="{{effectiveAccessibleRole}}"
+	focusable="false"
+	preserveAspectRatio="xMidYMid meet"
+	aria-label="{{effectiveAccessibleName}}"
+	aria-hidden={{effectiveAriaHidden}}
+	xmlns="http://www.w3.org/2000/svg"
+	@focusin={{_onfocusin}}
+	@focusout={{_onfocusout}}
+	@keydown={{_onkeydown}}
+	@keyup={{_onkeyup}}
+>
+	{{#if hasIconTooltip}}
+		<title id="{{_id}}-tooltip">{{effectiveAccessibleName}}</title>
+	{{/if}}
+
+	<g role="presentation">
+		{{#if customSvg}}
+			{{customSvg}}
+		{{/if}}
+
+		{{#each pathData}}
+			<path d="{{this}}"></path>
+		{{/each}}
+	</g>
+</svg>

package/src/Input.hbs

@@ -0,0 +1,80 @@
+<div
+	class="ui5-input-root ui5-input-focusable-element"
+	@focusin="{{_onfocusin}}"
+	@focusout="{{_onfocusout}}"
+>
+	<div class="ui5-input-content">
+		{{> preContent}}
+
+		<input id="{{_id}}-inner"
+			class="ui5-input-inner"
+			style="{{styles.innerInput}}"
+			type="{{inputType}}"
+			inner-input
+			?inner-input-with-icon="{{icon.length}}"
+			?disabled="{{disabled}}"
+			?readonly="{{_readonly}}"
+			.value="{{_innerValue}}"
+			placeholder="{{_placeholder}}"
+			maxlength="{{maxlength}}"
+			role="{{accInfo.input.role}}"
+			aria-controls="{{accInfo.input.ariaControls}}"
+			aria-invalid="{{accInfo.input.ariaInvalid}}"
+			aria-haspopup="{{accInfo.input.ariaHasPopup}}"
+			aria-describedby="{{accInfo.input.ariaDescribedBy}}"
+			aria-roledescription="{{accInfo.input.ariaRoledescription}}"
+			aria-autocomplete="{{accInfo.input.ariaAutoComplete}}"
+			aria-expanded="{{accInfo.input.ariaExpanded}}"
+			aria-label="{{accInfo.input.ariaLabel}}"
+			aria-required="{{required}}"
+			@input="{{_handleInput}}"
+			@change="{{_handleChange}}"
+			@keydown="{{_onkeydown}}"
+			@keyup="{{_onkeyup}}"
+			@click={{_click}}
+			@focusin={{innerFocusIn}}
+			data-sap-focus-ref
+			step="{{nativeInputAttributes.step}}"
+			min="{{nativeInputAttributes.min}}"
+			max="{{nativeInputAttributes.max}}"
+		/>
+
+		{{#if effectiveShowClearIcon}}
+			<div @click={{_clear}} @mousedown={{_iconMouseDown}} class="ui5-input-clear-icon-wrapper" input-icon tabindex="-1">
+				<ui5-icon tabindex="-1" class="ui5-input-clear-icon" name="decline"></ui5-icon>
+			</div>
+		{{/if}}
+
+		{{#if icon.length}}
+			<div class="ui5-input-icon-root">
+				<slot name="icon"></slot>
+			</div>
+		{{/if}}
+
+		<div class="ui5-input-value-state-icon">
+			{{{_valueStateInputIcon}}}
+		</div>
+
+		{{> postContent }}
+
+		{{#if showSuggestions}}
+			<span id="{{_id}}-suggestionsText" class="ui5-hidden-text">{{suggestionsText}}</span>
+			<span id="{{_id}}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span>
+			<span id="{{_id}}-suggestionsCount" class="ui5-hidden-text" aria-live="polite">{{availableSuggestionsCount}}</span>
+		{{/if}}
+
+		{{#if accInfo.input.ariaDescription}}
+			<span id="{{_id}}-descr" class="ui5-hidden-text">{{accInfo.input.ariaDescription}}</span>
+		{{/if}}
+
+		{{#if hasValueState}}
+			<span id="{{_id}}-valueStateDesc" class="ui5-hidden-text">{{ariaValueStateHiddenText}}</span>
+		{{/if}}
+	</div>
+
+	<slot name="formSupport"></slot>
+</div>
+
+
+{{#*inline "preContent"}}{{/inline}}
+{{#*inline "postContent"}}{{/inline}}

package/src/InputPopover.hbs

@@ -0,0 +1,118 @@
+{{#if showSuggestions}}
+	<ui5-responsive-popover
+		class="{{classes.popover}}"
+		hide-arrow
+		_disable-initial-focus
+		placement-type="Bottom"
+		horizontal-align="Left"
+		style="{{styles.suggestionsPopover}}"
+		@ui5-after-open="{{_afterOpenPopover}}"
+		@ui5-after-close="{{_afterClosePopover}}"
+		@ui5-scroll="{{_scroll}}"
+	>
+	{{#if _isPhone}}
+		<div slot="header" class="ui5-responsive-popover-header">
+			<div class="row">
+				<span>{{_headerTitleText}}</span>
+				<ui5-button
+					class="ui5-responsive-popover-close-btn"
+					icon="decline"
+					design="Transparent"
+					@click="{{_closeRespPopover}}"
+				>
+				</ui5-button>
+			</div>
+			<div class="row">
+				<div class="input-root-phone native-input-wrapper">
+					<ui5-input
+						class="ui5-input-inner-phone"
+						type="{{inputType}}"
+						.value="{{value}}"
+						?show-clear-icon={{showClearIcon}}
+						placeholder="{{placeholder}}"
+						@ui5-input="{{_handleInput}}"
+						@ui5-change="{{_handleChange}}"
+					></ui5-input>
+				</div>
+			</div>
+			{{#if hasValueStateMessage}}
+				<div class="{{classes.popoverValueState}}" style="{{styles.suggestionPopoverHeader}}">
+					<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageInputIcon}}"></ui5-icon>
+					{{> valueStateMessage}}
+				</div>
+			{{/if}}
+		</div>
+	{{/if}}
+
+	{{#unless _isPhone}}
+		{{#if hasValueStateMessage}}
+			<div slot="header" ?focused={{_isValueStateFocused}} class="ui5-responsive-popover-header {{classes.popoverValueState}}" style={{styles.suggestionPopoverHeader}}>
+				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageInputIcon}}"></ui5-icon>
+				{{> valueStateMessage}}
+			</div>
+		{{/if}}
+	{{/unless}}
+
+		{{> suggestionsList}}
+
+		{{#if _isPhone}}
+			<div slot="footer" class="ui5-responsive-popover-footer">
+				<ui5-button
+					design="Transparent"
+					@click="{{_closeRespPopover}}"
+				>OK</ui5-button>
+			</div>
+		{{/if}}
+	</ui5-responsive-popover>
+{{/if}}
+{{#if hasValueStateMessage}}
+		<ui5-popover
+			skip-registry-update
+			_disable-initial-focus
+			prevent-focus-restore
+			hide-arrow
+			class="ui5-valuestatemessage-popover"
+			placement-type="Bottom"
+			horizontal-align="{{_valueStatePopoverHorizontalAlign}}"
+		>
+			<div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
+				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageInputIcon}}"></ui5-icon>
+				{{> valueStateMessage}}
+			</div>
+		</ui5-popover>
+{{/if}}
+
+{{#*inline "valueStateMessage"}}
+	{{#if shouldDisplayDefaultValueStateMessage}}
+		{{valueStateText}}
+	{{else}}
+		{{#each valueStateMessageText}}
+			{{this}}
+		{{/each}}
+	{{/if}}
+{{/inline}}
+
+{{#*inline "suggestionsList"}}
+	<ui5-list separators="{{suggestionSeparators}}" @mousedown="{{onItemMouseDown}}" mode="SingleSelect">
+		{{#each suggestionObjects}}
+			{{#if groupItem}}
+				<ui5-li-groupheader data-ui5-key="{{key}}">{{{ this.text }}}</ui5-li-groupheader>
+			{{else}}
+				<ui5-li-suggestion-item
+					wrapping-type="Normal"
+					image="{{this.image}}"
+					icon="{{this.icon}}"
+					additional-text="{{this.additionalText}}"
+					type="{{this.type}}"
+					additional-text-state="{{this.additionalTextState}}"
+					data-ui5-key="{{key}}"
+				>
+					{{{ this.text }}}
+					{{#if this.description}}
+						<span slot="richDescription">{{{ this.description }}}</span>
+					{{/if}}
+				</ui5-li-suggestion-item>
+			{{/if}}
+		{{/each}}
+	</ui5-list>
+{{/inline}}

package/src/Label.hbs

@@ -0,0 +1,14 @@
+<label
+	class="ui5-label-root"
+	@click={{_onclick}}
+	>
+	<span class="ui5-label-text-wrapper">
+		<bdi id="{{_id}}-bdi"><slot></slot></bdi>
+	</span>
+	<span 
+		aria-hidden="true" 
+		class="ui5-label-required-colon"
+		data-colon="{{_colonSymbol}}"
+	>
+	</span>
+</label>

package/src/Link.hbs

@@ -0,0 +1,22 @@
+<a
+	class="ui5-link-root"
+	role="{{effectiveAccRole}}"
+	href="{{parsedRef}}"
+	target="{{target}}"
+	rel="{{_rel}}"
+	tabindex="{{effectiveTabIndex}}"
+	title="{{title}}"
+	?disabled="{{disabled}}"
+	aria-label="{{ariaLabelText}}"
+	aria-haspopup="{{accessibilityAttributes.hasPopup}}"
+	aria-expanded="{{accessibilityAttributes.expanded}}"
+	@focusin={{_onfocusin}}
+	@focusout={{_onfocusout}}
+	@click={{_onclick}}
+	@keydown={{_onkeydown}}
+	@keyup={{_onkeyup}}>
+	<slot></slot>
+	{{#if hasLinkType}}
+		<span class="ui5-hidden-text">{{linkTypeText}}</span>
+	{{/if}}
+</a>

package/src/List.hbs

@@ -0,0 +1,99 @@
+<div
+	class="{{classes.root}}"
+	@focusin="{{_onfocusin}}"
+	@keydown="{{_onkeydown}}"
+	@ui5-_press={{onItemPress}}
+	@ui5-close={{onItemClose}}
+	@ui5-toggle={{onItemToggle}}
+	@ui5-_focused={{onItemFocused}}
+	@ui5-_forward-after={{onForwardAfter}}
+	@ui5-_forward-before={{onForwardBefore}}
+	@ui5-_selection-requested={{onSelectionRequested}}
+	@ui5-_focus-requested={{onFocusRequested}}
+>
+	<div class="ui5-list-scroll-container">
+		{{! header}}
+		{{#if header.length}}
+			<slot name="header" />
+		{{/if}}
+		{{#if shouldRenderH1}}
+			<header id="{{headerID}}" class="ui5-list-header">
+				{{headerText}}
+			</header>
+		{{/if}}
+
+		{{#if hasData}}
+			<div id="{{_id}}-before" tabindex="0" role="none" class="ui5-list-focusarea"></div>
+		{{/if}}
+
+		<span id="{{_id}}-modeLabel" class="ui5-hidden-text">{{ariaLabelModeText}}</span>
+
+		<ul id="{{_id}}-listUl"
+			class="ui5-list-ul"
+			role="{{accessibleRole}}"
+			aria-label="{{ariaLabelTxt}}"
+			aria-labelledby="{{ariaLabelledBy}}"
+			aria-roledescription="{{accessibleRoleDescription}}"
+		>
+			<slot></slot>
+
+			{{#if showNoDataText}}
+				<li id="{{_id}}-nodata" class="ui5-list-nodata">
+					<div id="{{_id}}-nodata-text" class="ui5-list-nodata-text">
+						{{noDataText}}
+					</div>
+				</li>
+			{{/if}}
+		</ul>
+
+		{{#if growsWithButton}}
+			{{> moreRow}}
+		{{/if}}
+
+		{{#if footerText}}
+			<footer id="{{_id}}-footer" class="ui5-list-footer">
+				{{footerText}}
+			</footer>
+		{{/if}}
+
+		{{#if hasData}}
+			<div id="{{_id}}-after" tabindex="0" role="none" class="ui5-list-focusarea"></div>
+		{{/if}}
+
+		<span tabindex="-1" aria-hidden="true" class="ui5-list-end-marker"></span>
+	</div>
+
+	{{#if busy}}
+		<div class="ui5-list-busy-row">
+			<ui5-busy-indicator
+				delay="{{busyDelay}}"
+				active
+				size="Medium"
+				class="ui5-list-busy-ind"
+				style="{{styles.busyInd}}"
+				data-sap-focus-ref
+			></ui5-busy-indicator>
+		</div>
+	{{/if}}
+</div>
+
+
+{{#*inline "moreRow"}}
+	<div growing-button>
+		<div
+			tabindex="0"
+			role="button"
+			id="{{_id}}-growing-btn" 
+			aria-labelledby="{{_id}}-growingButton-text"
+			?active="{{_loadMoreActive}}"
+			@click="{{_onLoadMoreClick}}"
+			@keydown="{{_onLoadMoreKeydown}}"
+			@keyup="{{_onLoadMoreKeyup}}"
+			@mousedown="{{_onLoadMoreMousedown}}"
+			@mouseup="{{_onLoadMoreMouseup}}"
+			growing-button-inner
+		>
+			<span id="{{_id}}-growingButton-text" growing-button-text>{{_growingButtonText}}</span>
+		</div>
+	</div>
+{{/inline}}

package/src/ListItem.hbs

@@ -0,0 +1,126 @@
+<li
+	part="native-li"
+	data-sap-focus-ref
+	tabindex="{{_effectiveTabIndex}}"
+	class="{{classes.main}}"
+	@focusin="{{_onfocusin}}"
+	@focusout="{{_onfocusout}}"
+	@keyup="{{_onkeyup}}"
+	@keydown="{{_onkeydown}}"
+	@mouseup="{{_onmouseup}}"
+	@mousedown="{{_onmousedown}}"
+	@touchstart="{{_ontouchstart}}"
+	@touchend="{{_ontouchend}}"
+	@click="{{_onclick}}"
+	role="{{_accInfo.role}}"
+	aria-expanded="{{_accInfo.ariaExpanded}}"
+	title="{{title}}"
+	aria-level="{{_accInfo.ariaLevel}}"
+	aria-haspopup="{{_accInfo.ariaHaspopup}}"
+	aria-posinset="{{_accInfo.posinset}}"
+	aria-roledescription="{{accessibleRoleDescription}}"
+	aria-setsize="{{_accInfo.setsize}}"
+	aria-describedby="{{_id}}-invisibleText-describedby"
+	aria-labelledby="{{_accessibleNameRef}}"
+	aria-disabled="{{_ariaDisabled}}"
+	aria-selected="{{_accInfo.ariaSelected}}"
+	aria-checked="{{_accInfo.ariaChecked}}"
+	aria-owns="{{_accInfo.ariaOwns}}"
+>
+		{{> listItemPreContent}}
+
+		{{#if placeSelectionElementBefore}}
+			{{> selectionElement}}
+		{{/if}}
+
+		<div part="content" id="{{_id}}-content" class="ui5-li-content">
+			{{> imageBegin}}
+			{{> iconBegin}}
+			{{> listItemContent}}
+		</div>
+
+		{{> iconEnd}}
+		{{#if typeDetail}}
+			<div class="ui5-li-detailbtn">
+				<ui5-button
+					part="detail-button"
+					design="Transparent"
+					icon="edit"
+					@click="{{onDetailClick}}"
+				></ui5-button>
+			</div>
+		{{/if}}
+
+		{{#if typeNavigation}}
+			<ui5-icon name ="slim-arrow-right"></ui5-icon>
+		{{/if}}
+
+		{{#if navigated}}
+			<div class="ui5-li-navigated"></div>
+		{{/if}}
+
+
+		{{#if placeSelectionElementAfter}}
+			{{> selectionElement}}
+		{{/if}}
+
+		<span id="{{_id}}-invisibleText" class="ui5-hidden-text">{{_accInfo.listItemAriaLabel}} {{accessibleName}}</span>
+		<span id="{{_id}}-invisibleText-describedby" class="ui5-hidden-text">{{_accInfo.ariaSelectedText}}</span>
+</li>
+
+
+{{#*inline "listItemPreContent"}}{{/inline}}
+{{#*inline "listItemContent"}}{{/inline}}
+{{#*inline "imageBegin"}}{{/inline}}
+{{#*inline "iconBegin"}}{{/inline}}
+{{#*inline "iconEnd"}}{{/inline}}
+
+{{#*inline "selectionElement"}}
+	{{#if modeSingleSelect}}
+		<ui5-radio-button
+				part="radio"
+				?disabled="{{isInactive}}"
+				accessible-name="{{_accInfo.ariaLabelRadioButton}}"
+				tabindex="-1"
+				id="{{_id}}-singleSelectionElement"
+				class="ui5-li-singlesel-radiobtn"
+				?checked="{{selected}}"
+				@click="{{onSingleSelectionComponentPress}}">
+		</ui5-radio-button>
+	{{/if}}
+
+	{{#if modeMultiSelect}}
+		<ui5-checkbox
+				part="checkbox"
+				?disabled="{{isInactive}}"
+				?indeterminate={{indeterminate}}
+				tabindex="-1"
+				id="{{_id}}-multiSelectionElement"
+				class="ui5-li-multisel-cb"
+				?checked="{{selected}}"
+				accessible-name="{{_accInfo.ariaLabel}}"
+				@click="{{onMultiSelectionComponentPress}}">
+		</ui5-checkbox>
+	{{/if}}
+
+	{{#if renderDeleteButton}}
+		<div class="ui5-li-deletebtn">
+			{{#if hasDeleteButtonSlot}}
+				<slot name="deleteButton"></slot>
+			{{else}}
+			<ui5-button
+				part="delete-button"
+				tabindex="-1"
+				data-sap-no-tab-ref
+				id="{{_id}}-deleteSelectionElement"
+				design="Transparent"
+				icon="decline"
+				?disabled="{{disableDeleteButton}}"
+				@click="{{onDelete}}"
+				tooltip="{{deleteText}}"
+			></ui5-button>
+			{{/if}}
+		</div>
+	{{/if}}
+
+{{/inline}}

package/src/Menu.hbs

@@ -0,0 +1,116 @@
+<ui5-responsive-popover
+	id="{{_id}}-menu-rp"
+	class="ui5-menu-rp"
+	horizontal-align="Left"
+	placement-type={{placementType}}
+	vertical-align={{verticalAlign}}
+	hide-arrow
+	allow-target-overlap
+	?sub-menu={{_isSubMenu}}
+	@ui5-before-open={{_beforePopoverOpen}}
+	@ui5-after-open={{_afterPopoverOpen}}
+	@ui5-before-close={{_beforePopoverClose}}
+	@ui5-after-close={{_afterPopoverClose}}
+>
+{{#if isPhone}}
+	<div
+		slot="header"
+		class="ui5-menu-dialog-header"
+	>
+	{{#if isSubMenuOpened}}
+		<ui5-button
+			icon="nav-back"
+			class="ui5-menu-back-button"
+			design="Transparent"
+			aria-label="{{labelBack}}"
+			@click={{_navigateBack}}
+		>
+		</ui5-button>
+	{{/if}}
+		<div
+			class="ui5-menu-dialog-title"
+		>
+			<div>
+				{{menuHeaderTextPhone}}
+			</div>
+		</div>
+		<ui5-button
+			icon="decline"
+			design="Transparent"
+			aria-label="{{labelClose}}"
+			@click={{close}}
+		>
+		</ui5-button>
+	</div>
+{{/if}}
+	<div
+		id="{{_id}}-menu-main"
+	>
+	{{#if _currentItems.length}}
+		<ui5-list
+			id="{{_id}}-menu-list"
+			mode="None"
+			?busy="{{busy}}"
+			busy-delay="{{busyDelay}}"
+			separators="None"
+			accessible-role="menu"
+			@ui5-item-click={{_itemClick}}
+			@mouseover="{{_busyMouseOver}}"
+		>
+		{{#each _currentItems}}
+			<ui5-li
+				.associatedItem="{{this.item}}"
+				class="ui5-menu-item"
+				id="{{../_id}}-menu-item-{{@index}}"
+				.icon="{{this.item.icon}}"
+				accessible-name={{this.item.ariaLabelledByText}}
+				accessible-role="menuitem"
+				.additionalText="{{this.item._additionalText}}"
+				._ariaHasPopup={{this.ariaHasPopup}}
+				?disabled={{this.item.disabled}}
+				?starts-section={{this.item.startsSection}}
+				?selected={{this.item.subMenuOpened}}
+				?is-phone={{../isPhone}}
+				@mouseover={{../_itemMouseOver}}
+				@mouseout={{../_itemMouseOut}}
+				@keydown={{../_itemKeyDown}}
+			>
+				{{#if this.item.hasDummyIcon}}
+					<div
+						class="ui5-menu-item-dummy-icon"
+					>
+					</div>
+				{{/if}}
+				{{this.item.text}}
+				{{#if this.item.hasSubmenu}}
+					<ui5-icon
+						part="icon"
+						name="slim-arrow-right"
+						class="ui5-menu-item-icon-end"
+					>
+					</ui5-icon>
+				{{else if this.item._siblingsWithChildren}}
+					<div
+						class="ui5-menu-item-no-icon-end"
+					>
+					</div>
+				{{/if}}
+			</ui5-li>
+		{{/each}}
+		</ui5-list>
+	{{else if busy}}
+		<ui5-busy-indicator
+			id="{{_id}}-menu-busy-indicator"
+			delay="{{busyDelay}}"
+			class="ui5-menu-busy-indicator"
+			@mouseover="{{_busyMouseOver}}"
+			active>
+		</ui5-busy-indicator>
+	{{/if}}
+	</div>
+</ui5-responsive-popover>
+
+<div
+	class="ui5-menu-submenus"
+>
+</div>