@ui5/webcomponents-fiori 2.21.0 → 2.22.0-rc.1

package/dist/ViewSettingsDialogTemplate.js

@@ -25,13 +25,20 @@ function _getSplitButtonItems() {
     if (this.shouldBuildGroup) {
         buttonItems.push(_jsx(SegmentedButtonItem, { selected: this.isModeGroup, icon: groupIcon, "data-mode": "Group", tooltip: this._groupButtonTooltip }));
     }
+    if (this.shouldBuildCustomTabs) {
+        this._renderableCustomTabs.forEach(customTab => {
+            buttonItems.push(_jsx(SegmentedButtonItem, { selected: this.isCurrentCustomTabMode(customTab), "data-mode": this._customTabMode(customTab), tooltip: customTab.tooltip, icon: customTab.icon }));
+        });
+    }
     return buttonItems;
 }
 function ViewSettingsDialogTemplateContent() {
     return (_jsxs("div", { class: {
             "ui5-vsd-content": true,
             "ui5-vsd-content-expand": this.expandContent,
-        }, children: [this.shouldBuildSort && this.isModeSort && (ViewSettingsDialogSortAndGroupTemplate.call(this, true)), this.shouldBuildFilter && this.isModeFilter && (ViewSettingsDialogFilterTemplate.call(this)), this.shouldBuildGroup && this.isModeGroup && (ViewSettingsDialogSortAndGroupTemplate.call(this, false))] }));
+        }, children: [this.shouldBuildSort && this.isModeSort && (ViewSettingsDialogSortAndGroupTemplate.call(this, true)), this.shouldBuildFilter && this.isModeFilter && (ViewSettingsDialogFilterTemplate.call(this)), this.shouldBuildGroup && this.isModeGroup && (ViewSettingsDialogSortAndGroupTemplate.call(this, false)), this.isModeCustom && this._selectedCustomTab && (_jsxs("div", { class: "ui5-vsd-custom-tab-content", children: [this._selectedCustomTab.title && (_jsx("div", { class: "ui5-vsd-custom-tab-title", children: this._selectedCustomTab.title })), _jsx("slot", { class: "ui5-vsd-custom-tab-slot", name: this._selectedCustomTab._individualSlot })] })), _jsx("div", { class: "ui5-vsd-hidden-tabs", children: this.customTabs
+                    .filter(tab => tab !== this._selectedCustomTab)
+                    .map(tab => (_jsx("slot", { name: tab._individualSlot }))) })] }));
 }
 function ViewSettingsDialogSortAndGroupTemplate(isSortTemplate) {
     const currentSettingsOrder = isSortTemplate ? this._currentSettings.sortOrder : this._currentSettings.groupOrder;

package/dist/ViewSettingsDialogTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSettingsDialogTemplate.js","sourceRoot":"","sources":["../src/ViewSettingsDialogTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport SegmentedButton from \"@ui5/webcomponents/dist/SegmentedButton.js\";\nimport SegmentedButtonItem from \"@ui5/webcomponents/dist/SegmentedButtonItem.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemGroup from \"@ui5/webcomponents/dist/ListItemGroup.js\";\nimport ListItemStandard from \"@ui5/webcomponents/dist/ListItemStandard.js\";\nimport navBackIcon from \"@ui5/webcomponents-icons/dist/nav-back.js\";\nimport sortIcon from \"@ui5/webcomponents-icons/dist/sort.js\";\nimport filterIcon from \"@ui5/webcomponents-icons/dist/filter.js\";\nimport groupIcon from \"@ui5/webcomponents-icons/dist/group-2.js\";\n\nimport type ViewSettingsDialog from \"./ViewSettingsDialog.js\";\n\nfunction ViewSettingsDialogTemplateHeader(this: ViewSettingsDialog) {\n\treturn (\n\t\t<div slot=\"header\" class=\"ui5-vsd-header\">\n\t\t\t<div class=\"ui5-vsd-header-container\" part=\"header\">\n\t\t\t\t<div class=\"ui5-vsd-header-start\">\n\t\t\t\t\t{this.showBackButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ticon={navBackIcon}\n\t\t\t\t\t\t\tclass=\"ui5-vsd-back-button\"\n\t\t\t\t\t\t\tonClick={this._navigateToFilters}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Title\n\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\t\tclass=\"ui5-vsd-title\"\n\t\t\t\t\t\tid={`${this._id}-label`}\n\t\t\t\t\t>{this._title}</Title>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ui5-vsd-header-end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._resetSettings}\n\t\t\t\t\t\tdisabled={this._disableResetButton}\n\t\t\t\t\t>{this._resetButtonLabel}</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{!this.showBackButton && this.hasPagination && (\n\t\t\t\t<div class=\"ui5-vsd-sub-header-container\">\n\t\t\t\t\t<div class=\"ui5-vsd-sub-header\">\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\tonSelectionChange={this._handleModeChange}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{_getSplitButtonItems.call(this)}\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction _getSplitButtonItems(this: ViewSettingsDialog) {\n\tconst buttonItems = [];\n\n\tif (this.shouldBuildSort) {\n\t\tbuttonItems.push(\n\t\t\t<SegmentedButtonItem\n\t\t\t\tselected={this.isModeSort}\n\t\t\t\ticon={sortIcon}\n\t\t\t\tdata-mode=\"Sort\"\n\t\t\t\ttooltip={this._sortButtonTooltip}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (this.shouldBuildFilter) {\n\t\tbuttonItems.push(\n\t\t\t<SegmentedButtonItem\n\t\t\t\tselected={this.isModeFilter}\n\t\t\t\ticon={filterIcon}\n\t\t\t\tdata-mode=\"Filter\"\n\t\t\t\ttooltip={this._filterButtonTooltip}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (this.shouldBuildGroup) {\n\t\tbuttonItems.push(\n\t\t\t<SegmentedButtonItem\n\t\t\t\tselected={this.isModeGroup}\n\t\t\t\ticon={groupIcon}\n\t\t\t\tdata-mode=\"Group\"\n\t\t\t\ttooltip={this._groupButtonTooltip}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn buttonItems;\n}\n\nfunction ViewSettingsDialogTemplateContent(this: ViewSettingsDialog) {\n\treturn (\n\t\t<div\n\t\t\tclass={{\n\t\t\t\t\"ui5-vsd-content\": true,\n\t\t\t\t\"ui5-vsd-content-expand\": this.expandContent,\n\t\t\t}}\n\t\t>\n\t\t\t{this.shouldBuildSort && this.isModeSort && (\n\t\t\t\tViewSettingsDialogSortAndGroupTemplate.call(this, true)\n\t\t\t)}\n\n\t\t\t{this.shouldBuildFilter && this.isModeFilter && (\n\t\t\t\tViewSettingsDialogFilterTemplate.call(this)\n\t\t\t)}\n\n\t\t\t{this.shouldBuildGroup && this.isModeGroup && (\n\t\t\t\tViewSettingsDialogSortAndGroupTemplate.call(this, false)\n\t\t\t)}\n\n\t\t</div>\n\t);\n}\n\nfunction ViewSettingsDialogSortAndGroupTemplate(this: ViewSettingsDialog, isSortTemplate: boolean) {\n\tconst currentSettingsOrder = isSortTemplate ? this._currentSettings.sortOrder : this._currentSettings.groupOrder;\n\tconst currentSettingsBy = isSortTemplate ? this._currentSettings.sortBy : this._currentSettings.groupBy;\n\n\treturn (\n\t\t<div class={isSortTemplate ? \"ui5-vsd-sort\" : \"ui5-vsd-group\"}>\n\t\t\t<List\n\t\t\t\tselectionMode=\"SingleStart\"\n\t\t\t\tonSelectionChange={isSortTemplate ? this._onSortOrderChange : this._onGroupOrderChange} // radio button - use selectionChange\n\t\t\t\t{...(isSortTemplate ? { \"sort-order\": \"\" } : { \"group-order\": \"\" })}\n\t\t\t\taccessibleNameRef={`${this._id}-label`}\n\t\t\t>\n\t\t\t\t<ListItemGroup headerText={isSortTemplate ? this._sortOrderLabel : this._groupOrderLabel}>\n\t\t\t\t\t{currentSettingsOrder.map(item => (\n\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\t>{item.text}</ListItemStandard>\n\t\t\t\t\t))}\n\t\t\t\t</ListItemGroup>\n\t\t\t</List>\n\t\t\t<List\n\t\t\t\tselectionMode=\"SingleStart\"\n\t\t\t\tonSelectionChange={isSortTemplate ? this._onSortByChange : this._onGroupByChange} // radio button - use selectionChange\n\t\t\t\t{...(isSortTemplate ? { \"sort-by\": \"\" } : { \"group-by\": \"\" })}\n\t\t\t>\n\t\t\t\t<ListItemGroup headerText={ isSortTemplate ? this._sortByLabel : this._groupByLabel}>\n\t\t\t\t\t{currentSettingsBy.map((item, index) => (\n\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\tdata-ui5-external-action-item-index={index}\n\t\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\t>{item.text}</ListItemStandard>\n\t\t\t\t\t))}\n\t\t\t\t</ListItemGroup>\n\t\t\t</List>\n\t\t</div>\n\t);\n}\n\nfunction ViewSettingsDialogFilterTemplate(this: ViewSettingsDialog) {\n\treturn (\n\t\t<>\n\t\t\t{this._filterStepTwo ? (\n\t\t\t\t<List\n\t\t\t\t\tselectionMode=\"Multiple\"\n\t\t\t\t\tonSelectionChange={this._handleFilterValueItemClick} // checkboxes to select/deselect - use selectionChange\n\t\t\t\t\tfilter-options=\"\"\n\t\t\t\t\taccessibleNameRef={`${this._id}-label`}\n\t\t\t\t>\n\t\t\t\t\t{this._currentSettings.filters.filter(item => item.selected).map(item => (<>\n\t\t\t\t\t\t{item.filterOptions.map(option => (\n\t\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\t\tselected={option.selected}\n\t\t\t\t\t\t\t>{option.text}</ListItemStandard>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</>))}\n\t\t\t\t</List>\n\t\t\t) : ( // else\n\t\t\t\t<List\n\t\t\t\t\tonItemClick={this._changeCurrentFilter} // list item to drill down into the second-level menu - use click\n\t\t\t\t\tfilter-list=\"\"\n\t\t\t\t\taccessibleNameRef={`${this._id}-label`}\n\t\t\t\t>\n\t\t\t\t\t<ListItemGroup headerText={this._filterByLabel}>\n\t\t\t\t\t\t{this.filterItems.map(item => (\n\t\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\t\tclass=\"ui5-vsd-filterItemList\"\n\t\t\t\t\t\t\t\t// selected={item.selected} TODO\n\t\t\t\t\t\t\t\tadditionalText={item.additionalText}\n\t\t\t\t\t\t\t\taccessibleName={this._selectedFiltersLabel(item)}\n\t\t\t\t\t\t\t>{item.text}</ListItemStandard>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ListItemGroup>\n\t\t\t\t</List>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nfunction ViewSettingsDialogTemplateFooter(this: ViewSettingsDialog) {\n\treturn (\n\t\t<div slot=\"footer\" class=\"ui5-vsd-footer\">\n\t\t\t<Button\n\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\tonClick={this._confirmSettings}\n\t\t\t>{this._okButtonLabel}</Button>\n\t\t\t<Button\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\tonClick={this._cancelSettings}\n\t\t\t>{this._cancelButtonLabel}</Button>\n\t\t</div>\n\t);\n}\n\nexport default function ViewSettingsDialogTemplate(this: ViewSettingsDialog) {\n\treturn (\n\t\t<Dialog\n\t\t\tpreventInitialFocus={true}\n\t\t\taccessibleName={this._dialogTitle}\n\t\t\tonBeforeClose={this._restoreConfirmedOnEscape}\n\t\t\tstretch={this._isPhone}\n\t\t\topen={this.open}\n\t\t\tonBeforeOpen={this.beforeDialogOpen}\n\t\t\tonOpen={this.afterDialogOpen}\n\t\t\tonClose={this.afterDialogClose}\n\t\t>\n\t\t\t{ViewSettingsDialogTemplateHeader.call(this)}\n\t\t\t{ViewSettingsDialogTemplateContent.call(this)}\n\t\t\t{ViewSettingsDialogTemplateFooter.call(this)}\n\t\t</Dialog>\n\t);\n}\n"]}
+{"version":3,"file":"ViewSettingsDialogTemplate.js","sourceRoot":"","sources":["../src/ViewSettingsDialogTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport SegmentedButton from \"@ui5/webcomponents/dist/SegmentedButton.js\";\nimport SegmentedButtonItem from \"@ui5/webcomponents/dist/SegmentedButtonItem.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemGroup from \"@ui5/webcomponents/dist/ListItemGroup.js\";\nimport ListItemStandard from \"@ui5/webcomponents/dist/ListItemStandard.js\";\nimport navBackIcon from \"@ui5/webcomponents-icons/dist/nav-back.js\";\nimport sortIcon from \"@ui5/webcomponents-icons/dist/sort.js\";\nimport filterIcon from \"@ui5/webcomponents-icons/dist/filter.js\";\nimport groupIcon from \"@ui5/webcomponents-icons/dist/group-2.js\";\n\nimport type ViewSettingsDialog from \"./ViewSettingsDialog.js\";\n\nfunction ViewSettingsDialogTemplateHeader(this: ViewSettingsDialog) {\n\treturn (\n\t\t<div slot=\"header\" class=\"ui5-vsd-header\">\n\t\t\t<div class=\"ui5-vsd-header-container\" part=\"header\">\n\t\t\t\t<div class=\"ui5-vsd-header-start\">\n\t\t\t\t\t{this.showBackButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\ticon={navBackIcon}\n\t\t\t\t\t\t\tclass=\"ui5-vsd-back-button\"\n\t\t\t\t\t\t\tonClick={this._navigateToFilters}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Title\n\t\t\t\t\t\twrappingType=\"None\"\n\t\t\t\t\t\tlevel=\"H1\"\n\t\t\t\t\t\tclass=\"ui5-vsd-title\"\n\t\t\t\t\t\tid={`${this._id}-label`}\n\t\t\t\t\t>{this._title}</Title>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"ui5-vsd-header-end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._resetSettings}\n\t\t\t\t\t\tdisabled={this._disableResetButton}\n\t\t\t\t\t>{this._resetButtonLabel}</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{!this.showBackButton && this.hasPagination && (\n\t\t\t\t<div class=\"ui5-vsd-sub-header-container\">\n\t\t\t\t\t<div class=\"ui5-vsd-sub-header\">\n\t\t\t\t\t\t<SegmentedButton\n\t\t\t\t\t\t\tonSelectionChange={this._handleModeChange}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{_getSplitButtonItems.call(this)}\n\t\t\t\t\t\t</SegmentedButton>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction _getSplitButtonItems(this: ViewSettingsDialog) {\n\tconst buttonItems = [];\n\n\tif (this.shouldBuildSort) {\n\t\tbuttonItems.push(\n\t\t\t<SegmentedButtonItem\n\t\t\t\tselected={this.isModeSort}\n\t\t\t\ticon={sortIcon}\n\t\t\t\tdata-mode=\"Sort\"\n\t\t\t\ttooltip={this._sortButtonTooltip}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (this.shouldBuildFilter) {\n\t\tbuttonItems.push(\n\t\t\t<SegmentedButtonItem\n\t\t\t\tselected={this.isModeFilter}\n\t\t\t\ticon={filterIcon}\n\t\t\t\tdata-mode=\"Filter\"\n\t\t\t\ttooltip={this._filterButtonTooltip}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (this.shouldBuildGroup) {\n\t\tbuttonItems.push(\n\t\t\t<SegmentedButtonItem\n\t\t\t\tselected={this.isModeGroup}\n\t\t\t\ticon={groupIcon}\n\t\t\t\tdata-mode=\"Group\"\n\t\t\t\ttooltip={this._groupButtonTooltip}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (this.shouldBuildCustomTabs) {\n\t\tthis._renderableCustomTabs.forEach(customTab => {\n\t\t\tbuttonItems.push(\n\t\t\t\t<SegmentedButtonItem\n\t\t\t\t\tselected={this.isCurrentCustomTabMode(customTab)}\n\t\t\t\t\tdata-mode={this._customTabMode(customTab)}\n\t\t\t\t\ttooltip={customTab.tooltip}\n\t\t\t\t\ticon={customTab.icon}\n\t\t\t\t/>\n\t\t\t);\n\t\t});\n\t}\n\n\treturn buttonItems;\n}\n\nfunction ViewSettingsDialogTemplateContent(this: ViewSettingsDialog) {\n\treturn (\n\t\t<div\n\t\t\tclass={{\n\t\t\t\t\"ui5-vsd-content\": true,\n\t\t\t\t\"ui5-vsd-content-expand\": this.expandContent,\n\t\t\t}}\n\t\t>\n\t\t\t{this.shouldBuildSort && this.isModeSort && (\n\t\t\t\tViewSettingsDialogSortAndGroupTemplate.call(this, true)\n\t\t\t)}\n\n\t\t\t{this.shouldBuildFilter && this.isModeFilter && (\n\t\t\t\tViewSettingsDialogFilterTemplate.call(this)\n\t\t\t)}\n\n\t\t\t{this.shouldBuildGroup && this.isModeGroup && (\n\t\t\t\tViewSettingsDialogSortAndGroupTemplate.call(this, false)\n\t\t\t)}\n\n\t\t\t{this.isModeCustom && this._selectedCustomTab && (\n\t\t\t\t<div class=\"ui5-vsd-custom-tab-content\">\n\t\t\t\t\t{this._selectedCustomTab.title && (\n\t\t\t\t\t\t<div class=\"ui5-vsd-custom-tab-title\">{this._selectedCustomTab.title}</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<slot class=\"ui5-vsd-custom-tab-slot\" name={this._selectedCustomTab._individualSlot}></slot>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Hidden slots for non-active custom tabs to prevent content leaking */}\n\t\t\t<div class=\"ui5-vsd-hidden-tabs\">\n\t\t\t\t{this.customTabs\n\t\t\t\t\t.filter(tab => tab !== this._selectedCustomTab)\n\t\t\t\t\t.map(tab => (\n\t\t\t\t\t\t<slot name={tab._individualSlot}></slot>\n\t\t\t\t\t))}\n\t\t\t</div>\n\n\t\t</div>\n\t);\n}\n\nfunction ViewSettingsDialogSortAndGroupTemplate(this: ViewSettingsDialog, isSortTemplate: boolean) {\n\tconst currentSettingsOrder = isSortTemplate ? this._currentSettings.sortOrder : this._currentSettings.groupOrder;\n\tconst currentSettingsBy = isSortTemplate ? this._currentSettings.sortBy : this._currentSettings.groupBy;\n\n\treturn (\n\t\t<div class={isSortTemplate ? \"ui5-vsd-sort\" : \"ui5-vsd-group\"}>\n\t\t\t<List\n\t\t\t\tselectionMode=\"SingleStart\"\n\t\t\t\tonSelectionChange={isSortTemplate ? this._onSortOrderChange : this._onGroupOrderChange} // radio button - use selectionChange\n\t\t\t\t{...(isSortTemplate ? { \"sort-order\": \"\" } : { \"group-order\": \"\" })}\n\t\t\t\taccessibleNameRef={`${this._id}-label`}\n\t\t\t>\n\t\t\t\t<ListItemGroup headerText={isSortTemplate ? this._sortOrderLabel : this._groupOrderLabel}>\n\t\t\t\t\t{currentSettingsOrder.map(item => (\n\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\t>{item.text}</ListItemStandard>\n\t\t\t\t\t))}\n\t\t\t\t</ListItemGroup>\n\t\t\t</List>\n\t\t\t<List\n\t\t\t\tselectionMode=\"SingleStart\"\n\t\t\t\tonSelectionChange={isSortTemplate ? this._onSortByChange : this._onGroupByChange} // radio button - use selectionChange\n\t\t\t\t{...(isSortTemplate ? { \"sort-by\": \"\" } : { \"group-by\": \"\" })}\n\t\t\t>\n\t\t\t\t<ListItemGroup headerText={ isSortTemplate ? this._sortByLabel : this._groupByLabel}>\n\t\t\t\t\t{currentSettingsBy.map((item, index) => (\n\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\tdata-ui5-external-action-item-index={index}\n\t\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\t>{item.text}</ListItemStandard>\n\t\t\t\t\t))}\n\t\t\t\t</ListItemGroup>\n\t\t\t</List>\n\t\t</div>\n\t);\n}\n\nfunction ViewSettingsDialogFilterTemplate(this: ViewSettingsDialog) {\n\treturn (\n\t\t<>\n\t\t\t{this._filterStepTwo ? (\n\t\t\t\t<List\n\t\t\t\t\tselectionMode=\"Multiple\"\n\t\t\t\t\tonSelectionChange={this._handleFilterValueItemClick} // checkboxes to select/deselect - use selectionChange\n\t\t\t\t\tfilter-options=\"\"\n\t\t\t\t\taccessibleNameRef={`${this._id}-label`}\n\t\t\t\t>\n\t\t\t\t\t{this._currentSettings.filters.filter(item => item.selected).map(item => (<>\n\t\t\t\t\t\t{item.filterOptions.map(option => (\n\t\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\t\tselected={option.selected}\n\t\t\t\t\t\t\t>{option.text}</ListItemStandard>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</>))}\n\t\t\t\t</List>\n\t\t\t) : ( // else\n\t\t\t\t<List\n\t\t\t\t\tonItemClick={this._changeCurrentFilter} // list item to drill down into the second-level menu - use click\n\t\t\t\t\tfilter-list=\"\"\n\t\t\t\t\taccessibleNameRef={`${this._id}-label`}\n\t\t\t\t>\n\t\t\t\t\t<ListItemGroup headerText={this._filterByLabel}>\n\t\t\t\t\t\t{this.filterItems.map(item => (\n\t\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\t\tclass=\"ui5-vsd-filterItemList\"\n\t\t\t\t\t\t\t\t// selected={item.selected} TODO\n\t\t\t\t\t\t\t\tadditionalText={item.additionalText}\n\t\t\t\t\t\t\t\taccessibleName={this._selectedFiltersLabel(item)}\n\t\t\t\t\t\t\t>{item.text}</ListItemStandard>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ListItemGroup>\n\t\t\t\t</List>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nfunction ViewSettingsDialogTemplateFooter(this: ViewSettingsDialog) {\n\treturn (\n\t\t<div slot=\"footer\" class=\"ui5-vsd-footer\">\n\t\t\t<Button\n\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\tonClick={this._confirmSettings}\n\t\t\t>{this._okButtonLabel}</Button>\n\t\t\t<Button\n\t\t\t\tdesign=\"Transparent\"\n\t\t\t\tonClick={this._cancelSettings}\n\t\t\t>{this._cancelButtonLabel}</Button>\n\t\t</div>\n\t);\n}\n\nexport default function ViewSettingsDialogTemplate(this: ViewSettingsDialog) {\n\treturn (\n\t\t<Dialog\n\t\t\tpreventInitialFocus={true}\n\t\t\taccessibleName={this._dialogTitle}\n\t\t\tonBeforeClose={this._restoreConfirmedOnEscape}\n\t\t\tstretch={this._isPhone}\n\t\t\topen={this.open}\n\t\t\tonBeforeOpen={this.beforeDialogOpen}\n\t\t\tonOpen={this.afterDialogOpen}\n\t\t\tonClose={this.afterDialogClose}\n\t\t>\n\t\t\t{ViewSettingsDialogTemplateHeader.call(this)}\n\t\t\t{ViewSettingsDialogTemplateContent.call(this)}\n\t\t\t{ViewSettingsDialogTemplateFooter.call(this)}\n\t\t</Dialog>\n\t);\n}\n"]}

package/dist/bundle.esm.js

@@ -53,6 +53,8 @@ import UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.js"
 import UserSettingsAppearanceViewGroup from "./UserSettingsAppearanceViewGroup.js";
 import Timeline from "./Timeline.js";
 import TimelineGroupItem from "./TimelineGroupItem.js";
+import TimelineHeaderBar from "./TimelineHeaderBar.js";
+import TimelineFilterOption from "./TimelineFilterOption.js";
 import NavigationLayout from "./NavigationLayout.js";
 import UploadCollection from "./UploadCollection.js";
 import UploadCollectionItem from "./UploadCollectionItem.js";
@@ -61,6 +63,7 @@ import UserMenuAccount from "./UserMenuAccount.js";
 import UserMenuItem from "./UserMenuItem.js";
 import UserMenuItemGroup from "./UserMenuItemGroup.js";
 import ViewSettingsDialog from "./ViewSettingsDialog.js";
+import ViewSettingsDialogCustomTab from "./ViewSettingsDialogCustomTab.js";
 import Wizard from "./Wizard.js";
 testAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };
 export default testAssets;

