@ui5/webcomponents-fiori 2.5.0-rc.3 → 2.6.0-rc.0

package/src/UploadCollectionTemplate.tsx

@@ -0,0 +1,63 @@
+import List from "@ui5/webcomponents/dist/List.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import uploadToCloud from "@ui5/webcomponents-icons/dist/upload-to-cloud.js";
+import IllustratedMessage from "./IllustratedMessage.js";
+import type UploadCollection from "./UploadCollection.js";
+import UploadCollectionDnDOverlayMode from "./types/UploadCollectionDnDMode.js";
+
+export default function UploadCollectionTemplate(this: UploadCollection) {
+	return (
+		<div
+			role="region"
+			class="ui5-uc-root"
+			aria-roledescription={this._roleDescription}
+			onDrop={this._ondrop}
+			onui5-request-delete={this._onItemDelete}
+		>
+			<div class={{
+				"ui5-uc-content": true,
+				"ui5-uc-content-no-data": this.items.length === 0
+			}}>
+				<List
+					accessibleName={this.accessibleName}
+					selectionMode={this.selectionMode}
+					onSelectionChange={this._onSelectionChange}
+				>
+					<slot slot="header" name="header"></slot>
+					<slot></slot>
+					{this._showNoData &&
+						<ListItemCustom
+							class={{
+								"uc-no-files": true,
+								"uc-no-files-dnd-overlay": this._showDndOverlay,
+							}}
+							type="Inactive"
+						>
+							<IllustratedMessage	name="Tent">
+								<Title slot="title" wrappingType="None" level="H2">{this._noDataText}</Title>
+								<span slot="subtitle">{this._noDataDescription}</span>
+							</IllustratedMessage>
+						</ListItemCustom>
+					}
+				</List>
+
+				{this._showDndOverlay &&
+					<div
+						class={{
+							"uc-dnd-overlay": true,
+							"uc-drag-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drag,
+							"uc-drop-overlay": this._dndOverlayMode === UploadCollectionDnDOverlayMode.Drop,
+						}}
+						onDragEnter={this._ondragenter}
+						onDragLeave={this._ondragleave}
+						onDragOver={this._ondragover}
+					>
+						<Icon name={uploadToCloud}/>
+						<span class="dnd-overlay-text">{this._dndOverlayText}</span>
+					</div>
+				}
+			</div>
+		</div>);
+}

package/src/UserMenuItemTemplate.tsx

@@ -0,0 +1,6 @@
+import type UserMenuItem from "./UserMenuItem.js";
+import MenuItemTemplate from "@ui5/webcomponents/dist/MenuItemTemplate.js";
+
+export default function UserMenuItemTemplate(this: UserMenuItem) {
+	return [MenuItemTemplate.call(this)];
+}

package/src/UserMenuTemplate.tsx

