@ui5/webcomponents 0.0.0-dc606098a → 0.0.0-ddc5fe31b

package/src/DateTimePickerPopover.hbs

@@ -0,0 +1,79 @@
+
+{{>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}}"
+			timestamp="{{_calendarTimestamp}}"
+			.selectionMode="{{_calendarSelectionMode}}"
+			.minDate="{{minDate}}"
+			.maxDate="{{maxDate}}"
+			@ui5-selected-dates-change="{{onSelectedDatesChange}}"
+			@ui5-show-month-press="{{onHeaderShowMonthPress}}"
+			@ui5-show-year-press="{{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
+					id="{{_id}}-time-sel"
+					class="ui5-dt-time {{classes.dateTimeView}}"
+					value="{{_timeSelectionValue}}"
+					format-pattern="{{_formatPattern}}"
+					._currentSlider="{{_currentTimeSlider}}"
+					._calendarType="{{_primaryCalendarType}}"
+					@ui5-change="{{onTimeSelectionChange}}"
+					@ui5-slider-change="{{onTimeSliderChange}}"
+					._density="{{_density}}"
+			></ui5-time-selection>
+		{{/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

@@ -0,0 +1,66 @@
+<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
+								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}}">
+									<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}}
+							</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

@@ -0,0 +1,56 @@
+{{>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}}
+					<h1 id="ui5-popup-header-text" class="ui5-popup-header-text">{{headerText}}</h1>
+				{{/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 }}
+		<ui5-icon
+			name="resize-corner"
+			class="ui5-popup-resize-handle"
+			@mousedown="{{_onResizeMouseDown}}">
+		</ui5-icon>
+	{{/if}}
+{{/inline}}
+

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" accessible-name="{{clearIconAccessibleName}}"></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>
+		</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}}
+	{{/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,100 @@
+<div
+	class="{{classes.root}}"
+	@focusin="{{_onfocusin}}"
+	@keydown="{{_onkeydown}}"
+	@ui5-_press={{onItemPress}}
+	@ui5-close={{onItemClose}}
+	@ui5-toggle={{onItemToggle}}
+	@ui5-_request-tabindex-change={{onItemTabIndexChange}}
+	@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}}