package/dist/bundle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}
+{"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,KAAK,iBAAiB,MAAM,mCAAmC,CAAC;AAEvE,eAAe;AACf,OAAO,aAAa,CAAC;AAErB,sBAAsB;AACtB,OAAO,qCAAqC,CAAC;AAE7C,mBAAmB;AACnB,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AACzE,OAAO,8BAA8B,MAAM,qCAAqC,CAAC;AACjF,OAAO,+BAA+B,MAAM,sCAAsC,CAAC;AACnF,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,UAAU,CAAC,YAAY,GAAG,EAAE,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;AAC/E,eAAe,UAAU,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport TimelineHeaderBar from \"./TimelineHeaderBar.js\";\nimport TimelineFilterOption from \"./TimelineFilterOption.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport ViewSettingsDialogCustomTab from \"./ViewSettingsDialogCustomTab.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}

package/dist/css/themes/Timeline.css

@@ -1 +1 @@
-:host(:not([hidden])){display:block}.ui5-timeline-root{padding:var(--_ui5_tl_padding);box-sizing:border-box;overflow:hidden}.ui5-timeline-list{list-style:none;margin:0;padding:0}:host([layout="Horizontal"]) .ui5-timeline-list-item.ui5-timeline-list-growing{display:flex;flex-direction:column;justify-content:center;margin-inline-start:.625rem;align-items:center;min-width:3.375rem}:host([layout="Vertical"]) .ui5-timeline-list-item.ui5-timeline-list-growing{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}:host([layout="Horizontal"]) .ui5-timeline-end-marker{margin:-.625rem}:host([layout="Vertical"]) .ui5-timeline-list{display:flex;flex-direction:column}.ui5-timeline-list-item{margin-bottom:var(--_ui5_tl_li_margin_bottom)}.ui5-timeline-list-item:last-child{margin-bottom:0}:host([layout="Horizontal"]) .ui5-timeline-list{white-space:nowrap;list-style:none;margin:0;padding:0;display:flex}:host([layout="Horizontal"]) .ui5-timeline-list-item{display:inline-block;margin-inline-start:var(--_ui5_tl_li_margin_bottom)}:host([layout="Horizontal"]) .ui5-timeline-scroll-container{overflow:auto;width:calc(100% + var(--_ui5_timeline_scroll_container_offset))}:host([loading]) .ui5-timeline-growing-button-busy-indicator:not([_is-busy]){display:none}.ui5-timeline-root,.ui5-timeline-busy-indicator{width:100%;height:100%;position:relative;box-sizing:border-box}:host([layout="Vertical"]) .ui5-timeline-scroll-container{height:100%;width:100%}:host([growing="Scroll"]) .ui5-timeline-end-marker{display:inline-block}
+:host(:not([hidden])){display:block}.ui5-timeline-header-bar-wrapper{flex-shrink:0;margin-block-end:1rem}.ui5-timeline-list{list-style:none;margin:0;padding:0}:host([layout="Horizontal"]) .ui5-timeline-list-item.ui5-timeline-list-growing{display:flex;flex-direction:column;justify-content:center;margin-inline-start:.625rem;align-items:center;min-width:3.375rem}:host([layout="Vertical"]) .ui5-timeline-list-item.ui5-timeline-list-growing{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center}:host([layout="Horizontal"]) .ui5-timeline-end-marker{margin:-.625rem}:host([layout="Vertical"]) .ui5-timeline-list{display:flex;flex-direction:column}.ui5-timeline-list-item{margin-bottom:var(--_ui5_tl_li_margin_bottom)}.ui5-timeline-list-item:last-child{margin-bottom:0}:host([layout="Horizontal"]) .ui5-timeline-list{white-space:nowrap;list-style:none;margin:0;padding:0;display:flex}:host([layout="Horizontal"]) .ui5-timeline-list-item{display:inline-block;margin-inline-start:var(--_ui5_tl_li_margin_bottom)}:host([layout="Horizontal"]) .ui5-timeline-scroll-container{overflow:auto;width:calc(100% + var(--_ui5_timeline_scroll_container_offset))}:host([loading]) .ui5-timeline-growing-button-busy-indicator:not([_is-busy]){display:none}.ui5-timeline-root{width:100%;height:100%;position:relative;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--_ui5_tl_padding);overflow:hidden}.ui5-timeline-busy-indicator{display:block;width:100%;flex:1;min-height:0;position:relative;box-sizing:border-box;overflow:hidden}:host([layout="Vertical"]) .ui5-timeline-scroll-container{height:100%;width:100%;overflow:auto}:host([growing="Scroll"]) .ui5-timeline-end-marker{display:inline-block}

