@ui5/webcomponents 0.0.0-934b4df24 → 0.0.0-b053ad005

package/src/TabInStrip.hbs

@@ -0,0 +1,43 @@
+<li id="{{this._id}}"
+	class="{{this.headerClasses}}"
+	tabindex="{{this._tabIndex}}"
+	role="tab"
+	aria-posinset="{{this._posinset}}"
+	aria-setsize="{{this._setsize}}"
+	aria-controls="ui5-tc-contentItem-{{this._posinset}}"
+	aria-selected="{{this.effectiveSelected}}"
+	aria-disabled="{{this.effectiveDisabled}}"
+	?disabled="{{this.effectiveDisabled}}"
+	aria-labelledby="{{this.ariaLabelledBy}}"
+	data-ui5-stable="{{this.stableDomRef}}"
+>
+
+	{{#if this.icon}}
+		<div class="ui5-tab-strip-item-icon-outer">
+			<ui5-icon name="{{this.icon}}" class="ui5-tab-strip-item-icon"></ui5-icon>
+		</div>
+	{{/if}}
+
+	<div class="ui5-tab-strip-itemContent">
+
+		{{#unless this._isInline}}
+			{{> additionalText}}
+		{{/unless}}
+
+		{{#if this.text}}
+			<span class="ui5-tab-strip-itemText" id="{{this._id}}-text">
+				<span class="{{this.headerSemanticIconClasses}}"></span>
+				{{this.displayText}}
+			</span>
+		{{/if}}
+
+	</div>
+
+</li>
+
+<!-- Additional text -->
+{{#*inline additionalText}}
+	{{#if this.additionalText}}
+		<span class="ui5-tab-strip-itemAdditionalText" id="{{this._id}}-additionalText">{{this.additionalText}}</span>
+	{{/if}}
+{{/inline}}

package/src/TabSeparator.hbs

@@ -0,0 +1 @@
+<li id="{{_id}}" role="separator"></li>

package/src/TabSeparator.js

@@ -0,0 +1,44 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import TabSeparatorTemplate from "./generated/templates/TabSeparatorTemplate.lit.js";
+
+/**
+ * @public
+ */
+const metadata = {
+	tag: "ui5-tab-separator",
+};
+
+/**
+ * @class
+ * The <code>ui5-tab-separator</code> represents a vertical line to separate tabs inside a <code>ui5-tabcontainer</code>.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.TabSeparator
+ * @extends UI5Element
+ * @tagname ui5-tab-separator
+ * @implements sap.ui.webcomponents.main.ITab
+ * @public
+ */
+class TabSeparator extends UI5Element {
+	static get metadata() {
+		return metadata;
+	}
+
+	static get render() {
+		return litRender;
+	}
+
+	static get template() {
+		return TabSeparatorTemplate;
+	}
+
+	get isSeparator() {
+		return true;
+	}
+}
+
+TabSeparator.define();
+
+export default TabSeparator;

package/src/Table.hbs

@@ -0,0 +1,99 @@
+<div class="ui5-table-root">
+	{{#if busy}}
+		{{> busyRow}}
+	{{/if}}
+
+	<table border="0" cellspacing="0" cellpadding="0" @keydown="{{_onkeydown}}" role="table">
+		<thead>
+			<tr id="{{_columnHeader.id}}" role="row" class="ui5-table-header-row" aria-label="{{ariaLabelText}}" tabindex="{{_columnHeader._tabIndex}}" style="{{styles.table}}" @click="{{_onColumnHeaderClick}}">
+				{{#if isMultiSelect}}
+					<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">
+						<ui5-checkbox class="ui5-table-select-all-checkbox"
+							?checked="{{_allRowsSelected}}"
+							@ui5-change="{{_selectAll}}"
+							aria-label="{{ariaLabelSelectAllText}}"
+						>
+						</ui5-checkbox>
+					</th>
+				{{/if}}
+
+				{{#each visibleColumns}}
+					<slot name="{{this._individualSlot}}"></slot>
+				{{/each}}
+			</tr>
+		</thead>
+
+		<tbody>
+			{{#each rows}}
+				<slot name="{{this._individualSlot}}"></slot>
+			{{/each}}
+
+			{{#unless rows.length}}
+				{{#unless hideNoData}}
+					<tr class="ui5-table-no-data-row-root" role="row">
+						<td colspan="{{visibleColumnsCount}}" role="cell">
+
+							<div class="ui5-table-no-data-row">
+								<span>{{noDataText}}</span>
+							</div>
+						</td>
+					</tr>
+				{{/unless}}
+			{{/unless}}
+
+			{{#if growsWithButton}}
+				{{> moreRow}}
+			{{/if}}
+
+			{{#if growsOnScroll}}
+				{{> tableEndRow}}
+			{{/if}}
+		</tbody>
+	</table>
+</div>
+
+{{#*inline "moreRow"}}
+<tr>
+	<td colspan="{{visibleColumnsCount}}">
+		<div growing-button>
+			<div
+				tabindex="0"
+				role="button"
+				aria-labelledby="{{loadMoreAriaLabelledBy}}"
+				?active="{{_loadMoreActive}}"
+				@click="{{_onLoadMoreClick}}"
+				@keydown="{{_onLoadMoreKeydown}}"
+				@keyup="{{_onLoadMoreKeyup}}"
+				growing-button-inner
+			>
+				<span id="{{_id}}-growingButton-text" growing-button-text>{{_growingButtonText}}</span>
+
+				{{#if growingButtonSubtext}}
+					<span id="{{_id}}-growingButton-subtext" growing-button-subtext>{{growingButtonSubtext}}</span>
+				{{/if}}
+			</div>
+		</div>
+	</td>
+</tr>
+{{/inline}}
+
+{{#*inline "tableEndRow"}}
+	<tr tabindex="-1" class="ui5-table-end-row">
+		<td tabindex="-1">
+			<span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span>
+		</td>
+	</tr>
+{{/inline}}
+
+{{#*inline "busyRow"}}
+	<div tabindex="-1" class="ui5-table-busy-row">
+		<ui5-busy-indicator
+			delay="{{busyDelay}}"
+			class="ui5-table-busy-ind"
+			style="{{styles.busy}}"
+			active
+			size="Medium"
+			data-sap-focus-ref
+		></ui5-busy-indicator>
+	</div>
+{{/inline}}