@ui5/webcomponents 2.5.0 → 2.6.0-rc.0

package/src/ColorPicker.hbs

@@ -1,110 +0,0 @@
-<section class="ui5-color-picker-root"  >
-    <div
-        class="ui5-color-picker-main-color"
-        style="{{styles.mainColor}}"
-        @mousedown="{{_handleMouseDown}}"
-        @mouseup="{{_handleMouseUp}}"
-        @mousemove="{{_handleMouseMove}}"
-        @mouseout="{{_handleMouseOut}}"
-    >
-        <div
-            class="ui5-color-picker-circle"
-            style="{{styles.circle}}"
-        ></div>
-    </div>
-
-    <div class="ui5-color-picker-sliders-wrapper">
-        <ui5-slider
-            disabled="{{inputsDisabled}}"
-            class="ui5-color-picker-hue-slider"
-            min="0"
-            max="1530"
-            value="{{_hue}}"
-            accessible-name="{{hueSliderLabel}}"
-            @ui5-input="{{_handleHueInput}}"
-        ></ui5-slider>
-        {{#if _isDefaultPickerMode}}
-            <ui5-slider
-                disabled="{{inputsDisabled}}"
-                class="ui5-color-picker-alpha-slider"
-                min="0"
-                max="1"
-                step="0.01"
-                value="{{_alpha}}"
-                accessible-name="{{alphaSliderLabel}}"
-                @ui5-input="{{_handleAlphaInput}}"
-            ></ui5-slider>
-        {{/if}}
-    </div>
-
-    <div class="ui5-color-picker-current-color">
-        <div class="ui5-color-picker-colors-wrapper">
-            <span class="ui5-color-picker-white"></span>
-            <span class="ui5-color-picker-color">
-                <div class="ui5-color-picker-color-inner" style="{{styles.colorSpan}}"></div>
-            </span>
-        </div>
-
-        <div class="ui5-color-picker-hex-input-wrapper">
-            <ui5-label>Hex</ui5-label>
-            <ui5-input
-                class="ui5-color-picker-hex-input"
-                value="{{hex}}"
-                @keydown="{{_onkeydown}}"
-                accessible-name="{{hexInputLabel}}"
-                @ui5-change="{{_handleHEXChange}}"
-                value-state="{{hexInputErrorState}}"
-            ></ui5-input>
-        </div>
-    </div>
-
-    {{#if _isDefaultPickerMode}}
-        <div
-            class="ui5-color-picker-rgb-wrapper"
-            @ui5-change="{{_handleRGBInputsChange}}"
-        >
-            <div class="ui5-color-picker-rgb">
-                <ui5-input
-                    id="red"
-                    class="ui5-color-picker-rgb-input"
-                    disabled="{{inputsDisabled}}"
-                    accessible-name="{{redInputLabel}}"
-                    value="{{_value.r}}"
-                ></ui5-input>
-                <ui5-label>R</ui5-label>
-            </div>
-            <div class="ui5-color-picker-rgb">
-                <ui5-input
-                    id="green"
-                    class="ui5-color-picker-rgb-input"
-                    disabled="{{inputsDisabled}}"
-                    accessible-name="{{greenInputLabel}}"
-                    value="{{_value.g}}"
-                ></ui5-input>
-                <ui5-label>G</ui5-label>
-            </div>
-            <div class="ui5-color-picker-rgb">
-                <ui5-input
-                    id="blue"
-                    class="ui5-color-picker-rgb-input"
-                    disabled="{{inputsDisabled}}"
-                    accessible-name="{{blueInputLabel}}"
-                    value="{{_value.b}}"
-                ></ui5-input>
-                <ui5-label>B</ui5-label>
-            </div>
-            <div class="ui5-color-picker-rgb">
-                <ui5-input
-                    id="alpha"
-                    disabled="{{inputsDisabled}}"
-                    class="ui5-color-picker-rgb-input"
-                    value="{{_alpha}}"
-                    accessible-name="{{alphaInputLabel}}"
-                    @ui5-input="{{_handleAlphaInput}}"
-                    @ui5-change="{{_handleAlphaChange}}"
-                ></ui5-input>
-                <ui5-label>A</ui5-label>
-            </div>
-        </div>
-    {{/if}}
-</section>

package/src/ComboBox.hbs

@@ -1,55 +0,0 @@
-<div class="ui5-combobox-root ui5-input-focusable-element">
-	{{#if hasValueState}}
-		<span id="value-state-description" class="ui5-hidden-text">{{ariaValueStateHiddenText}}</span>
-	{{/if}}
-
-	<input id="ui5-combobox-input"
-		.value="{{value}}"
-		inner-input
-		placeholder="{{placeholder}}"
-		?disabled={{disabled}}
-		?readonly={{readonly}}
-		value-state="{{valueState}}"
-		@keydown="{{_keydown}}"
-		@input="{{_input}}"
-		@change="{{_inputChange}}"
-		@click={{_click}}
-		@keyup="{{_keyup}}"
-		@focusin="{{_focusin}}"
-		@focusout="{{_focusout}}"
-		aria-expanded="{{open}}"
-		role="combobox"
-		aria-haspopup="dialog"
-		aria-autocomplete="both"
-		aria-describedby="value-state-description"
-		aria-label="{{ariaLabelText}}"
-		aria-required="{{required}}"
-		aria-controls="{{responsivePopoverId}}"
-		autocomplete="off"
-		data-sap-focus-ref
-	/>
-
-	{{#if _effectiveShowClearIcon}}
-		<div @click={{_clear}} class="ui5-input-clear-icon-wrapper inputIcon" tabindex="-1">
-			<ui5-icon tabindex="-1" class="ui5-input-clear-icon" name="decline" accessible-name="{{clearIconAccessibleName}}"></ui5-icon>
-		</div>
-	{{/if}}
-
-	{{#if icon}}
-		<slot name="icon"></slot>
-	{{/if}}
-
-	{{#unless readonly}}
-		<ui5-icon
-			name="slim-arrow-down"
-			slot="icon"
-			tabindex="-1"
-			class="inputIcon"
-			?pressed="{{_iconPressed}}"
-			@click="{{_arrowClick}}"
-			accessible-name="{{_iconAccessibleNameText}}"
-		></ui5-icon>
-	{{/unless}}
-</div>
-
-{{>include "./ComboBoxPopover.hbs"}}

package/src/ComboBoxItem.hbs

@@ -1,18 +0,0 @@
-{{>include "./ListItemBase.hbs"}}
-
-{{#*inline "listItemContent"}}
-	<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/ComboBoxItemGroup.hbs

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

package/src/ComboBoxPopover.hbs

@@ -1,130 +0,0 @@
-<ui5-responsive-popover
-	class="{{classes.popover}}"
-	tabindex="-1"
-	hide-arrow
-	prevent-focus-restore
-	prevent-initial-focus
-	placement="Bottom"
-	horizontal-align="Start"
-	style="{{styles.suggestionsPopover}}"
-	@ui5-before-open="{{_beforeOpenPopover}}"
-	@ui5-open={{_afterOpenPopover}}
-	@ui5-close={{_afterClosePopover}}
-	@keydown={{_handlePopoverKeydown}}
-	@focusout={{_handlePopoverFocusout}}
-	accessible-name="{{_popupLabel}}"
-	id="{{responsivePopoverId}}"
-	.open={{open}}
-	.opener={{this}}
->
-	<ui5-busy-indicator
-		?active={{loading}}
-		class="ui5-combobox-busy"
-	>
-	</ui5-busy-indicator>
-
-	{{#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">
-				<ui5-input
-					@keydown="{{_handleMobileKeydown}}"
-					@ui5-input="{{_handleMobileInput}}"
-					@ui5-change="{{_inputChange}}"
-					placeholder="{{placeholder}}"
-					value-state="{{valueState}}"
-					?show-clear-icon="{{showClearIcon}}"
-					?no-typeahead="{{noTypeahead}}"
-					.open={{openOnMobile}}
-				>
-					{{#each _filteredItems}}
-						<ui5-suggestion-item text="{{this.text}}" additional-text="{{this.additionalText}}"></ui5-suggestion-item>
-					{{/each}}
-				</ui5-input>
-			</div>
-		</div>
-
-		{{#if hasValueStateText}}
-			<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}}
-	{{/if}}
-
-	{{#unless _isPhone}}
-		{{#if hasValueStateText}}
-			<div slot="header" class="ui5-responsive-popover-header {{classes.popoverValueState}}" ?focused={{_isValueStateFocused}} style="{{styles.suggestionPopoverHeader}}">
-				<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-				{{#if open}}
-					{{> valueStateMessage}}
-				{{/if}}
-			</div>
-		{{/if}}
-	{{/unless}}
-
-	<ui5-list
-		accessible-role="ListBox"
-		class="ui5-combobox-items-list"
-		separators="None"
-		@ui5-item-click={{_selectItem}}
-		@ui5-item-focused={{_onItemFocus}}
-		@mousedown={{_itemMousedown}}
-		selection-mode="Single"
-	>
-		{{#each _filteredItems}}
-			<slot name="{{this._individualSlot}}"></slot>
-		{{/each}}
-	</ui5-list>
-
-	{{#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 shouldOpenValueStateMessagePopover}}
-	<ui5-popover
-		skip-registry-update
-		prevent-initial-focus
-		prevent-focus-restore
-		hide-arrow
-		tabindex="-1"
-		class="ui5-valuestatemessage-popover"
-		horizontal-align="{{_valueStatePopoverHorizontalAlign}}"
-		placement="Bottom"
-		.opener="{{this}}"
-		.open="{{valueStateOpen}}"
-		@ui5-close="{{_handleValueStatePopoverAfterClose}}"
-		@focusout={{_handleValueStatePopoverFocusout}}
-	>
-		<div slot="header" class="{{classes.popoverValueState}}" style="{{styles.popoverHeader}}">
-			<ui5-icon class="ui5-input-value-state-message-icon" name="{{_valueStateMessageIcon}}"></ui5-icon>
-				{{> valueStateMessage}}
-		</div>
-	</ui5-popover>
-{{/if}}
-
-{{#*inline "valueStateMessage"}}
-	{{#if shouldDisplayDefaultValueStateMessage}}
-		{{valueStateDefaultText}}
-	{{else}}
-		<slot name="valueStateMessage"></slot>
-	{{/if}}
-{{/inline}}

package/src/DatePicker.hbs

@@ -1,2 +0,0 @@
-{{>include "./DatePickerInput.hbs"}}
-{{>include "./DatePickerPopover.hbs"}}

package/src/DatePickerInput.hbs

@@ -1,43 +0,0 @@
-<div
-        class="ui5-date-picker-root"
-        style="{{styles.main}}"
->
-    {{! INPUT}}
-    <ui5-input
-            id="{{_id}}-inner"
-            class="ui5-date-picker-input"
-            placeholder="{{_placeholder}}"
-            type="{{type}}"
-            value="{{value}}"
-            ?disabled="{{disabled}}"
-            ?required="{{required}}"
-            ?readonly="{{readonly}}"
-            value-state="{{valueState}}"
-            data-sap-focus-ref
-            ._inputAccInfo ="{{accInfo}}"
-            @ui5-change="{{_onInputChange}}"
-            @ui5-input="{{_onInputInput}}"
-            @ui5-submit="{{_onInputSubmit}}"
-            @keydown="{{_onkeydown}}"
-    >
-
-        {{#if valueStateMessage.length}}
-            <slot name="valueStateMessage" slot="valueStateMessage"></slot>
-        {{/if}}
-
-        {{#unless readonly}}
-            <ui5-icon
-                    id="{{_id}}-value-help"
-                    slot="icon"
-                    name="{{openIconName}}"
-                    tabindex="-1"
-                    accessible-name="{{openIconTitle}}"
-                    mode={{_iconMode}}
-                    show-tooltip
-                    @click="{{_togglePicker}}"
-                    class="inputIcon"
-                    ?pressed="{{open}}"
-            ></ui5-icon>
-        {{/unless}}
-    </ui5-input>
-</div>

package/src/DatePickerPopover.hbs

@@ -1,66 +0,0 @@
-<ui5-responsive-popover
-	id="{{_id}}-responsive-popover"
-	.opener={{this}}
-	?open="{{open}}"
-	allow-target-overlap
-	placement="Bottom"
-	horizontal-align="Start"
-	accessible-name="{{pickerAccessibleName}}"
-	hide-arrow
-	?_hide-header={{_shouldHideHeader}}
-	@keydown="{{_onkeydown}}"
-	@ui5-close="{{onResponsivePopoverAfterClose}}"
-	@ui5-open="{{onResponsivePopoverAfterOpen}}"
-	@ui5-before-open="{{onResponsivePopoverBeforeOpen}}"
->
-	{{#if showHeader}}
-		{{> header}}
-	{{/if}}
-
-	{{> content}}
-
-	{{#if showFooter}}
-		{{> footer}}
-	{{/if}}
-</ui5-responsive-popover>
-
-{{#*inline "header"}}
-	<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="{{_togglePicker}}"
-			>
-			</ui5-button>
-		</div>
-	</div>
-{{/inline}}
-
-{{#*inline "content"}}
-	<ui5-calendar
-		id="{{_id}}-calendar"
-		primary-calendar-type="{{_primaryCalendarType}}"
-		secondary-calendar-type="{{secondaryCalendarType}}"
-		format-pattern="{{_formatPattern}}"
-		.selectionMode="{{_calendarSelectionMode}}"
-		.minDate="{{minDate}}"
-		.maxDate="{{maxDate}}"
-		.calendarWeekNumbering="{{calendarWeekNumbering}}"
-		@ui5-selection-change="{{onSelectedDatesChange}}"
-		@ui5-show-month-view="{{onHeaderShowMonthPress}}"
-		@ui5-show-year-view="{{onHeaderShowYearPress}}"
-		?hide-week-numbers="{{hideWeekNumbers}}"
-		._currentPicker="{{_calendarCurrentPicker}}"
-		._pickersMode="{{_calendarPickersMode}}"
-	>
-		{{#each _calendarSelectedDates}}
-			<ui5-date value="{{this}}"></ui5-date>
-		{{/each}}
-	</ui5-calendar>
-{{/inline}}
-
-{{#*inline "footer"}}{{/inline}}
-

package/src/DateRangePicker.hbs

@@ -1,23 +0,0 @@
-{{>include "./DatePickerInput.hbs"}}
-{{>include "./DatePickerPopover.hbs"}}
-
-{{#*inline "content"}}
-	<ui5-calendar
-		id="{{_id}}-calendar"
-		primary-calendar-type="{{_primaryCalendarType}}"
-		secondary-calendar-type="{{secondaryCalendarType}}"
-		format-pattern="{{_formatPattern}}"
-		.selectionMode="{{_calendarSelectionMode}}"
-		.minDate="{{minDate}}"
-		.maxDate="{{maxDate}}"
-		.calendarWeekNumbering="{{calendarWeekNumbering}}"
-		@ui5-selection-change="{{onSelectedDatesChange}}"
-		@ui5-show-month-view="{{onHeaderShowMonthPress}}"
-		@ui5-show-year-view="{{onHeaderShowYearPress}}"
-		?hide-week-numbers="{{hideWeekNumbers}}"
-		._currentPicker="{{_calendarCurrentPicker}}"
-		._pickersMode="{{_calendarPickersMode}}"
-	>
-		<ui5-date-range start-value="{{startValue}}" end-value="{{endValue}}"></ui5-date-range>
-	</ui5-calendar>
-{{/inline}}

package/src/DateTimePicker.hbs

@@ -1,2 +0,0 @@
-{{>include "./DatePickerInput.hbs"}}
-{{>include "./DateTimePickerPopover.hbs"}}

package/src/DateTimePickerPopover.hbs

@@ -1,76 +0,0 @@
-
-{{>include "./DatePickerPopover.hbs"}}
-
-{{#*inline "header"}}
-	{{#if phone}}
-		<div class="ui5-dt-picker-header">
-			<ui5-segmented-button class="ui5-dt-picker-toggle-button">
-				<ui5-toggle-button key="Date" ?pressed="{{showDateView}}" @click="{{_dateTimeSwitchChange}}">{{btnDateLabel}}</ui5-toggle-button>
-				<ui5-toggle-button key="Time" ?pressed="{{showTimeView}}" @click="{{_dateTimeSwitchChange}}">{{btnTimeLabel}}</ui5-toggle-button>
-			</ui5-segmented-button>
-		</div>
-	{{/if}}
-{{/inline}}
-
-{{#*inline "content"}}
-	<div class="ui5-dt-picker-content {{classes.picker}}">
-		<ui5-calendar
-			class="ui5-dt-cal {{classes.dateTimeView}}"
-			id="{{_id}}-calendar"
-			primary-calendar-type="{{_primaryCalendarType}}"
-			secondary-calendar-type="{{secondaryCalendarType}}"
-			format-pattern="{{_formatPattern}}"
-			.selectionMode="{{_calendarSelectionMode}}"
-			.minDate="{{minDate}}"
-			.maxDate="{{maxDate}}"
-			.calendarWeekNumbering="{{calendarWeekNumbering}}"
-			@ui5-selection-change="{{onSelectedDatesChange}}"
-			@ui5-show-month-view="{{onHeaderShowMonthPress}}"
-			@ui5-show-year-view="{{onHeaderShowYearPress}}"
-			?hide-week-numbers="{{hideWeekNumbers}}"
-			._currentPicker="{{_calendarCurrentPicker}}"
-		>
-			{{#each _calendarSelectedDates}}
-				<ui5-date value="{{this}}"></ui5-date>
-			{{/each}}
-		</ui5-calendar>
-
-		{{#unless phone}}
-			<span class="ui5-dt-picker-separator"></span>
-		{{/unless}}
-
-		{{#if showTimeView}}
-			<ui5-time-selection-clocks
-				id="{{_id}}-time-sel"
-				class="ui5-dt-time {{classes.dateTimeView}}"
-				format-pattern="{{_formatPattern}}"
-				value="{{_timeSelectionValue}}"
-				@ui5-change="{{onTimeSelectionChange}}"
-				._calendarType="{{_primaryCalendarType}}"
-			></ui5-time-selection-clocks>
-		{{/if}}
-	</div>
-{{/inline}}
-
-{{#*inline "footer"}}
-	<div slot="footer" class="ui5-dt-picker-footer {{classes.footer}}">
-		<ui5-button
-			id="ok"
-			class="ui5-dt-picker-action"
-			design="Emphasized"
-			?disabled="{{_submitDisabled}}"
-			@click="{{_submitClick}}"
-		>
-			{{btnOKLabel}}
-		</ui5-button>
-
-		<ui5-button
-			id="cancel"
-			class="ui5-dt-picker-action"
-			design="Transparent"
-			@click="{{_cancelClick}}"
-		>
-			{{btnCancelLabel}}
-		</ui5-button>
-	</div>
-{{/inline}}

package/src/DayPicker.hbs

@@ -1,71 +0,0 @@
-<div
-	class="{{this.classes.root}}"
-	style="{{styles.wrapper}}"
-	@keydown={{_onkeydown}}
-	@keyup={{_onkeyup}}
-	@click={{_onclick}}
-	@mouseover={{_onmouseover}}
-	@focusin={{_onfocusin}}
-	@focusout={{_onfocusout}}
->
-
-	<div id="{{_id}}-content" class="ui5-dp-content" role="grid" aria-roledescription="{{ariaRoledescription}}">
-		<div role="row" class="ui5-dp-days-names-container">
-			{{#each _dayNames}}
-				<div
-					role="columnheader"
-					aria-label="{{this.name}}"
-					class="{{this.classes}}"
-				>
-					{{this.ultraShortName}}
-				</div>
-			{{/each}}
-		</div>
-		{{#each _weeks}}
-			{{#if this.length}}
-				<div class="ui5-dp-weeks-row" role="row">
-					{{#each this}}
-						{{#if this.timestamp}}
-							<div
-								?special-day="{{this.type}}"
-								tabindex="{{this._tabIndex}}"
-								?data-sap-focus-ref="{{this.focusRef}}"
-								data-sap-timestamp="{{this.timestamp}}"
-								role="gridcell"
-								aria-selected="{{this.ariaSelected}}"
-								aria-label="{{this.ariaLabel}}"
-								aria-disabled="{{this.ariaDisabled}}"
-								class="{{this.classes}}"
-								part="{{this.parts}}">
-									<span
-										class="ui5-dp-daytext"
-										data-sap-timestamp="{{this.timestamp}}"
-									>
-										{{this.day}}
-									</span>
-									{{#if this._isSecondaryCalendarType}}
-										<span class="ui5-dp-daytext ui5-dp-daysectext" >
-											{{this.secondDay}}
-										</span>
-									{{/if}}
-									{{#if this.type}}
-										<div class="ui5-dp-specialday {{this.type}}"></div>
-									{{/if}}
-							</div>
-						{{else}}
-							{{#unless this.isHidden}}
-									<div class="ui5-dp-weekname-container"
-										role="rowheader"
-										aria-label="Calendar Week {{this.weekNum}}">
-											<span class="ui5-dp-weekname">{{this.weekNum}}</span>
-									</div>
-							{{/unless}}
-						{{/if}}
-					{{/each}}
-				</div>
-			{{else}}
-				<div class="sapWCEmptyWeek"></div>
-			{{/if}}
-		{{/each}}
-	</div>
-</div>

package/src/Dialog.hbs

@@ -1,56 +0,0 @@
-{{>include "./Popup.hbs"}}
-
-{{#*inline "beforeContent"}}
-	{{#if _displayHeader }}
-		<header>
-			<div
-				class="ui5-popup-header-root"
-				id="ui5-popup-header"
-				role="group"
-				aria-describedby={{effectiveAriaDescribedBy}}
-				aria-roledescription={{ariaRoleDescriptionHeaderText}}
-				tabindex="{{_headerTabIndex}}"
-				@keydown="{{_onDragOrResizeKeyDown}}"
-				@mousedown="{{_onDragMouseDown}}"
-				part="header"
-				state="{{this.state}}">
-				{{#if hasValueState}}
-				<ui5-icon class="ui5-dialog-value-state-icon" name="{{_dialogStateIcon}}"></ui5-icon>
-				{{/if}}
-				{{#if header.length }}
-					<slot name="header"></slot>
-				{{else}}
-					<ui5-title level="H1" id="ui5-popup-header-text" class="ui5-popup-header-text">{{headerText}}</ui5-title>
-				{{/if}}
-
-				{{#if resizable}}
-					{{#if draggable}}
-					<span id="{{_id}}-descr" aria-hidden="true" class="ui5-hidden-text">{{ariaDescribedByHeaderTextDraggableAndResizable}}</span>
-					{{else}}
-					<span id="{{_id}}-descr" aria-hidden="true" class="ui5-hidden-text">{{ariaDescribedByHeaderTextResizable}}</span>
-					{{/if}}
-				{{else}}
-					{{#if draggable}}
-						<span id="{{_id}}-descr" aria-hidden="true" class="ui5-hidden-text">{{ariaDescribedByHeaderTextDraggable}}</span>
-					{{/if}}
-				{{/if}}
-			</div>
-		</header>
-	{{/if}}
-{{/inline}}
-
-{{#*inline "afterContent"}}
-	{{#if footer.length }}
-		<footer class="ui5-popup-footer-root" part="footer">
-			<slot name="footer"></slot>
-		</footer>
-	{{/if}}
-	{{#if _showResizeHandle }}
-		<div 
-			class="ui5-popup-resize-handle"
-			@mousedown="{{_onResizeMouseDown}}">
-			<ui5-icon name="resize-corner"></ui5-icon>
-		</div>
-	{{/if}}
-{{/inline}}
-

package/src/DropIndicator.hbs

@@ -1 +0,0 @@
-<div class="{{classes.root}}"></div>