@ui5/webcomponents 0.0.0-8e1845415 → 0.0.0-90f690396

package/src/TableCell.ts

@@ -1,71 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import TableCellTemplate from "./generated/templates/TableCellTemplate.lit.js";
-
-// Styles
-import tableCellStyles from "./generated/themes/TableCell.css.js";
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>ui5-table-cell</code> component defines the structure of the data in a single <code>ui5-table</code> cell.
- *
- * <h3>CSS Shadow Parts</h3>
- *
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
- * <br>
- * The <code>ui5-table-cell</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>cell - Used to style the native <code>td</code> element</li>
- * </ul>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.main.TableCell
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-table-cell
- * @implements sap.ui.webc.main.ITableCell
- * @public
- */
-@customElement({
-	tag: "ui5-table-cell",
-	renderer: litRender,
-	template: TableCellTemplate,
-	styles: tableCellStyles,
-})
-class TableCell extends UI5Element {
-	/**
-	 * @private
-	 */
-	@property({ type: Boolean })
-	lastInRow!: boolean;
-
-	/**
-	 * @private
-	 */
-	@property({ type: Boolean })
-	popined!: boolean;
-
-	/**
-	 * @private
-	 */
-	@property({ type: Boolean })
-	_popinedInline!: boolean;
-
-	/**
-	 * Specifies the content of the component.
-	 *
-	 * @type {Node[]}
-	 * @slot
-	 * @name sap.ui.webc.main.TableCell.prototype.default
-	 * @public
-	 */
-}
-
-TableCell.define();
-
-export default TableCell;

package/src/TableColumn.ts

@@ -1,128 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
-import TableColumnTemplate from "./generated/templates/TableColumnTemplate.lit.js";
-import TableColumnPopinDisplay from "./types/TableColumnPopinDisplay.js";
-
-// Styles
-import tableColumnStyles from "./generated/themes/TableColumn.css.js";
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>ui5-table-column</code> component allows to define column specific properties that are applied
- * when rendering the <code>ui5-table</code> component.
- *
- * <h3>CSS Shadow Parts</h3>
- *
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
- * <br>
- * The <code>ui5-table-column</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>column - Used to style the native <code>th</code> element</li>
- * </ul>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.main.TableColumn
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-table-column
- * @implements sap.ui.webc.main.ITableColumn
- * @public
- */
-@customElement({
-	tag: "ui5-table-column",
-	styles: tableColumnStyles,
-	renderer: litRender,
-	template: TableColumnTemplate,
-})
-class TableColumn extends UI5Element {
-	/**
-	 * Defines the minimum table width required to display this column. By default it is always displayed.
-	 * <br><br>
-	 * The responsive behavior of the <code>ui5-table</code> is determined by this property. As an example, by setting
-	 * <code>minWidth</code> property to <code>400</code> sets the minimum width to 400 pixels, and	shows this column on tablet (and desktop) but hides it on mobile.
-	 * <br>
-	 * For further responsive design options, see <code>demandPopin</code> property.
-	 *
-	 * @type {sap.ui.webc.base.types.Integer}
-	 * @name sap.ui.webc.main.TableColumn.prototype.minWidth
-	 * @defaultvalue Infinity
-	 * @public
-	 */
-	@property({ validator: Integer, defaultValue: Infinity })
-	minWidth!: number;
-
-	/**
-	 * The text for the column when it pops in.
-	 *
-	 * @type {string}
-	 * @name sap.ui.webc.main.TableColumn.prototype.popinText
-	 * @defaultvalue ""
-	 * @public
-	 */
-	@property()
-	popinText!: string;
-
-	/**
-	 * According to your <code>minWidth</code> settings, the component can be hidden
-	 * in different screen sizes.
-	 * <br><br>
-	 * Setting this property to <code>true</code>, shows this column as pop-in instead of hiding it.
-	 *
-	 * @type {boolean}
-	 * @name sap.ui.webc.main.TableColumn.prototype.demandPopin
-	 * @defaultvalue false
-	 * @public
-	 */
-	@property({ type: Boolean })
-	demandPopin!: boolean;
-
-	/**
-	 * Defines how the popin row is displayed.
-	 *
-	 * <br><br>
-	 * <b>The available values are:</b>
-	 *
-	 * <ul>
-	 * <li><code>Block</code></li>
-	 * <li><code>Inline</code></li>
-	 * </ul>
-	 *
-	 * @type {TableColumnPopinDisplay}
-	 * @name sap.ui.webc.main.TableColumn.prototype.popinDisplay
-	 * @defaultvalue "Block"
-	 * @public
-	 */
-	@property({ type: TableColumnPopinDisplay, defaultValue: TableColumnPopinDisplay.Block })
-	popinDisplay!: TableColumnPopinDisplay;
-
-	/**
-	 * @private
-	 */
-	@property({ type: Boolean })
-	first!: boolean;
-
-	/**
-	 * @private
-	 */
-	@property({ type: Boolean })
-	last!: boolean;
-
-	/**
-	 * Defines the content of the column header.
-	 *
-	 * @type {Node[]}
-	 * @slot
-	 * @name sap.ui.webc.main.TableColumn.prototype.default
-	 * @public
-	 */
-}
-
-TableColumn.define();
-
-export default TableColumn;

