@sap/ux-specification 1.96.17 → 1.96.20

package/dist/documentation/styleDocu.css

@@ -23,9 +23,6 @@
 input {
     all: unset;
 }
-*:focus {
-    outline: transparent;
-}
 body {
     left: 0;
     right: 0;
@@ -72,16 +69,18 @@ body {
     flex-direction: column;
     width: 350px;
     height: auto;
-    padding: 20px 20px;
+    padding: 10px 20px;
     background: var(--vscode-editorWidget-background);
     box-shadow: 0px 5px 12px 1px rgba(0, 0, 0, 0.3);
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 .tip_type-container {
     display: flex;
     flex-flow: row wrap;
 }
 .tip_prop {
-    margin-top: -10px;
+    margin-top: -5px;
     padding-bottom: 10px;
     font-style: normal;
     font-weight: bold;
@@ -97,10 +96,8 @@ body {
 }
 .tip_type,
 .tip_enums {
-    margin-bottom: 10px;
-    margin-right: 10px;
-    padding-left: 10px;
-    padding-right: 10px;
+    margin: 0px 10px 10px 0px;
+    padding: 0px 10px 0px 10px;
     font-style: normal;
     font-weight: bold;
     font-size: 10px;
@@ -108,31 +105,25 @@ body {
     color: var(--vscode-editorWidget-background);
     background: var(--vscode-foreground);
     border-radius: 10px;
-    flex-basis: content;
 }
 .tip_control {
     margin-bottom: 10px;
-    margin-right: 10px;
     font-style: normal;
     font-weight: bold;
     font-size: 11px;
     line-height: 18px;
-    flex-basis: content;
 }
-#b1 {
+#tooltip_close-button {
     margin-right: -10px;
     margin-left: auto;
-    margin-top: -10px;
     padding: 3px;
     width: 16px;
     height: 16px;
-    display: block;
-    text-align: center;
     font-family: Arial, Helvetica, sans-serif;
     cursor: pointer;
     border-radius: 4px;
 }
-#b1:hover {
+#tooltip_close-button:hover {
     background: var(--vscode-menubar-selectionBackground);
 }
 #search-container {
@@ -144,23 +135,30 @@ body {
     background-color: var(--vscode-input-background);
     color: var(--vscode-input-placeholderForeground);
     overflow-x: hidden;
-    font-size: 11px;
+    font-size: 12px;
 }
 #search-input-container {
-    display: inline-flex;
-    width: 200px;
-    flex: 1;
+    display: flex;
+    flex-direction: row;
+    padding: 3px;
 }
-#search-container:hover, #search-container:focus {
+#search-container:hover,
+#search-container:focus {
     border: 1px solid var(--vscode-focusBorder);
 }
 #search-icon {
-    padding: 3px 3.5px 3px 3.5px;
+    margin: auto;
+    padding-left: 3px;
+    padding-right: 5px;
+}
+#search-close-icon {
+    margin: auto;
+    cursor: pointer;
+    display: none;
 }
 #search-input {
-    border: 0;
-    padding: 3px 3px 3px 3px;
-    width: 200px;
+    padding-left: 5px;
+    flex: 1;
 }
 #search-result {
     max-height: 100px;