@@ -0,0 +1,158 @@
+import type UserMenu from "./UserMenu.js";
+import Avatar from "@ui5/webcomponents/dist/Avatar.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import Tag from "@ui5/webcomponents/dist/Tag.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import Text from "@ui5/webcomponents/dist/Text.js";
+import Label from "@ui5/webcomponents/dist/Label.js";
+import List from "@ui5/webcomponents/dist/List.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import Panel from "@ui5/webcomponents/dist/Panel.js";
+import Bar from "@ui5/webcomponents/dist/Bar.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+import edit from "@ui5/webcomponents-icons/dist/edit.js";
+import personPlaceholder from "@ui5/webcomponents-icons/dist/person-placeholder.js";
+import userSettings from "@ui5/webcomponents-icons/dist/user-settings.js";
+import log from "@ui5/webcomponents-icons/dist/log.js";
+import decline from "@ui5/webcomponents-icons/dist/decline.js";
+import addEmployee from "@ui5/webcomponents-icons/dist/add-employee.js";
+
+export default function UserMenuTemplate(this: UserMenu) {
+	return (
+		<ResponsivePopover
+			id="user-menu-rp"
+			class="ui5-pm-rp"
+			tabIndex={-1}
+			placement="Bottom"
+			verticalAlign="Bottom"
+			horizontalAlign="End"
+			preventInitialFocus={true}
+			accessibleName={this.accessibleNameText}
+			open={this.open}
+			opener={this.opener}
+			onClose={this._handlePopoverAfterClose}
+		>
+			{this._isPhone ? <>
+				<Bar class="ui5-pm-phone-header" slot="header">
+					{this._manageAccountVisibleInHeader &&
+						<Button icon={userSettings} onClick={this._handleManageAccountClick} slot="startContent"></Button>
+					}
+
+					{this._titleMovedToHeader &&
+						<Title
+							level="H1"
+							wrappingType="None"
+						>
+							{this._selectedAccount.titleText}
+						</Title>
+					}
+
+					<Button
+						icon={decline}
+						design="Transparent"
+						accessibleName={this._closeDialogAriaLabel}
+						onClick={this._closeUserMenu}
+						slot="endContent"
+					>
+					</Button>
+				</Bar>
+				<div class="ui5-pm-header">
+					{headerContent.call(this)}
+				</div>
+			</>
+				:
+				<div class="ui5-pm-header" slot="header">
+					{headerContent.call(this)}
+				</div>
+			}
+
+			{this.showOtherAccounts &&
+					<Panel collapsed={true} class="ui5-pm-other-accounts">
+						<div slot="header" class="ui5-user-menu-account-header">
+							<Title slot="header" level="H4">{this._otherAccountsButtonText} ({this._otherAccounts.length})</Title>
+							{this.showAddAccount &&
+								<Button slot="header" class="ui5-pm-add-account-btn" design="Transparent" icon={addEmployee} onClick={this._handleAddAccountClick} tooltip={this._addAccountTooltip}/>
+							}
+						</div>
+						{this._otherAccounts.length &&
+							<List onItemClick={this._handleAccountSwitch}>
+								{this._otherAccounts.map(account =>
+									<ListItemCustom
+										ref={this.captureRef.bind(account)}
+									>
+										<div class="ui5-pm-other-accounts-content">
+											<Avatar slot="image" size="S" initials={account._initials} fallbackIcon={personPlaceholder}>
+												{account.avatarSrc &&
+													<img src={account.avatarSrc}/>
+												}
+											</Avatar>
+											<div>
+												{account.titleText &&
+												<Title>{account.titleText}</Title>
+												}
+												{account.subtitleText &&
+												<Label>{account.subtitleText}</Label>
+												}
+												{account.description &&
+												<Label>{account.description}</Label>
+												}
+											</div>
+										</div>
+									</ListItemCustom>
+								)}
+							</List>
+						}
+					</Panel>
+			}
+
+			{this.menuItems.length &&
+					<List
+						class="ui5-user-menu-list"
+						selectionMode="None"
+						separators="None"
+						accessibleRole="Menu"
+						onItemClick={this._handleMenuItemClick}
+						onui5-close-menu={this._handleMenuItemClose}
+					>
+						<slot></slot>
+					</List>
+			}
+
+			<div slot="footer" class="ui5-pm-footer">
+				<Button class="ui5-pm-sign-out-btn" design="Transparent" icon={log} onClick={this._handleSignOutClick}>{this._signOutButtonText}</Button>
+			</div>
+		</ResponsivePopover>
+	);
+}
+
+function headerContent(this: UserMenu) {
+	return (<>
+		{this._selectedAccount &&
+			<div class="ui5-pm-selected-account">
+				<Avatar size="L" onClick={this._handleAvatarClick} initials={this._selectedAccount._initials} fallbackIcon={personPlaceholder} class="ui5-pm--selected-account-avatar">
+					{this._selectedAccount.avatarSrc &&
+						<img src={this._selectedAccount.avatarSrc}/>
+					}
+					<Tag slot="badge" wrappingType="None" design="Set1" colorScheme="5" title={this._editAvatarTooltip}>
+						<Icon slot="icon" name={edit}></Icon>
+					</Tag>
+				</Avatar>
+				{this._selectedAccount.titleText &&
+					<Title id="selected-account-title" class="ui5-pm-selected-account-title">{this._selectedAccount.titleText}</Title>
+				}
+
+				{this._selectedAccount.subtitleText &&
+					<Text class="ui5-pm-selected-account-subtitleText">{this._selectedAccount.subtitleText}</Text>
+				}
+				{this._selectedAccount.description &&
+					<Text class="ui5-pm-selected-account-description">{this._selectedAccount.description}</Text>
+				}
+
+				{this.showManageAccount &&
+					<Button id="selected-account-manage-btn" icon={userSettings} class="ui5-pm-manage-account-btn" onClick={this._handleManageAccountClick}>{this._manageAccountButtonText}</Button>
+				}
+			</div>
+		}
+	</>);
+}

