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

package/src/MenuItem.hbs

@@ -1,116 +0,0 @@
-{{>include "./ListItem.hbs"}}
-
-{{#if hasSubmenu}}
-	{{> listItemPostContent}}
-{{/if}}
-
-{{#*inline "listItemContent"}}
-	{{#if text}}
-		<div class="ui5-menu-item-text">{{text}}</div>
-	{{/if}}
-
-	{{#if hasSubmenu}}
-		<div
-			class="ui5-menu-item-submenu-icon"
-		>
-			<ui5-icon
-				part="subicon"
-				name="slim-arrow-right"
-				class="ui5-menu-item-icon-end"
-			>
-			</ui5-icon>
-		</div>
-	{{else if hasEndContent}}
-		<slot name="endContent"></slot>
-	{{else if additionalText}}
-		<span
-			part="additional-text"
-			class="ui5-li-additional-text"
-			aria-hidden="{{_accInfo.ariaHidden}}"
-		>{{additionalText}}</span>
-	{{/if}}
-
-{{/inline}}
-
-{{#*inline "iconBegin"}}
-	{{#if hasIcon}}
-		<ui5-icon class="ui5-li-icon" name="{{icon}}"></ui5-icon>
-	{{else if _siblingsWithIcon}}
-		<div class="ui5-menu-item-dummy-icon"></div>
-	{{/if}}
-{{/inline}}
-
-{{#*inline "listItemPostContent"}}
-	<ui5-responsive-popover
-		id="{{_id}}-menu-rp"
-		class="ui5-menu-rp"
-		horizontal-align="Start"
-		prevent-initial-focus
-		prevent-focus-restore
-		hide-arrow
-		allow-target-overlap
-		sub-menu
-		placement={{placement}}
-		vertical-align="Top"
-		accessible-name={{acessibleNameText}}
-		@ui5-before-open={{_beforePopoverOpen}}
-		@ui5-open={{_afterPopoverOpen}}
-		@ui5-before-close={{_beforePopoverClose}}
-		@ui5-close={{_afterPopoverClose}}
-	>
-		{{#if isPhone}}
-			<div
-				slot="header"
-				class="ui5-menu-dialog-header"
-			>
-				<ui5-button
-					icon="nav-back"
-					class="ui5-menu-back-button"
-					design="Transparent"
-					aria-label="{{labelBack}}"
-					@click={{_close}}
-				>
-				</ui5-button>
-				<div
-					class="ui5-menu-dialog-title"
-				>
-					<div>
-						{{text}}
-					</div>
-				</div>
-				<ui5-button
-					icon="decline"
-					design="Transparent"
-					aria-label="{{labelClose}}"
-					@click={{_closeAll}}
-				>
-				</ui5-button>
-			</div>
-		{{/if}}
-
-		<div
-			id="{{_id}}-menu-main"
-		>
-		{{#if items.length}}
-			<ui5-list
-				id="{{_id}}-menu-list"
-				selection-mode="None"
-				separators="None"
-				accessible-role="menu"
-				?loading="{{loading}}"
-				loading-delay="{{loadingDelay}}"
-				@ui5-close-menu={{_close}}
-			>
-				<slot></slot>
-			</ui5-list>
-		{{else if loading}}
-			<ui5-busy-indicator
-				id="{{_id}}-menu-busy-indicator"
-				delay="{{loadingDelay}}"
-				class="ui5-menu-busy-indicator"
-				active>
-			</ui5-busy-indicator>
-		{{/if}}
-		</div>
-	</ui5-responsive-popover>
-{{/inline}}

package/src/MenuSeparator.hbs

@@ -1,6 +0,0 @@
-<ui5-li-custom
-	class="{{classes.main}}"
-	role="separator"
-	disabled
->
-</ui5-li-custom>

package/src/MessageStrip.hbs

@@ -1,32 +0,0 @@
-<div class="{{classes.root}}"
-	id="{{_id}}"
-	role="note"
-	aria-labelledby="{{_id}}"
->
-
-	{{#unless shouldHideIcon}}
-		<div
-		class="ui5-message-strip-icon-wrapper"
-		aria-hidden="true"
-		>
-			{{#if iconProvided}}
-				<slot name="icon"></slot>
-			{{else}}
-				<ui5-icon name="{{standardIconName}}" class="ui5-message-strip-icon"></ui5-icon>
-			{{/if}}
-		</div>
-	{{/unless}}
-
-	<span class="ui5-hidden-text">{{hiddenText}}</span>
-	<span class="ui5-message-strip-text"><slot></slot></span>
-
-	{{#unless hideCloseButton}}
-		<ui5-button
-			icon="decline"
-			design="Transparent"
-			class="ui5-message-strip-close-button"
-			tooltip="{{_closeButtonText}}"
-			@click={{_closeClick}}
-		></ui5-button>
-	{{/unless}}
-</div>

package/src/MonthPicker.hbs

@@ -1,39 +0,0 @@
-<div
-	class="ui5-mp-root"
-	role="grid"
-	aria-roledescription="{{roleDescription}}"
-	aria-readonly="false"
-	aria-multiselectable="false"
-	@mouseover={{_onmouseover}}
-	@keydown={{_onkeydown}}
-	@keyup={{_onkeyup}}
-	@click={{_selectMonth}}
->
-	{{#each _months}}
-		<div role="row" class="ui5-mp-quarter">
-
-			{{#each this}}
-				<div
-					data-sap-timestamp={{this.timestamp}}
-					tabindex={{this._tabIndex}}
-					?data-sap-focus-ref="{{this.focusRef}}"
-					class="{{this.classes}}"
-					part="{{this.parts}}"
-					role="gridcell"
-					aria-selected="{{this.ariaSelected}}"
-					aria-disabled="{{this.ariaDisabled}}"
-				>
-					<span class="ui5-dp-monthtext">
-						{{this.name}}
-					</span>
-					{{#if this.nameInSecType}}
-						<span class="ui5-dp-monthtext ui5-dp-monthsectext">
-							{{this.nameInSecType}}
-						</span>
-					{{/if}}
-				</div>
-			{{/each}}
-
-		</div>
-	{{/each}}
-</div>

package/src/MultiComboBoxItem.hbs

@@ -1,19 +0,0 @@
-{{>include "./ComboBoxItem.hbs"}}
-
-{{#*inline "listItemContent"}}
-	<ui5-checkbox ?disabled="{{_readonly}}" ?checked="{{selected}}" tabindex="invalid" accessible-name="{{_accessibleName}}"></ui5-checkbox>
-	<div part="content" id="content" class="ui5-li-content">
-		<div class="ui5-li-text-wrapper">
-			<span part="title" class="ui5-li-title">
-				{{{text}}}
-			</span>
-			{{#if additionalText}}
-				<span part="additional-text" class="ui5-li-additional-text">{{additionalText}}</span>
-			{{/if}}
-		</div>
-	</div>
-{{/inline}}
-
-{{#*inline "listItemAttributes"}}
-	role="option"
-{{/inline}}

package/src/MultiComboBoxItemGroup.hbs

@@ -1,9 +0,0 @@
-{{>include "./ListItemGroup.hbs"}}
-
-{{#*inline "items"}}
-	{{#each items}}
-		{{#if _isVisible}}
-			<slot name="{{this._individualSlot}}"></slot>
-		{{/if}}
-	{{/each}}
-{{/inline}}

package/src/MultiInput.hbs

@@ -1,33 +0,0 @@
-{{>include "./Input.hbs"}}
-
-{{#*inline "preContent"}}
-	<span id="hiddenText-nMore" class="ui5-hidden-text">{{_tokensCountText}}</span>
-	<ui5-tokenizer
-		class="ui5-multi-input-tokenizer"
-		.opener={{morePopoverOpener}}
-		.popoverMinWidth={{_inputWidth}}
-		hide-popover-arrow
-		?expanded="{{tokenizerExpanded}}"
-		@keydown="{{_onTokenizerKeydown}}"
-		@ui5-token-delete={{tokenDelete}}
-		@focusout="{{_tokenizerFocusOut}}"
-	>
-		{{#each tokens}}
-			<slot name="{{this._individualSlot}}"></slot>
-		{{/each}}
-	</ui5-tokenizer>
-{{/inline}}
-
-
-{{#*inline "postContent"}}
-	{{#if showValueHelpIcon}}
-		<ui5-icon
-			@click={{valueHelpPress}}
-			@mousedown={{valueHelpMouseDown}}
-			@mouseup={{valueHelpMouseUp}}
-			class="inputIcon"
-			name="value-help"
-			accessible-name="{{valueHelpLabel}}"
-		></ui5-icon>
-	{{/if}}
-{{/inline}}

package/src/NavigationMenu.hbs

@@ -1,64 +0,0 @@
-<ui5-responsive-popover
-	id="{{_id}}-navigation-menu-rp"
-	class="ui5-menu-rp ui5-navigation-menu"
-	vertical-align="Center"
-	.opener={{opener}}
-	?open={{open}}
-	prevent-initial-focus
-	prevent-focus-restore
-	@ui5-before-open={{_beforePopoverOpen}}
-	@ui5-open={{_afterPopoverOpen}}
-	@ui5-before-close={{_beforePopoverClose}}
-	@ui5-close={{_afterPopoverClose}}
-	accessible-name-ref="{{_id}}-navigationMenuPopoverText"
->
-<span id="{{_id}}-navigationMenuPopoverText" class="ui5-hidden-text">{{accSideNavigationPopoverHiddenText}}</span>
-{{#if isPhone}}
-	<div
-		slot="header"
-		class="ui5-menu-dialog-header"
-	>
-		<div
-			class="ui5-menu-dialog-title"
-		>
-			<div>
-				{{headerText}}
-			</div>
-		</div>
-		<ui5-button
-			icon="decline"
-			design="Transparent"
-			aria-label="{{labelClose}}"
-			@click={{_close}}
-		>
-		</ui5-button>
-	</div>
-{{/if}}
-	<div
-		id="{{_id}}-menu-main"
-        class="ui5-navigation-menu-main"
-	>
-	{{#if items.length}}
-		<ui5-list
-			accessible-role="Tree"
-			id="{{_id}}-menu-list"
-			selection-mode="None"
-			?loading="{{loading}}"
-			loading-delay="{{loadingDelay}}"
-			separators="None"
-			@ui5-item-click={{_itemClick}}
-			@ui5-close-menu={{_close}}
-			@keydown={{_itemKeyDown}}
-		>
-			<slot></slot>
-		</ui5-list>
-	{{else if loading}}
-		<ui5-busy-indicator
-			id="{{_id}}-menu-busy-indicator"
-			delay="{{loadingDelay}}"
-			class="ui5-menu-busy-indicator"
-			active>
-		</ui5-busy-indicator>
-	{{/if}}
-	</div>
-</ui5-responsive-popover>

package/src/NavigationMenuItem.hbs

@@ -1,124 +0,0 @@
-{{#if _href}}
-	<a role="treeitem"
-		class="ui5-navmenu-item-link"
-		href="{{href}}"
-		target="{{target}}">
-			{{>include "./ListItem.hbs"}}
-	</a>
-{{else}}
-	{{>include "./ListItem.hbs"}}
-{{/if}}
-
-
-{{#*inline "listItemContent"}}
-	{{text}}
-{{/inline}}
-
-{{#*inline "iconBegin"}}
-	{{#if hasIcon}}
-		<ui5-icon
-			part="icon"
-			class="ui5-li-icon"
-			name="{{icon}}"
-		>
-		</ui5-icon>
-	{{else if _siblingsWithIcon}}
-		<div class="ui5-menu-item-dummy-icon"></div>
-	{{/if}}
-{{/inline}}
-
-{{#*inline "iconEnd"}}
-	{{#if hasSubmenu}}
-		<ui5-icon
-			part="icon"
-			name="slim-arrow-right"
-			class="ui5-menu-item-icon-end"
-		>
-		</ui5-icon>
-	{{/if}}
-	{{#if href}}
-		{{#if target}}
-				<ui5-icon class="ui5-sn-item-external-link-icon"
-							name="arrow-right"
-				></ui5-icon>
-			{{/if}}
-	{{/if}}
-{{/inline}}
-
-{{#if hasSubmenu}}
-	{{> listItemPostContent}}
-{{/if}}
-
-{{#*inline "listItemPostContent"}}
-	<ui5-responsive-popover
-		id="{{_id}}-navigation-menu-rp"
-		class="ui5-menu-rp ui5-navigation-menu"
-		vertical-align="Center"
-		sub-menu
-		prevent-initial-focus
-		prevent-focus-restore
-		accessible-name-ref="{{_id}}-navigationMenuPopoverText"
-		@ui5-before-open={{_beforePopoverOpen}}
-		@ui5-open={{_afterPopoverOpen}}
-		@ui5-before-close={{_beforePopoverClose}}
-		@ui5-close={{_afterPopoverClose}}
-	>
-	<span id="{{_id}}-navigationMenuPopoverText" class="ui5-hidden-text">{{accSideNavigationPopoverHiddenText}}</span>
-	{{#if isPhone}}
-		<div
-			slot="header"
-			class="ui5-menu-dialog-header"
-		>
-		{{#if isSubMenuOpen}}
-			<ui5-button
-				icon="nav-back"
-				class="ui5-menu-back-button"
-				design="Transparent"
-				aria-label="{{labelBack}}"
-				@click={{_close}}
-			>
-			</ui5-button>
-		{{/if}}
-			<div
-				class="ui5-menu-dialog-title"
-			>
-				<div>
-					{{menuHeaderTextPhone}}
-				</div>
-			</div>
-			<ui5-button
-				icon="decline"
-				design="Transparent"
-				aria-label="{{labelClose}}"
-				@click={{_closeAll}}
-			>
-			</ui5-button>
-		</div>
-	{{/if}}
-		<div
-			id="{{_id}}-menu-main"
-			class="ui5-navigation-menu-main"
-		>
-		{{#if items.length}}
-			<ui5-list
-				accessible-role="tree"
-				id="{{_id}}-menu-list"
-				selection-mode="None"
-				?loading="{{loading}}"
-				loading-delay="{{loadingDelay}}"
-				separators="None"
-				@ui5-close-menu={{_close}}
-			>
-				<slot></slot>
-			</ui5-list>
-		{{else if loading}}
-			<ui5-busy-indicator
-				id="{{_id}}-menu-busy-indicator"
-				delay="{{loadingDelay}}"
-				class="ui5-menu-busy-indicator"
-				active>
-			</ui5-busy-indicator>
-		{{/if}}
-		</div>
-	</ui5-responsive-popover>
-{{/inline}}

package/src/Option.hbs

@@ -1,20 +0,0 @@
-{{>include "./ListItemBase.hbs"}}
-
-{{#*inline "listItemContent"}}
-	<div part="content" id="{{_id}}-content" class="ui5-li-content">
-		{{#if displayIconBegin}}
-			<ui5-icon part="icon" name="{{icon}}" class="ui5-li-icon" mode="Decorative"></ui5-icon>
-		{{/if}}
-		<div class="ui5-li-text-wrapper">
-			<span part="title" class="ui5-li-title"><slot></slot></span>
-			{{#if additionalText}}
-				<span part="additional-text" class="ui5-li-additional-text">{{additionalText}}</span>
-			{{/if}}
-		</div>
-	</div>
-{{/inline}}
-
-{{#*inline "listItemAttributes"}}
-	role="option"
-	title="{{tooltip}}"
-{{/inline}}

package/src/OptionCustom.hbs

@@ -1,10 +0,0 @@
-{{>include "./ListItemBase.hbs"}}
-
-{{#*inline "listItemContent"}}
-	<slot></slot>
-{{/inline}}
-
-{{#*inline "listItemAttributes"}}
-	role="option"
-	title="{{tooltip}}"
-{{/inline}}

package/src/Panel.hbs

@@ -1,77 +0,0 @@
-<div
-	class="ui5-panel-root"
-	role="{{accRole}}"
-	aria-label="{{effectiveAccessibleName}}"
-	aria-labelledby="{{fixedPanelAriaLabelledbyReference}}"
->
-
-	{{#if hasHeaderOrHeaderText}}
-		{{! header: either header or h1 with header text}}
-		<div
-			class="ui5-panel-heading-wrapper{{classes.stickyHeaderClass}}"
-			role="{{headingWrapperRole}}"
-			aria-level="{{headingWrapperAriaLevel}}"
-		>
-			<div
-				@click="{{_headerClick}}"
-				@keydown="{{_headerKeyDown}}"
-				@keyup="{{_headerKeyUp}}"
-				class="ui5-panel-header"
-				tabindex="{{headerTabIndex}}"
-				role="{{accInfo.role}}"
-				aria-expanded="{{accInfo.ariaExpanded}}"
-				aria-controls="{{accInfo.ariaControls}}"
-				aria-labelledby="{{accInfo.ariaLabelledby}}"
-				part="header"
-			>
-				{{#unless fixed}}
-					<div class="ui5-panel-header-button-root">
-						{{#if _hasHeader}}
-							<ui5-button
-								design="Transparent"
-								class="ui5-panel-header-button ui5-panel-header-button-with-icon"
-								@click="{{_toggleButtonClick}}"
-								.accessibilityAttributes={{accInfo.button.accessibilityAttributes}}
-								tooltip="{{accInfo.button.title}}"
-								accessible-name="{{accInfo.button.ariaLabelButton}}"
-							>
-								<div class="ui5-panel-header-icon-wrapper">
-									<ui5-icon class="ui5-panel-header-icon {{classes.headerBtn}}" name="slim-arrow-right"></ui5-icon>
-								</div>
-							</ui5-button>
-						{{else}}
-							<ui5-icon
-								class="ui5-panel-header-button ui5-panel-header-icon {{classes.headerBtn}}"
-								name="slim-arrow-right"
-								show-tooltip
-								accessible-name="{{toggleButtonTitle}}"
-							></ui5-icon>
-						{{/if}}
-					</div>
-				{{/unless}}
-
-				{{#if _hasHeader}}
-					<slot name="header"></slot>
-				{{else}}
-					<div
-						id="{{_id}}-header-title"
-						class="ui5-panel-header-title"
-					>
-						{{headerText}}
-					</div>
-				{{/if}}
-			</div>
-		</div>
-	{{/if}}
-
-	{{! content area}}
-	<div
-		class="ui5-panel-content"
-		id="{{_id}}-content"
-		tabindex="-1"
-		style="{{styles.content}}"
-		part="content"
-	>
-		<slot></slot>
-	</div>
-</div>

package/src/Popover.hbs

@@ -1,25 +0,0 @@
-{{>include "./Popup.hbs"}}
-
-{{#*inline "beforeContent"}}
-	<span class="ui5-popover-arrow" style="{{styles.arrow}}"></span>
-
-	{{#if _displayHeader}}
-		<header class="ui5-popup-header-root" id="ui5-popup-header" part="header">
-			{{#if header.length }}
-				<slot name="header"></slot>
-			{{else}}
-				<ui5-title level="H1" class="ui5-popup-header-text">{{headerText}}</ui5-title>
-			{{/if}}
-		</header>
-	{{/if}}
-{{/inline}}
-
-{{#*inline "afterContent"}}
-	{{#if _displayFooter}}
-		{{#if footer.length }}
-			<footer class="ui5-popup-footer-root" part="footer">
-				<slot name="footer"></slot>
-			</footer>
-		{{/if}}
-	{{/if}}
-{{/inline}}

package/src/Popup.hbs

@@ -1,34 +0,0 @@
-{{>include "./PopupBlockLayer.hbs"}}
-
-<section
-	root-element
-	style="{{styles.root}}"
-	class="{{classes.root}}"
-	role="{{_role}}"
-	aria-modal="{{_ariaModal}}"
-	aria-label="{{_ariaLabel}}"
-	aria-labelledby="{{_ariaLabelledBy}}"
-	@keydown={{_onkeydown}}
-	@focusout={{_onfocusout}}
-	@mouseup={{_onmouseup}}
-	@mousedown={{_onmousedown}}
->
-
-	<span class="first-fe" data-ui5-focus-trap role="none" tabindex="0" @focusin={{forwardToLast}}></span>
-
-	{{> beforeContent}}
-
-	<div style="{{styles.content}}" class="{{classes.content}}"  @scroll="{{_scroll}}" part="content">
-		<slot></slot>
-	</div>
-
-	{{> afterContent}}
-
-	<span class="last-fe" data-ui5-focus-trap role="none" tabindex="0" @focusin={{forwardToFirst}}></span>
-
-</section>
-
-
-{{#*inline "beforeContent"}}{{/inline}}
-
-{{#*inline "afterContent"}}{{/inline}}

package/src/PopupBlockLayer.hbs

@@ -1,4 +0,0 @@
-<div class="ui5-block-layer"
-	@keydown="{{_preventBlockLayerFocus}}"
-	@mousedown="{{_preventBlockLayerFocus}}">
-</div>

package/src/ProgressIndicator.hbs

@@ -1,34 +0,0 @@
-<div class="ui5-progress-indicator-root {{classes.root}}"
-     role="progressbar"
-     aria-valuemin="0"
-     aria-valuenow="{{validatedValue}}"
-     aria-valuemax="100"
-     aria-valuetext="{{valueStateText}}"
-     aria-label="{{accessibleName}}"
->
-    <div class="ui5-progress-indicator-bar" part="bar" style="{{styles.bar}}">
-        {{#unless showValueInRemainingBar}}
-           {{> valueLabel}}
-        {{/unless}}
-    </div>
-    <div class="ui5-progress-indicator-remaining-bar" part="remaining-bar">
-        {{#if showValueInRemainingBar}}
-           {{> valueLabel}}
-        {{/if}}
-    </div>
-</div>
-
-{{#*inline "valueLabel"}}
-    {{#if showIcon}}
-        <ui5-icon name="{{valueStateIcon}}" class="ui5-progress-indicator-icon"></ui5-icon>
-    {{/if}}
-    {{#unless hideValue}}
-        <span class="ui5-progress-indicator-value">
-            {{#if displayValue}}
-                {{displayValue}}
-            {{else}}
-                {{validatedValue}}%
-            {{/if}}
-        </span>
-    {{/unless}}
-{{/inline}}

package/src/RadioButton.hbs

@@ -1,30 +0,0 @@
-<div class="ui5-radio-root"
-	role="radio"
-	aria-checked="{{checked}}"
-	aria-disabled="{{effectiveAriaDisabled}}"
-	aria-describedby="{{effectiveAriaDescribedBy}}"
-	aria-label="{{ariaLabelText}}"
-	tabindex="{{effectiveTabIndex}}"
-	@click="{{_onclick}}"
-	@keydown="{{_onkeydown}}"
-	@keyup="{{_onkeyup}}"
-	@mousedown="{{_onmousedown}}"
-	@mouseup="{{_onmouseup}}"
-	@focusout="{{_onfocusout}}"
->
-	<div class='ui5-radio-inner {{classes.inner}}'>
-		<svg class="ui5-radio-svg" focusable="false" aria-hidden="true">
-			<circle part="outer-ring" class="ui5-radio-svg-outer" cx="50%" cy="50%" r="50%" />
-			<circle part="inner-ring" class="ui5-radio-svg-inner" cx="50%" cy="50%" />
-		</svg>
-		<input type='radio' ?required="{{required}}" ?checked="{{checked}}" ?readonly="{{readonly}}" ?disabled="{{disabled}}" name="{{name}}"  data-sap-no-tab-ref/>
-	</div>
-
-	{{#if text}}
-		<ui5-label id="{{_id}}-label" class="ui5-radio-label" for="{{_id}}" wrapping-type="{{wrappingType}}">{{text}}</ui5-label>
-	{{/if}}
-
-	{{#if hasValueState}}
-		<span id="{{_id}}-descr" class="ui5-hidden-text">{{valueStateText}}</span>
-	{{/if}}
-</div>