@@ -171,6 +169,7 @@ body {
     background-color: var(--vscode-dropdown-background);
     list-style: none;
     overflow-y: auto;
+    display: none;
 }
 li {
     padding: 3.5px;
@@ -181,7 +180,7 @@ li:hover {
     background-color: var(--vscode-list-activeSelectionBackground);
 }
 ::-webkit-search-cancel-button {
-    left: auto;
+    -webkit-appearance: none;
 }
 ::-webkit-scrollbar {
     width: 3px;
@@ -203,7 +202,7 @@ li:hover {
     width: 90px;
     text-align: center;
     padding: 3px 0px;
-    font-size: 11px;
+    font-size: 12px;
     cursor: pointer;
 }
 #resetTree:hover,
@@ -217,3 +216,8 @@ li:hover {
 #expandTree {
     margin-left: 10px;
 }
+input#search-input:focus,
+input#resetTree:focus,
+input#expandTree:focus {
+    outline: none;
+}

package/dist/documentation/v2/v2-AnalyticalListPage.html

@@ -15,18 +15,31 @@
                 height="14"
                 viewBox="0 0 16 16"
                 fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-            >
+                xmlns="http://www.w3.org/2000/svg">
                 <g>
                     <path
                         fill-rule="evenodd"
                         clip-rule="evenodd"
                         d="M9.50249 10C7.02149 10 5.00249 7.981 5.00249 5.5C5.00249 3.019 7.02149 1 9.50249 1C11.9835 1 14.0025 3.019 14.0025 5.5C14.0025 7.981 11.9835 10 9.50249 10ZM9.50249 0C6.47049 0 4.00249 2.468 4.00249 5.5C4.00249 6.947 4.56849 8.261 5.48549 9.244L0.000488281 15.331L0.743488 16.001L6.23149 9.911C7.14749 10.592 8.27649 11 9.50249 11C12.5355 11 15.0025 8.532 15.0025 5.5C15.0025 2.468 12.5355 0 9.50249 0Z"
-                        fill="#C5C5C5"
-                    />
+                        fill="#C5C5C5" />
+                </g>
+            </svg>
+            <input type="search" data-type="search" placeholder="Search properties" id="search-input" />
+            <svg
+                id="search-close-icon"
+                width="14"
+                height="14"
+                viewBox="0 0 16 16"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <g>
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M3.71313 3L3.00699 3.7049L6.79636 7.497L3 11.2941L3.70714 12L7.5025 8.20391L11.2939 11.996L12 11.2901L8.20863 7.497L11.994 3.71089L11.2869 3.00499L7.5025 6.7901L3.71313 3Z"
+                        fill="#C5C5C5" />
                 </g>
             </svg>
-            <input type="search" data-type="search" placeholder="Search" id="search-input" />
         </div>
         <ul
             id="search-result"
@@ -34,8 +47,7 @@
             data-filter="true"
             data-filter-reveal="true"
             data-input="#search-input"
-            data-inset="true"
-        ></ul>
+            data-inset="true"></ul>
     </div>
     <svg id="tree-container"></svg>
 </body>
@@ -44,6 +56,6 @@
     var exports = {},
         floorPlanIcon = `<svg id="floorPlan-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g><path fill-rule="evenodd" clip-rule="evenodd" fill="#C5C5C5"d="M9 13V14H6V13H9ZM5 13V14H2V13H5ZM13 13V14H10V13H13ZM9 11V12H6V11H9ZM5 11V12H2V11H5ZM13 11V12H10V11H13ZM5 9V10H2V9H5ZM9 9V10H6V9H9ZM13 9V10H10V9H13ZM3.986 1.998V6.024H1.965V1.998H3.986ZM6.99 4.01V6.01H4.99V4.01H6.99ZM10.008 3.019V6.01H8.008V3.019H10.008ZM13.005 1.998V6.011H11.005V1.998H13.005ZM1 14.988H14.988V7.995H1V14.988ZM1.001 6.994H14.989V1H1.001V6.994ZM1.00169 0C0.449309 0 0 0.448336 0 1.00075V14.9992C0 15.5517 0.449309 16 1.00169 16H14.9993C15.5517 16 16 15.5517 16 14.9992V1.00075C16 0.448336 15.5517 0 14.9993 0H1.00169Z"/></g></svg>`;
-    var treeData = {"name":"AnalyticalListPage","description":"SAP Fiori elements v2<br>Specification Version: 1.96.17","type":"schema","children":[{"name":"fitContent","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.f.DynamicPage","description":"Set fitContent to true to optimize the dynamic page responsiveness on small screens and behavior when the DynamicPageHeader is expanded or collapsed."},{"name":"table","children":[{"name":"type","children":[],"type":"string","artifact":"Manifest","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"growingThreshold","children":[],"type":"number","artifact":"FlexChange","control":"sap.m.Table","description":"growingThreshold defines the number of items to be requested from the model for each grow. This property can only be used if the growing property is set to true."},{"name":"qualifier","children":[],"type":"string","artifact":"Manifest","description":"Represents the SelectionPresentationVariant qualifier. ALP looks for SelectionPresentationVariant with this qualifier and if not found, it looks for PresentationVariant with this qualifier."},{"name":"defaultContentView","children":[],"type":"chart|charttable|table","artifact":"Manifest","description":"Determines the visualization of content area"},{"name":"defaultFilterMode","children":[],"type":"compact|visual","artifact":"Manifest","description":"Determines the filter mode that is used"},{"name":"contentTitle","children":[],"type":"string","artifact":"Manifest","description":"Lets you define title for the content area"},{"name":"autoHide","children":[],"type":"boolean","artifact":"Manifest","description":"This setting allows developer to determine chart / table interaction. 'true' would mean chart act as filter for table, 'false' would mean that matching table rows are highlighted but table is not filtered."},{"name":"allFiltersAsInParameters","children":[],"type":"boolean","artifact":"Manifest","description":"All filter fields will be set as in parameter"},{"name":"multiSelect","children":[],"type":"boolean","artifact":"Manifest","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"createWithParameterDialog","children":[{"name":"fields","children":[{"name":"path","children":[],"type":"string","artifact":"Manifest"}]}],"type":"object","artifact":"Manifest","description":"You can enable the creation of objects that have a maximum of 8 data fields through a dialog in the list report page."},{"name":"selectAll","children":[],"type":"boolean","artifact":"Manifest","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","artifact":"Manifest","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"showTablePersonalisation","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"The showTablePersonalisation attribute can be set to false to hide the table personalization button."},{"name":"useExportToExcel","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"useExportToExcel must be set to true if you want to export data to a spreadsheet application, for example Microsoft Excel."},{"name":"exportType","children":[],"type":"GW|UI5Client","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"Specifies the type of export to be used in the SmartTable control. UI5Client is the default option."},{"name":"fitContainer","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"Set to false if the table does not occupy the entire space available in the container."},{"name":"quickVariantSelection","children":[{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."}],"type":"object","artifact":"Manifest","description":"With quickVariantSelection you can switch on the multiple view feature. It links to variants you must have added to your annotations beforehand."},{"name":"quickVariantSelectionX","children":[{"name":"enableAutoBinding","children":[],"type":"boolean","artifact":"Manifest","description":"When set to true, this enables automatic binding of the table with either the tableBindingPath (if it exists) or the entitySet property."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"entitySet","children":[],"type":"string","description":"Represents the entity set that will be displayed in this variant"},{"name":"multiSelect","children":[],"type":"boolean","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"selectAll","children":[],"type":"boolean","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"type","children":[],"type":"string","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"showItemNavigationOnChart","children":[],"type":"boolean","description":"To enable navigation for charts, you have to set the property to \"true\" and maintain an internal navigation target in the manifest."},{"name":"inlineDelete","children":[],"type":"boolean","description":"Used to enable inline deletion in a responsive table of list report and object page"},{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."},{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."}],"type":"object","artifact":"Manifest","description":"Switch on the multiple view feature (Multiple table mode with charts) and link to the variants you have added to your annotations."},{"name":"condensedTableLayout","children":[],"type":"boolean","artifact":"Manifest","description":"For analytical tables, grid tables and tree tables you can define a condensed table layout by setting condensedTableLayout to true."},{"name":"enableTableFilterInPageVariant","children":[],"type":"boolean","artifact":"Manifest","description":"If you have enabled harmonized variant management, by default, you cannot set a filter in the table personalization settings.\nTo enable filtering, set the enableTableFilterInPageVariant property to true."},{"name":"dataLoadSettings","children":[{"name":"loadDataOnAppLaunch","children":[],"type":"always|ifAnyFilterExist|never","artifact":"Manifest","description":"Change the default behavior for autoloading of data.\nFor multi-view scenarios, you can also change the setting enableAutobinding to False under quickVariantSelectionX instead of using the loadDataOnAppLaunch setting."}],"type":"object","artifact":"Manifest","description":"Change the default behavior for autoloading of data."},{"name":"toolBar","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"FlexChange","control":"sap.m.Button","description":"Defines the Button type."}]}],"type":"object","description":"Tool Bar"},{"name":"columns","children":[{"name":"columnId","children":[{"name":"width","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Column","description":"The width property defines the width of the column."},{"name":"hAlign","children":[],"type":"Begin|Center|End|Initial|Left|Right","artifact":"FlexChange","control":"sap.m.Column","description":"The hAlign property defines the horizontal alignment of the column content."},{"name":"tooltip","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"FlexChange","control":"sap.m.Button","description":"Defines the Button type."}],"type":"object","description":"Columns"}]}]},{"name":"filterBar","children":[{"name":"showGoButtonOnFilterBar","children":[],"type":"boolean","artifact":"Manifest","description":"Go button is displayed for compact filters when this is set to true"},{"name":"filterDefaultsFromSelectionVariant","children":[],"type":"boolean","artifact":"Manifest","description":"Lets you to add default values for FilterBar using SelectionVariant annotation"},{"name":"smartVariantManagement","children":[],"type":"boolean","artifact":"Manifest","description":"Controls whether smart variant management is active. Default is true."},{"name":"liveMode","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"If liveMode is set, the search will be automatically triggered when a filter value is set."},{"name":"variantManagementHidden","children":[],"type":"boolean","artifact":"Manifest","description":"If you set the flag to true, then standard variant management is not available in the app. The app name is displayed instead.\nIf you set the flag to false or if the flag is not at all contained in the manifest of the app, the standard variant management is available and can be enabled or disabled."},{"name":"subTitleIfVariantMgmtHidden","children":[],"type":"string","artifact":"Manifest","description":"You can choose an app-specific title by setting the corresponding value for the subTitleIfVariantMgmtHidden property."},{"name":"dateSettings","children":[{"name":"useDateRange","children":[],"type":"boolean","artifact":"Manifest","description":"If set to true all date fields with filter restriction interval will be treated as DateTimeRange filters."},{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."}],"type":"object","artifact":"Manifest","description":"Use to set date settings for fields in smart filter bar"},{"name":"showClearOnFB","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Clear button on the FilterBar."},{"name":"showFilterConfiguration","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Filter button on the FilterBar."},{"name":"showRestoreOnFB","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Restore button on the FilterBar."},{"name":"selectionFields","children":[{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."},{"name":"customDateRangeImplementation","children":[],"type":"string","artifact":"Manifest","description":"This property references a JS class, which you use to modify the date range value list. You can either remove standard data range values or add custom values.\nThe customDateRangeImplementation setting takes priority followed by filter and selectedValues when excluding date range types."},{"name":"filter","children":[],"type":"array","artifact":"Manifest","description":"You can use the filter settings to include and exclude specific date range values."},{"name":"defaultValue","children":[{"name":"operation","children":[],"type":"DATETOYEAR|LAST2WEEKS|LAST3WEEKS|LAST4WEEKS|LAST5WEEKS|LASTMONTH|LASTQUARTER|LASTWEEK|LASTYEAR|QUARTER1|QUARTER2|QUARTER3|QUARTER4|THISMONTH|THISQUARTER|THISWEEK|THISYEAR|TODAY|TOMORROW|YEARTODATE|YESTERDAY","artifact":"Manifest","description":"The operation property is the value that will be set for semantic date range."}],"type":"object","artifact":"Manifest","description":"You can set a default value for semantic date range."}]}]},{"name":"chart","children":[{"name":"showLegendButton","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartchart.SmartChart","description":"Controls the visibility of the legend button."},{"name":"showDownloadButton","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartchart.SmartChart","description":"Controls the visibility of the chart download button."},{"name":"showChartTypeSelectionButton","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartchart.SmartChart","description":"Controls the visibility of the chart type button."},{"name":"ignoredChartTypes","children":[],"type":"array","artifact":"FlexChange","control":"sap.ui.comp.smartchart.SmartChart","description":"Comma-separated value fields do not showup in the list of available chart types."},{"name":"showDataLabel","children":[],"type":"boolean","artifact":"Manifest","description":"Controls the visibility of the data label."}]},{"name":"footer","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"FlexChange","control":"sap.m.Button","description":"Defines the Button type."}]}]},{"name":"keyPerformanceIndicators","children":[{"name":"model","children":[],"type":"string","artifact":"Manifest","description":"Links to the item in \"models\" section which provides additional information"},{"name":"entitySet","children":[],"type":"string","artifact":"Manifest","description":"EntitySet used for bringing up the details displayed within the KPI tag/card"},{"name":"qualifier","children":[],"type":"string","artifact":"Manifest","description":"Refers to the UI.KPI annotation"},{"name":"filterable","children":[],"type":"boolean","artifact":"Manifest","description":"It ensures that KPI shows up as filterable"},{"name":"detailNavigation","children":[],"type":"string","artifact":"Manifest","description":"Points to an element within \"outbound\" property of the \"crossNavigation\" section"},{"name":"groupId","children":[],"type":"string","artifact":"Manifest","description":"To achieve faster end-to-end response time within analytical list page, enable batching of KPI by defining groupId in the KPI section of the descriptor configuration file"}],"type":"object","description":"Key Performance Indicators"}]};
+    var treeData = {"name":"AnalyticalListPage","description":"SAP Fiori elements for OData V2<br>@sap/ux-specification version 1.96.20","type":"schema","children":[{"name":"fitContent","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.f.DynamicPage","description":"Set fitContent to true to optimize the dynamic page responsiveness on small screens and behavior when the DynamicPageHeader is expanded or collapsed."},{"name":"table","children":[{"name":"type","children":[],"type":"string","artifact":"Manifest","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"growingThreshold","children":[],"type":"number","artifact":"UI5 flexibility","control":"sap.m.Table","description":"growingThreshold defines the number of items to be requested from the model for each grow. This property can only be used if the growing property is set to true."},{"name":"qualifier","children":[],"type":"string","artifact":"Manifest","description":"Represents the SelectionPresentationVariant qualifier. ALP looks for SelectionPresentationVariant with this qualifier and if not found, it looks for PresentationVariant with this qualifier."},{"name":"defaultContentView","children":[],"type":"chart|charttable|table","artifact":"Manifest","description":"Determines the visualization of content area"},{"name":"defaultFilterMode","children":[],"type":"compact|visual","artifact":"Manifest","description":"Determines the filter mode that is used"},{"name":"contentTitle","children":[],"type":"string","artifact":"Manifest","description":"Lets you define title for the content area"},{"name":"autoHide","children":[],"type":"boolean","artifact":"Manifest","description":"This setting allows developer to determine chart / table interaction. 'true' would mean chart act as filter for table, 'false' would mean that matching table rows are highlighted but table is not filtered."},{"name":"allFiltersAsInParameters","children":[],"type":"boolean","artifact":"Manifest","description":"All filter fields will be set as in parameter"},{"name":"multiSelect","children":[],"type":"boolean","artifact":"Manifest","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"createWithParameterDialog","children":[{"name":"fields","children":[{"name":"path","children":[],"type":"string","artifact":"Manifest"}]}],"type":"object","artifact":"Manifest","description":"You can enable the creation of objects that have a maximum of 8 data fields through a dialog in the list report page."},{"name":"selectAll","children":[],"type":"boolean","artifact":"Manifest","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","artifact":"Manifest","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"showTablePersonalisation","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"The showTablePersonalisation attribute can be set to false to hide the table personalization button."},{"name":"useExportToExcel","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"useExportToExcel must be set to true if you want to export data to a spreadsheet application, for example Microsoft Excel."},{"name":"exportType","children":[],"type":"GW|UI5Client","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"Specifies the type of export to be used in the SmartTable control. UI5Client is the default option."},{"name":"fitContainer","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"Set to false if the table does not occupy the entire space available in the container."},{"name":"quickVariantSelection","children":[{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."}],"type":"object","artifact":"Manifest","description":"With quickVariantSelection you can switch on the multiple view feature. It links to variants you must have added to your annotations beforehand."},{"name":"quickVariantSelectionX","children":[{"name":"enableAutoBinding","children":[],"type":"boolean","artifact":"Manifest","description":"When set to true, this enables automatic binding of the table with either the tableBindingPath (if it exists) or the entitySet property."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"entitySet","children":[],"type":"string","description":"Represents the entity set that will be displayed in this variant"},{"name":"multiSelect","children":[],"type":"boolean","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"selectAll","children":[],"type":"boolean","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"type","children":[],"type":"string","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"showItemNavigationOnChart","children":[],"type":"boolean","description":"To enable navigation for charts, you have to set the property to \"true\" and maintain an internal navigation target in the manifest."},{"name":"inlineDelete","children":[],"type":"boolean","description":"Used to enable inline deletion in a responsive table of list report and object page"},{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."},{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."}],"type":"object","artifact":"Manifest","description":"Switch on the multiple view feature (Multiple table mode with charts) and link to the variants you have added to your annotations."},{"name":"condensedTableLayout","children":[],"type":"boolean","artifact":"Manifest","description":"For analytical tables, grid tables and tree tables you can define a condensed table layout by setting condensedTableLayout to true."},{"name":"enableTableFilterInPageVariant","children":[],"type":"boolean","artifact":"Manifest","description":"If you have enabled harmonized variant management, by default, you cannot set a filter in the table personalization settings.\nTo enable filtering, set the enableTableFilterInPageVariant property to true."},{"name":"dataLoadSettings","children":[{"name":"loadDataOnAppLaunch","children":[],"type":"always|ifAnyFilterExist|never","artifact":"Manifest","description":"Change the default behavior for autoloading of data.\nFor multi-view scenarios, you can also change the setting enableAutobinding to False under quickVariantSelectionX instead of using the loadDataOnAppLaunch setting."}],"type":"object","artifact":"Manifest","description":"Change the default behavior for autoloading of data."},{"name":"toolBar","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Defines the Button type."}]}],"type":"object","description":"Tool Bar"},{"name":"columns","children":[{"name":"columnId","children":[{"name":"width","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Column","description":"The width property defines the width of the column."},{"name":"hAlign","children":[],"type":"Begin|Center|End|Initial|Left|Right","artifact":"UI5 flexibility","control":"sap.m.Column","description":"The hAlign property defines the horizontal alignment of the column content."},{"name":"tooltip","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Defines the Button type."}],"type":"object","description":"Columns"}]}]},{"name":"filterBar","children":[{"name":"showGoButtonOnFilterBar","children":[],"type":"boolean","artifact":"Manifest","description":"Go button is displayed for compact filters when this is set to true"},{"name":"filterDefaultsFromSelectionVariant","children":[],"type":"boolean","artifact":"Manifest","description":"Lets you to add default values for FilterBar using SelectionVariant annotation"},{"name":"smartVariantManagement","children":[],"type":"boolean","artifact":"Manifest","description":"Controls whether smart variant management is active. Default is true."},{"name":"liveMode","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"If liveMode is set, the search will be automatically triggered when a filter value is set."},{"name":"variantManagementHidden","children":[],"type":"boolean","artifact":"Manifest","description":"If you set the flag to true, then standard variant management is not available in the app. The app name is displayed instead.\nIf you set the flag to false or if the flag is not at all contained in the manifest of the app, the standard variant management is available and can be enabled or disabled."},{"name":"subTitleIfVariantMgmtHidden","children":[],"type":"string","artifact":"Manifest","description":"You can choose an app-specific title by setting the corresponding value for the subTitleIfVariantMgmtHidden property."},{"name":"dateSettings","children":[{"name":"useDateRange","children":[],"type":"boolean","artifact":"Manifest","description":"If set to true all date fields with filter restriction interval will be treated as DateTimeRange filters."},{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."}],"type":"object","artifact":"Manifest","description":"Use to set date settings for fields in smart filter bar"},{"name":"showClearOnFB","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Clear button on the FilterBar."},{"name":"showFilterConfiguration","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Filter button on the FilterBar."},{"name":"showRestoreOnFB","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Restore button on the FilterBar."},{"name":"selectionFields","children":[{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."},{"name":"customDateRangeImplementation","children":[],"type":"string","artifact":"Manifest","description":"This property references a JS class, which you use to modify the date range value list. You can either remove standard data range values or add custom values.\nThe customDateRangeImplementation setting takes priority followed by filter and selectedValues when excluding date range types."},{"name":"filter","children":[],"type":"array","artifact":"Manifest","description":"You can use the filter settings to include and exclude specific date range values."},{"name":"defaultValue","children":[{"name":"operation","children":[],"type":"DATETOYEAR|LAST2WEEKS|LAST3WEEKS|LAST4WEEKS|LAST5WEEKS|LASTMONTH|LASTQUARTER|LASTWEEK|LASTYEAR|QUARTER1|QUARTER2|QUARTER3|QUARTER4|THISMONTH|THISQUARTER|THISWEEK|THISYEAR|TODAY|TOMORROW|YEARTODATE|YESTERDAY","artifact":"Manifest","description":"The operation property is the value that will be set for semantic date range."}],"type":"object","artifact":"Manifest","description":"You can set a default value for semantic date range."}]}]},{"name":"chart","children":[{"name":"showLegendButton","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartchart.SmartChart","description":"Controls the visibility of the legend button."},{"name":"showDownloadButton","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartchart.SmartChart","description":"Controls the visibility of the chart download button."},{"name":"showChartTypeSelectionButton","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartchart.SmartChart","description":"Controls the visibility of the chart type button."},{"name":"ignoredChartTypes","children":[],"type":"array","artifact":"UI5 flexibility","control":"sap.ui.comp.smartchart.SmartChart","description":"Comma-separated value fields do not showup in the list of available chart types."},{"name":"showDataLabel","children":[],"type":"boolean","artifact":"Manifest","description":"Controls the visibility of the data label."}]},{"name":"footer","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Defines the Button type."}]}]},{"name":"keyPerformanceIndicators","children":[{"name":"model","children":[],"type":"string","artifact":"Manifest","description":"Links to the item in \"models\" section which provides additional information"},{"name":"entitySet","children":[],"type":"string","artifact":"Manifest","description":"EntitySet used for bringing up the details displayed within the KPI tag/card"},{"name":"qualifier","children":[],"type":"string","artifact":"Manifest","description":"Refers to the UI.KPI annotation"},{"name":"filterable","children":[],"type":"boolean","artifact":"Manifest","description":"It ensures that KPI shows up as filterable"},{"name":"detailNavigation","children":[],"type":"string","artifact":"Manifest","description":"Points to an element within \"outbound\" property of the \"crossNavigation\" section"},{"name":"groupId","children":[],"type":"string","artifact":"Manifest","description":"To achieve faster end-to-end response time within analytical list page, enable batching of KPI by defining groupId in the KPI section of the descriptor configuration file"}],"type":"object","description":"Key Performance Indicators"}]};
 </script>
 <script type="module" src="./../runDocu-min.js"></script>

