@ui5/webcomponents-fiori 1.23.0-rc.5 → 1.23.0

package/dist/UploadCollectionItem.d.ts

@@ -9,101 +9,89 @@ import type { IUploadCollectionItem } from "./UploadCollection.js";
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
- * A component to be used within the <code>ui5-upload-collection</code>.
+ * ### Overview
+ * A component to be used within the `ui5-upload-collection`.
  *
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";`
  * @constructor
  * @extends ListItem
  * @public
  * @implements {IUploadCollectionItem}
- * @slot {Node[]} default - Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.
+ * @slot {Node[]} default - Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.
  * @since 1.0.0-rc.7
  */
 declare class UploadCollectionItem extends ListItem implements IUploadCollectionItem {
     /**
-     * Holds an instance of <code>File</code> associated with this item.
-     *
+     * Holds an instance of `File` associated with this item.
      * @default null
      * @public
      */
     file?: File | null;
     /**
      * The name of the file.
-     *
      * @default ""
      * @public
      */
     fileName: string;
     /**
-     * If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.
-     *
+     * If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.
      * @default false
      * @public
      */
     fileNameClickable: boolean;
     /**
      * Disables the delete button.
-     *
      * @default false
      * @public
      */
     disableDeleteButton: boolean;
     /**
-     * By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.
-     * Setting this property to <code>true</code> will hide the delete button.
-     *
+     * By default, the delete button will always be shown, regardless of the `ui5-upload-collection`'s property `mode`.
+     * Setting this property to `true` will hide the delete button.
      * @default false
      * @public
      */
     hideDeleteButton: boolean;
     /**
-     * Hides the retry button when <code>uploadState</code> property is <code>Error</code>.
-     *
+     * Hides the retry button when `uploadState` property is `Error`.
      * @default false
      * @public
      */
     hideRetryButton: boolean;
     /**
-     * Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.
-     *
+     * Hides the terminate button when `uploadState` property is `Uploading`.
      * @default false
      * @public
      */
     hideTerminateButton: boolean;
     /**
      * The upload progress in percentage.
-     * <br><br>
-     * <b>Note:</b> Expected values are in the interval [0, 100].
      *
+     * **Note:** Expected values are in the interval [0, 100].
      * @default 0
      * @public
      */
     progress: number;
     /**
-     * If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.
-     * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.
-     * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.
-     *
+     * If set to `Uploading` or `Error`, a progress indicator showing the `progress` is displayed.
+     * Also if set to `Error`, a refresh button is shown. When this icon is pressed `retry` event is fired.
+     * If set to `Uploading`, a terminate button is shown. When this icon is pressed `terminate` event is fired.
      * @default "Ready"
      * @public
      */
     uploadState: `${UploadState}`;
     /**
      * Indicates if editing.
-     *
      * @default false
      * @private
      */
     _editing: boolean;
     /**
-     * A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>.
-     * <br><br>
-     * <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.
+     * A thumbnail, which will be shown in the beginning of the `ui5-upload-collection-item`.
      *
+     * **Note:** Use `ui5-icon` or `img` for the intended design.
      * @public
      */
     thumbnail: Array<HTMLElement>;

package/dist/UploadCollectionItem.js

@@ -34,18 +34,17 @@ import UploadCollectionItemCss from "./generated/themes/UploadCollectionItem.css
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
- * A component to be used within the <code>ui5-upload-collection</code>.
+ * ### Overview
+ * A component to be used within the `ui5-upload-collection`.
  *
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js";`
  * @constructor
  * @extends ListItem
  * @public
  * @implements {IUploadCollectionItem}
- * @slot {Node[]} default - Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.
+ * @slot {Node[]} default - Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.
  * @since 1.0.0-rc.7
  */
 let UploadCollectionItem = UploadCollectionItem_1 = class UploadCollectionItem extends ListItem {
@@ -277,44 +276,39 @@ UploadCollectionItem = UploadCollectionItem_1 = __decorate([
     })
     /**
      * Fired when the file name is clicked.
-     * <br><br>
-     * <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.
      *
+     * **Note:** This event is only available when `fileNameClickable` property is `true`.
      * @public
      */
     ,
     event("file-name-click")
     /**
-     * Fired when the <code>fileName</code> property gets changed.
-     * <br><br>
-     * <b>Note:</b> An edit button is displayed on each item,
-     * when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.
+     * Fired when the `fileName` property gets changed.
      *
+     * **Note:** An edit button is displayed on each item,
+     * when the `ui5-upload-collection-item` `type` property is set to `Detail`.
      * @public
      */
     ,
     event("rename")
     /**
      * Fired when the terminate button is pressed.
-     * <br><br>
-     * <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.
      *
+     * **Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.
      * @public
      */
     ,
     event("terminate")
     /**
      * Fired when the retry button is pressed.
-     * <br><br>
-     * <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.
      *
+     * **Note:** Retry button is displayed when `uploadState` property is set to `Error`.
      * @public
      */
     ,
     event("retry")
     /**
      * @since 1.0.0-rc.8
-     *
      * @private
      */
     ,

package/dist/UploadCollectionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCollectionItem.js","sourceRoot":"","sources":["../src/UploadCollectionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ListItemType from \"@ui5/webcomponents/dist/types/ListItemType.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.js\";\nimport ListItem from \"@ui5/webcomponents/dist/ListItem.js\";\nimport getFileExtension from \"@ui5/webcomponents-base/dist/util/getFileExtension.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport { isEnter, isEscape, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UploadState from \"./types/UploadState.js\";\nimport \"@ui5/webcomponents-icons/dist/refresh.js\";\nimport \"@ui5/webcomponents-icons/dist/stop.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport {\n\tUPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_ERROR_STATE,\n\tUPLOADCOLLECTIONITEM_UPLOADING_STATE,\n\tUPLOADCOLLECTIONITEM_READY_STATE,\n\tUPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type { IUploadCollectionItem } from \"./UploadCollection.js\";\n\n// Template\nimport UploadCollectionItemTemplate from \"./generated/templates/UploadCollectionItemTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionItemCss from \"./generated/themes/UploadCollectionItem.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n * A component to be used within the <code>ui5-upload-collection</code>.\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code>\n *\n * @constructor\n * @extends ListItem\n * @public\n * @implements {IUploadCollectionItem}\n * @slot {Node[]} default - Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection-item\",\n\tlanguageAware: true,\n\tstyles: [ListItem.styles, UploadCollectionItemCss],\n\ttemplate: UploadCollectionItemTemplate,\n\tdependencies: [\n\t\t...ListItem.dependencies,\n\t\tButton,\n\t\tInput,\n\t\tLink,\n\t\tLabel,\n\t\tProgressIndicator,\n\t],\n})\n\n/**\n * Fired when the file name is clicked.\n * <br><br>\n * <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>.\n *\n * @public\n */\n@event(\"file-name-click\")\n\n/**\n * Fired when the <code>fileName</code> property gets changed.\n * <br><br>\n * <b>Note:</b> An edit button is displayed on each item,\n * when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>.\n *\n * @public\n */\n@event(\"rename\")\n\n/**\n * Fired when the terminate button is pressed.\n * <br><br>\n * <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>.\n *\n * @public\n */\n@event(\"terminate\")\n\n/**\n * Fired when the retry button is pressed.\n * <br><br>\n * <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>.\n *\n * @public\n */\n@event(\"retry\")\n\n/**\n * @since 1.0.0-rc.8\n *\n * @private\n */\n@event(\"_focus-requested\")\n\n/**\n * @private\n */\n@event(\"_uci-delete\")\nclass UploadCollectionItem extends ListItem implements IUploadCollectionItem {\n\t/**\n\t * Holds an instance of <code>File</code> associated with this item.\n\t *\n\t * @default null\n\t * @public\n\t */\n\t@property({ type: Object, noAttribute: true, defaultValue: null })\n\tfile?: File | null;\n\n\t/**\n\t * The name of the file.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tfileName!: string;\n\n\t/**\n\t * If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tfileNameClickable!: boolean;\n\n\t/**\n\t * Disables the delete button.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, noAttribute: false })\n\tdeclare disableDeleteButton: boolean;\n\n\t/**\n\t * By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.\n\t * Setting this property to <code>true</code> will hide the delete button.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDeleteButton!: boolean;\n\n\t/**\n\t * Hides the retry button when <code>uploadState</code> property is <code>Error</code>.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideRetryButton!: boolean;\n\n\t/**\n\t * Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideTerminateButton!: boolean;\n\n\t/**\n\t * The upload progress in percentage.\n\t * <br><br>\n\t * <b>Note:</b> Expected values are in the interval [0, 100].\n\t *\n\t * @default 0\n\t * @public\n\t */\n\t@property({ validator: Integer, defaultValue: 0 })\n\tprogress!: number;\n\n\t/**\n\t * If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.\n\t * Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.\n\t * If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.\n\t *\n\t * @default \"Ready\"\n\t * @public\n\t */\n\t@property({ type: UploadState, defaultValue: UploadState.Ready })\n\tuploadState!: `${UploadState}`;\n\n\t/**\n\t * Indicates if editing.\n\t *\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_editing!: boolean;\n\n\t/**\n\t * A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>.\n\t * <br><br>\n\t * <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Array<HTMLElement>;\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\t[UploadCollectionItem.i18nFioriBundle] = await Promise.all([\n\t\t\tgetI18nBundle(\"@ui5/webcomponents-fiori\"),\n\t\t\tsuper.onDefine(),\n\t\t]);\n\t}\n\n\t/**\n\t * @override\n\t */\n\tasync onDetailClick() {\n\t\tsuper.onDetailClick();\n\t\tthis._editing = true;\n\n\t\tawait this._initInputField();\n\t}\n\n\tasync _initInputField() {\n\t\tawait renderFinished();\n\n\t\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tinp.value = this._fileNameWithoutExtension;\n\n\t\tawait renderFinished();\n\n\t\tconst inpFocusDomRef = inp.getFocusDomRef() as HTMLInputElement;\n\t\tif (inpFocusDomRef) {\n\t\t\tinpFocusDomRef.focus();\n\t\t\tinpFocusDomRef.setSelectionRange(0, this._fileNameWithoutExtension.length);\n\t\t}\n\t}\n\n\t_onDetailKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.onDetailClick();\n\t\t}\n\t}\n\n\t_onInputFocusin(e: FocusEvent) {\n\t\t// prevent focusing the whole upload collection item.\n\t\te.stopPropagation();\n\t}\n\n\t_onInputKeyDown(e: KeyboardEvent) {\n\t\tif (isEscape(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t} else if (isEnter(e)) {\n\t\t\tthis._onRename();\n\t\t} else if (isSpace(e)) {\n\t\t\te.stopImmediatePropagation();\n\t\t}\n\t}\n\n\t_onRename() {\n\t\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tthis.fileName = inp.value + this._fileExtension;\n\t\tthis.fireEvent(\"rename\");\n\n\t\tthis._editing = false;\n\t\tthis._focus();\n\t}\n\n\t_onRenameKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRename();\n\t\t}\n\t}\n\n\tasync _onRenameCancel(e: KeyboardEvent) {\n\t\tthis._editing = false;\n\n\t\tif (isEscape(e)) {\n\t\t\tawait renderFinished();\n\t\t\tthis.shadowRoot!.querySelector<Button>(`#${this._id}-editing-button`)!.focus();\n\t\t} else {\n\t\t\tthis._focus();\n\t\t}\n\t}\n\n\t_onRenameCancelKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t}\n\t}\n\n\t_focus() {\n\t\tthis.fireEvent(\"_focus-requested\");\n\t}\n\n\t_onFileNameClick() {\n\t\tthis.fireEvent(\"file-name-click\");\n\t}\n\n\t_onRetry() {\n\t\tthis.fireEvent(\"retry\");\n\t}\n\n\t_onRetryKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRetry();\n\t\t}\n\t}\n\n\t_onTerminate() {\n\t\tthis.fireEvent(\"terminate\");\n\t}\n\n\t_onTerminateKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onTerminate();\n\t\t}\n\t}\n\n\t_onDelete() {\n\t\tthis.fireEvent(\"_uci-delete\");\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this.getDomRef();\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget classes() {\n\t\tconst result = super.classes;\n\n\t\treturn {\n\t\t\tmain: {\n\t\t\t\t...result.main,\n\t\t\t\t\"ui5-uci-root\": true,\n\t\t\t\t\"ui5-uci-root-editing\": this._editing,\n\t\t\t\t\"ui5-uci-root-uploading\": this.uploadState === UploadState.Uploading,\n\t\t\t},\n\t\t};\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget renderUploadCollectionDeleteButton() {\n\t\treturn !this.hideDeleteButton;\n\t}\n\n\tget _fileNameWithoutExtension() {\n\t\treturn this.fileName.substring(0, this.fileName.length - this._fileExtension.length);\n\t}\n\n\tget _fileExtension() {\n\t\treturn getFileExtension(this.fileName);\n\t}\n\n\tget _renameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);\n\t}\n\n\tget _cancelRenameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);\n\t}\n\n\tget _showProgressIndicator() {\n\t\treturn this.uploadState !== UploadState.Complete;\n\t}\n\n\tget _progressText() {\n\t\tif (this.uploadState === UploadState.Uploading) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_UPLOADING_STATE);\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_ERROR_STATE);\n\t\t}\n\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_READY_STATE);\n\t}\n\n\tget _showRetry() {\n\t\treturn !this.hideRetryButton && this.uploadState === UploadState.Error;\n\t}\n\n\tget _showTerminate() {\n\t\treturn !this.hideTerminateButton && this.uploadState === UploadState.Uploading;\n\t}\n\n\tget _retryButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);\n\t}\n\n\tget _terminateButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);\n\t}\n\n\tget _editButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);\n\t}\n\n\tget valueStateName(): ValueState {\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn ValueState.Error;\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Ready || this.uploadState === UploadState.Uploading) {\n\t\t\treturn ValueState.Information;\n\t\t}\n\n\t\treturn ValueState.None;\n\t}\n\n\t/**\n\t * override\n\t */\n\tget typeDetail() {\n\t\treturn false;\n\t}\n\n\tget showEditButton() {\n\t\treturn this.type === ListItemType.Detail;\n\t}\n}\n\nUploadCollectionItem.define();\n\nexport default UploadCollectionItem;\n"]}
+{"version":3,"file":"UploadCollectionItem.js","sourceRoot":"","sources":["../src/UploadCollectionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ListItemType from \"@ui5/webcomponents/dist/types/ListItemType.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Label from \"@ui5/webcomponents/dist/Label.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport ProgressIndicator from \"@ui5/webcomponents/dist/ProgressIndicator.js\";\nimport ListItem from \"@ui5/webcomponents/dist/ListItem.js\";\nimport getFileExtension from \"@ui5/webcomponents-base/dist/util/getFileExtension.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport { isEnter, isEscape, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UploadState from \"./types/UploadState.js\";\nimport \"@ui5/webcomponents-icons/dist/refresh.js\";\nimport \"@ui5/webcomponents-icons/dist/stop.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport {\n\tUPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_ERROR_STATE,\n\tUPLOADCOLLECTIONITEM_UPLOADING_STATE,\n\tUPLOADCOLLECTIONITEM_READY_STATE,\n\tUPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT,\n\tUPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type { IUploadCollectionItem } from \"./UploadCollection.js\";\n\n// Template\nimport UploadCollectionItemTemplate from \"./generated/templates/UploadCollectionItemTemplate.lit.js\";\n\n// Styles\nimport UploadCollectionItemCss from \"./generated/themes/UploadCollectionItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * A component to be used within the `ui5-upload-collection`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";`\n * @constructor\n * @extends ListItem\n * @public\n * @implements {IUploadCollectionItem}\n * @slot {Node[]} default - Hold the description of the `ui5-upload-collection-item`. Will be shown below the file name.\n * @since 1.0.0-rc.7\n */\n@customElement({\n\ttag: \"ui5-upload-collection-item\",\n\tlanguageAware: true,\n\tstyles: [ListItem.styles, UploadCollectionItemCss],\n\ttemplate: UploadCollectionItemTemplate,\n\tdependencies: [\n\t\t...ListItem.dependencies,\n\t\tButton,\n\t\tInput,\n\t\tLink,\n\t\tLabel,\n\t\tProgressIndicator,\n\t],\n})\n\n/**\n * Fired when the file name is clicked.\n *\n * **Note:** This event is only available when `fileNameClickable` property is `true`.\n * @public\n */\n@event(\"file-name-click\")\n\n/**\n * Fired when the `fileName` property gets changed.\n *\n * **Note:** An edit button is displayed on each item,\n * when the `ui5-upload-collection-item` `type` property is set to `Detail`.\n * @public\n */\n@event(\"rename\")\n\n/**\n * Fired when the terminate button is pressed.\n *\n * **Note:** Terminate button is displayed when `uploadState` property is set to `Uploading`.\n * @public\n */\n@event(\"terminate\")\n\n/**\n * Fired when the retry button is pressed.\n *\n * **Note:** Retry button is displayed when `uploadState` property is set to `Error`.\n * @public\n */\n@event(\"retry\")\n\n/**\n * @since 1.0.0-rc.8\n * @private\n */\n@event(\"_focus-requested\")\n\n/**\n * @private\n */\n@event(\"_uci-delete\")\nclass UploadCollectionItem extends ListItem implements IUploadCollectionItem {\n\t/**\n\t * Holds an instance of `File` associated with this item.\n\t * @default null\n\t * @public\n\t */\n\t@property({ type: Object, noAttribute: true, defaultValue: null })\n\tfile?: File | null;\n\n\t/**\n\t * The name of the file.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tfileName!: string;\n\n\t/**\n\t * If set to `true` the file name will be clickable and it will fire `file-name-click` event upon click.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tfileNameClickable!: boolean;\n\n\t/**\n\t * Disables the delete button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, noAttribute: false })\n\tdeclare disableDeleteButton: boolean;\n\n\t/**\n\t * By default, the delete button will always be shown, regardless of the `ui5-upload-collection`'s property `mode`.\n\t * Setting this property to `true` will hide the delete button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideDeleteButton!: boolean;\n\n\t/**\n\t * Hides the retry button when `uploadState` property is `Error`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideRetryButton!: boolean;\n\n\t/**\n\t * Hides the terminate button when `uploadState` property is `Uploading`.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideTerminateButton!: boolean;\n\n\t/**\n\t * The upload progress in percentage.\n\t *\n\t * **Note:** Expected values are in the interval [0, 100].\n\t * @default 0\n\t * @public\n\t */\n\t@property({ validator: Integer, defaultValue: 0 })\n\tprogress!: number;\n\n\t/**\n\t * If set to `Uploading` or `Error`, a progress indicator showing the `progress` is displayed.\n\t * Also if set to `Error`, a refresh button is shown. When this icon is pressed `retry` event is fired.\n\t * If set to `Uploading`, a terminate button is shown. When this icon is pressed `terminate` event is fired.\n\t * @default \"Ready\"\n\t * @public\n\t */\n\t@property({ type: UploadState, defaultValue: UploadState.Ready })\n\tuploadState!: `${UploadState}`;\n\n\t/**\n\t * Indicates if editing.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_editing!: boolean;\n\n\t/**\n\t * A thumbnail, which will be shown in the beginning of the `ui5-upload-collection-item`.\n\t *\n\t * **Note:** Use `ui5-icon` or `img` for the intended design.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tthumbnail!: Array<HTMLElement>;\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\t[UploadCollectionItem.i18nFioriBundle] = await Promise.all([\n\t\t\tgetI18nBundle(\"@ui5/webcomponents-fiori\"),\n\t\t\tsuper.onDefine(),\n\t\t]);\n\t}\n\n\t/**\n\t * @override\n\t */\n\tasync onDetailClick() {\n\t\tsuper.onDetailClick();\n\t\tthis._editing = true;\n\n\t\tawait this._initInputField();\n\t}\n\n\tasync _initInputField() {\n\t\tawait renderFinished();\n\n\t\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tinp.value = this._fileNameWithoutExtension;\n\n\t\tawait renderFinished();\n\n\t\tconst inpFocusDomRef = inp.getFocusDomRef() as HTMLInputElement;\n\t\tif (inpFocusDomRef) {\n\t\t\tinpFocusDomRef.focus();\n\t\t\tinpFocusDomRef.setSelectionRange(0, this._fileNameWithoutExtension.length);\n\t\t}\n\t}\n\n\t_onDetailKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.onDetailClick();\n\t\t}\n\t}\n\n\t_onInputFocusin(e: FocusEvent) {\n\t\t// prevent focusing the whole upload collection item.\n\t\te.stopPropagation();\n\t}\n\n\t_onInputKeyDown(e: KeyboardEvent) {\n\t\tif (isEscape(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t} else if (isEnter(e)) {\n\t\t\tthis._onRename();\n\t\t} else if (isSpace(e)) {\n\t\t\te.stopImmediatePropagation();\n\t\t}\n\t}\n\n\t_onRename() {\n\t\tconst inp = this.shadowRoot!.querySelector<Input>(\"#ui5-uci-edit-input\")!;\n\t\tthis.fileName = inp.value + this._fileExtension;\n\t\tthis.fireEvent(\"rename\");\n\n\t\tthis._editing = false;\n\t\tthis._focus();\n\t}\n\n\t_onRenameKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRename();\n\t\t}\n\t}\n\n\tasync _onRenameCancel(e: KeyboardEvent) {\n\t\tthis._editing = false;\n\n\t\tif (isEscape(e)) {\n\t\t\tawait renderFinished();\n\t\t\tthis.shadowRoot!.querySelector<Button>(`#${this._id}-editing-button`)!.focus();\n\t\t} else {\n\t\t\tthis._focus();\n\t\t}\n\t}\n\n\t_onRenameCancelKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRenameCancel(e);\n\t\t}\n\t}\n\n\t_focus() {\n\t\tthis.fireEvent(\"_focus-requested\");\n\t}\n\n\t_onFileNameClick() {\n\t\tthis.fireEvent(\"file-name-click\");\n\t}\n\n\t_onRetry() {\n\t\tthis.fireEvent(\"retry\");\n\t}\n\n\t_onRetryKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onRetry();\n\t\t}\n\t}\n\n\t_onTerminate() {\n\t\tthis.fireEvent(\"terminate\");\n\t}\n\n\t_onTerminateKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onTerminate();\n\t\t}\n\t}\n\n\t_onDelete() {\n\t\tthis.fireEvent(\"_uci-delete\");\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this.getDomRef();\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget classes() {\n\t\tconst result = super.classes;\n\n\t\treturn {\n\t\t\tmain: {\n\t\t\t\t...result.main,\n\t\t\t\t\"ui5-uci-root\": true,\n\t\t\t\t\"ui5-uci-root-editing\": this._editing,\n\t\t\t\t\"ui5-uci-root-uploading\": this.uploadState === UploadState.Uploading,\n\t\t\t},\n\t\t};\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget renderUploadCollectionDeleteButton() {\n\t\treturn !this.hideDeleteButton;\n\t}\n\n\tget _fileNameWithoutExtension() {\n\t\treturn this.fileName.substring(0, this.fileName.length - this._fileExtension.length);\n\t}\n\n\tget _fileExtension() {\n\t\treturn getFileExtension(this.fileName);\n\t}\n\n\tget _renameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);\n\t}\n\n\tget _cancelRenameBtnText() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);\n\t}\n\n\tget _showProgressIndicator() {\n\t\treturn this.uploadState !== UploadState.Complete;\n\t}\n\n\tget _progressText() {\n\t\tif (this.uploadState === UploadState.Uploading) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_UPLOADING_STATE);\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_ERROR_STATE);\n\t\t}\n\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_READY_STATE);\n\t}\n\n\tget _showRetry() {\n\t\treturn !this.hideRetryButton && this.uploadState === UploadState.Error;\n\t}\n\n\tget _showTerminate() {\n\t\treturn !this.hideTerminateButton && this.uploadState === UploadState.Uploading;\n\t}\n\n\tget _retryButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);\n\t}\n\n\tget _terminateButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);\n\t}\n\n\tget _editButtonTooltip() {\n\t\treturn UploadCollectionItem.i18nFioriBundle.getText(UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);\n\t}\n\n\tget valueStateName(): ValueState {\n\t\tif (this.uploadState === UploadState.Error) {\n\t\t\treturn ValueState.Error;\n\t\t}\n\n\t\tif (this.uploadState === UploadState.Ready || this.uploadState === UploadState.Uploading) {\n\t\t\treturn ValueState.Information;\n\t\t}\n\n\t\treturn ValueState.None;\n\t}\n\n\t/**\n\t * override\n\t */\n\tget typeDetail() {\n\t\treturn false;\n\t}\n\n\tget showEditButton() {\n\t\treturn this.type === ListItemType.Detail;\n\t}\n}\n\nUploadCollectionItem.define();\n\nexport default UploadCollectionItem;\n"]}

package/dist/ViewSettingsDialog.d.ts

@@ -40,27 +40,26 @@ type VSDInternalSettings = {
 };
 /**
  * @class
- * <h3 class="comment-api-title">Overview</h3>
- * The <code>ui5-view-settings-dialog</code> component helps the user to sort data within a list or a table.
- * It consists of several lists like <code>Sort order</code> which is built-in and <code>Sort By</code> and <code>Filter By</code> lists,
- * for which you must be provide items(<code>ui5-sort-item</code> & <code>ui5-filter-item</code> respectively)
+ * ### Overview
+ * The `ui5-view-settings-dialog` component helps the user to sort data within a list or a table.
+ * It consists of several lists like `Sort order` which is built-in and `Sort By` and `Filter By` lists,
+ * for which you must be provide items(`ui5-sort-item` & `ui5-filter-item` respectively)
  * These options can be used to create sorters for a table.
  *
- * The <code>ui5-view-settings-dialog</code> interrupts the current application processing as it is the only focused UI element and
+ * The `ui5-view-settings-dialog` interrupts the current application processing as it is the only focused UI element and
  * the main screen is dimmed/blocked.
- * The <code>ui5-view-settings-dialog</code> is modal, which means that user action is required before returning to the parent window is possible.
+ * The `ui5-view-settings-dialog` is modal, which means that user action is required before returning to the parent window is possible.
  *
- * <h3>Structure</h3>
- * A <code>ui5-view-settings-dialog</code> consists of a header, content, and a footer for action buttons.
- * The <code>ui5-view-settings-dialog</code> is usually displayed at the center of the screen.
+ * ### Structure
+ * A `ui5-view-settings-dialog` consists of a header, content, and a footer for action buttons.
+ * The `ui5-view-settings-dialog` is usually displayed at the center of the screen.
  *
- * <h3>Responsive Behavior</h3>
- * <code>ui5-view-settings-dialog</code> stretches on full screen on phones.
+ * ### Responsive Behavior
+ * `ui5-view-settings-dialog` stretches on full screen on phones.
  *
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@ui5/webcomponents-fiori/dist/ViewSettingsDialog";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents-fiori/dist/ViewSettingsDialog.js";`
  * @constructor
  * @extends UI5Element
  * @since 1.0.0-rc.16
@@ -69,60 +68,53 @@ type VSDInternalSettings = {
 declare class ViewSettingsDialog extends UI5Element {
     /**
      * Defines the initial sort order.
-     *
      * @default false
      * @public
      */
     sortDescending: boolean;
     /**
      * Keeps recently focused list in order to focus it on next dialog open.
-     *
      * @private
      */
     _recentlyFocused: List;
     /**
      * Stores settings of the dialog before the initial open.
-     *
      * @private
      */
     _initialSettings: VSDInternalSettings;
     /**
      * Stores settings of the dialog after confirmation.
-     *
      * @private
      */
     _confirmedSettings: VSDInternalSettings;
     /**
      * Stores current settings of the dialog.
-     *
      * @private
      */
     _currentSettings: VSDInternalSettings;
     /**
      * Defnies the current mode of the component.
-     *
      * @since 1.0.0-rc.16
      * @private
      */
     _currentMode: ViewSettingsDialogMode;
     /**
      * When in Filter By mode, defines whether we need to show the list of keys, or the list with values.
-     *
      * @since 1.0.0-rc.16
      * @private
      */
     _filterStepTwo: boolean;
     /**
      * Defines the list of items against which the user could sort data.
-     * <b>Note:</b> If you want to use this slot, you need to import used item: <code>import "@ui5/webcomponents-fiori/dist/SortItem";</code>
      *
+     * **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/SortItem.js";`
      * @public
      */
     sortItems: Array<SortItem>;
     /**
-     * Defines the <code>filterItems</code> list.
-     * <b>Note:</b> If you want to use this slot, you need to import used item: <code>import "@ui5/webcomponents-fiori/dist/FilterItem";</code>
+     * Defines the `filterItems` list.
      *
+     * **Note:** If you want to use this slot, you need to import used item: `import "@ui5/webcomponents-fiori/dist/FilterItem.js";`
      * @public
      */
     filterItems: Array<FilterItem>;
@@ -155,7 +147,7 @@ declare class ViewSettingsDialog extends UI5Element {
     get _sortAscending(): boolean;
     get _title(): string;
     /**
-     * Determines disabled state of the <code>Reset</code> button.
+     * Determines disabled state of the `Reset` button.
      */
     get _disableResetButton(): boolean | undefined;
     get _sortSetttingsAreInitial(): boolean;
@@ -198,11 +190,11 @@ declare class ViewSettingsDialog extends UI5Element {
      */
     _focusRecentlyUsedControl(): void;
     /**
-     * Stores current settings as confirmed and fires <code>confirm</code> event.
+     * Stores current settings as confirmed and fires `confirm` event.
      */
     _confirmSettings(): void;
     /**
-     * Sets current settings to recently confirmed ones and fires <code>cancel</code> event.
+     * Sets current settings to recently confirmed ones and fires `cancel` event.
      */
     _cancelSettings(): void;
     get eventsParams(): {
@@ -214,8 +206,7 @@ declare class ViewSettingsDialog extends UI5Element {
     };
     get selectedFilters(): VSDFilters;
     /**
-     * If the dialog is closed by [ESC] key, do the same as if the <code>Cancel</code> button is pressed.
-     *
+     * If the dialog is closed by [ESC] key, do the same as if the `Cancel` button is pressed.
      * @param evt
      */
     _restoreConfirmedOnEscape(evt: CustomEvent): void;
@@ -224,36 +215,25 @@ declare class ViewSettingsDialog extends UI5Element {
      */
     _resetSettings(): void;
     /**
-     * Sets current settings to ones passed as <code>settings</code> argument.
-     *
+     * Sets current settings to ones passed as `settings` argument.
      * @param settings
      */
     _restoreSettings(settings: VSDInternalSettings): void;
     /**
-     * Stores <code>Sort Order</code> list as recently used control and its selected item in current state.
+     * Stores `Sort Order` list as recently used control and its selected item in current state.
      */
     _onSortOrderChange(e: CustomEvent<ListItemClickEventDetail>): void;
     /**
-     * Stores <code>Sort By</code> list as recently used control and its selected item in current state.
+     * Stores `Sort By` list as recently used control and its selected item in current state.
      */
     _onSortByChange(e: CustomEvent<ListItemClickEventDetail>): void;
     /**
-     * Sets a JavaScript object, as settings to the <code>ui5-view-settings-dialog</code>.
+     * Sets a JavaScript object, as settings to the `ui5-view-settings-dialog`.
      * This method can be used after the dialog is initially open, as the dialog needs
-     * to set its initial settings.<br>
-     * The <code>ui5-view-settings-dialog</code> throws an event called "before-open",
-     * which can be used as a trigger point.<br>
-     * The object should have the following format:<br>
-     * <pre>
-     * {
-     *	sortOrder: "Ascending",
-     *	sortBy: "Name",
-     *	filters: [
-     *		{"Filter 1": ["Some filter 1", "Some filter 2"]},
-     *		{"Filter 2": ["Some filter 4"]},
-     *	]
-     * }
-     * </pre>
+     * to set its initial settings.
+     * The `ui5-view-settings-dialog` throws an event called "before-open",
+     * which can be used as a trigger point.
+     * The object should have the following format:
      * @param settings - predefined settings.
      * @public
      */

package/dist/ViewSettingsDialog.js

@@ -33,27 +33,26 @@ import ViewSettingsDialogTemplate from "./generated/templates/ViewSettingsDialog
 import viewSettingsDialogCSS from "./generated/themes/ViewSettingsDialog.css.js";
 /**
  * @class
- * <h3 class="comment-api-title">Overview</h3>
- * The <code>ui5-view-settings-dialog</code> component helps the user to sort data within a list or a table.
- * It consists of several lists like <code>Sort order</code> which is built-in and <code>Sort By</code> and <code>Filter By</code> lists,
- * for which you must be provide items(<code>ui5-sort-item</code> & <code>ui5-filter-item</code> respectively)
+ * ### Overview
+ * The `ui5-view-settings-dialog` component helps the user to sort data within a list or a table.
+ * It consists of several lists like `Sort order` which is built-in and `Sort By` and `Filter By` lists,
+ * for which you must be provide items(`ui5-sort-item` & `ui5-filter-item` respectively)
  * These options can be used to create sorters for a table.
  *
- * The <code>ui5-view-settings-dialog</code> interrupts the current application processing as it is the only focused UI element and
+ * The `ui5-view-settings-dialog` interrupts the current application processing as it is the only focused UI element and
  * the main screen is dimmed/blocked.
- * The <code>ui5-view-settings-dialog</code> is modal, which means that user action is required before returning to the parent window is possible.
+ * The `ui5-view-settings-dialog` is modal, which means that user action is required before returning to the parent window is possible.
  *
- * <h3>Structure</h3>
- * A <code>ui5-view-settings-dialog</code> consists of a header, content, and a footer for action buttons.
- * The <code>ui5-view-settings-dialog</code> is usually displayed at the center of the screen.
+ * ### Structure
+ * A `ui5-view-settings-dialog` consists of a header, content, and a footer for action buttons.
+ * The `ui5-view-settings-dialog` is usually displayed at the center of the screen.
  *
- * <h3>Responsive Behavior</h3>
- * <code>ui5-view-settings-dialog</code> stretches on full screen on phones.
+ * ### Responsive Behavior
+ * `ui5-view-settings-dialog` stretches on full screen on phones.
  *
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@ui5/webcomponents-fiori/dist/ViewSettingsDialog";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents-fiori/dist/ViewSettingsDialog.js";`
  * @constructor
  * @extends UI5Element
  * @since 1.0.0-rc.16
@@ -155,7 +154,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
             : this._dialogTitle;
     }
     /**
-     * Determines disabled state of the <code>Reset</code> button.
+     * Determines disabled state of the `Reset` button.
      */
     get _disableResetButton() {
         return this._dialog && this._sortSetttingsAreInitial && this._filteresAreInitial;
@@ -313,7 +312,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         }
     }
     /**
-     * Stores current settings as confirmed and fires <code>confirm</code> event.
+     * Stores current settings as confirmed and fires `confirm` event.
      */
     _confirmSettings() {
         this.close();
@@ -321,7 +320,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         this.fireEvent("confirm", this.eventsParams);
     }
     /**
-     * Sets current settings to recently confirmed ones and fires <code>cancel</code> event.
+     * Sets current settings to recently confirmed ones and fires `cancel` event.
      */
     _cancelSettings() {
         this._restoreSettings(this._confirmedSettings);
@@ -355,8 +354,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         return result;
     }
     /**
-     * If the dialog is closed by [ESC] key, do the same as if the <code>Cancel</code> button is pressed.
-     *
+     * If the dialog is closed by [ESC] key, do the same as if the `Cancel` button is pressed.
      * @param evt
      */
     _restoreConfirmedOnEscape(evt) {
@@ -375,8 +373,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         this._focusRecentlyUsedControl();
     }
     /**
-     * Sets current settings to ones passed as <code>settings</code> argument.
-     *
+     * Sets current settings to ones passed as `settings` argument.
      * @param settings
      */
     _restoreSettings(settings) {
@@ -385,7 +382,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         this._filterStepTwo = false;
     }
     /**
-     * Stores <code>Sort Order</code> list as recently used control and its selected item in current state.
+     * Stores `Sort Order` list as recently used control and its selected item in current state.
      */
     _onSortOrderChange(e) {
         this._recentlyFocused = this._sortOrder;
@@ -397,7 +394,7 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
     }
     /**
-     * Stores <code>Sort By</code> list as recently used control and its selected item in current state.
+     * Stores `Sort By` list as recently used control and its selected item in current state.
      */
     _onSortByChange(e) {
         const selectedItemIndex = Number(e.detail.item.getAttribute("data-ui5-external-action-item-index"));
@@ -410,22 +407,12 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
     }
     /**
-     * Sets a JavaScript object, as settings to the <code>ui5-view-settings-dialog</code>.
+     * Sets a JavaScript object, as settings to the `ui5-view-settings-dialog`.
      * This method can be used after the dialog is initially open, as the dialog needs
-     * to set its initial settings.<br>
-     * The <code>ui5-view-settings-dialog</code> throws an event called "before-open",
-     * which can be used as a trigger point.<br>
-     * The object should have the following format:<br>
-     * <pre>
-     * {
-     *	sortOrder: "Ascending",
-     *	sortBy: "Name",
-     *	filters: [
-     *		{"Filter 1": ["Some filter 1", "Some filter 2"]},
-     *		{"Filter 2": ["Some filter 4"]},
-     *	]
-     * }
-     * </pre>
+     * to set its initial settings.
+     * The `ui5-view-settings-dialog` throws an event called "before-open",
+     * which can be used as a trigger point.
+     * The object should have the following format:
      * @param settings - predefined settings.
      * @public
      */
@@ -519,10 +506,9 @@ ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([
     })
     /**
      * Fired when confirmation button is activated.
-     *
      * @param {String} sortOrder The current sort order selected.
-     * @param {String} sortBy The currently selected <code>ui5-sort-item</code> text attribute.
-     * @param {HTMLElement} sortByItem The currently selected <code>ui5-sort-item</code>.
+     * @param {String} sortBy The currently selected `ui5-sort-item` text attribute.
+     * @param {HTMLElement} sortByItem The currently selected `ui5-sort-item`.
      * @param {Boolean} sortDescending The selected sort order (true = descending, false = ascending).
      * @param {Array} filters The selected filters items.
      * @public
@@ -554,10 +540,9 @@ ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([
     })
     /**
      * Fired when cancel button is activated.
-     *
      * @param {String} sortOrder The current sort order selected.
-     * @param {String} sortBy The currently selected <code>ui5-sort-item</code> text attribute.
-     * @param {HTMLElement} sortByItem The currently selected <code>ui5-sort-item</code>.
+     * @param {String} sortBy The currently selected `ui5-sort-item` text attribute.
+     * @param {HTMLElement} sortByItem The currently selected `ui5-sort-item`.
      * @param {Boolean} sortDescending The selected sort order (true = descending, false = ascending).
      * @param {Array} filters The selected filters items.
      * @public
@@ -588,8 +573,7 @@ ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([
         },
     })
     /**
-     * Fired before the component is opened. <b>This event does not bubble.</b>
-     *
+     * Fired before the component is opened. **This event does not bubble.**
      * @public
      */
     ,