package/dist/css/themes/TimelineHeaderBar.css

@@ -0,0 +1 @@
+:host{display:block;--_ui5_timeline_header_bar_search_max_width: 16rem;--_ui5_timeline_filter_dialog_min_width: 20rem}.ui5-timeline-header-bar-search{max-width:var(--_ui5_timeline_header_bar_search_max_width)}.ui5-timeline-filter-dialog{min-width:var(--_ui5_timeline_filter_dialog_min_width)}.ui5-timeline-filter-list{width:100%}

package/dist/css/themes/ViewSettingsDialog.css

@@ -1 +1 @@
-[on-desktop] .ui5-vsd-content{height:var(--_ui5_vsd_content_height);min-width:350px}[on-desktop] .ui5-vsd-content.ui5-vsd-content-expand{height:var(--_ui5_vsd_expand_content_height);min-width:350px}.ui5-vsd-header{width:100%;padding-bottom:.25rem}.ui5-vsd-content{margin:0 .1px 0 -1rem}.ui5-vsd-title{font-size:var(--sapFontHeader5Size)}.ui5-vsd-header-container{display:flex;align-items:center;justify-content:space-between;height:var(--_ui5_vsd_header_container);line-height:var(--_ui5_vsd_header_container)}.ui5-vsd-header-end{display:flex}.ui5-vsd-sub-header{height:var(--_ui5_vsd_sub_header_container_height);line-height:var(--_ui5_vsd_sub_header_container_height)}.ui5-vsd-header-start{display:flex;align-items:center}.ui5-vsd-back-button{margin-inline-end:.5rem}.ui5-vsd-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;margin:.1875rem 0}.ui5-vsd-footer [ui5-button]:first-child{margin-inline-end:.5rem;min-width:4rem}.ui5-vsd-sort{width:100%;height:100%}[ui5-li-group]::part(header){overflow:hidden}[ui5-dialog]::part(content){padding-top:0;padding-bottom:0;padding-inline-end:0}:host [ui5-li]::part(native-li){padding-inline-start:var(--_ui5_vsd_content_li_padding)}:host [ui5-li].ui5-vsd-filterItemList::part(native-li){padding-inline-start:1rem}
+[on-desktop] .ui5-vsd-content{height:var(--_ui5_vsd_content_height);min-width:350px}[on-desktop] .ui5-vsd-content.ui5-vsd-content-expand{height:var(--_ui5_vsd_expand_content_height);min-width:350px}.ui5-vsd-header{width:100%;padding-bottom:.25rem}.ui5-vsd-content{margin:0 .1px 0 -1rem}.ui5-vsd-title{font-size:var(--sapFontHeader5Size)}.ui5-vsd-header-container{display:flex;align-items:center;justify-content:space-between;height:var(--_ui5_vsd_header_container);line-height:var(--_ui5_vsd_header_container)}.ui5-vsd-header-end{display:flex}.ui5-vsd-sub-header{height:var(--_ui5_vsd_sub_header_container_height);line-height:var(--_ui5_vsd_sub_header_container_height)}.ui5-vsd-header-start{display:flex;align-items:center}.ui5-vsd-back-button{margin-inline-end:.5rem}.ui5-vsd-footer{width:100%;display:flex;justify-content:flex-end;align-items:center;margin:.1875rem 0}.ui5-vsd-footer [ui5-button]:first-child{margin-inline-end:.5rem;min-width:4rem}.ui5-vsd-sort{width:100%;height:100%}.ui5-vsd-custom-tab-content{width:100%;height:100%;box-sizing:border-box;padding:.5rem 1rem;overflow:auto;min-width:0}.ui5-vsd-custom-tab-title{color:var(--sapList_TableGroupHeaderTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader6Size);font-weight:700;line-height:2rem;min-height:2rem;margin:0}.ui5-vsd-custom-tab-slot::slotted([ui5-view-settings-custom-tab]){display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-family:var(--sapFontFamily);color:var(--sapTextColor)}.ui5-vsd-hidden-tabs{display:none}[ui5-li-group]::part(header){overflow:hidden}[ui5-dialog]::part(content){padding-top:0;padding-bottom:0;padding-inline-end:0}:host [ui5-li]::part(native-li){padding-inline-start:var(--_ui5_vsd_content_li_padding)}:host [ui5-li].ui5-vsd-filterItemList::part(native-li){padding-inline-start:1rem}