package/dist/documentation/v2/v2-ApplicationV2.html

@@ -15,18 +15,31 @@
                 height="14"
                 viewBox="0 0 16 16"
                 fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-            >
+                xmlns="http://www.w3.org/2000/svg">
                 <g>
                     <path
                         fill-rule="evenodd"
                         clip-rule="evenodd"
                         d="M9.50249 10C7.02149 10 5.00249 7.981 5.00249 5.5C5.00249 3.019 7.02149 1 9.50249 1C11.9835 1 14.0025 3.019 14.0025 5.5C14.0025 7.981 11.9835 10 9.50249 10ZM9.50249 0C6.47049 0 4.00249 2.468 4.00249 5.5C4.00249 6.947 4.56849 8.261 5.48549 9.244L0.000488281 15.331L0.743488 16.001L6.23149 9.911C7.14749 10.592 8.27649 11 9.50249 11C12.5355 11 15.0025 8.532 15.0025 5.5C15.0025 2.468 12.5355 0 9.50249 0Z"
-                        fill="#C5C5C5"
-                    />
+                        fill="#C5C5C5" />
+                </g>
+            </svg>
+            <input type="search" data-type="search" placeholder="Search properties" id="search-input" />
+            <svg
+                id="search-close-icon"
+                width="14"
+                height="14"
+                viewBox="0 0 16 16"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <g>
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M3.71313 3L3.00699 3.7049L6.79636 7.497L3 11.2941L3.70714 12L7.5025 8.20391L11.2939 11.996L12 11.2901L8.20863 7.497L11.994 3.71089L11.2869 3.00499L7.5025 6.7901L3.71313 3Z"
+                        fill="#C5C5C5" />
                 </g>
             </svg>