package/src/TableGroupRow.ts

@@ -1,146 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
-import CheckBox from "./CheckBox.js";
-import type { ITableRow, TableColumnInfo } from "./Table.js";
-import TableGroupRowTemplate from "./generated/templates/TableGroupRowTemplate.lit.js";
-import TableMode from "./types/TableMode.js";
-
-// Texts
-import {
-	TABLE_GROUP_ROW_ARIA_LABEL,
-} from "./generated/i18n/i18n-defaults.js";
-
-// Styles
-import tableGroupRowStyles from "./generated/themes/TableGroupRow.css.js";
-
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- * The <code>ui5-table-group-row</code> component represents a group row in the <code>ui5-table</code>.
- *
- * <h3>CSS Shadow Parts</h3>
- *
- * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
- * <br>
- * The <code>ui5-table-group-row</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>group-row - Used to style the native <code>tr</code> element.</li>
- * </ul>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.main.TableGroupRow
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-table-group-row
- * @since 1.0.0-rc.15
- * @implements sap.ui.webc.main.ITableRow
- * @public
- */
-@customElement({
-	tag: "ui5-table-group-row",
-	styles: tableGroupRowStyles,
-	renderer: litRender,
-	template: TableGroupRowTemplate,
-	dependencies: [
-		CheckBox,
-	],
-})
-@event("_focused")
-class TableGroupRow extends UI5Element implements ITableRow, ITabbable {
-	/**
-	 * Defines the mode of the row
-	 *
-	 * <br><br>
-	 * <b>Note:</b>
-	 * Available options are:
-	 * <ul>
-	 * <li><code>None</code></li>
-	 * <li><code>SingleSelect</code></li>
-	 * <li><code>MultiSelect</code></li>
-	 * </ul>
-	 * @type {sap.ui.webc.main.types.TableMode}
-	 * @defaultvalue "None"
-	 * @private
-	 */
-	@property({ type: TableMode, defaultValue: TableMode.None })
-	mode!: TableMode;
-
-	@property({ type: Object, multiple: true })
-	_columnsInfo!: Array<TableColumnInfo>;
-
-	@property({ defaultValue: "-1" })
-	_tabIndex!: string;
-
-	@property({ type: Boolean })
-	_busy!: boolean;
-
-	@property({ defaultValue: "", noAttribute: true })
-	_ariaPosition!: string;
-
-	// Properties, set and handled by the Table
-	selected = false;
-	_tabbables: Array<HTMLElement> = [];
-	_columnsInfoString = "";
-
-	/**
-	 * Defines the text of the component.
-	 * <br>
-	 * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-	 *
-	 * @type {Node[]}
-	 * @name sap.ui.webc.main.TableGroupRow.prototype.default
-	 * @slot
-	 * @public
-	 */
-
-	static i18nBundle: I18nBundle;
-
-	_colSpan?: number;
-
-	get colSpan() {
-		return this._colSpan;
-	}
-
-	get ariaLabelText() {
-		return `${TableGroupRow.i18nBundle.getText(TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;
-	}
-
-	visibleColCount(): number {
-		let count = this._columnsInfo.reduce((acc, column) => {
-			return column.visible ? ++acc : acc;
-		}, 0);
-
-		if (this.mode === TableMode.MultiSelect) {
-			count++;
-		}
-
-		return count;
-	}
-
-	onBeforeRendering() {
-		if (!this._columnsInfo || this._columnsInfo.length === 0) {
-			return;
-		}
-		this._colSpan = this.visibleColCount();
-	}
-
-	_onfocusin(e: FocusEvent) {
-		this.fireEvent("_focused", e);
-	}
-
-	static async onDefine() {
-		TableGroupRow.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-	}
-}
-
-TableGroupRow.define();
-
-export default TableGroupRow;