@sapudex/web-components 2.23.0 → 2.25.0

package/src/Table.hbs

@@ -1,45 +0,0 @@
-{{#if _hasToolbar}}
-    <div class="udex-table-toolbar">
-        <span class="udex-table-toolbar__title">{{heading}}</span>
-        <div class="udex-table-toolbar__actions">
-            <slot name="actions"></slot>
-        </div>
-    </div>
-{{/if}}
-<div
-    id="table"
-    class="udex-table"
-    role="grid"
-    aria-label="{{accessibleName}}"
-    @scroll="{{_onScroll}}"
-    @keydown="{{_handleKeyDown}}"
-    style="{{_styles.table}}">
-    <div class="udex-table__header-holder">
-        <slot name="headerRow"></slot>
-    </div>
-    <slot></slot>
-    {{#unless rows.length}}
-        <udex-table-row>
-            <udex-table-cell class="udex-table__no-data">
-                {{#if noData.length}}
-                    <slot name="noData"></slot>
-                {{else}}
-                    {{_effectiveNoDataText}}
-                {{/if}}
-            </udex-table-cell>
-        </udex-table-row>
-    {{/unless}}
-    {{#if loading}}
-        <udex-busy-indicator
-            class="udex-table__loading"
-            delay="{{loadingDelay}}"
-            data-sap-focus-ref
-            active>
-        </udex-busy-indicator>
-    {{/if}}
-</div>
-{{#if footnotes.length}}
-    <div class="udex-table-footnotes">
-        <slot name="footnotes"></slot>
-    </div>
-{{/if}}

package/src/TableCell.hbs

@@ -1,4 +0,0 @@
-{{#if icon}}
-    <ui5-icon class="udex-table-cell__icon" name="{{icon}}"></ui5-icon>
-{{/if}}
-<slot></slot>

package/src/TableGroupRow.hbs

@@ -1,24 +0,0 @@
-{{#if collapsible}}
-    <button
-        id="udex-table-group-opener"
-        class="udex-table-grow-btn"
-        aria-expanded="{{expanded}}"
-        @click="{{toggleExpanded}}">
-        <span class="udex-table-grow">
-            <ui5-icon
-                class="udex-table-grow__icon"
-                name="slim-arrow-right">
-            </ui5-icon>
-            {{groupTitle}}
-        </span>
-    </button>
-{{else}}
-    <div class="udex-table-grow-btn">
-        <span class="udex-table-grow">{{groupTitle}}</span>
-    </div>
-{{/if}}
-
-<div class="udex-table-grow-rows" @keydown="{{handleEscapeKey}}">
-    <slot></slot>
-</div>
-

package/src/TableHeaderCell.hbs

@@ -1,19 +0,0 @@
-{{#if _hasIcons}}
-    <div class="udex-table-header-cell-wrap">
-        {{#if iconStart}}
-            <ui5-icon
-                class="udex-table-header-cell-wrap__icon"
-                name="{{iconStart}}">
-            </ui5-icon>
-        {{/if}}
-        <slot></slot>
-        {{#if iconEnd}}
-            <ui5-icon
-                class="udex-table-header-cell-wrap__icon"
-                name="{{iconEnd}}">
-            </ui5-icon>
-        {{/if}}
-    </div>
-{{else}}
-    <slot></slot>
-{{/if}}

package/src/TableHeaderRow.hbs

@@ -1,3 +0,0 @@
-{{#each cells}}
-    <slot name="{{_individualSlot}}"></slot>
-{{/each}}

package/src/TableRow.hbs

@@ -1,3 +0,0 @@
-{{#each cells}}
-    <slot name="{{_individualSlot}}"></slot>
-{{/each}}

package/src/Toast.hbs

@@ -1,20 +0,0 @@
-{{#if open}}
-	<div class="ui5-toast-root udex-toast" role="alert" tabindex="0">
-    {{#if withIcon}}
-      <ui5-icon class="udex-toast__icon" name="{{iconName}}" design="{{iconDesign}}" ui5-icon=""></ui5-icon>
-    {{/if}}
-		<bdi>
-      <slot></slot>
-		</bdi>
-    {{#if showCloseIcon}}
-      <udex-button
-        class="udex-toast__button"
-        size="Small"
-        icon="decline"
-        design="Tertiary"
-        accessible-name="close"
-        @click="{{closeToast}}"
-      ></udex-button>
-    {{/if}}
-	</div>
-{{/if}}

package/src/generated/templates/TableCellTemplate.lit.ts

@@ -1,12 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableCell from "../../TableCell.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.icon ? block1.call(this, context, tags, suffix) : undefined }<slot></slot>`;}
-function block1 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-cell__icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-table-cell__icon" name="${ifDefined(this.icon)}"></ui5-icon>`;}
-
-function template(this: TableCell) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/TableGroupRowTemplate.lit.ts

@@ -1,13 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableGroupRow from "../../TableGroupRow.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.collapsible ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class="udex-table-grow-rows" @keydown="${this.handleEscapeKey}"><slot></slot></div>`;}
-function block1 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${ifDefined(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><${scopeTag("ui5-icon", tags, suffix)} class="udex-table-grow__icon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}>${ifDefined(this.groupTitle)}</span></button>` : html`<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${ifDefined(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><ui5-icon class="udex-table-grow__icon" name="slim-arrow-right"></ui5-icon>${ifDefined(this.groupTitle)}</span></button>`;}
-function block2 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-table-grow-btn"><span class="udex-table-grow">${ifDefined(this.groupTitle)}</span></div>`;}
-
-function template(this: TableGroupRow) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/TableHeaderCellTemplate.lit.ts

@@ -1,15 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableHeaderCell from "../../TableHeaderCell.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._hasIcons ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) } `;}
-function block1 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-table-header-cell-wrap">${ this.iconStart ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.iconEnd ? block3.call(this, context, tags, suffix) : undefined }</div>`;}
-function block2 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconStart)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconStart)}"></ui5-icon>`;}
-function block3 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconEnd)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconEnd)}"></ui5-icon>`;}
-function block4 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot></slot>`;}
-
-function template(this: TableHeaderCell) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/TableHeaderRowTemplate.lit.ts

@@ -1,12 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableHeaderRow from "../../TableHeaderRow.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: TableHeaderRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.cells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) } `;}
-function block1 (this: TableHeaderRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;}
-
-function template(this: TableHeaderRow) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/TableRowTemplate.lit.ts

@@ -1,12 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type TableRow from "../../TableRow.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.cells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) } `;}
-function block1 (this: TableRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;}
-
-function template(this: TableRow) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/TableTemplate.lit.ts

@@ -1,17 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Table from "../../Table.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._hasToolbar ? block1.call(this, context, tags, suffix) : undefined }<div id="table" class="udex-table" role="grid" aria-label="${ifDefined(this.accessibleName)}" @scroll="${this._onScroll}" @keydown="${this._handleKeyDown}" style="${styleMap(this._styles.table)}"><div class="udex-table__header-holder"><slot name="headerRow"></slot></div><slot></slot>${ !this.rows.length ? block2.call(this, context, tags, suffix) : undefined }${ this.loading ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.footnotes.length ? block6.call(this, context, tags, suffix) : undefined } `;}
-function block1 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-table-toolbar"><span class="udex-table-toolbar__title">${ifDefined(this.heading)}</span><div class="udex-table-toolbar__actions"><slot name="actions"></slot></div></div>`;}
-function block2 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-table-row", tags, suffix)}><${scopeTag("udex-table-cell", tags, suffix)} class="udex-table__no-data">${ this.noData.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</${scopeTag("udex-table-cell", tags, suffix)}></${scopeTag("udex-table-row", tags, suffix)}>` : html`<udex-table-row><udex-table-cell class="udex-table__no-data">${ this.noData.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</udex-table-cell></udex-table-row>`;}
-function block3 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="noData"></slot>`;}
-function block4 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this._effectiveNoDataText)}`;}
-function block5 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-busy-indicator", tags, suffix)} class="udex-table__loading" delay="${ifDefined(this.loadingDelay)}" data-sap-focus-ref active></${scopeTag("udex-busy-indicator", tags, suffix)}>` : html`<udex-busy-indicator class="udex-table__loading" delay="${ifDefined(this.loadingDelay)}" data-sap-focus-ref active></udex-busy-indicator>`;}
-function block6 (this: Table, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-table-footnotes"><slot name="footnotes"></slot></div>`;}
-
-function template(this: Table) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/ToastTemplate.lit.ts

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Toast from "../../Toast.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Toast, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.open ? block1.call(this, context, tags, suffix) : undefined } `;}
-function block1 (this: Toast, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="ui5-toast-root udex-toast" role="alert" tabindex="0">${ this.withIcon ? block2.call(this, context, tags, suffix) : undefined }<bdi><slot></slot></bdi>${ this.showCloseIcon ? block3.call(this, context, tags, suffix) : undefined }</div>`;}
-function block2 (this: Toast, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-toast__icon" name="${ifDefined(this.iconName)}" design="${ifDefined(this.iconDesign)}" ui5-icon=""></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-toast__icon" name="${ifDefined(this.iconName)}" design="${ifDefined(this.iconDesign)}" ui5-icon=""></ui5-icon>`;}
-function block3 (this: Toast, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} class="udex-toast__button" size="Small" icon="decline" design="Tertiary" accessible-name="close" @click="${this.closeToast}"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button class="udex-toast__button" size="Small" icon="decline" design="Tertiary" accessible-name="close" @click="${this.closeToast}"></udex-button>`;}
-
-function template(this: Toast) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;