-            <input type="search" data-type="search" placeholder="Search" id="search-input" />
         </div>
         <ul
             id="search-result"
@@ -34,8 +47,7 @@
             data-filter="true"
             data-filter-reveal="true"
             data-input="#search-input"
-            data-inset="true"
-        ></ul>
+            data-inset="true"></ul>
     </div>
     <svg id="tree-container"></svg>
 </body>
@@ -43,6 +55,6 @@
     // placeholder for data
     var exports = {},
         floorPlanIcon;
-    var treeData = {"name":"ApplicationV2","description":"SAP Fiori elements v2<br>Specification Version: 1.96.17","type":"schema","children":[{"name":"settings","children":[{"name":"forceGlobalRefresh","children":[],"type":"boolean","description":"If forceGlobalRefresh is not explicitly set to false, a global model refresh is triggered when the annotated side effects are executed."},{"name":"flexibleColumnLayout","children":[],"type":"object","description":"The flexible column layout allows users to see more details on the page, and to expand and collapse the screen areas. For the overview page, this layout is not relevant."},{"name":"tableColumnVerticalAlignment","children":[],"type":"Bottom|Middle|Top","description":"tableColumnVerticalAlignment provides an option for vertical alignment for the whole responsive table."},{"name":"draftDiscardConfirmationSettings","children":[{"name":"enabled","children":[],"type":"string","description":"Allows applications to turn off the discard draft confirmation popup in various scenarios"}],"type":"object","description":"Allows applications to configure confirmation popups in various scenarios"},{"name":"statePreservationMode","children":[],"type":"discovery|persistence","description":"Allows applications to configure persistence mode in an object page. Persistence mode retains the tab selection made on an object page in certain cases."},{"name":"title","children":[],"type":"string","description":"To change the application header, in your project artifacts, change the i18n property file\nfor your app under webapp/i18n/i18n.properties ->appTitle. Then, refer to the title as\n{{appTitle}} in the sap.app section of the manifest file."},{"name":"description","children":[],"type":"string","description":"To change the application header, in your project artifacts, change the i18n property file\nfor your app under webapp/i18n/i18n.properties ->appDescription. Then, refer to the description\nas {{appDescription}} in the sap.app section of the manifest file."},{"name":"flexEnabled","children":[],"type":"boolean","description":"To enable key user adaptation for the application, set the flexEnabled property to \"true\"."}]}]};
+    var treeData = {"name":"ApplicationV2","description":"SAP Fiori elements for OData V2<br>@sap/ux-specification version 1.96.20","type":"schema","children":[{"name":"settings","children":[{"name":"forceGlobalRefresh","children":[],"type":"boolean","description":"If forceGlobalRefresh is not explicitly set to false, a global model refresh is triggered when the annotated side effects are executed."},{"name":"flexibleColumnLayout","children":[],"type":"object","description":"The flexible column layout allows users to see more details on the page, and to expand and collapse the screen areas. For the overview page, this layout is not relevant."},{"name":"tableColumnVerticalAlignment","children":[],"type":"Bottom|Middle|Top","description":"tableColumnVerticalAlignment provides an option for vertical alignment for the whole responsive table."},{"name":"draftDiscardConfirmationSettings","children":[{"name":"enabled","children":[],"type":"string","description":"Allows applications to turn off the discard draft confirmation popup in various scenarios"}],"type":"object","description":"Allows applications to configure confirmation popups in various scenarios"},{"name":"statePreservationMode","children":[],"type":"discovery|persistence","description":"Allows applications to configure persistence mode in an object page. Persistence mode retains the tab selection made on an object page in certain cases."},{"name":"title","children":[],"type":"string","description":"To change the application header, in your project artifacts, change the i18n property file\nfor your app under webapp/i18n/i18n.properties ->appTitle. Then, refer to the title as\n{{appTitle}} in the sap.app section of the manifest file."},{"name":"description","children":[],"type":"string","description":"To change the application header, in your project artifacts, change the i18n property file\nfor your app under webapp/i18n/i18n.properties ->appDescription. Then, refer to the description\nas {{appDescription}} in the sap.app section of the manifest file."},{"name":"flexEnabled","children":[],"type":"boolean","description":"To enable key user adaptation for the application, set the flexEnabled property to \"true\"."}]}]};
 </script>
 <script type="module" src="./../runDocu-min.js"></script>