package/src/ViewSettingsDialogTemplate.tsx

@@ -0,0 +1,175 @@
+import Dialog from "@ui5/webcomponents/dist/Dialog.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import SegmentedButton from "@ui5/webcomponents/dist/SegmentedButton.js";
+import SegmentedButtonItem from "@ui5/webcomponents/dist/SegmentedButtonItem.js";
+import List from "@ui5/webcomponents/dist/List.js";
+import ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import ListItemStandard from "@ui5/webcomponents/dist/ListItemStandard.js";
+import navBackIcon from "@ui5/webcomponents-icons/dist/nav-back.js";
+import sortIcon from "@ui5/webcomponents-icons/dist/sort.js";
+import filterIcon from "@ui5/webcomponents-icons/dist/filter.js";
+
+import type ViewSettingsDialog from "./ViewSettingsDialog.js";
+
+function ViewSettingsDialogTemplateHeader(this: ViewSettingsDialog) {
+	return (
+		<div slot="header" class="ui5-vsd-header">
+			<div class="ui5-vsd-header-container">
+				<div class="ui5-vsd-header-start">
+					{this.showBackButton && (
+						<Button
+							design="Transparent"
+							icon={navBackIcon}
+							class="ui5-vsd-back-button"
+							onClick={this._navigateToFilters}
+						/>
+					)}
+					<Title
+						wrappingType="None"
+						level="H1"
+						class="ui5-vsd-title"
+						id={`${this._id}-label`}
+					>{this._title}</Title>
+				</div>
+				<div class="ui5-vsd-header-end">
+					<Button
+						design="Transparent"
+						onClick={this._resetSettings}
+						disabled={this._disableResetButton}
+					>{this._resetButtonLabel}</Button>
+				</div>
+			</div>
+			{!this.showBackButton && this.hasPagination && (
+				<div class="ui5-vsd-sub-header-container">
+					<div class="ui5-vsd-sub-header">
+						<SegmentedButton
+							onSelectionChange={this._handleModeChange}
+						>
+							<SegmentedButtonItem
+								selected={this.isModeSort}
+								icon={sortIcon}
+								data-mode="Sort"
+							/>
+							<SegmentedButtonItem
+								selected={this.isModeFilter}
+								icon={filterIcon}
+								data-mode="Filter"
+							/>
+						</SegmentedButton>
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}
+
+function ViewSettingsDialogTemplateContent(this: ViewSettingsDialog) {
+	return (
+		<div
+			class={{
+				"ui5-vsd-content": true,
+				"ui5-vsd-content-expand": this.expandContent,
+			}}
+		>
+			{this.shouldBuildSort && this.isModeSort && (
+				<div class="ui5-vsd-sort">
+					<List
+						selectionMode="SingleStart"
+						onItemClick={this._onSortOrderChange}
+						sort-order=""
+						accessibleNameRef={`${this._id}-label`}
+					>
+						<ListItemGroup headerText={this._sortOrderLabel}>
+							{this._currentSettings.sortOrder.map(item => (
+								<ListItemStandard
+									selected={item.selected}
+								>{item.text}</ListItemStandard>
+							))}
+						</ListItemGroup>
+					</List>
+					<List
+						selectionMode="SingleStart"
+						onItemClick={this._onSortByChange}
+						sort-by=""
+					>
+						<ListItemGroup headerText={this._sortByLabel}>
+							{this._currentSettings.sortBy.map((item, index) => (
+								<ListItemStandard
+									data-ui5-external-action-item-index={index}
+									selected={item.selected}
+								>{item.text}</ListItemStandard>
+							))}
+						</ListItemGroup>
+					</List>
+				</div>
+			)}
+			{this.shouldBuildFilter && this.isModeFilter && (<>
+				{this._filterStepTwo ? (
+					<List
+						selectionMode="Multiple"
+						onItemClick={this._handleFilterValueItemClick}
+						accessibleNameRef={`${this._id}-label`}
+					>
+						{this._currentSettings.filters.filter(item => item.selected).map(item => (<>
+							{item.filterOptions.map(option => (
+								<ListItemStandard
+									selected={option.selected}
+								>{option.text}</ListItemStandard>
+							))}
+						</>))}
+					</List>
+				) : ( // else
+					<List
+						onItemClick={this._changeCurrentFilter}
+						accessibleNameRef={`${this._id}-label`}
+					>
+						<ListItemGroup headerText={this._filterByLabel}>
+							{this.filterItems.map(item => (
+								<ListItemStandard
+									class="ui5-vsd-filterItemList"
+									// selected={item.selected} TODO
+									additionalText={item.additionalText}
+								>{item.text}</ListItemStandard>
+							))}
+						</ListItemGroup>
+					</List>
+				)}
+			</>)}
+		</div>
+	);
+}
+
+function ViewSettingsDialogTemplateFooter(this: ViewSettingsDialog) {
+	return (
+		<div slot="footer" class="ui5-vsd-footer">
+			<Button
+				design="Emphasized"
+				onClick={this._confirmSettings}
+			>{this._okButtonLabel}</Button>
+			<Button
+				design="Transparent"
+				onClick={this._cancelSettings}
+			>{this._cancelButtonLabel}</Button>
+		</div>
+	);
+}
+
+export default function ViewSettingsDialogTemplate(this: ViewSettingsDialog) {
+	return (
+		<Dialog
+			preventInitialFocus={true}
+			aria-label={this._dialogTitle}
+			onBeforeClose={this._restoreConfirmedOnEscape}
+			stretch={this._isPhone}
+			open={this.open}
+			onBeforeOpen={this.beforeDialogOpen}
+			onOpen={this.afterDialogOpen}
+			onClose={this.afterDialogClose}
+		>
+			{ViewSettingsDialogTemplateHeader.call(this)}
+			{ViewSettingsDialogTemplateContent.call(this)}
+			{ViewSettingsDialogTemplateFooter.call(this)}
+		</Dialog>
+	);
+}

package/src/WizardPopoverTemplate.tsx

@@ -0,0 +1,42 @@
+import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import type Wizard from "./Wizard.js";
+
+export default function WizardPopoverTemplate(this: Wizard) {
+	return (
+		<ResponsivePopover
+			horizontalAlign="Center"
+			placement="Bottom"
+			aria-label={this.actionSheetStepsText}
+			class={{
+				"ui5-wizard-responsive-popover": true,
+				"ui5-wizard-popover": !isPhone(),
+				"ui5-wizard-dialog": isPhone(),
+			}}
+			contentOnlyOnDesktop={true}
+			preventFocusRestore={true}
+			_hideHeader={true}
+		>
+			<ul class="ui5-wizard-responsive-popover-list">
+				{this._groupedTabs.map(tab =>
+					<li>
+						<Button
+							icon={tab.icon}
+							disabled={tab.disabled}
+							design="Transparent"
+							data-ui5-header-tab-ref-id={tab.accInfo.ariaPosinset}
+							onClick={this._onOverflowStepButtonClick}
+						>{tab.titleText}</Button>
+					</li>
+				)}
+			</ul>
+			<div slot="footer" class="ui5-responsive-popover-footer">
+				<Button
+					design="Transparent"
+					onClick={this._closeRespPopover}
+				>Cancel</Button>
+			</div>
+		</ResponsivePopover>
+	);
+}

package/src/WizardTabTemplate.tsx

@@ -0,0 +1,39 @@
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import type WizardTab from "./WizardTab.js";
+
+export default function WizardTabTemplate(this: WizardTab) {
+	return (
+		<div class="ui5-wiz-step-root"
+			role="listitem"
+			tabIndex={this.effectiveTabIndex}
+			aria-current={this.accInfo.ariaCurrent}
+			aria-setsize={this.accInfo.ariaSetsize}
+			aria-posinset={this.accInfo.ariaPosinset}
+			aria-label={this.accInfo.ariaLabel}
+			onClick={this._onclick}
+			onKeyUp={this._onkeyup}
+			onFocusIn={this._onfocusin}
+		>
+			<div class="ui5-wiz-step-main">
+				<div class="ui5-wiz-step-icon-circle">
+					{this.icon ? (
+						<Icon class="ui5-wiz-step-icon" mode="Decorative" name={this.icon}/>
+					) : (
+						<span class="ui5-wiz-step-number">{this.number}</span>
+					)}
+				</div>
+				{this.hasTexts && (
+					<div class="ui5-wiz-step-texts">
+						<div class="ui5-wiz-step-title-text">{this.titleText}</div>
+						{ this.subtitleText &&
+							<div class="ui5-wiz-step-subtitle-text">{this.subtitleText}</div>
+						}
+					</div>
+				)}
+			</div>
+			{!this.hideSeparator && (
+				<div class="ui5-wiz-step-hr"></div>
+			)}
+		</div>
+	);
+}

package/src/WizardTemplate.tsx

@@ -0,0 +1,75 @@
+import type Wizard from "./Wizard.js";
+import WizardTab from "./WizardTab.js";
+import WizardPopoverTemplate from "./WizardPopoverTemplate.js";
+
+export default function WizardTemplate(this: Wizard) {
+	return (<>
+		<div class="ui5-wiz-root"
+			 aria-label={this.ariaLabelText}
+			 role="region"
+		>
+			<nav class="ui5-wiz-nav"
+				 part="navigator"
+				 aria-label={this.navAriaLabelText}
+				 tabIndex={-1}
+			>
+				<div class="ui5-wiz-nav-list"
+					 role="list"
+					 aria-label={this.listAriaLabelText}
+					 aria-describedby="wiz-nav-descr"
+					 aria-controls={`${this._id}-wiz-content`}
+				>
+					{this._stepsInHeader.map(step =>
+						<WizardTab
+							titleText={step.titleText}
+							subtitleText={step.subtitleText}
+							icon={step.icon}
+							number={String(step.number)}
+							disabled={step.disabled}
+							selected={step.selected}
+							hideSeparator={step.hideSeparator}
+							activeSeparator={step.activeSeparator}
+							branchingSeparator={step.branchingSeparator}
+							_wizardTabAccInfo={step.accInfo}
+							data-ui5-content-ref-id={step.refStepId}
+							data-ui5-index={step.pos}
+							onSelectionChangeRequested={this.onSelectionChangeRequested}
+							onFocused={this.onStepInHeaderFocused}
+							onClick={this._onGroupedTabClick}
+							style={step.styles}
+						/>
+					)}
+				</div>
+			</nav>
+
+			<span id="wiz-nav-descr"
+				  class="ui5-hidden-text"
+				  aria-hidden="true"
+			>{this.navAriaDescribedbyText}</span>
+
+			<div id={`${this._id}-wiz-content`}
+				 class="ui5-wiz-content"
+				 onScroll={this.onScroll}
+			>
+				{this._steps.map(step =>
+					<div class={{
+						"ui5-wiz-content-item": true,
+						"ui5-wiz-content-item-stretch": step.stretch,
+						"ui5-wiz-content-item-selected": step.selected,
+					}}
+					hidden={step.disabled}
+					part="step-content"
+					aria-label={step.stepContentAriaLabel}
+					role="region"
+					data-ui5-content-item-ref-id={step._id}
+					>
+						<div class="ui5-wiz-content-item-wrapper">
+							<slot name={step._individualSlot}></slot>
+						</div>
+					</div>
+				)}
+			</div>
+		</div>
+		{WizardPopoverTemplate.call(this)}
+	</>);
+}

package/src/i18n/messagebundle.properties

@@ -452,4 +452,6 @@ USER_MENU_ADD_ACCOUNT_TXT=Add account
 #XACT: ARIA information for the user menu popover
 USER_MENU_POPOVER_ACCESSIBLE_NAME=User menu for
 
+USER_MENU_CLOSE_DIALOG_BUTTON=Decline
+
 

package/src/themes/UserMenu.css

@@ -20,6 +20,20 @@
     flex-direction: column;
 }
 
+[on-phone] .ui5-pm-header {
+    padding-inline: 0;
+}
+
+.ui5-pm-phone-header::part(startContent),
+.ui5-pm-phone-header::part(endContent) {
+    padding: 0;
+}
+
+.ui5-pm-phone-header [ui5-button] {
+    margin-inline: 0.5rem;
+    font-family: var(--sapFontSemiboldFamily);
+}
+
 .ui5-pm-rp::part(content) {
     padding-top: 0;
     padding-bottom: 0.5rem;

package/src/themes/ViewSettingsDialog.css

@@ -3,7 +3,7 @@
 	min-width: 350px;
 }
 
-[on-desktop] [expand-content].ui5-vsd-content {
+[on-desktop] .ui5-vsd-content.ui5-vsd-content-expand {
 	height: var(--_ui5_vsd_expand_content_height);
 	min-width: 350px;
 }

package/src/themes/Wizard.css

@@ -52,7 +52,7 @@
 	padding-bottom: 1rem;
 }
 
-:host([content-layout="SingleStep"]) .ui5-wiz-content-item:not([selected]) {
+:host([content-layout="SingleStep"]) .ui5-wiz-content-item:not(.ui5-wiz-content-item-selected) {
 	display: none;
 }
 
@@ -67,7 +67,7 @@
 	display: none;
 }
 
-.ui5-wiz-content-item[stretch] {
+.ui5-wiz-content-item.ui5-wiz-content-item-stretch {
 	/* Add 2rem to ensure there is enough scroll height to reach the last step */
 	min-height: 100%;
 }

package/tsconfig.json

@@ -13,6 +13,8 @@
 		"verbatimModuleSyntax": true,
 		"module": "NodeNext",
 		"moduleResolution": "NodeNext",
+		"jsx": "react-jsx",
+		"jsxImportSource": "@ui5/webcomponents-base",
 		"paths": {
 			"@ui5/webcomponents-base/dist/*": [
 				"../base/src/*"

package/dist/generated/templates/BarcodeScannerDialogTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type BarcodeScannerDialog from "../../BarcodeScannerDialog.js";
-declare function block0(this: BarcodeScannerDialog, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/BarcodeScannerDialogTemplate.lit.js

@@ -1,5 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-dialog", tags, suffix)} stretch class="ui5-barcode-scanner-dialog-root" .open="${ifDefined(this._open)}" @ui5-close="${ifDefined(this._closeDialog)}"><slot name="header"></slot><div class="ui5-barcode-scanner-dialog-video-wrapper"><video autoplay playsinline muted class="ui5-barcode-scanner-dialog-video"></video><canvas class="ui5-barcode-scanner-dialog-overlay"></canvas></div><slot name="footer" class="ui5-barcode-scanner-dialog-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click=${this._closeDialog}>${ifDefined(this._cancelButtonText)}</${scopeTag("ui5-button", tags, suffix)}></slot></${scopeTag("ui5-dialog", tags, suffix)}><${scopeTag("ui5-busy-indicator", tags, suffix)} class="ui5-barcode-scanner-dialog-busy" ?active=${this.loading} size="L" text="${ifDefined(this._busyIndicatorText)}"></${scopeTag("ui5-busy-indicator", tags, suffix)}>` : html `<ui5-dialog stretch class="ui5-barcode-scanner-dialog-root" .open="${ifDefined(this._open)}" @ui5-close="${ifDefined(this._closeDialog)}"><slot name="header"></slot><div class="ui5-barcode-scanner-dialog-video-wrapper"><video autoplay playsinline muted class="ui5-barcode-scanner-dialog-video"></video><canvas class="ui5-barcode-scanner-dialog-overlay"></canvas></div><slot name="footer" class="ui5-barcode-scanner-dialog-footer"><ui5-button design="Transparent" @click=${this._closeDialog}>${ifDefined(this._cancelButtonText)}</ui5-button></slot></ui5-dialog><ui5-busy-indicator class="ui5-barcode-scanner-dialog-busy" ?active=${this.loading} size="L" text="${ifDefined(this._busyIndicatorText)}"></ui5-busy-indicator>`; }
-export default block0;
-//# sourceMappingURL=BarcodeScannerDialogTemplate.lit.js.map

package/dist/generated/templates/BarcodeScannerDialogTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarcodeScannerDialogTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/BarcodeScannerDialogTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAA8B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,2DAA2D,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,0SAA0S,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,gCAAgC,IAAI,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,aAAa,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,QAAQ,CAAC,oBAAoB,EAAE,IAAI,EAAE,MAAM,CAAC,oDAAoD,IAAI,CAAC,OAAO,mBAAmB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,QAAQ,CAAC,oBAAoB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,sEAAsE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,iVAAiV,IAAI,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,wGAAwG,IAAI,CAAC,OAAO,mBAAmB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,CAAA,CAAC;AAG7tD,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type BarcodeScannerDialog from \"../../BarcodeScannerDialog.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: BarcodeScannerDialog, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-dialog\", tags, suffix)} stretch class=\"ui5-barcode-scanner-dialog-root\" .open=\"${ifDefined(this._open)}\" @ui5-close=\"${ifDefined(this._closeDialog)}\"><slot name=\"header\"></slot><div class=\"ui5-barcode-scanner-dialog-video-wrapper\"><video autoplay playsinline muted class=\"ui5-barcode-scanner-dialog-video\"></video><canvas class=\"ui5-barcode-scanner-dialog-overlay\"></canvas></div><slot name=\"footer\" class=\"ui5-barcode-scanner-dialog-footer\"><${scopeTag(\"ui5-button\", tags, suffix)} design=\"Transparent\" @click=${this._closeDialog}>${ifDefined(this._cancelButtonText)}</${scopeTag(\"ui5-button\", tags, suffix)}></slot></${scopeTag(\"ui5-dialog\", tags, suffix)}><${scopeTag(\"ui5-busy-indicator\", tags, suffix)} class=\"ui5-barcode-scanner-dialog-busy\" ?active=${this.loading} size=\"L\" text=\"${ifDefined(this._busyIndicatorText)}\"></${scopeTag(\"ui5-busy-indicator\", tags, suffix)}>` : html`<ui5-dialog stretch class=\"ui5-barcode-scanner-dialog-root\" .open=\"${ifDefined(this._open)}\" @ui5-close=\"${ifDefined(this._closeDialog)}\"><slot name=\"header\"></slot><div class=\"ui5-barcode-scanner-dialog-video-wrapper\"><video autoplay playsinline muted class=\"ui5-barcode-scanner-dialog-video\"></video><canvas class=\"ui5-barcode-scanner-dialog-overlay\"></canvas></div><slot name=\"footer\" class=\"ui5-barcode-scanner-dialog-footer\"><ui5-button design=\"Transparent\" @click=${this._closeDialog}>${ifDefined(this._cancelButtonText)}</ui5-button></slot></ui5-dialog><ui5-busy-indicator class=\"ui5-barcode-scanner-dialog-busy\" ?active=${this.loading} size=\"L\" text=\"${ifDefined(this._busyIndicatorText)}\"></ui5-busy-indicator>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/DynamicPageHeaderActionsTemplate.lit.d.ts

@@ -1,4 +0,0 @@
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type DynamicPageHeaderActions from "../../DynamicPageHeaderActions.js";
-declare function block0(this: DynamicPageHeaderActions, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult;
-export default block0;

package/dist/generated/templates/DynamicPageHeaderActionsTemplate.lit.js

@@ -1,6 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return suffix ? html `<div class="ui5-dynamic-page-header-actions-root"><div class="ui5-dynamic-page-header-actions--wrapper"><${scopeTag("ui5-button", tags, suffix)} class="ui5-dynamic-page-header-action ui5-dynamic-page-header-action-expand" @click="${this.onExpandClick}" icon="${ifDefined(this.arrowButtonIcon)}" accessible-name="${ifDefined(this.expandLabel)}" .accessibilityAttributes="${ifDefined(this.accessibilityAttributes)}" tooltip="${ifDefined(this.expandLabel)}" @mouseover="${this.onExpandHoverIn}" @mouseout="${this.onExpandHoverOut}"></${scopeTag("ui5-button", tags, suffix)}>${this.showPinButton ? block1.call(this, context, tags, suffix) : undefined}</div></div>` : html `<div class="ui5-dynamic-page-header-actions-root"><div class="ui5-dynamic-page-header-actions--wrapper"><ui5-button class="ui5-dynamic-page-header-action ui5-dynamic-page-header-action-expand" @click="${this.onExpandClick}" icon="${ifDefined(this.arrowButtonIcon)}" accessible-name="${ifDefined(this.expandLabel)}" .accessibilityAttributes="${ifDefined(this.accessibilityAttributes)}" tooltip="${ifDefined(this.expandLabel)}" @mouseover="${this.onExpandHoverIn}" @mouseout="${this.onExpandHoverOut}"></ui5-button>${this.showPinButton ? block1.call(this, context, tags, suffix) : undefined}</div></div>`; }
-function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-toggle-button", tags, suffix)} class="ui5-dynamic-page-header-action ui5-dynamic-page-header-action-pin" @click="${this.onPinClick}" icon="${ifDefined(this.pinButtonIcon)}" ?pressed="${this.pinned}" .accessibilityAttributes="${ifDefined(this.accessibilityAttributes)}" accessible-name="${ifDefined(this.pinLabel)}" tooltip="${ifDefined(this.pinLabel)}"></${scopeTag("ui5-toggle-button", tags, suffix)}>` : html `<ui5-toggle-button class="ui5-dynamic-page-header-action ui5-dynamic-page-header-action-pin" @click="${this.onPinClick}" icon="${ifDefined(this.pinButtonIcon)}" ?pressed="${this.pinned}" .accessibilityAttributes="${ifDefined(this.accessibilityAttributes)}" accessible-name="${ifDefined(this.pinLabel)}" tooltip="${ifDefined(this.pinLabel)}"></ui5-toggle-button>`; }
-export default block0;
-//# sourceMappingURL=DynamicPageHeaderActionsTemplate.lit.js.map