@ui5/webcomponents-fiori 2.5.0-rc.3 → 2.6.0-rc.0

package/src/SideNavigationPopover.hbs

@@ -1,73 +0,0 @@
-<ui5-navigation-menu
-	id="{{_id}}-side-navigation-overflow-menu"
-	@ui5-before-open="{{_onBeforeMenuOpen}}"
-	@ui5-before-close="{{_onBeforeMenuClose}}"
-	@ui5-item-click="{{handleOverflowItemClick}}"
-	class="ui5-side-navigation-popover ui5-side-navigation-overflow-menu">
-	{{#each _menuPopoverItems}}
-		<ui5-navigation-menu-item
-			text="{{text}}"
-			icon="{{icon}}"
-			?disabled="{{disabled}}"
-			expanded="true"
-			href="{{href}}"
-			target="{{target}}"
-			title="{{title}}"
-			.associatedItem="{{this}}">
-				{{#each this.items}}
-				<ui5-navigation-menu-item
-					text="{{text}}"
-					icon="{{icon}}"
-					?disabled="{{disabled}}"
-					.associatedItem="{{this}}"
-					expanded="true"
-					href="{{href}}"
-					target="{{target}}"
-					title="{{title}}">
-				</ui5-navigation-menu-item>
-				{{/each}}
-		</ui5-navigation-menu-item>
-	{{/each}}
-</ui5-navigation-menu>
-<ui5-responsive-popover
-	vertical-align="Top"
-	class="ui5-side-navigation-popover"
-	accessible-name-ref="{{_id}}-sideNavigationPopoverText"
-	@ui5-open="{{_onAfterPopoverOpen}}"
-	@ui5-before-open="{{_onBeforePopoverOpen}}"
-	@ui5-before-close="{{_onBeforePopoverClose}}"
->
-	{{#if _popoverContents}}
-	<span id="{{_id}}-sideNavigationPopoverText" class="ui5-hidden-text">{{accSideNavigationPopoverHiddenText}}</span>
-		<ui5-side-navigation
-			in-popover
-			class="ui5-side-navigation-in-popover"
-		>
-			<ui5-side-navigation-item
-				text="{{_popoverContents.item.text}}"
-				tooltip="{{_popoverContents.item._tooltip}}"
-				href="{{_popoverContents.item._href}}"
-				target="{{_popoverContents.item._target}}"
-				?disabled="{{_popoverContents.item.disabled}}"
-				expanded="true"
-				_fixed="true"
-				?selected="{{_popoverContents.item.selected}}"
-				@ui5-click="{{handlePopupItemClick}}"
-				.associatedItem="{{_popoverContents.item}}"
-			>
-			{{#each _popoverContents.subItems}}
-				<ui5-side-navigation-sub-item
-					text="{{this.text}}"
-					tooltip="{{this._tooltip}}"
-					href="{{this._href}}"
-					target="{{this._target}}"
-					?disabled="{{this.disabled}}"
-					?selected="{{this.selected}}"
-					@ui5-click="{{handlePopupItemClick}}"
-					.associatedItem="{{this}}"
-				></ui5-side-navigation-sub-item>
-			{{/each}}
-			</ui5-side-navigation-item>
-		</ui5-side-navigation>
-    {{/if}}
-</ui5-responsive-popover>

package/src/SideNavigationSubItem.hbs

@@ -1,59 +0,0 @@
-{{#unless sideNavCollapsed}}
-	<li id="{{_id}}" class="ui5-sn-list-li" role="none">
-		{{#if _href}}
-			<a class="ui5-sn-item ui5-sn-item-level2 {{_classes}}"
-			   role="treeitem"
-			   data-sap-focus-ref
-			   @keydown="{{_onkeydown}}"
-			   @keyup="{{_onkeyup}}"
-			   @click="{{_onclick}}"
-			   @focusin="{{_onfocusin}}"
-			   tabindex="{{effectiveTabIndex}}"
-			   aria-current="{{_ariaCurrent}}"
-			   aria-selected="{{selected}}"
-			   title="{{_tooltip}}"
-			   href="{{_href}}"
-			   target="{{_target}}"
-			>
-				{{#if icon}}
-					<ui5-icon class="ui5-sn-item-icon" name="{{icon}}"></ui5-icon>
-				{{/if}}
-				<div class="ui5-sn-item-text">{{text}}</div>
-				<ui5-icon class="ui5-sn-item-selection-icon"
-						  name="circle-task-2"
-				></ui5-icon>
-				{{#if isExternalLink}}
-					<ui5-icon class="ui5-sn-item-external-link-icon"
-							  name="arrow-right"
-					></ui5-icon>
-				{{/if}}
-			</a>
-		{{else}}
-			<div class="ui5-sn-item ui5-sn-item-level2 {{_classes}}"
-				 role="treeitem"
-				 data-sap-focus-ref
-				 @keydown="{{_onkeydown}}"
-				 @keyup="{{_onkeyup}}"
-				 @click="{{_onclick}}"
-				 @focusin="{{_onfocusin}}"
-				 tabindex="{{effectiveTabIndex}}"
-				 aria-current="{{_ariaCurrent}}"
-				 aria-selected="{{selected}}"
-				 title="{{_tooltip}}"
-			>
-				{{#if icon}}
-					<ui5-icon class="ui5-sn-item-icon" name="{{icon}}"></ui5-icon>
-				{{/if}}
-				<div class="ui5-sn-item-text">{{text}}</div>
-				<ui5-icon class="ui5-sn-item-selection-icon"
-						  name="circle-task-2"
-				></ui5-icon>
-				{{#if isExternalLink}}
-					<ui5-icon class="ui5-sn-item-external-link-icon"
-							  name="arrow-right"
-					></ui5-icon>
-				{{/if}}
-			</div>
-		{{/if}}
-	</li>
-{{/unless}}

package/src/Timeline.hbs

@@ -1,14 +0,0 @@
-<div class="ui5-timeline-root"
-	@focusin={{_onfocusin}}
-	@keydown={{_onkeydown}}>
-
-	<div class="ui5-timeline-scroll-container">
-		<ul class="ui5-timeline-list" aria-live="polite" aria-label="{{ariaLabel}}">
-			{{#each items}}
-				<li class="ui5-timeline-list-item">
-					<slot name="{{this._individualSlot}}"></slot>
-				</li>
-			{{/each}}
-		</ul>
-	</div>
-</div>

package/src/TimelineGroupItem.hbs

@@ -1,25 +0,0 @@
-<div class="ui5-tlgi-root">
-	<div class="ui5-tlgi-btn-root">
-		<div class="ui5-tlgi-icon-placeholder">
-			<div class="ui5-tlgi-icon-dot"></div>
-		</div>
-
-		<div class="ui5-tlgi-line-placeholder">
-			<div class="ui5-tlgi-line"></div>
-		</div>
-
-		<ui5-toggle-button 
-			icon="{{_groupItemIcon}}"
-			@click="{{onGroupItemClick}}"
-			class="ui5-tlgi-btn"
-			.pressed="{{collapsed}}"
-			>{{groupName}}</ui5-toggle-button>
-	</div>
-	<ul class="ui5-tl-group-item">
-		{{#each items}}
-			<li class="ui5-timeline-group-list-item">
-				<slot name="{{this._individualSlot}}"></slot>
-			</li>
-		{{/each}}
-	</ul>
-</div>

package/src/TimelineItem.hbs

@@ -1,40 +0,0 @@
-<div class="ui5-tli-root">
-	<div class="{{classes.indicator}}">
-		<div class="ui5-tli-icon-outer">
-			{{#if icon}}
-				<ui5-icon class="ui5-tli-icon" name="{{icon}}"></ui5-icon>
-			{{else}}
-				<div class="ui5-tli-dummy-icon-container"></div>
-			{{/if}}
-		</div>
-	</div>
-	{{#unless hideBubble}}
-		<div class="ui5-tli-bubble" tabindex="{{forcedTabIndex}}" data-sap-focus-ref>
-			<div class="ui5-tli-title">
-				{{#if name}}
-					{{> name}}
-				{{/if}}
-				<span>{{titleText}}</span>
-			</div>
-			<div class="ui5-tli-subtitle">{{subtitleText}}</div>
-
-			{{#if this.content}}
-				<div class="ui5-tli-desc">
-					<slot></slot>
-				</div>
-			{{/if}}
-			<span class="{{classes.bubbleArrowPosition}}"></span>
-		</div>
-	{{/unless}}
-</div>
-
-{{#*inline "name"}}
-	{{#if nameClickable}}
-		<ui5-link
-		@ui5-click="{{onNamePress}}"
-		class="ui5-tli-title-name-clickable"
-		wrapping-type="None">{{name}}&nbsp;</ui5-link>
-	{{else}}
-		<span class="ui5-tli-title-name">{{name}}&nbsp;</span>
-	{{/if}}
-{{/inline}}

package/src/UploadCollection.hbs

@@ -1,37 +0,0 @@
-<div
-	class="ui5-uc-root"
-	role="region"
-	aria-roledescription="{{_roleDescription}}"
-	@drop="{{_ondrop}}"
-	@ui5-_uci-delete="{{_onItemDelete}}">
-	<div class="{{classes.content}}">
-		<ui5-list
-			accessible-name="{{accessibleName}}"
-			selection-mode="{{selectionMode}}"
-			@ui5-selection-change="{{_onSelectionChange}}"
-		>
-			{{!-- forward slot header to inner list slot header --}}
-			<slot slot="header" name="header"></slot>
-			<slot></slot>
-			{{#if _showNoData}}
-				<ui5-li-custom class="{{classes.noFiles}}" type="Inactive">
-					<ui5-illustrated-message name="Tent">
-						<ui5-title slot="title" wrapping-type="None" level="H2">{{_noDataText}}</ui5-title>
-						<span slot="subtitle">{{_noDataDescription}}</span>
-					</ui5-illustrated-message>
-				</ui5-li-custom>
-			{{/if}}
-		</ui5-list>
-		{{#if _showDndOverlay}}
-			<div
-				class="{{classes.dndOverlay}}"
-				@dragenter="{{_ondragenter}}"
-				@dragleave="{{_ondragleave}}"
-				@dragover="{{_ondragover}}"
-			>
-				<ui5-icon name="upload-to-cloud"></ui5-icon>
-				<span class="dnd-overlay-text">{{_dndOverlayText}}</span>
-			</div>
-		{{/if}}
-	</div>
-</div>

package/src/UploadCollectionItem.hbs

@@ -1,112 +0,0 @@
-{{>include "../../main/src/ListItem.hbs"}}
-
-{{#*inline "listItemContent"}}
-	<div class="ui5-uci-thumbnail-and-content-container">
-		<div class="ui5-uci-thumbnail">
-			<slot name="thumbnail"></slot>
-		</div>
-		<div class="ui5-uci-content-and-progress">
-			<div class="ui5-uci-content">
-				{{#if _editing}}
-					<div class="ui5-uci-edit-container">
-						<ui5-input
-							id="ui5-uci-edit-input"
-							data-sap-focus-ref
-							@focusin="{{_onInputFocusin}}"
-							@keydown="{{_onInputKeyDown}}"
-						></ui5-input>
-						<span class="ui5-uci-file-extension">{{_fileExtension}}</span>
-					</div>
-				{{else }}
-					{{#if fileNameClickable}}
-						<ui5-link
-						class="ui5-uci-file-name"
-						@ui5-click="{{_onFileNameClick}}"
-						wrapping-type="None">{{fileName}}</ui5-link>
-					{{else}}
-						<span class="ui5-uci-file-name ui5-uci-file-name-text">{{fileName}}</span>
-					{{/if}}
-				{{/if}}
-				<div class="ui5-uci-description">
-					<slot></slot>
-				</div>
-			</div>
-			{{#if _showProgressIndicator}}
-				<div class="ui5-uci-progress-box">
-					<ui5-progress-indicator
-						class="ui5-uci-progress-indicator"
-						hide-value
-						value="{{progress}}"
-						value-state="{{valueStateName}}"
-					></ui5-progress-indicator>
-					<div class="ui5-uci-progress-labels">
-						<ui5-label
-							show-colon
-							wrapping-type="None"
-						>{{_progressText}}</ui5-label>
-						<ui5-label>{{progress}}%</ui5-label>
-					</div>
-				</div>
-			{{/if}}
-		</div>
-	</div>
-
-	<div class="ui5-uci-buttons">
-		{{#if _editing}}
-			<ui5-button
-					design="Transparent"
-					class="ui5-uci-edit-rename-btn"
-					@click="{{_onRename}}"
-					@keyup="{{_onRenameKeyup}}">{{_renameBtnText}}</ui5-button>
-			<ui5-button
-					design="Transparent"
-					id="ui5-uci-edit-cancel"
-					@click="{{_onRenameCancel}}"
-					@keyup="{{_onRenameCancelKeyup}}">{{_cancelRenameBtnText}}</ui5-button>
-		{{else}}
-			{{#if _showRetry}}
-				<ui5-button
-					icon="refresh"
-					design="Transparent"
-					tooltip="{{_retryButtonTooltip}}"
-					@click="{{_onRetry}}"
-					@keyup="{{_onRetryKeyup}}"
-				></ui5-button>
-			{{/if}}
-			{{#if _showTerminate}}
-				<ui5-button
-					icon="stop"
-					design="Transparent"
-					tooltip="{{_terminateButtonTooltip}}"
-					@click="{{_onTerminate}}"
-					@keyup="{{_onTerminateKeyup}}">
-				</ui5-button>
-			{{/if}}
-
-			{{#if showEditButton}}
-				<ui5-button
-					id="{{_id}}-editing-button"
-					design="Transparent"
-					tooltip="{{_editButtonTooltip}}"
-					icon="edit"
-					@click="{{onDetailClick}}"
-					@keyup="{{_onDetailKeyup}}"
-					class="ui5-li-detailbtn ui5-uci-edit"
-				>
-				</ui5-button>
-			{{/if}}
-
-			{{#unless hideDeleteButton}}
-				<ui5-button
-						class="ui5-upload-collection-deletebtn"
-						id="{{_id}}-deleteSelectionElement"
-						design="Transparent"
-						icon="decline"
-						?disabled="{{disableDeleteButton}}"
-						@click="{{_onDelete}}"
-						tooltip="{{deleteText}}"
-				></ui5-button>
-			{{/unless}}
-		{{/if}}
-	</div>
-{{/inline}}

package/src/UserMenu.hbs

@@ -1,99 +0,0 @@
-<ui5-responsive-popover
-		id="{{_id}}-user-menu-rp"
-		class="ui5-pm-rp"
-		tabindex="-1"
-		placement="Bottom"
-		vertical-align="Bottom"
-		horizontal-align="End"
-		@ui5-close={{_handlePopoverAfterClose}}
-		prevent-initial-focus
-		accessible-name={{accessibleNameText}}
-		.open={{open}}
-		.opener={{opener}}
->
-	<div class="ui5-pm-header" slot="header">
-		{{#if _isPhone}}
-			<ui5-button icon="decline" design="Transparent" class="ui5-pm-decline-btn" @click="{{_handleDeclineClick}}" tooltip="{{_declineButtonTooltip}}"></ui5-button>
-		{{/if}}
-
-		{{#if _selectedAccount}}
-			<div class="ui5-pm-selected-account" >
-				<ui5-avatar size="L" @click="{{_handleAvatarClick}}" .initials="{{_selectedAccount._initials}}" fallback-icon="person-placeholder" class="ui5-pm--selected-account-avatar">
-					{{#if _selectedAccount.avatarSrc}}
-						<img src={{_selectedAccount.avatarSrc}}/>
-					{{/if}}
-					<ui5-tag slot="badge" wrapping-type="None" design="Set1" color-scheme="5" title="{{_editAvatarTooltip}}">
-						<ui5-icon slot="icon" name="edit"></ui5-icon>
-					</ui5-tag>
-				</ui5-avatar>
-				{{#if _selectedAccount.titleText}}
-					<ui5-title class="ui5-pm-selected-account-title">{{_selectedAccount.titleText}}</ui5-title>
-				{{/if}}
-				{{#if _selectedAccount.subtitleText}}
-					<ui5-text class="ui5-pm-selected-account-subtitleText">{{_selectedAccount.subtitleText}}</ui5-text>
-				{{/if}}
-				{{#if _selectedAccount.description}}
-					<ui5-text class="ui5-pm-selected-account-description">{{_selectedAccount.description}}</ui5-text>
-				{{/if}}
-
-				{{#if showManageAccount}}
-					<ui5-button icon="user-settings" class="ui5-pm-manage-account-btn" @click="{{_handleManageAccountClick}}">{{_manageAccountButtonText}}</ui5-button>
-				{{/if}}
-			</div>
-		{{/if}}
-	</div>
-
-	{{#if showOtherAccounts}}
-		<ui5-panel collapsed class="ui5-pm-other-accounts">
-			<div slot="header" class="ui5-user-menu-account-header">
-				<ui5-title slot="header" level="H4">{{_otherAccountsButtonText}} ({{_otherAccounts.length}})</ui5-title>
-			{{#if showAddAccount}}
-				<ui5-button slot="header" class="ui5-pm-add-account-btn" design="Transparent" icon="add-employee" @click="{{_handleAddAccountClick}}" tooltip="{{_addAccountTooltip}}"/>
-			{{/if}}
-			</div>
-			{{#if _otherAccounts.length}}
-			<ui5-list @ui5-item-click="{{_handleAccountSwitch}}">
-				{{#each _otherAccounts}}
-					<ui5-li-custom .associatedAccount="{{this}}">
-						<div class="ui5-pm-other-accounts-content">
-							<ui5-avatar slot="image" size="S" .initials="{{_initials}}" fallback-icon="person-placeholder">
-								{{#if avatarSrc}}
-									<img src={{avatarSrc}}/>
-								{{/if}}
-							</ui5-avatar>
-							<div>
-							{{#if titleText}}
-								<ui5-title>{{titleText}}</ui5-title>
-							{{/if}}
-							{{#if subtitleText}}
-								<ui5-label>{{subtitleText}}</ui5-label>
-							{{/if}}
-							{{#if description}}
-								<ui5-label>{{description}}</ui5-label>
-							{{/if}}
-							</div>
-						</div>
-					</ui5-li-custom>
-				{{/each}}
-			</ui5-list>
-			{{/if}}
-		</ui5-panel>
-	{{/if}}
-
-	{{#if menuItems.length}}
-		<ui5-list
-			class="ui5-user-menu-list"
-			selection-mode="None" 
-			separators="None" 
-			accessible-role="Menu"
-			@ui5-item-click={{_handleMenuItemClick}}
-			@ui5-close-menu={{_handleMenuItemClose}}
-			>
-			<slot></slot>
-		</ui5-list>
-	{{/if}}
-
-	<div slot="footer" class="ui5-pm-footer">
-		<ui5-button class="ui5-pm-sign-out-btn" design="Transparent" icon="log" @click="{{_handleSignOutClick}}">{{_signOutButtonText}}</ui5-button>
-	</div>
-</ui5-responsive-popover>

package/src/UserMenuItem.hbs

@@ -1 +0,0 @@
-{{>include "../../main/src/MenuItem.hbs"}}

package/src/ViewSettingsDialog.hbs

@@ -1,129 +0,0 @@
-<ui5-dialog
-	prevent-initial-focus
-	aria-label="{{_dialogTitle}}"
-	@ui5-before-close={{_restoreConfirmedOnEscape}}
-	?stretch={{_isPhone}}
-	.open="{{open}}"
-	@ui5-before-open="{{beforeDialogOpen}}"
-	@ui5-open="{{afterDialogOpen}}"
-	@ui5-close="{{afterDialogClose}}"
->
-
-	<div slot="header" class="ui5-vsd-header">
-		<div class="ui5-vsd-header-container">
-			<div class="ui5-vsd-header-start">
-				{{#if showBackButton}}
-					<ui5-button
-						design="Transparent"
-						icon="nav-back"
-						class="ui5-vsd-back-button"
-						@click="{{_navigateToFilters}}"
-					></ui5-button>
-				{{/if}}
-				<ui5-title wrapping-type="None" level="H1" class="ui5-vsd-title" id="{{_id}}-label">{{_title}}</ui5-title>
-			</div>
-			<div class="ui5-vsd-header-end">
-				<ui5-button
-					design="Transparent"
-					@click="{{_resetSettings}}"
-					?disabled={{_disableResetButton}}
-					>
-						{{_resetButtonLabel}}
-				</ui5-button>
-			</div>
-		</div>
-		{{#unless showBackButton}}
-			{{#if hasPagination}}
-				<div class="ui5-vsd-sub-header-container">
-					<div class="ui5-vsd-sub-header">
-						<ui5-segmented-button @ui5-selection-change="{{_handleModeChange}}">
-								<ui5-segmented-button-item
-									?selected="{{isModeSort}}"
-									icon="sort"
-									mode="Sort"
-								></ui5-segmented-button-item>
-								<ui5-segmented-button-item
-									?selected="{{isModeFilter}}"
-									icon="filter"
-									mode="Filter"
-								></ui5-segmented-button-item>
-						</ui5-segmented-button>
-					</div>
-				</div>
-			{{/if}}
-		{{/unless}}
-	</div>
-	<div class="ui5-vsd-content" ?expand-content="{{expandContent}}">
-		{{#if shouldBuildSort}}
-			{{#if isModeSort}}
-				<div class="ui5-vsd-sort">
-					<ui5-list
-						selection-mode="SingleStart"
-						@ui5-item-click="{{_onSortOrderChange}}"
-						sort-order
-						accessible-name-ref="{{_id}}-label">
-						<ui5-li-group header-text="{{_sortOrderLabel}}">
-						{{#each _currentSettings.sortOrder}}
-							<ui5-li
-								?selected="{{this.selected}}"
-							>{{this.text}}</ui5-li>
-						{{/each}}
-						</ui5-li-group>
-					</ui5-list>
-					<ui5-list
-						selection-mode="SingleStart"
-						@ui5-item-click={{_onSortByChange}}
-						sort-by>
-						<ui5-li-group header-text="{{_sortByLabel}}">
-						{{#each _currentSettings.sortBy}}
-							<ui5-li data-ui5-external-action-item-index="{{@index}}" ?selected="{{this.selected}}">{{this.text}}</ui5-li>
-						{{/each}}
-						</ui5-li-group>
-					</ui5-list>
-				</div>
-			{{/if}}
-		{{/if}}
-
-		{{#if shouldBuildFilter}}
-			{{#if isModeFilter}}
-				{{#if _filterStepTwo}}
-					<ui5-list
-						accessible-name-ref="{{_id}}-label"
-						selection-mode="Multiple"
-						@ui5-item-click="{{_handleFilterValueItemClick}}"
-					>
-						{{#each _currentSettings.filters}}
-							{{#if this.selected}}
-								{{#each this.filterOptions}}
-									<ui5-li ?selected={{this.selected}}>{{this.text}}</ui5-li>
-								{{/each}}
-							{{/if}}
-						{{/each}}
-					</ui5-list>
-				{{else}}
-					<ui5-list @ui5-item-click="{{_changeCurrentFilter}}" accessible-name-ref="{{_id}}-label">
-						<ui5-li-group header-text="{{_filterByLabel}}">
-						{{#each filterItems}}
-							<ui5-li class="ui5-vsd-filterItemList" ?selected={{this.selected}} additional-text={{this.additionalText}}>
-								{{this.text}}
-							</ui5-li>
-						{{/each}}
-						</ui5-li-group>
-					</ui5-list>
-				{{/if}}
-			{{/if}}
-		{{/if}}
-	</div>
-
-	<div slot="footer" class="ui5-vsd-footer">
-		<ui5-button
-			design="Emphasized"
-			@click="{{_confirmSettings}}"
-		>{{_okButtonLabel}}</ui5-button>
-		<ui5-button
-			design="Transparent"
-			@click="{{_cancelSettings}}"
-		>{{_cancelButtonLabel}}</ui5-button>
-	</div>
-
-</ui5-dialog>

package/src/Wizard.hbs

@@ -1,47 +0,0 @@
-<div class="{{classes.root}}" aria-label="{{ariaLabelText}}" role="region">
-	<nav class="ui5-wiz-nav" part="navigator" aria-label="{{navAriaLabelText}}" tabindex="-1">
-		<div class="ui5-wiz-nav-list" role="list" aria-label="{{listAriaLabelText}}" aria-describedby="wiz-nav-descr" aria-controls="{{_id}}-wiz-content">
-			{{#each _stepsInHeader}}
-				<ui5-wizard-tab
-					title-text="{{titleText}}"
-					subtitle-text="{{subtitleText}}"
-					icon="{{icon}}"
-					number="{{number}}"
-					?disabled="{{disabled}}"
-					?selected="{{selected}}"
-					?hide-separator="{{hideSeparator}}"
-					?active-separator="{{activeSeparator}}"
-					?branching-separator="{{branchingSeparator}}"
-					._wizardTabAccInfo="{{accInfo}}"
-					data-ui5-content-ref-id="{{this.refStepId}}"
-					data-ui5-index="{{pos}}"
-					@ui5-selection-change-requested="{{../onSelectionChangeRequested}}"
-					@ui5-focused="{{../onStepInHeaderFocused}}"
-					@click="{{../_onGroupedTabClick}}"
-					style={{styles}}
-				></ui5-wizard-tab>
-			{{/each}}
-		</div>
-	</nav>
-
-	<span id="wiz-nav-descr" class="ui5-hidden-text" aria-hidden="true">{{navAriaDescribedbyText}}</span>
-
-	<div id="{{_id}}-wiz-content" class="ui5-wiz-content" @scroll="{{onScroll}}">
-	{{#each _steps}}
-			<div class="ui5-wiz-content-item"
-				?hidden="{{disabled}}"
-				?selected="{{selected}}"
-				?stretch="{{stretch}}"
-				part="step-content"
-				aria-label="{{stepContentAriaLabel}}"
-				role="region"
-				data-ui5-content-item-ref-id="{{_id}}">
-				<div class="ui5-wiz-content-item-wrapper">
-					<slot name="{{this._individualSlot}}"></slot>
-				</div>
-			</div>
-		{{/each}}
-	</div>
-</div>
-
-{{>include "./WizardPopover.hbs"}}

package/src/WizardPopover.hbs

@@ -1,31 +0,0 @@
-<ui5-responsive-popover
-	horizontal-align="Center"
-	placement="Bottom"
-	aria-label="{{actionSheetStepsText}}"
-	class="{{classes.popover}}"
-	content-only-on-desktop
-	prevent-focus-restore
-	_hide-header
->
-	<ul class="ui5-wizard-responsive-popover-list">
-		{{#each _groupedTabs}}
-			<li>
-				<ui5-button
-					icon="{{this.icon}}"
-					?disabled="{{this.disabled}}"
-					design="Transparent"
-					data-ui5-header-tab-ref-id="{{accInfo.ariaPosinset}}"
-					@click="{{../_onOverflowStepButtonClick}}"
-				>
-				{{this.titleText}}
-				</ui5-button>
-			</li>
-		{{/each}}
-	</ul>
-	<div slot="footer" class="ui5-responsive-popover-footer">
-		<ui5-button
-			design="Transparent"
-			@click="{{_closeRespPopover}}"
-		>Cancel</ui5-button>
-	</div>
-</ui5-responsive-popover>