package/dist/documentation/v2/v2-ListReport.html

@@ -15,18 +15,31 @@
                 height="14"
                 viewBox="0 0 16 16"
                 fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-            >
+                xmlns="http://www.w3.org/2000/svg">
                 <g>
                     <path
                         fill-rule="evenodd"
                         clip-rule="evenodd"
                         d="M9.50249 10C7.02149 10 5.00249 7.981 5.00249 5.5C5.00249 3.019 7.02149 1 9.50249 1C11.9835 1 14.0025 3.019 14.0025 5.5C14.0025 7.981 11.9835 10 9.50249 10ZM9.50249 0C6.47049 0 4.00249 2.468 4.00249 5.5C4.00249 6.947 4.56849 8.261 5.48549 9.244L0.000488281 15.331L0.743488 16.001L6.23149 9.911C7.14749 10.592 8.27649 11 9.50249 11C12.5355 11 15.0025 8.532 15.0025 5.5C15.0025 2.468 12.5355 0 9.50249 0Z"
-                        fill="#C5C5C5"
-                    />
+                        fill="#C5C5C5" />
+                </g>
+            </svg>
+            <input type="search" data-type="search" placeholder="Search properties" id="search-input" />
+            <svg
+                id="search-close-icon"
+                width="14"
+                height="14"
+                viewBox="0 0 16 16"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <g>
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M3.71313 3L3.00699 3.7049L6.79636 7.497L3 11.2941L3.70714 12L7.5025 8.20391L11.2939 11.996L12 11.2901L8.20863 7.497L11.994 3.71089L11.2869 3.00499L7.5025 6.7901L3.71313 3Z"
+                        fill="#C5C5C5" />
                 </g>
             </svg>
-            <input type="search" data-type="search" placeholder="Search" id="search-input" />
         </div>
         <ul
             id="search-result"
@@ -34,8 +47,7 @@
             data-filter="true"
             data-filter-reveal="true"
             data-input="#search-input"
-            data-inset="true"
-        ></ul>
+            data-inset="true"></ul>
     </div>
     <svg id="tree-container"></svg>
 </body>
