npm - @ui5/webcomponents-fiori - Versions diffs - 1.10.0 → 1.10.2 - Mend

@ui5/webcomponents-fiori 1.10.0 → 1.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/dist/test/pages/UploadCollection.html ADDED Viewed

@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<title>UploadCollection</title>
+    <script>
+		// delete Document.prototype.adoptedStyleSheets
+    </script>
+  <script type="module" crossorigin src="/assets/test/pages/UploadCollection.html.1fde3214.js"></script>
+  <link rel="modulepreload" href="/assets/bundle.esm.b65feb20.js">
+  <link rel="stylesheet" href="/assets/test/pages/UploadCollection.html.078191be.css">
+</head>
+<body class="uploadcollection1auto">
+	<div class="header">
+		<ui5-label>UC Mode:</ui5-label>
+		<ui5-select id="changeMode">
+			<ui5-option>None</ui5-option>
+			<ui5-option>SingleSelect</ui5-option>
+			<ui5-option>SingleSelectBegin</ui5-option>
+			<ui5-option>SingleSelectEnd</ui5-option>
+			<ui5-option>MultiSelect</ui5-option>
+			<ui5-option>Delete</ui5-option>
+		</ui5-select>
+		<ui5-label>UCI Type:</ui5-label>
+		<ui5-select id="changeType">
+			<ui5-option>Active</ui5-option>
+			<ui5-option>Inactive</ui5-option>
+			<ui5-option>Detail</ui5-option>
+		</ui5-select>
+		<ui5-label>Selected items:</ui5-label>
+		<ui5-label id="selectedItems"></ui5-label>
+		<ui5-label>Renamed file index:</ui5-label>
+		<ui5-label id="renamedFileIndex"></ui5-label>
+	</div>
+	<p id="draggableElement" draggable="true">This element is draggable</p>
+	<ui5-upload-collection id="uploadCollection" accessible-name="Uploaded (4)">
+		<div slot="header" class="header">
+			<ui5-title id="uploadCollectionTitle">Uploaded (4)</ui5-title>
+			<ui5-label>Add new files and press to start uploading pending files:</ui5-label>
+			<ui5-button id="startUploading">Start</ui5-button>
+			<div class="spacer"></div>
+			<ui5-file-uploader id="fileUploader" hide-input multiple>
+				<ui5-button icon="add" design="Transparent"></ui5-button>
+			</ui5-file-uploader>
+		</div>
+		<ui5-upload-collection-item
+			id="firstItem"
+			file-name="LaptopHT-1000.jpg"
+			file-name-clickable
+			upload-state="Complete"
+		>
+			<img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
+			File name is clickable.
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="secondItem"
+			file-name=".gitignore"
+			type="Detail"
+			disable-delete-button
+			upload-state="Complete"
+		>
+			<ui5-icon name="customize" slot="thumbnail"></ui5-icon>
+			You cannot delete this file.
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="latestReportsPdf"
+			file-name="latest.reports.pdf"
+			type="Detail"
+			upload-state="Complete"
+		>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			Some description.
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="noFileExtension"
+			file-name="noextension"
+			type="Detail"
+			upload-state="Complete"
+		>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="keyboardNavigation"
+			file-name="Graph.docx"
+			type="Detail"
+			hide-delete-button
+			upload-state="Complete"
+		>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+		</ui5-upload-collection-item>
+	</ui5-upload-collection>
+	<ui5-upload-collection id="uploadCollectionDnD">
+		<div class="header" slot="header">
+			<ui5-title>Attachments (0)</ui5-title>
+			<div class="spacer"></div>
+			<ui5-file-uploader id="fileUploader" hide-input multiple>
+				<ui5-button>Upload</ui5-button>
+			</ui5-file-uploader>
+		</div>
+	</ui5-upload-collection>
+	<div class="header">
+		<ui5-label id="uploadStateEvent"></ui5-label>
+	</div>
+	<ui5-upload-collection id="uploadCollectionStates">
+		<div class="header" slot="header">
+			<ui5-title>Upload States</ui5-title>
+		</div>
+		<ui5-upload-collection-item
+			id="completeState"
+			file-name="LaptopHT-1000.jpg"
+			file-name-clickable
+			upload-state="Complete"
+		>
+			<img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
+			uploadState="Complete"
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="uploadingState"
+			file-name="Laptop.jpg"
+			type="Detail"
+			disable-delete-button
+			upload-state="Uploading"
+			progress="37"
+		>
+			<img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
+			uploadState="Uploading"
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			file-name="Laptop (2).jpg"
+			type="Detail"
+			hide-terminate-button
+			upload-state="Uploading"
+			progress="89"
+		>
+			<img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
+			uploadState="Uploading" with hidden terminate button
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="errorState"
+			file-name="latest.reports.pdf"
+			type="Detail"
+			upload-state="Error"
+			progress="59"
+		>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			uploadState="Error"
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item
+			id="readyState"
+			file-name="noextension"
+			type="Detail"
+		>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			uploadState="Ready" (default)
+		</ui5-upload-collection-item>
+	</ui5-upload-collection>
+	<ui5-upload-collection id="uploadCollection3">
+		<div class="header" slot="header">
+			<ui5-title>Hidden buttons</ui5-title>
+		</div>
+		<ui5-upload-collection-item id="uc3-default" file-name="File name">
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			Default, delete button always visible
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item id="uc3-default-hidden-delete" file-name="File name" hide-delete-button>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			Default, delete button hidden
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item id="uc3-error" file-name="File name" upload-state="Error">
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			uploadState="Error" with retry button visible by default
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item id="uc3-error-hidden-retry" file-name="File name" upload-state="Error" hide-retry-button>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			uploadState="Error" with hidden retry button
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item id="uc3-uploading" file-name="File name" upload-state="Uploading">
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			uploadState="Uploading" with terminate button visible by default
+		</ui5-upload-collection-item>
+		<ui5-upload-collection-item id="uc3-uploading-hidden-terminate" file-name="File name" upload-state="Uploading" hide-terminate-button>
+			<ui5-icon name="document-text" slot="thumbnail"></ui5-icon>
+			uploadState="Uploading" with hidden terminate button
+		</ui5-upload-collection-item>
+	</ui5-upload-collection>
+</body>
+</html>

