@ui5/webcomponents 2.8.0-rc.0 → 2.8.0-rc.1

package/src/MultiComboBoxPopover.hbs

@@ -1,144 +0,0 @@
-<ui5-responsive-popover
-	placement="Bottom"
-	horizontal-align="Start"
-	class="{{classes.popover}}"
-	id="{{responsivePopoverId}}"
-	hide-arrow
-	prevent-initial-focus
-	style="{{styles.suggestionsPopover}}"
-	@ui5-selection-change={{_listSelectionChange}}
-	@ui5-close={{_afterClose}}
-	@ui5-before-open={{_beforeOpen}}
-	@ui5-before-close={{_beforeClose}}
-	@ui5-open={{_afterOpen}}
-	@focusout={{_onPopoverFocusOut}}
-	accessible-name="{{_popupLabel}}"
-	.open={{_open}}
-	.opener={{this}}
->
-	{{#if _isPhone}}
-		<div slot="header" class="ui5-responsive-popover-header" style="{{styles.popoverHeader}}">
-			<div class="row">
-				<span>{{_headerTitleText}}</span>
-				<ui5-button
-					class="ui5-responsive-popover-close-btn"
-					icon="decline"
-					design="Transparent"
-					@click="{{handleCancel}}"
-				>
-				</ui5-button>
-			</div>
-			<div class="row">
-				<ui5-input
-					@ui5-input="{{_handleMobileInput}}"
-					@keydown="{{_onMobileInputKeydown}}"
-					placeholder="{{placeholder}}"
-					value-state="{{_dialogInputValueState}}"
-					?show-clear-icon="{{showClearIcon}}"
-					?no-typeahead="{{noTypeahead}}"
-				>
-					{{#each _filteredItems}}
-						<ui5-suggestion-item text="{{this.text}}" additional-text="{{this.additionalText}}"></ui5-suggestion-item>
-					{{/each}}
-				</ui5-input>
-				<ui5-toggle-button
-						slot="header"
-						class="ui5-multi-combobox-toggle-button"
-						icon="multiselect-all"
-						design="Transparent"
-						?pressed={{_showAllItemsButtonPressed}}
-						@click="{{filterSelectedItems}}"
-						accessible-name="{{_showSelectedButtonAccessibleNameText}}">
-				</ui5-toggle-button>
-			</div>
-		</div>
-		{{#if hasValueStateMessage}}
-			<div class="{{classes.popoverValueState}}" style="{{styles.popoverValueStateMessage}}">
-				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-				{{#if open}}
-					{{> valueStateMessage}}
-				{{/if}}
-			</div>
-		{{/if}}
-
-		{{> selectAllWrapper}}
-	{{/if}}
-
-	{{#unless _isPhone}}
-		{{#if hasValueStateMessage}}
-			<div slot="header" @keydown="{{_onListHeaderKeydown}}" tabindex="0" class="ui5-responsive-popover-header {{classes.popoverValueState}}" style={{styles.popoverValueStateMessage}}>
-				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-				{{#if open}}
-					{{> valueStateMessage}}
-				{{/if}}			
-			</div>
-		{{/if}}
-
-		{{> selectAllWrapper}}
-	{{/unless}}
-
-	{{#if filterSelected}}
-		<ui5-list separators="None" selection-mode="Multiple" class="ui5-multi-combobox-all-items-list" accessible-role="ListBox">
-			{{#each selectedItems}}
-				{{> listItem}}
-			{{/each}}
-		</ui5-list>
-	{{else}}
-		<ui5-list separators="None" selection-mode="Multiple" class="ui5-multi-combobox-all-items-list" accessible-role="ListBox" @keydown="{{_onItemKeydown}}">
-			{{#each _filteredItems}}
-				{{> listItem}}
-			{{/each}}
-		</ui5-list>
-	{{/if}}
-
-	{{#if _isPhone}}
-		<div slot="footer" class="ui5-responsive-popover-footer">
-			<ui5-button
-				design="Transparent"
-				@click="{{handleOK}}"
-			>{{_dialogOkButton}}</ui5-button>
-		</div>
-	{{/if}}
-</ui5-responsive-popover>
-
-{{#if hasValueStateMessage}}
-	<ui5-popover
-		skip-registry-update
-		prevent-initial-focus
-		prevent-focus-restore
-		hide-arrow
-		class="ui5-valuestatemessage-popover"
-		placement="Bottom"
-		horizontal-align="{{_valueStatePopoverHorizontalAlign}}"
-		tabindex="-1"
-		.open="{{valueStateOpen}}"
-		.opener="{{this}}"
-	>
-		<div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
-			<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-			{{#if valueStateOpen}}
-				{{> valueStateMessage}}
-			{{/if}}
-		</div>
-	</ui5-popover>
-{{/if}}
-
-{{#*inline "valueStateMessage"}}
-	{{#if shouldDisplayDefaultValueStateMessage}}
-		{{valueStateDefaultText}}
-	{{else}}
-		<slot name="valueStateMessage"></slot>
-	{{/if}}
-{{/inline}}
-
-{{#*inline "listItem"}}
-	<slot name="{{this._individualSlot}}"></slot>
-{{/inline}}
-
-{{#*inline "selectAllWrapper"}}
-	{{#if showSelectAll}}
-		<div class="ui5-mcb-select-all-header" @keydown="{{_onListHeaderKeydown}}" tabindex="0">
-			<ui5-checkbox ?disabled={{this.readonly}} ?checked={{_allSelected}} class="ui5-mcb-select-all-checkbox" text="{{selectAllCheckboxLabel}}" @ui5-change="{{_handleSelectAllCheckboxClick}}"></ui5-checkbox>
-		</div>
-	{{/if}}
-{{/inline}}