@@ -44,6 +56,6 @@
     var exports = {},
         floorPlanIcon = `<svg id="floorPlan-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g><path fill-rule="evenodd" clip-rule="evenodd" fill="#C5C5C5"d="M5 3.0028H2V2.0048H5V3.0028ZM6.0044 3.0028H9.0044V2.0048H6.0044V3.0028ZM10.0014 3.0028H13.0014V2.0048H10.0014V3.0028ZM1 14.993L0.997 4.995H14.988V14.988L1 14.993ZM14.988 0.995V3.994H0.996L0.995 1L14.988 0.995ZM14 7H10V6H14V7ZM11 9.0028H14V8.0048H11V9.0028ZM14 11H10V10H14V11ZM14 13.0028H11V12.0048H14V13.0028ZM6 12.999H9V12.001H6V12.999ZM9 10.999H6V10.001H9V10.999ZM6 8.999H9V8.001H6V8.999ZM9 6.999H6V6.001H9V6.999ZM2 12.999H5V12.001H2V12.999ZM5 11.0028H2V10.0048H5V11.0028ZM2 9.0028H5V8.0048H2V9.0028ZM5 6.999H2V6.001H5V6.999ZM14.993 0H0.995C0.446 0 0 0.446 0 0.995V14.993C0 15.542 0.446 15.988 0.995 15.988H14.993C15.542 15.988 15.988 15.542 15.988 14.993V0.995C15.988 0.446 15.542 0 14.993 0Z"/></g></svg>`;