package/dist/test/pages/ViewSettingsDialog.html ADDED Viewed

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+	<title>ViewSettingsDialog test page</title>
+	<script data-ui5-config type="application/json">
+		{
+			"language": "EN"
+		}
+	</script>
+  <script type="module" crossorigin src="/assets/bundle.esm.b65feb20.js"></script>
+  <link rel="stylesheet" href="/assets/test/pages/ViewSettingsDialog.html.1d108f2f.css">
+</head>
+<body class="viewsettingsdialog1auto">
+	<h3> ViewSettingsDialog</h3>
+	<ui5-button id="btnOpenDialog">Show ViewSettingsDialog</ui5-button>
+	<ui5-button id="btnOpenDialogSort">Show Sort Only ViewSettingsDialog</ui5-button>
+	<ui5-button id="btnOpenDialogFilter">Show Filter Only ViewSettingsDialog</ui5-button>
+	<ui5-button id="btnChangeSettings">Set Settings to the first VSD</ui5-button>
+	<ui5-textarea id="vsdSettings" placeholder="Basic text area" value='{"sortOrder":"Ascending","sortBy":"Name","filters":[{"Filter 3":["Some filter 7"]}, {"Filter 1":["Some filter 1", "Some filter 2"]}]}'>
+	</ui5-textarea>
+	<br>
+	<br>
+	<ui5-view-settings-dialog id="vsd">
+		<ui5-sort-item slot="sortItems" text="Name"></ui5-sort-item>
+		<ui5-sort-item slot="sortItems" text="Position"></ui5-sort-item>
+		<ui5-sort-item slot="sortItems" text="Company"></ui5-sort-item>
+		<ui5-sort-item slot="sortItems" text="Department"></ui5-sort-item>
+		<ui5-filter-item slot="filterItems" text="Filter 1">
+			<ui5-filter-item-option slot="values" text="Some filter 1"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 2"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 3"></ui5-filter-item-option>
+		</ui5-filter-item>
+		<ui5-filter-item slot="filterItems" text="Filter 2">
+			<ui5-filter-item-option slot="values" text="Some filter 4"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 5"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 6"></ui5-filter-item-option>
+		</ui5-filter-item>
+		<ui5-filter-item slot="filterItems" text="Filter 3">
+			<ui5-filter-item-option slot="values" text="Some filter 7"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 8"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 9"></ui5-filter-item-option>
+		</ui5-filter-item>
+		<ui5-filter-item slot="filterItems" text="Filter 4">
+			<ui5-filter-item-option slot="values" text="Some filter 10"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 11"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 12"></ui5-filter-item-option>
+		</ui5-filter-item>
+	</ui5-view-settings-dialog>
+	<ui5-view-settings-dialog id="vsdSort">
+		<ui5-sort-item slot="sortItems" text="Name"></ui5-sort-item>
+		<ui5-sort-item slot="sortItems" text="Position"></ui5-sort-item>
+		<ui5-sort-item slot="sortItems" text="Company"></ui5-sort-item>
+		<ui5-sort-item slot="sortItems" text="Department"></ui5-sort-item>
+	</ui5-view-settings-dialog>
+	<ui5-view-settings-dialog id="vsdFilter">
+		<ui5-filter-item slot="filterItems" text="Filter 1">
+			<ui5-filter-item-option slot="values" text="Some filter 1"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 2"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 3"></ui5-filter-item-option>
+		</ui5-filter-item>
+		<ui5-filter-item slot="filterItems" text="Filter 2">
+			<ui5-filter-item-option slot="values" text="Some filter 4"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 5"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 6"></ui5-filter-item-option>
+		</ui5-filter-item>
+		<ui5-filter-item slot="filterItems" text="Filter 3">
+			<ui5-filter-item-option slot="values" text="Some filter 7"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 8"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 9"></ui5-filter-item-option>
+		</ui5-filter-item>
+		<ui5-filter-item slot="filterItems" text="Filter 4">
+			<ui5-filter-item-option slot="values" text="Some filter 10"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 11"></ui5-filter-item-option>
+			<ui5-filter-item-option slot="values" text="Some filter 12"></ui5-filter-item-option>
+		</ui5-filter-item>
+	</ui5-view-settings-dialog>
+	<br>
+	<br>
+	<ui5-input id="sortByItem" style="display: none"></ui5-input>
+	<ui5-input id="sortOrder" style="display: none"></ui5-input>
+	<script>
+		btnOpenDialog.addEventListener("click", function () {
+			vsd.show();
+		});
+		btnChangeSettings.addEventListener("click", function () {
+			vsd.setConfirmedSettings(JSON.parse(vsdSettings.value));
+		});
+		vsd.addEventListener("ui5-confirm", function(evt) {
+			var sortByItemTagName = evt.detail.sortByItem && evt.detail.sortByItem.tagName;
+			sortByItem.value = `${sortByItemTagName} with text ${evt.detail.sortBy}`;
+			sortOrder.value = evt.detail.sortDescending;
+			alert("OK button clicked, returned info is: " + JSON.stringify(evt.detail));
+		});
+		btnOpenDialogSort.addEventListener("click", function () {
+			vsdSort.show();
+		});
+		vsdSort.addEventListener("confirm", function(evt) {
+			alert("OK button clicked, returned info is: " + JSON.stringify(evt.detail));
+		});
+		btnOpenDialogFilter.addEventListener("click", function () {
+			vsdFilter.show();
+		});
+		vsdFilter.addEventListener("confirm", function(evt) {
+			alert("OK button clicked, returned info is: " + JSON.stringify(evt.detail));
+		});
+	</script>
+</body>
+</html>