-    var treeData = {"name":"ListReport","description":"SAP Fiori elements v2<br>Specification Version: 1.96.17","type":"schema","children":[{"name":"fitContent","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.f.DynamicPage","description":"Set fitContent to true to optimize the dynamic page responsiveness on small screens and behavior when the DynamicPageHeader is expanded or collapsed."},{"name":"table","children":[{"name":"multiSelect","children":[],"type":"boolean","artifact":"Manifest","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"type","children":[],"type":"string","artifact":"Manifest","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"includeItemInSelection","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.m.Table","description":"Set includeItemInSelection to true if you want items to be selectable when they are clicked rather than after the selection control has been set."},{"name":"popinLayout","children":[],"type":"Block|GridLarge|GridSmall","artifact":"FlexChange","control":"sap.m.Table","description":"popinLayout defines the layout in which the table pop-in rows are rendered."},{"name":"createWithFilters","children":[{"name":"strategy","children":[],"type":"string","artifact":"Manifest","description":"For the new create action to use the filter settings as input, set strategy to \"extension\" and implement the extension function as mentioned in help.sap.com for SAP S/4 HANA, section “Prefilling Fields When Creating a New Entity Using an Extension Point“."}],"type":"object","artifact":"Manifest","description":"createWithFilters adds a new create action that uses the filter settings as input."},{"name":"showDraftToggle","children":[],"type":"boolean","artifact":"Manifest","description":"In the list report and on the object page, you can enable buttons to display and hide draft values. By default, these buttons are hidden. To enable them, set the showDraftToggle flag to true."},{"name":"growingThreshold","children":[],"type":"number","artifact":"FlexChange","control":"sap.m.Table","description":"growingThreshold defines the number of items to be requested from the model for each grow. This property can only be used if the growing property is set to true."},{"name":"createWithParameterDialog","children":[{"name":"fields","children":[{"name":"path","children":[],"type":"string","artifact":"Manifest"}]}],"type":"object","artifact":"Manifest","description":"You can enable the creation of objects that have a maximum of 8 data fields through a dialog in the list report page."},{"name":"selectAll","children":[],"type":"boolean","artifact":"Manifest","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","artifact":"Manifest","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"showTablePersonalisation","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"The showTablePersonalisation attribute can be set to false to hide the table personalization button."},{"name":"useExportToExcel","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"useExportToExcel must be set to true if you want to export data to a spreadsheet application, for example Microsoft Excel."},{"name":"exportType","children":[],"type":"GW|UI5Client","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"Specifies the type of export to be used in the SmartTable control. UI5Client is the default option."},{"name":"fitContainer","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smarttable.SmartTable","description":"Set to false if the table does not occupy the entire space available in the container."},{"name":"quickVariantSelection","children":[{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."}],"type":"object","artifact":"Manifest","description":"With quickVariantSelection you can switch on the multiple view feature. It links to variants you must have added to your annotations beforehand."},{"name":"quickVariantSelectionX","children":[{"name":"enableAutoBinding","children":[],"type":"boolean","artifact":"Manifest","description":"When set to true, this enables automatic binding of the table with either the tableBindingPath (if it exists) or the entitySet property."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"entitySet","children":[],"type":"string","description":"Represents the entity set that will be displayed in this variant"},{"name":"multiSelect","children":[],"type":"boolean","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"selectAll","children":[],"type":"boolean","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"type","children":[],"type":"string","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"showItemNavigationOnChart","children":[],"type":"boolean","description":"To enable navigation for charts, you have to set the property to \"true\" and maintain an internal navigation target in the manifest."},{"name":"inlineDelete","children":[],"type":"boolean","description":"Used to enable inline deletion in a responsive table of list report and object page"},{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."},{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."}],"type":"object","artifact":"Manifest","description":"Switch on the multiple view feature (Multiple table mode with charts) and link to the variants you have added to your annotations."},{"name":"condensedTableLayout","children":[],"type":"boolean","artifact":"Manifest","description":"For analytical tables, grid tables and tree tables you can define a condensed table layout by setting condensedTableLayout to true."},{"name":"enableTableFilterInPageVariant","children":[],"type":"boolean","artifact":"Manifest","description":"If you have enabled harmonized variant management, by default, you cannot set a filter in the table personalization settings.\nTo enable filtering, set the enableTableFilterInPageVariant property to true."},{"name":"dataLoadSettings","children":[{"name":"loadDataOnAppLaunch","children":[],"type":"always|ifAnyFilterExist|never","artifact":"Manifest","description":"Change the default behavior for autoloading of data.\nFor multi-view scenarios, you can also change the setting enableAutobinding to False under quickVariantSelectionX instead of using the loadDataOnAppLaunch setting."}],"type":"object","artifact":"Manifest","description":"Change the default behavior for autoloading of data."},{"name":"toolBar","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"FlexChange","control":"sap.m.Button","description":"Defines the Button type."}]}],"type":"object","description":"Tool Bar"},{"name":"columns","children":[{"name":"columnId","children":[{"name":"width","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Column","description":"The width property defines the width of the column."},{"name":"hAlign","children":[],"type":"Begin|Center|End|Initial|Left|Right","artifact":"FlexChange","control":"sap.m.Column","description":"The hAlign property defines the horizontal alignment of the column content."},{"name":"tooltip","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"FlexChange","control":"sap.m.Button","description":"Defines the Button type."}],"type":"object","description":"Columns"}]},{"name":"inlineDelete","children":[],"type":"boolean","artifact":"Manifest","description":"Used to enable inline deletion in a responsive table of list report and object page"},{"name":"qualifier","children":[],"type":"string","artifact":"Manifest","description":"Represents the SelectionPresentationVariant qualifier. ALP looks for SelectionPresentationVariant with this qualifier and if not found, it looks for PresentationVariant with this qualifier."},{"name":"defaultContentView","children":[],"type":"chart|charttable|table","artifact":"Manifest","description":"Determines the visualization of content area"},{"name":"defaultFilterMode","children":[],"type":"compact|visual","artifact":"Manifest","description":"Determines the filter mode that is used"},{"name":"contentTitle","children":[],"type":"string","artifact":"Manifest","description":"Lets you define title for the content area"},{"name":"allFiltersAsInParameters","children":[],"type":"boolean","artifact":"Manifest","description":"All filter fields will be set as in parameter"}]},{"name":"filterBar","children":[{"name":"annotationPath","children":[],"type":"string","artifact":"Manifest","description":"Lets you to add default values for FilterBar using SelectionVariant annotation"},{"name":"smartVariantManagement","children":[],"type":"boolean","artifact":"Manifest","description":"Controls whether smart variant management is active. Default is true."},{"name":"liveMode","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"If liveMode is set, the search will be automatically triggered when a filter value is set."},{"name":"variantManagementHidden","children":[],"type":"boolean","artifact":"Manifest","description":"If you set the flag to true, then standard variant management is not available in the app. The app name is displayed instead.\nIf you set the flag to false or if the flag is not at all contained in the manifest of the app, the standard variant management is available and can be enabled or disabled."},{"name":"subTitleIfVariantMgmtHidden","children":[],"type":"string","artifact":"Manifest","description":"You can choose an app-specific title by setting the corresponding value for the subTitleIfVariantMgmtHidden property."},{"name":"dateSettings","children":[{"name":"useDateRange","children":[],"type":"boolean","artifact":"Manifest","description":"If set to true all date fields with filter restriction interval will be treated as DateTimeRange filters."},{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."}],"type":"object","artifact":"Manifest","description":"Use to set date settings for fields in smart filter bar"},{"name":"showClearOnFB","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Clear button on the FilterBar."},{"name":"showFilterConfiguration","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Filter button on the FilterBar."},{"name":"showRestoreOnFB","children":[],"type":"boolean","artifact":"FlexChange","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Restore button on the FilterBar."},{"name":"selectionFields","children":[{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."},{"name":"customDateRangeImplementation","children":[],"type":"string","artifact":"Manifest","description":"This property references a JS class, which you use to modify the date range value list. You can either remove standard data range values or add custom values.\nThe customDateRangeImplementation setting takes priority followed by filter and selectedValues when excluding date range types."},{"name":"filter","children":[],"type":"array","artifact":"Manifest","description":"You can use the filter settings to include and exclude specific date range values."},{"name":"defaultValue","children":[{"name":"operation","children":[],"type":"DATETOYEAR|LAST2WEEKS|LAST3WEEKS|LAST4WEEKS|LAST5WEEKS|LASTMONTH|LASTQUARTER|LASTWEEK|LASTYEAR|QUARTER1|QUARTER2|QUARTER3|QUARTER4|THISMONTH|THISQUARTER|THISWEEK|THISYEAR|TODAY|TOMORROW|YEARTODATE|YESTERDAY","artifact":"Manifest","description":"The operation property is the value that will be set for semantic date range."}],"type":"object","artifact":"Manifest","description":"You can set a default value for semantic date range."}]}]},{"name":"footer","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"FlexChange","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"FlexChange","control":"sap.m.Button","description":"Defines the Button type."}]}]}]};
+    var treeData = {"name":"ListReport","description":"SAP Fiori elements for OData V2<br>@sap/ux-specification version 1.96.20","type":"schema","children":[{"name":"fitContent","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.f.DynamicPage","description":"Set fitContent to true to optimize the dynamic page responsiveness on small screens and behavior when the DynamicPageHeader is expanded or collapsed."},{"name":"table","children":[{"name":"multiSelect","children":[],"type":"boolean","artifact":"Manifest","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"type","children":[],"type":"string","artifact":"Manifest","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"includeItemInSelection","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.m.Table","description":"Set includeItemInSelection to true if you want items to be selectable when they are clicked rather than after the selection control has been set."},{"name":"popinLayout","children":[],"type":"Block|GridLarge|GridSmall","artifact":"UI5 flexibility","control":"sap.m.Table","description":"popinLayout defines the layout in which the table pop-in rows are rendered."},{"name":"createWithFilters","children":[{"name":"strategy","children":[],"type":"string","artifact":"Manifest","description":"For the new create action to use the filter settings as input, set strategy to \"extension\" and implement the extension function as mentioned in help.sap.com for SAP S/4 HANA, section “Prefilling Fields When Creating a New Entity Using an Extension Point“."}],"type":"object","artifact":"Manifest","description":"createWithFilters adds a new create action that uses the filter settings as input."},{"name":"showDraftToggle","children":[],"type":"boolean","artifact":"Manifest","description":"In the list report and on the object page, you can enable buttons to display and hide draft values. By default, these buttons are hidden. To enable them, set the showDraftToggle flag to true."},{"name":"growingThreshold","children":[],"type":"number","artifact":"UI5 flexibility","control":"sap.m.Table","description":"growingThreshold defines the number of items to be requested from the model for each grow. This property can only be used if the growing property is set to true."},{"name":"createWithParameterDialog","children":[{"name":"fields","children":[{"name":"path","children":[],"type":"string","artifact":"Manifest"}]}],"type":"object","artifact":"Manifest","description":"You can enable the creation of objects that have a maximum of 8 data fields through a dialog in the list report page."},{"name":"selectAll","children":[],"type":"boolean","artifact":"Manifest","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","artifact":"Manifest","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"showTablePersonalisation","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"The showTablePersonalisation attribute can be set to false to hide the table personalization button."},{"name":"useExportToExcel","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"useExportToExcel must be set to true if you want to export data to a spreadsheet application, for example Microsoft Excel."},{"name":"exportType","children":[],"type":"GW|UI5Client","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"Specifies the type of export to be used in the SmartTable control. UI5Client is the default option."},{"name":"fitContainer","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smarttable.SmartTable","description":"Set to false if the table does not occupy the entire space available in the container."},{"name":"quickVariantSelection","children":[{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."}],"type":"object","artifact":"Manifest","description":"With quickVariantSelection you can switch on the multiple view feature. It links to variants you must have added to your annotations beforehand."},{"name":"quickVariantSelectionX","children":[{"name":"enableAutoBinding","children":[],"type":"boolean","artifact":"Manifest","description":"When set to true, this enables automatic binding of the table with either the tableBindingPath (if it exists) or the entitySet property."},{"name":"variants","children":[{"name":"Instance (key = number)","children":[{"name":"entitySet","children":[],"type":"string","description":"Represents the entity set that will be displayed in this variant"},{"name":"multiSelect","children":[],"type":"boolean","description":"Single selection in tables is enabled by default. If you want, you can enable multi-select."},{"name":"selectAll","children":[],"type":"boolean","description":"The 'Select All' button is disabled by default. To enable it, set selectAll to true."},{"name":"selectionLimit","children":[],"type":"number","description":"If new data needs to be loaded from the back-end system for this, the number of lines to be loaded is restricted to the specified limit. The default value for this limit is 200. If selectAll is true, the selection limit is not evaluated."},{"name":"type","children":[],"type":"string","description":"Use type to define the table type. Note: Grid tables, analytical tables, and tree tables cannot be rendered on smartphones. Instead, responsive tables always show on smartphones."},{"name":"showItemNavigationOnChart","children":[],"type":"boolean","description":"To enable navigation for charts, you have to set the property to \"true\" and maintain an internal navigation target in the manifest."},{"name":"inlineDelete","children":[],"type":"boolean","description":"Used to enable inline deletion in a responsive table of list report and object page"},{"name":"key","children":[],"type":"string","description":"A key entry that is used for initializing the corresponding SegmentedButton item. This entry is mandatory."},{"name":"annotationPath","children":[],"type":"string","description":"Use annotationPath to define a specific variant that points to a SelectionVariant or SelectionPresentationVariant annotation."}]}],"type":"object","artifact":"Manifest","description":"The variants section contains a set of entries that point to SelectionVariants or SelectionPresentationVariants defined in the annotations."},{"name":"showCounts","children":[],"type":"boolean","artifact":"Manifest","description":"To show the number of records available, set showCounts to true."}],"type":"object","artifact":"Manifest","description":"Switch on the multiple view feature (Multiple table mode with charts) and link to the variants you have added to your annotations."},{"name":"condensedTableLayout","children":[],"type":"boolean","artifact":"Manifest","description":"For analytical tables, grid tables and tree tables you can define a condensed table layout by setting condensedTableLayout to true."},{"name":"enableTableFilterInPageVariant","children":[],"type":"boolean","artifact":"Manifest","description":"If you have enabled harmonized variant management, by default, you cannot set a filter in the table personalization settings.\nTo enable filtering, set the enableTableFilterInPageVariant property to true."},{"name":"dataLoadSettings","children":[{"name":"loadDataOnAppLaunch","children":[],"type":"always|ifAnyFilterExist|never","artifact":"Manifest","description":"Change the default behavior for autoloading of data.\nFor multi-view scenarios, you can also change the setting enableAutobinding to False under quickVariantSelectionX instead of using the loadDataOnAppLaunch setting."}],"type":"object","artifact":"Manifest","description":"Change the default behavior for autoloading of data."},{"name":"toolBar","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Defines the Button type."}]}],"type":"object","description":"Tool Bar"},{"name":"columns","children":[{"name":"columnId","children":[{"name":"width","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Column","description":"The width property defines the width of the column."},{"name":"hAlign","children":[],"type":"Begin|Center|End|Initial|Left|Right","artifact":"UI5 flexibility","control":"sap.m.Column","description":"The hAlign property defines the horizontal alignment of the column content."},{"name":"tooltip","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Defines the Button type."}],"type":"object","description":"Columns"}]},{"name":"inlineDelete","children":[],"type":"boolean","artifact":"Manifest","description":"Used to enable inline deletion in a responsive table of list report and object page"},{"name":"qualifier","children":[],"type":"string","artifact":"Manifest","description":"Represents the SelectionPresentationVariant qualifier. ALP looks for SelectionPresentationVariant with this qualifier and if not found, it looks for PresentationVariant with this qualifier."},{"name":"defaultContentView","children":[],"type":"chart|charttable|table","artifact":"Manifest","description":"Determines the visualization of content area"},{"name":"defaultFilterMode","children":[],"type":"compact|visual","artifact":"Manifest","description":"Determines the filter mode that is used"},{"name":"contentTitle","children":[],"type":"string","artifact":"Manifest","description":"Lets you define title for the content area"},{"name":"allFiltersAsInParameters","children":[],"type":"boolean","artifact":"Manifest","description":"All filter fields will be set as in parameter"}]},{"name":"filterBar","children":[{"name":"annotationPath","children":[],"type":"string","artifact":"Manifest","description":"Lets you to add default values for FilterBar using SelectionVariant annotation"},{"name":"smartVariantManagement","children":[],"type":"boolean","artifact":"Manifest","description":"Controls whether smart variant management is active. Default is true."},{"name":"liveMode","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"If liveMode is set, the search will be automatically triggered when a filter value is set."},{"name":"variantManagementHidden","children":[],"type":"boolean","artifact":"Manifest","description":"If you set the flag to true, then standard variant management is not available in the app. The app name is displayed instead.\nIf you set the flag to false or if the flag is not at all contained in the manifest of the app, the standard variant management is available and can be enabled or disabled."},{"name":"subTitleIfVariantMgmtHidden","children":[],"type":"string","artifact":"Manifest","description":"You can choose an app-specific title by setting the corresponding value for the subTitleIfVariantMgmtHidden property."},{"name":"dateSettings","children":[{"name":"useDateRange","children":[],"type":"boolean","artifact":"Manifest","description":"If set to true all date fields with filter restriction interval will be treated as DateTimeRange filters."},{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."}],"type":"object","artifact":"Manifest","description":"Use to set date settings for fields in smart filter bar"},{"name":"showClearOnFB","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Clear button on the FilterBar."},{"name":"showFilterConfiguration","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Filter button on the FilterBar."},{"name":"showRestoreOnFB","children":[],"type":"boolean","artifact":"UI5 flexibility","control":"sap.ui.comp.smartfilterbar.SmartFilterBar","description":"Handles visibility of the Restore button on the FilterBar."},{"name":"selectionFields","children":[{"name":"selectedValues","children":[],"type":"array","artifact":"Manifest","description":"The selectedValues property is a set of standard date range values that you want to include or exclude."},{"name":"exclude","children":[],"type":"boolean","artifact":"Manifest","description":"The exclude property is set to True by default. This means excluding all values given as selectedValues from the list of date range filters. If the exclude property is set to False, the application shows only selected values in the list of date range filters."},{"name":"customDateRangeImplementation","children":[],"type":"string","artifact":"Manifest","description":"This property references a JS class, which you use to modify the date range value list. You can either remove standard data range values or add custom values.\nThe customDateRangeImplementation setting takes priority followed by filter and selectedValues when excluding date range types."},{"name":"filter","children":[],"type":"array","artifact":"Manifest","description":"You can use the filter settings to include and exclude specific date range values."},{"name":"defaultValue","children":[{"name":"operation","children":[],"type":"DATETOYEAR|LAST2WEEKS|LAST3WEEKS|LAST4WEEKS|LAST5WEEKS|LASTMONTH|LASTQUARTER|LASTWEEK|LASTYEAR|QUARTER1|QUARTER2|QUARTER3|QUARTER4|THISMONTH|THISQUARTER|THISWEEK|THISYEAR|TODAY|TOMORROW|YEARTODATE|YESTERDAY","artifact":"Manifest","description":"The operation property is the value that will be set for semantic date range."}],"type":"object","artifact":"Manifest","description":"You can set a default value for semantic date range."}]}]},{"name":"footer","children":[{"name":"actions","children":[{"name":"tooltip","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"The text of the button tooltip, preferably as an i18n key."},{"name":"icon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Icon to be displayed as graphical element within the Button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"activeIcon","children":[],"type":"string","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Alternative icon for the active (depressed) state of the button. Can be an image or icon from the icon font (https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons), represented as RFC 3986 conformant URI."},{"name":"type","children":[],"type":"Accept|Attention|Back|Critical|Default|Emphasized|Ghost|Negative|Neutral|Reject|Success|Transparent|Unstyled|Up","artifact":"UI5 flexibility","control":"sap.m.Button","description":"Defines the Button type."}]}]}]};
 </script>
 <script type="module" src="./../runDocu-min.js"></script>