{ "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json", "name": "@furo/ui5", "version": "1.18.1", "description-markup": "markdown", "js-types-syntax": "typescript", "default-icon": "icon.svg", "contributions": { "html": { "elements": [ { "name": "furo-ui5-barcode-scanner-dialog", "source": { "module": "./src/furo-ui5-barcode-scanner-dialog.js", "symbol": "FuroUi5BarcodeScannerDialog" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-barcode-scanner-dialog' component provides barcode scanning functionality for all devices that\nsupport the MediaDevices.getUserMedia() native API. Opening the dialog launches the device camera and scans for known barcode formats.\nInternally, the component uses the zxing-js/library third party OSS. For a list of supported barcode formats, see the\nzxing-js/library documentation. https://github.com/zxing-js/library\n\nIt supports all features from the [SAP ui5 Barcode Scanner Dialog element](https://sap.github.io/ui5-webcomponents/playground/components/BarcodeScannerDialog/).\n\nYou can bind any `string` type, like `furo.fat.String` type or the `google.protobuf.StringValue` type.\n\n```html\n Open Scanner\n \n\n```\n\n## Methods\n**bindData(fieldNode)**\nBind an entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-barcode-scanner-dialog/", "attributes": [ ] , "js": { "properties": [ ], "methods": [], "events": [ { "name": "scan-success", "priority": "highest", "description": " Fires when the scan is completed successfuuly.", "value": { "type": "String" } } , { "name": "scan-error", "priority": "highest", "description": " Fires when the scan fails with error.", "value": { "type": "String" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-bool-icon", "source": { "module": "./src/furo-ui5-bool-icon.js", "symbol": "FuroDataBoolIcon" }, "deprecated": false, "experimental": false, "description": "Displays a icon/symbol for a boolean value\n\nThis component uses the SAP Ui5 icons.\nhttps://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\n\n```html\n\n```\n\nOnly `@ui5/webcomponents-icons/dist/navigation-down-arrow.js` and `@ui5/webcomponents-icons/dist/navigation-right-arrow.js` are imported.\nIf you set other icons, please do not forget to import them.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-bool-icon/", "attributes": [{ "name": "symboltrue", "type": "string", "priority": "highest", "description": "Defines the icon for the true state.", "default": "'navigation-down-arrow'" }, { "name": "symbolfalse", "type": "string", "priority": "highest", "description": "Defines the icon for the false state.", "default": "'navigation-right-arrow'" } ] , "js": { "properties": [{ "name": "symboltrue", "type": "string", "priority": "high", "description": "Defines the icon for the true state.", "default": "'navigation-down-arrow'" }, { "name": "symbolfalse", "type": "string", "priority": "high", "description": "Defines the icon for the false state.", "default": "'navigation-right-arrow'" }, { "name": "field", "type": "object", "priority": "high", "description": "", "default": "{}" } ], "methods": [ { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode\n\nSupported types: `bool`", "value": { "type": "string", "required": true } } , { "name": "toggle", "description": "Toggles the icon.", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-busy-indicator", "source": { "module": "./src/furo-ui5-busy-indicator.js", "symbol": "FuroUiBusyIndicator" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-busy-indicator signals that some operation is going on and that the user must wait.\n\n```html\n\n```\n\nhttps://sap.github.io/ui5-webcomponents/playground/components/BusyIndicator/", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-busy-indicator/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "activate", "description": "Sets the busy indicator state to active", "value": { "type": "string", "required": true } } , { "name": "deactivate", "description": "Sets the busy indicator state to inactive", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-button", "source": { "module": "./src/furo-ui5-button.js", "symbol": "FuroUi5Button" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-button component represents a simple push button. It enables users to trigger actions by clicking or\ntapping the furo-ui5-button, or by pressing certain keyboard keys, such as Enter.\nUsage\nFor the furo-ui5-button UI, you can define text, icon, or both. You can also specify whether the text or the icon is displayed first.\n\n```html\nRegister\n```\n\nYou can choose from a set of predefined types that offer different styling to correspond to the triggered action.\n\nYou can set the furo-ui5-button as enabled or disabled.\nAn enabled ui5-button can be pressed by clicking or tapping it.\nThe button changes its style to provide visual feedback to the user that it is pressed or hovered over with the mouse cursor.\nA disabled furo-ui5-button appears inactive and cannot be pressed.\n\nWhat is different from ui5-button?\nWith flow based programming it's usual to address functions. So we added two convenience functions for\n- disabling => fn-disable\n- enabling => fn-enable\n\nhttps://sap.github.io/ui5-webcomponents/playground/components/Button/", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-button/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "disable", "description": "Sets the button state to disabled", "value": { "type": "string", "required": true } } , { "name": "enable", "description": "Sets the button state to enabled", "value": { "type": "string", "required": true } } , { "name": "show", "description": "shows the button, when it was hidden before", "value": { "type": "string", "required": true } } , { "name": "hide", "description": "hides the button", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-card", "source": { "module": "./src/furo-ui5-card.js", "symbol": "FuroUi5Card" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-card is a bindable card that represents information in the form of a tile with\nseparate header and content areas.\n\n```html\n \n
Action
\n
content goes here
\n \n```\n\n## How To Use Semantic Colors\nYou can use semantic colors to visualize the status or state. Set the attribute design=\"\" with the following values:\n- Positive (--sapPositiveColor)\n- Negative (--sapNegativeColor)\n- Critical (--sapCriticalColor)\n- Neutral (--sapCriticalColor)\n\n```html\n \n
content goes here
\n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-card/", "attributes": [{ "name": "heading", "type": "string", "priority": "highest", "description": "Defines the title displayed in the ui5-card header.", "default": "''" }, { "name": "subheading", "type": "string", "priority": "highest", "description": "Defines the subheading displayed in the ui5-card header.", "default": "''" }, { "name": "icon", "type": "string", "priority": "highest", "description": "Defines the visual representation in the header of the card. Supports images and icons.\nhttps://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html", "default": "''" }, { "name": "status", "type": "string", "priority": "highest", "description": "Defines the status text displayed in the card header (upper right).\n\nBy enabling the status, actions are not visible.", "default": "''" }, { "name": "header-interactive", "type": "boolean", "priority": "highest", "description": "Defines if the ui5-card header would be interactive, e.g gets hover effect, gets focused and header-click event is fired, when it is pressed.", "default": "false" }, { "name": "no-content-padding", "type": "boolean", "priority": "highest", "description": "Shows the content slot area with no padding", "default": "false" } ], "slots": [ { "name": "action", "description": "defines an action, displayed in the right most part of the header. Note: If status is set, the status text will be displayed, you can either have action, or status." } , { "name": "content", "description": "defines the content of the card" } ] , "js": { "properties": [{ "name": "icon", "type": "string", "priority": "high", "description": "Defines the visual representation in the header of the card. Supports images and icons.\nhttps://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html", "default": "''" }, { "name": "heading", "type": "string", "priority": "high", "description": "Defines the title displayed in the ui5-card header.", "default": "''" }, { "name": "subheading", "type": "string", "priority": "high", "description": "Defines the subheading displayed in the ui5-card header.", "default": "''" }, { "name": "status", "type": "string", "priority": "high", "description": "Defines the status text displayed in the card header (upper right).\n\nBy enabling the status, actions are not visible.", "default": "''" }, { "name": "headerInteractive", "type": "boolean", "priority": "high", "description": "Defines if the ui5-card header would be interactive, e.g gets hover effect, gets focused and header-click event is fired, when it is pressed.", "default": "false" }, { "name": "noContentPadding", "type": "boolean", "priority": "high", "description": "Shows the content slot area with no padding", "default": "false" } ], "methods": [ { "name": "bind-heading", "description": "Binds any **scalar** field to set the title of the panel.\n\nSupported types: scalar types e.g. `string`", "value": { "type": "string", "required": true } } , { "name": "bind-icon", "description": "Binds a FieldNode to set the icon of the panel.\n\nDo not forget to import the icon you will use in your component.\n\nSupported types: `string`", "value": { "type": "string", "required": true } } , { "name": "bind-subheading", "description": "Binds any **scalar** field to set the subtitle of the panel.\n\nSupported types: scalar types e.g. `string`", "value": { "type": "string", "required": true } } , { "name": "bind-nav-node", "description": "Binds a FieldNode with the following signature:\n\n- display_name (`string`)\n- secondary_text (`string`)\n- icon (`string`)", "value": { "type": "string", "required": true } }], "events": [ { "name": "header-clicked", "priority": "highest", "description": "Fired when the card head is clicked. The header-interactive attribute must be set.", "value": { "type": "" } } , { "name": "header-click", "priority": "highest", "description": "Fired when interactive header was clicked.", "value": { "type": "" } } ] } }, { "name": "furo-ui5-chart-display", "source": { "module": "./src/furo-ui5-chart-display.js", "symbol": "FuroUi5ChartDisplay" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-chart-display is the render component\nto display charts with apex the apex charts lib (https://github.com/apexcharts/apexcharts.js).\n\n Use `furo-ui5-chart` to connect your data.\n\n ```html\n \n \n \n ```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-chart-display/", "attributes": [{ "name": "chart-type", "type": "String", "priority": "highest", "description": "\nline, area, bar are mixable\n\nradar, scatter, heatmap\n\npie donut polarArea radialBar can only consume 1 data series" }, { "name": "title-text", "type": "String", "priority": "highest", "description": "Set the title." }, { "name": "title-align", "type": "String", "priority": "highest", "description": "Aligns the title. Possible values are 'left', 'center', 'right'\n\nDefault is **left**" }, { "name": "title-offset-x", "type": "Number", "priority": "highest", "description": "Moves the title for n pixels on the x-axis from the alignment direction" }, { "name": "title-offset-y", "type": "Number", "priority": "highest", "description": "Moves the title for n pixels on the y-axis from the alignment direction" }, { "name": "no-data-text", "type": "String", "priority": "highest", "description": "Set the text to display, if no data is given.\n\nIf this option is not set, the default is **No data.**" }, { "name": "stacked", "type": "Boolean", "priority": "highest", "description": "WORK IN PROGRESS\nStacked bar charts are not mixable" }, { "name": "data-labels", "type": "Boolean", "priority": "highest", "description": "Enable labels with data on every item." }, { "name": "fixed-height", "type": "Number", "priority": "highest", "description": "Set a fixed height for the plot. Default is auto, this can be useful if you need to control the heights" }, { "name": "tooltip", "type": "Boolean", "priority": "highest", "description": "show a tooltip on mouseover" }, { "name": "legend", "type": "Boolean", "priority": "highest", "description": "Enables the legend on bottom left with offset 0:0" }, { "name": "grid", "type": "Boolean", "priority": "highest", "description": "Draw the horizontal grid lines" }, { "name": "legend-align", "type": "String", "priority": "highest", "description": "Aligns the legend to `left` `center` `right`\n\ndefault is **left**" }, { "name": "legend-position", "type": "String", "priority": "highest", "description": "Set the position of the legend to `top`, `right`, `bottom`, `left`\n\nDefault is **bottom**" }, { "name": "legend-offset-x", "type": "Number", "priority": "highest", "description": "Moves the legend in the **x** direction for n pixels from `legend-position`" }, { "name": "legend-offset-y", "type": "Number", "priority": "highest", "description": "Moves the legend in the **y** direction for n pixels from `legend-position`" }, { "name": "toolbar", "type": "Boolean", "priority": "highest", "description": "Enables the toolbar" }, { "name": "toolbar-download", "type": "Boolean", "priority": "highest", "description": "Enables the download option in the toolbar (svg,csv,png)" }, { "name": "plot-horizontal", "type": "boolean", "priority": "highest", "description": "Enable this to draw the bars horizontally" }, { "name": "sparkline", "type": "Boolean", "priority": "highest", "description": "Hides all elements of the chart other than the primary graphic.\nUse this to visualize data in very small areas." }, { "name": "zebra", "type": "String", "priority": "highest", "description": "set zebra color like zebra=\"#f3f4f5, #fff\" to get stripes" }, { "name": "xaxis-title", "type": "String", "priority": "highest", "description": "Give the x-axis a title which will be displayed below the axis labels by default." }, { "name": "xaxis-datetime", "type": "Boolean", "priority": "highest", "description": "Set this to true if you have datetime, google.type.date or timestamp data on the x-axis" } ] , "js": { "properties": [{ "name": "sparkline", "type": "Boolean", "priority": "high", "description": "Hides all elements of the chart other than the primary graphic.\nUse this to visualize data in very small areas." }, { "name": "xaxisTitle", "type": "String", "priority": "high", "description": "Give the x-axis a title which will be displayed below the axis labels by default." }, { "name": "xaxisDatetime", "type": "Boolean", "priority": "high", "description": "Set this to true if you have datetime, google.type.date or timestamp data on the x-axis" }, { "name": "zebra", "type": "String", "priority": "high", "description": "set zebra color like zebra=\"#f3f4f5, #fff\" to get stripes" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Set the text to display, if no data is given.\n\nIf this option is not set, the default is **No data.**" }, { "name": "legend", "type": "Boolean", "priority": "high", "description": "Enables the legend on bottom left with offset 0:0" }, { "name": "dataLabels", "type": "Boolean", "priority": "high", "description": "Enable labels with data on every item." }, { "name": "tooltip", "type": "Boolean", "priority": "high", "description": "show a tooltip on mouseover" }, { "name": "legendAlign", "type": "String", "priority": "high", "description": "Aligns the legend to `left` `center` `right`\n\ndefault is **left**" }, { "name": "legendPosition", "type": "String", "priority": "high", "description": "Set the position of the legend to `top`, `right`, `bottom`, `left`\n\nDefault is **bottom**" }, { "name": "legendOffsetX", "type": "Number", "priority": "high", "description": "Moves the legend in the **x** direction for n pixels from `legend-position`" }, { "name": "legendOffsetY", "type": "Number", "priority": "high", "description": "Moves the legend in the **y** direction for n pixels from `legend-position`" }, { "name": "toolbar", "type": "Boolean", "priority": "high", "description": "Enables the toolbar" }, { "name": "toolbarDownload", "type": "Boolean", "priority": "high", "description": "Enables the download option in the toolbar (svg,csv,png)" }, { "name": "plotHorizontal", "type": "boolean", "priority": "high", "description": "Enable this to draw the bars horizontally" }, { "name": "grid", "type": "Boolean", "priority": "high", "description": "Draw the horizontal grid lines" }, { "name": "chartType", "type": "String", "priority": "high", "description": "\nline, area, bar are mixable\n\nradar, scatter, heatmap\n\npie donut polarArea radialBar can only consume 1 data series" }, { "name": "stacked", "type": "Boolean", "priority": "high", "description": "WORK IN PROGRESS\nStacked bar charts are not mixable" }, { "name": "titleText", "type": "String", "priority": "high", "description": "Set the title." }, { "name": "titleAlign", "type": "String", "priority": "high", "description": "Aligns the title. Possible values are 'left', 'center', 'right'\n\nDefault is **left**" }, { "name": "titleOffsetX", "type": "Number", "priority": "high", "description": "Moves the title for n pixels on the x-axis from the alignment direction" }, { "name": "titleOffsetY", "type": "Number", "priority": "high", "description": "Moves the title for n pixels on the y-axis from the alignment direction" }, { "name": "fixedHeight", "type": "Number", "priority": "high", "description": "Set a fixed height for the plot. Default is auto, this can be useful if you need to control the heights" }, { "name": "apexOptions", "type": "object", "priority": "high", "description": "", "default": "{\n series: [],\n yaxis: [],\n // belize qualitative color palette\n // node_modules/@ui5/webcomponents-theming/dist/themes/sap_fiori_3/css_variables.css\n colors: [\n 'var(--sapChart_OrderedColor_1 , #5899da)',\n 'var(--sapChart_OrderedColor_2 , #e8743b)',\n 'var(--sapChart_OrderedColor_3 , #19a979)',\n 'var(--sapChart_OrderedColor_4 , #ed4a7b)',\n 'var(--sapChart_OrderedColor_5 , #945ecf)',\n 'var(--sapChart_OrderedColor_6 , #13a4b4)',\n 'var(--sapChart_OrderedColor_7 , #525df4)',\n 'var(--sapChart_OrderedColor_8 , #bf399e)',\n 'var(--sapChart_OrderedColor_9 , #6c8893)',\n 'var(--sapChart_OrderedColor_10 ,: #ee6868)',\n 'var(--sapChart_OrderedColor_11 ,: #2f6497)',\n ],\n noData: {\n text: 'No data.',\n align: 'center',\n verticalAlign: 'middle',\n offsetX: 0,\n offsetY: 0,\n style: {\n color: undefined,\n fontSize: '14px',\n fontFamily: undefined,\n },\n },\n chart: {\n // height: 550,\n fontFamily: 'var(--sapFontFamily, Helvetica, Arial, sans-serif)',\n foreColor: 'var(--sapTextColor)',\n type: 'line',\n stacked: false,\n background: 'unset',\n events: {},\n toolbar: {\n show: false, // disable by default\n tools: {\n download: false,\n selection: true,\n zoom: true,\n zoomin: true,\n zoomout: true,\n pan: true,\n reset: true,\n },\n },\n sparkline: {\n enabled: false,\n },\n },\n grid: {\n show: false, // https://apexcharts.com/docs/options/grid/\n // zebra\n // row: {\n // colors: [\"#f3f4f5\", \"#fff\"],\n // }\n },\n dataLabels: {\n enabled: false,\n },\n\n title: {\n // text: 'XYZ - Analysis',\n align: 'left',\n // offsetX: 70,\n },\n stroke: {},\n\n tooltip: {\n enabled: false,\n fixed: {\n enabled: false,\n position: 'topLeft', // topRight, topLeft, bottomRight, bottomLeft\n offsetY: 30,\n offsetX: 160,\n },\n },\n legend: {\n show: false,\n position: 'bottom',\n horizontalAlign: 'left',\n offsetX: 0,\n offsetY: 0,\n formatter: (seriesName, opts) => {\n if (\n opts.w.config.yaxis[opts.seriesIndex] &&\n opts.w.config.yaxis[opts.seriesIndex].legendLabel\n ) {\n return [opts.w.config.yaxis[opts.seriesIndex].legendLabel];\n }\n return [seriesName];\n },\n },\n plotOptions: {},\n xaxis: {\n // type: \"datetime\",\n\n // tickAmount: 6,\n title: {\n text: undefined,\n },\n },\n }" } ], "methods": [], "events": [ { "name": "data-point-clicked", "priority": "highest", "description": " Fired when a marker for this data source was clicked. Note: the event is fired from the furo-ui5-chart", "value": { "type": "Fieldnode" } } ] } }, { "name": "furo-ui5-chart", "source": { "module": "./src/furo-ui5-chart.js", "symbol": "FuroUi5Chart" }, "deprecated": false, "experimental": false, "description": "furo-ui5-chart connects data objects (repeaterNodes) with the charting lib.\n\n Use multiple binders if you need more then one series per chart.\n\n ```html\n \n \n \n ```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-chart/", "attributes": [{ "name": "data-field", "type": "String", "priority": "highest", "description": "Define the data field or fields here. For most charts this is **the y axis**.\n\nSome charts requires more then one data field (i.e. bubbles want at least 3 fields `data-field=\"data.start.day, data.end.day, data.start.day\"` )." }, { "name": "category-field", "type": "String", "priority": "highest", "description": "Define the category field here (only 1 field). You can think of this as it is the x axis for your chart." }, { "name": "legend-label", "type": "String", "priority": "highest", "description": "Label the Series for the legend. This text is also shown on the tooltips. This is useful when you have more then one data series." }, { "name": "series-name", "type": "String", "priority": "highest", "description": "Series with same name will get the same y-axis" }, { "name": "chart-type", "type": "String", "priority": "highest", "description": "**Use this for mixed charts scenarios only**, prefer to define the chart-type on the chart-display.\nSpecify the default type on the display and set the custom type on this binder." }, { "name": "chart-color", "type": "String", "priority": "highest", "description": "If you need to give an explicit color for the series you can use this attribute." }, { "name": "axis-label-opposite", "type": "Boolean", "priority": "highest", "description": "Put the axis label on the opposite site (usually right)" }, { "name": "axis-label", "type": "String", "priority": "highest", "description": "Text for the y axis" }, { "name": "axis-label-color", "type": "String", "priority": "highest", "description": "Custom color for the y axis description text" }, { "name": "axis-border", "type": "Boolean", "priority": "highest", "description": "Show a border on the right side of the y axis descriptions and labels." }, { "name": "axis-border-color", "type": "String", "priority": "highest", "description": "Custom color for the border." }, { "name": "axis-ticks", "type": "Boolean", "priority": "highest", "description": "Show tick marks on the y axis." }, { "name": "axis-tooltip", "type": "Boolean", "priority": "highest", "description": "Show a tooltip with the current value while hovering." }, { "name": "axis-ticks-color", "type": "String", "priority": "highest", "description": "Custom color for the ticks" }, { "name": "chart-curve", "type": "string", "priority": "highest", "description": "Define the curve style for line and area charts.\n\n Possible values: `smooth`, `straight`, `stepline`", "default": "'straight'" }, { "name": "chart-stroke-width", "type": "number", "priority": "highest", "description": "Define the thickness of the lines in px.", "default": "1" }, { "name": "chart-marker-size", "type": "number", "priority": "highest", "description": "Set the size of the markers (hover state) in px.", "default": "0" }, { "name": "xaxis", "type": "String", "priority": "highest", "description": "" } ] , "js": { "properties": [{ "name": "axisLabelOpposite", "type": "Boolean", "priority": "high", "description": "Put the axis label on the opposite site (usually right)" }, { "name": "axisLabel", "type": "String", "priority": "high", "description": "Text for the y axis" }, { "name": "axisLabelColor", "type": "String", "priority": "high", "description": "Custom color for the y axis description text" }, { "name": "axisBorder", "type": "Boolean", "priority": "high", "description": "Show a border on the right side of the y axis descriptions and labels." }, { "name": "axisBorderColor", "type": "String", "priority": "high", "description": "Custom color for the border." }, { "name": "axisTicks", "type": "Boolean", "priority": "high", "description": "Show tick marks on the y axis." }, { "name": "axisTooltip", "type": "Boolean", "priority": "high", "description": "Show a tooltip with the current value while hovering." }, { "name": "axisTicksColor", "type": "String", "priority": "high", "description": "Custom color for the ticks" }, { "name": "seriesName", "type": "String", "priority": "high", "description": "Series with same name will get the same y-axis" }, { "name": "legendLabel", "type": "String", "priority": "high", "description": "Label the Series for the legend. This text is also shown on the tooltips. This is useful when you have more then one data series." }, { "name": "strokeWidth", "type": "number", "priority": "high", "description": "Define the thickness of the lines in px.", "default": "1" }, { "name": "markerSize", "type": "number", "priority": "high", "description": "Set the size of the markers (hover state) in px.", "default": "0" }, { "name": "strokeCurve", "type": "string", "priority": "high", "description": "Define the curve style for line and area charts.\n\n Possible values: `smooth`, `straight`, `stepline`", "default": "'straight'" }, { "name": "dataField", "type": "String", "priority": "high", "description": "Define the data field or fields here. For most charts this is **the y axis**.\n\nSome charts requires more then one data field (i.e. bubbles want at least 3 fields `data-field=\"data.start.day, data.end.day, data.start.day\"` )." }, { "name": "categoryField", "type": "String", "priority": "high", "description": "Define the category field here (only 1 field). You can think of this as it is the x axis for your chart." }, { "name": "chartType", "type": "String", "priority": "high", "description": "**Use this for mixed charts scenarios only**, prefer to define the chart-type on the chart-display.\nSpecify the default type on the display and set the custom type on this binder." }, { "name": "chartColor", "type": "String", "priority": "high", "description": "If you need to give an explicit color for the series you can use this attribute." }, { "name": "xaxis", "type": "String", "priority": "high", "description": "" } ], "methods": [ { "name": "bind-data", "description": "Binds a RepeaterNode to the component.\n\nSupported types: repeated types", "value": { "type": "string", "required": true } }], "events": [ { "name": "data-point-clicked", "priority": "highest", "description": " Fired when a marker for this data source was clicked", "value": { "type": "Fieldnode" } } , { "name": "data-updated", "priority": "highest", "description": " Fired when datasource has updated data", "value": { "type": "data-series" } } ] } }, { "name": "furo-ui5-checkbox-input-labeled", "source": { "module": "./src/furo-ui5-checkbox-input-labeled.js", "symbol": "FuroUi5CheckboxInputLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-checkbox-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-checkbox-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "highest", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "high", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-checkbox-input", "source": { "module": "./src/furo-ui5-checkbox-input.js", "symbol": "FuroUi5CheckboxInput" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-checkbox-input' component allows the user to switch true and false for type Bool with data binding.\n\nIt supports all features from the [SAP ui5 checkbox element](https://sap.github.io/ui5-webcomponents/playground/components/CheckBox/).\n\nBindable FieldNodes: `bool` type, `furo.fat.Bool` type or the `google.wrapper.BoolValue` type.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n| meta | fat | html |\n|------ |----- |------ |\n| 1 | 10 | 100 |\n\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"disabled\":\"true\"** set the element to disabled\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n\nThe constraint **required** will mark the element as required.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-checkbox-input/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "check", "description": "Checks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "uncheck", "description": "Unhecks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the checkbox checked state changes.", "value": { "type": "Boolean" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Boolean" } } ] } }, { "name": "furo-ui5-combobox-labeled", "source": { "module": "./src/furo-ui5-combobox-labeled.js", "symbol": "FuroUi5ComboboxLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-combobox-labeled`\nThe furo-ui5-combobox-labeled is a composition to easily use a complete data combobox with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-combobox-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "desc-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" } ], "slots": [ { "name": "valueStateMessage", "description": "defines the value state message that will be displayed as pop up under the input element." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-combobox", "source": { "module": "./src/furo-ui5-combobox.js", "symbol": "FuroUi5Combobox" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-combobox component represents a drop-down menu with a list of the available options and a text input field\nto narrow down the options. It is commonly used to enable users to select an option from a predefined list.\nUse the function bindOptions to bind a RepeaterNode as an option list.\n\n```html\n\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-combobox/", "attributes": [ ] , "js": { "properties": [{ "name": "activeFieldBinding", "type": "boolean", "priority": "high", "description": "Flag to indicate if a field is attached\nDefault: false", "default": "false" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "wait", "type": "number", "priority": "high", "description": "Debounce time in milliseconds\nDefault value: 250", "default": "250" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `required`,`readonly`,`disabled`, `value-field-path`, `display-field-path`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Overridden bindData of FieldNodeAdapter", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-requested", "priority": "highest", "description": "Fired when typing in input (debounced, default 250ms)", "value": { "type": "value" } } , { "name": "options-updated", "priority": "highest", "description": "Fired after the option list was rebuilt.", "value": { "type": "optionNodeList" } } , { "name": "selection-change", "priority": "highest", "description": "Fired when selection is changed by user interaction", "value": { "type": "selectedOption" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fired after the field value was changed.", "value": { "type": "selectedOption" } } ] } }, { "name": "furo-ui5-context-menu-display", "source": { "module": "./src/furo-ui5-context-menu-display.js", "symbol": "FuroUi5ContextMenuDisplay" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-context-menu-display is the display element for furo-ui5-context-menu and submenus.\nPlace this component as high as needed in your dom.\n\nYou should not interact with this component directly. Use [`furo-ui5-context-menu`](?t=FuroUi5ContextMenu) to show a context menu.\n\nThere is nothing more to do. The menu creates a transparent \"backdrop\" with absolute positions 0 0 0 0\n\n```html\n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-context-menu-display/", "attributes": [ ] , "js": { "properties": [{ "name": "borderDistance", "type": "number", "priority": "high", "description": "Distance for the sub menus in pixel. This value is used to calculate if the menu or sub menu should apear on the left or on the right.", "default": "48" } ], "methods": [ { "name": "hide-menu", "description": "Hides the menu witout selecting anything.\n\nIf you click somewhere on the background, the menu will also disappear.", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-context-menu", "source": { "module": "./src/furo-ui5-context-menu.js", "symbol": "FuroUi5ContextMenu" }, "deprecated": false, "experimental": false, "description": "furo-ui5-context-menu is a context menu or menu element.\n\nA `furo-ui5-context-menu-display` element must be inserted in one of the parent elements of the element where you\nuse the `furo-ui5-context-menu`. The app-shell or even body is a good place for that.\n\n`furo-ui5-context-menu` uses **diplay:inline**, do not forget to change it to display:block if you place it around a block level element.\n\n```html\n \n \n \n```\n\n## Data signature\n\n```yaml\n- type: 'menu.Menuitem #Item signature for a context menu'\n fields:\n icon: 'string:1 #Leading icon of the menu'\n display_name: 'string:2 #String representation of the menu item. Menu item text'\n disabled: 'bool:3 #Display actions as disabled when they can only be used sometimes and under certain conditions.'\n command: 'string:4 #Keyboard command hint'\n leading_divider: 'bool:5 #Item has a leading divider line'\n children: '[] menu.Menuitem:6 #Children of this item'\n```\n\n## Minimal data signature\n\n```yaml\n- type: 'menu.Menuitem #Item signature for a context menu'\n fields:\n id: 'string:1 #Id of the menu item'\n display_name: 'string:2 #String representation of the menu item. Menu item text'\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-context-menu/", "attributes": [{ "name": "context", "type": "string", "priority": "highest", "description": "Use this to set a string value as context." } ], "slots": [ { "name": "", "description": "default slot to add an individual context menu opener component (e.g. furo-icon-button)." } ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Bind your menu object.", "value": { "type": "string", "required": true } } , { "name": "set-context", "description": "Sets the context. Use this if you want to set a Object as context", "value": { "type": "string", "required": true } } , { "name": "trigger", "description": "Triggers the context menu. Set by keyboard to true to focus the first element for keyboard navigation", "value": { "type": "string", "required": true } } , { "name": "trigger-context", "description": "triggers the menu with context", "value": { "type": "string", "required": true } }], "events": [ { "name": "menu-item-selected", "priority": "highest", "description": " Fired when a menu item is selected.", "value": { "type": "{context, menuitem}" } } ] } }, { "name": "furo-ui5-date-picker-labeled", "source": { "module": "./src/furo-ui5-date-picker-labeled.js", "symbol": "FuroUi5DatePickerLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-date-picker-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-date-picker-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-date-picker", "source": { "module": "./src/furo-ui5-date-picker.js", "symbol": "FuroUi5DatePicker" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-date-picker component allows the user to bind an date object like google.type.Date or a date string\nwith ISO 8061 format like \"2020-12-31\" to the ui5 datepicker and edit it.\n\nIt supports all features from the [SAP ui5 DatePicker element](https://sap.github.io/ui5-webcomponents/playground/components/DatePicker/).\n\nYou can define the formatPattern (e.g. 'dd.MM.yyyy' ) to show the date according to format pattern.\n\nYou can bind a `string`, `furo.type.Date` or `google.type.Date`.\n\n```html\n \n \n```\n\nThe text field can be editable or read-only (readonly property), and it can be enabled or disabled (enabled property).\nTo visualize semantic states, such as \"error\" or \"warning\", the valueState property is provided.\nWhen the user makes changes to the date, the change event is fired, which enables you to react on any date change.\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **min:\"1999-12-31\"** set the minDate for the element (use iso date in the constraint)\n- **max:\"1999-12-31\"** set the maxDate for the element (use iso date in the constraint)\n- **pattern:\"1999-12-31\"** set the pattern for the element\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind a entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-date-picker/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "The format pattern for the date.", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `furo.type.Date`, `google.type.Date`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nAttributes that can be se are `value-state`, `placeholder`, `required`,`readonly`,`disabled` `max-date`, `min-date`, `format-pattern`,\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Date" } } , { "name": "change", "priority": "highest", "description": "-Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Date" } } ] } }, { "name": "furo-ui5-date-time-picker-labeled", "source": { "module": "./src/furo-ui5-date-time-picker-labeled.js", "symbol": "FuroUi5DateTimePickerLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-date-time-picker-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-date-time-picker-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "format-pattern", "type": "string", "priority": "highest", "description": "Determines the format, displayed in the input field." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "formatPattern", "type": "string", "priority": "high", "description": "Determines the format, displayed in the input field." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `google.protobuf.Timestamp`, `int32`, `int64`", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-date-time-picker", "source": { "module": "./src/furo-ui5-date-time-picker.js", "symbol": "FuroUi5DateTimePicker" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-date-time-picker component allows the user to bind a date string\nwith IOS 8061 standard in [RFC 3339](https://www.ietf.org/rfc/rfc3339.txt) format likes \"2017-01-15T01:30:15.01Z\" to the ui5 date time picker and edit it.\n\nyou can define the formatPattern (e.g. 'dd.MM.yyyy hh:mm aa' ) to show the date according to format pattern. but the data in\nthe payload will still be in format [RFC 3339](https://www.ietf.org/rfc/rfc3339.txt) (2017-01-15T01:30:15.01Z)\n\nThe text field can be editable or read-only (readonly property), and it can be enabled or disabled (enabled property).\nTo visualize semantic states, such as \"error\" or \"warning\", the valueState property is provided.\nWhen the user makes changes to the datetime, the change event is fired, which enables you to react on any date change.\n\nYou can bind a `string`, `google.protobuf.Timestamp`, `int32`, `int64`.\n\n`int32`, `int64` will be handled as unix timestamps (seconds since epoc) and can not be *empty*.\n\n```html\n \n \n```\n\nThe field can be editable or read-only (readonly property), and it can be enabled or disabled (enabled property).\nTo visualize semantic states, such as \"error\" or \"warning\", the valueState property is provided.\nWhen the user makes changes to the date, the change event is fired, which enables you to react on any date change.\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **min:\"1999-12-31\"** set the minDate for the element (use iso date in the constraint)\n- **max:\"1999-12-31\"** set the maxDate for the element (use iso date in the constraint)\n- **pattern:\"1999-12-31\"** set the pattern for the element\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind a entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-date-time-picker/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "", "default": "''" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" }, { "name": "_attributesFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: undefined,\n placeholder: undefined,\n min: undefined,\n max: undefined,\n pattern: undefined,\n }" }, { "name": "_constraintsFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n required: undefined,\n }" }, { "name": "_privilegedAttributes", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: null,\n placeholder: null,\n required: null,\n disabled: null,\n maxDate: null,\n minDate: null,\n formatPattern: null,\n }" } ], "methods": [ { "name": "-update-fna", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `google.protobuf.Timestamp`, `int32`, `int64`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-node-became-invalid", "description": "overwrite onFnaFieldNodeBecameInvalid function", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } , { "name": "change", "priority": "highest", "description": "Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "" } } ] } }, { "name": "furo-ui5-dialog-display", "source": { "module": "./src/furo-ui5-dialog-display.js", "symbol": "FuroUi5DialogDisplay" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-dialog-display will catch furo-ui5-dialog elements, to display it in the dom of his parent element.\n\nThe first furo-ui5-dialog-display will catch the `furo-ui5-dialog-register` request from a underlying furo-ui5-dialog.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-dialog-display/", "attributes": [ ] , "js": { "properties": [ ], "methods": [] } }, { "name": "furo-ui5-dialog", "source": { "module": "./src/furo-ui5-dialog.js", "symbol": "FuroUi5Dialog" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-dialog is a extended ui5-dialog which can attach itself to a parent dom element.\n\nThis is helpful, when you have used z-indexes in one of the parents, which put the original ui5-dialog behind the backdrop.\n\nUse this component like a regular ui5-dialog and do not forget to place the furo-ui5-dialog-display in one of the parent elements.\n\nIt supports all features from the [SAP ui5 Dialog element](https://sap.github.io/ui5-webcomponents/playground/components/Dialog/).\n\n**important:** Place a furo-ui5-dialog-display in any dom parent of the component where you use furo-ui5-dialog. Your app-shell or body is a good place to do that.\n\n```html\n\n

Content

\n
\n\n\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-dialog/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "show", "description": "shows the dialog", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-dynamic-header", "source": { "module": "./src/furo-ui5-dynamic-header.js", "symbol": "FuroUi5DynamicHeader" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-dynamic-header`\n Header component with action slot", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-dynamic-header/", "attributes": [{ "name": "header-text", "type": "string", "priority": "highest", "description": "Defines the headerText of the component." }, { "name": "header-text-level", "type": "string", "priority": "highest", "description": "Defines the headerTextLevel of the component.", "default": "'H2'" }, { "name": "icon-size", "type": "string", "priority": "highest", "description": "Defines the icon-size of the icon / image.\n\nS, M, L, XL", "default": "'S'" }, { "name": "icon-shape", "type": "string", "priority": "highest", "description": "Defines the icon-shape of the icon / image.\nSquare | Circle", "default": "'Square'" }, { "name": "is-favorite", "type": "boolean", "priority": "highest", "description": "Shows the fovorite icon when set." }, { "name": "shadow", "type": "boolean", "priority": "highest", "description": "Draw a shadow, this is useful when you do not have a `tab-container` after your `dynamic-header`" }, { "name": "show-dropdown", "type": "boolean", "priority": "highest", "description": "Show the dropdown button icon after the header text." }, { "name": "object-icon", "type": "string", "priority": "highest", "description": "Set this value to display an object icon." }, { "name": "big-action", "type": "boolean", "priority": "highest", "description": "Set this attribute to get a bigger action slot." }, { "name": "collapsed", "type": "boolean", "priority": "highest", "description": "Set the collapsed attribute to start in a collapsed state. Header which are pinned by the user in collapsed or expanded state, will override\nthis attribute." }, { "name": "is-pinned", "type": "boolean", "priority": "highest", "description": "Set the is-pinned attribute to disable collapse and exand before unpin." } ] , "js": { "properties": [{ "name": "headerTextLevel", "type": "string", "priority": "high", "description": "Defines the headerTextLevel of the component.", "default": "'H2'" }, { "name": "iconSize", "type": "string", "priority": "high", "description": "Defines the icon-size of the icon / image.\n\nS, M, L, XL", "default": "'S'" }, { "name": "iconShape", "type": "string", "priority": "high", "description": "Defines the icon-shape of the icon / image.\nSquare | Circle", "default": "'Square'" }, { "name": "headerText", "type": "string", "priority": "high", "description": "Defines the headerText of the component." }, { "name": "isFavorite", "type": "boolean", "priority": "high", "description": "Shows the fovorite icon when set." }, { "name": "shadow", "type": "boolean", "priority": "high", "description": "Draw a shadow, this is useful when you do not have a `tab-container` after your `dynamic-header`" }, { "name": "showDropdown", "type": "boolean", "priority": "high", "description": "Show the dropdown button icon after the header text." }, { "name": "objectIcon", "type": "string", "priority": "high", "description": "Set this value to display an object icon." }, { "name": "bigAction", "type": "boolean", "priority": "high", "description": "Set this attribute to get a bigger action slot." }, { "name": "collapsed", "type": "boolean", "priority": "high", "description": "Set the collapsed attribute to start in a collapsed state. Header which are pinned by the user in collapsed or expanded state, will override\nthis attribute." }, { "name": "isPinned", "type": "boolean", "priority": "high", "description": "Set the is-pinned attribute to disable collapse and exand before unpin." } ], "methods": [ { "name": "collapse", "description": "Collapses the header content.\nThis method will do nothing, if the header is pinned .", "value": { "type": "string", "required": true } } , { "name": "expand", "description": "Expands the header content.\nThis method will do nothing, if the header is pinned .", "value": { "type": "string", "required": true } } , { "name": "bind-header-text", "description": "Bind any **scalar** field to set the title of the panel.\nSupported types: scalar types", "value": { "type": "string", "required": true } } , { "name": "bind-secondary-text", "description": "Bind any **scalar** field to set the secondaryText of the panel.", "value": { "type": "string", "required": true } } , { "name": "-toggle", "description": "", "value": { "type": "string", "required": true } } , { "name": "-toggle-on-keyup", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }], "events": [ { "name": "pinned", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } , { "name": "unpinned", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } , { "name": "variant-icon-clicked", "priority": "highest", "description": "Fired when the variant icon (enable with show-dropdown) was clicked.", "value": { "type": "" } } , { "name": "collapsed", "priority": "highest", "description": "Fired when the panel is collapsed.", "value": { "type": "" } } , { "name": "expanded", "priority": "highest", "description": "Fired when the panel is expanded.", "value": { "type": "" } } ] } }, { "name": "furo-ui5-flexible-grid", "source": { "module": "./src/furo-ui5-flexible-grid.js", "symbol": "FuroUi5FlexibleGrid" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-flexible-grid will split your screen contents horizontally (in cols) and put them vertically (left at top)\nwhen the available space is to small.\n\n```html\n \n\n
\n \n
\n \n \n \n \n\n```\n\n## Setting column width\nTo set the width of a column use the `hspan` attribute.\n\n## Fill column to the end of the screen\nTo make a column that uses the available space you have to set a starting point. This can be done with `hstart=\"3\"`\n(begin on cell 3) and the attribute `fill` (fill to the right)\n\n ## full-on-[size]\n To set full width on a specific current size, use `full-on-size-small` , `full-on-size-medium` , `full-on-size-large` ,`full-on-size-xlarge`.\n\n When the available space has the given size, the default hspan are overridden and the full width is used.\n\n ## hstart\n Set the starting point of a filling row with `hstart=\"3\"`.\n\n Available values are `hstart=\"2\"`,...,`hstart=\"9\"`\n\n ## hspan\n Set the horizontal space (the width) with the *hspan* attribute.\n\n Available ranges are from 1 to 9.\n\n `hspan=\"1\"`, `hspan=\"2\"`,...,`hspan=\"9\"`\n\n## Named lines and columns\n**last-col** refers to the last column.\nThere is no line name available", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-flexible-grid/", "attributes": [{ "name": "size-small", "type": "Number", "priority": "highest", "description": "Breakpoint size for small" } ], "slots": [ { "name": "left", "description": "{HTMLElement} - slot to add a component on the left hand side." } , { "name": "", "description": "default slot to add content." } ] , "js": { "properties": [{ "name": "sizeSmall", "type": "Number", "priority": "high", "description": "Breakpoint size for small" } ], "methods": [] } }, { "name": "furo-ui5-form-field-container", "source": { "module": "./src/furo-ui5-form-field-container.js", "symbol": "FuroUi5FormFieldContainer" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-form-field-container gives the user a layout to manage\ninput field and labels according to the design specification of SAP Fiori.\n\nExample\n\n```html\n\n Currency / Units (custom)\n \n \n \n \n\n```\n\nThe form and simple form in size L use a two-column layout within the responsive grid layout by default.\nThat means that the form groups are placed next to each other to have all the information on one screen and to\navoid scrolling. In these columns, the labels are positioned in the same row as the corresponding input field or value.\nSo the form groups adopt the Z layout (reading direction in rows, not in columns).\n\nThe label-field ratio is 4:8:0 by default:\n\n4 grid columns of the responsive grid layout are used by the labels.\n8 grid columns of the responsive grid layout are used by fields.\n0 grid columns of the responsive grid layout are used by empty columns.\n\n\nSize M of the form and simple form also has a single-column layout within the responsive grid layout by default.\nHowever, in size M the labels are positioned in the same row as the corresponding input field or value, and form\ngroups are positioned below each other.\n\nThe label-field ratio is 3:9:0 by default:\n\n2 grid columns of the responsive grid layout are used by the labels.\n10 grid columns of the responsive grid layout are used by the fields.\n0 columns of the responsive grid layout are used by empty columns.\n\n\nSize S (Smartphones and Dialogs)\nThe form and simple form use a single-column layout within the responsive grid layout in size S by default.\nThis means that the form groups are positioned below each other in a single column and the labels are positioned\n`above` the fields to avoid truncation of the labels.\n\nThe label-field ratio is 12:12:0 by default:\n\n12 grid columns of the responsive grid layout are used by the labels.\n(A label handles the space of a whole row.)\n12 grid columns of the responsive grid layout are used by the fields.\n(A field handles the space of a whole row.)\n0 grid columns of the responsive grid layout are used by empty columns.\n(There is no empty space on the right of the field.)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-form-field-container/", "attributes": [ ], "slots": [ { "name": "label", "description": "defines the label to be displayed." } , { "name": "", "description": "defines the form field to be displayed in the container element." } ] , "js": { "properties": [ ], "methods": [], "css": { "properties": [ { "name": "--furo-ui5-form-field-container-grid-row-gap", "description": "grid row gap" } , { "name": "--furo-ui5-form-field-container-grid-column-gap", "description": "grid column gap" } , { "name": "--furo-ui5-form-field-container-label-justify-gap", "description": "label alignment (start, end)" } ] } } }, { "name": "furo-ui5-header-panel", "source": { "module": "./src/furo-ui5-header-panel.js", "symbol": "FuroUi5HeaderPanel" }, "deprecated": false, "experimental": false, "description": "A bindable **header** panel.\n\n**Info**: This component is intended to use as a header panel, if you need panels in your view, consider to use\na ui5-panel directly. That is also the reason that the api does not match with ui5-panel.\n\nThis component is a container which has a header and a content area and is used for grouping and displaying information.\nIt can be collapsed to save space on the screen.\n\n```html\n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-header-panel/", "attributes": [{ "name": "header-text", "type": "string", "priority": "highest", "description": "Header Text", "default": "''" }, { "name": "header-icon", "type": "string", "priority": "highest", "description": "Set this to have a clickable icon on the header line" }, { "name": "header-text-level", "type": "string", "priority": "highest", "description": "Set the level of the header text, default is H2", "default": "'H2'" }, { "name": "secondary-text", "type": "string", "priority": "highest", "description": "sub title", "default": "''" }, { "name": "icon", "type": "string", "priority": "highest", "description": "icon", "default": "''" }, { "name": "icon-size", "type": "string", "priority": "highest", "description": "size of the icon. Available options are: XS S M L XL. Default is S.", "default": "'S'" }, { "name": "collapsed", "type": "boolean", "priority": "highest", "description": "Collapsed", "default": "false" }, { "name": "big-action", "type": "Boolean", "priority": "highest", "description": "Set to true to have a bigger action area (50:50).\n\nThe default ratio for title:action slot is 75:25" }, { "name": "non-interactive", "type": "boolean", "priority": "highest", "description": "Disables the toggler tabindex.", "default": "false" } ], "slots": [ { "name": "action", "description": "defines an action, displayed in the right most part of the header panel." } , { "name": "", "description": "defines the content of the panel ### Styling The following custom properties and mixins are available for styling:" } ] , "js": { "properties": [{ "name": "icon", "type": "string", "priority": "high", "description": "icon", "default": "''" }, { "name": "iconSize", "type": "string", "priority": "high", "description": "size of the icon. Available options are: XS S M L XL. Default is S.", "default": "'S'" }, { "name": "headerText", "type": "string", "priority": "high", "description": "Header Text", "default": "''" }, { "name": "headerTextLevel", "type": "string", "priority": "high", "description": "Set the level of the header text, default is H2", "default": "'H2'" }, { "name": "secondaryText", "type": "string", "priority": "high", "description": "sub title", "default": "''" }, { "name": "collapsed", "type": "boolean", "priority": "high", "description": "Collapsed", "default": "false" }, { "name": "nonInteractive", "type": "boolean", "priority": "high", "description": "Disables the toggler tabindex.", "default": "false" }, { "name": "headerIcon", "type": "string", "priority": "high", "description": "Set this to have a clickable icon on the header line" }, { "name": "bigAction", "type": "Boolean", "priority": "high", "description": "Set to true to have a bigger action area (50:50).\n\nThe default ratio for title:action slot is 75:25" } ], "methods": [ { "name": "bind-header-text", "description": "Bind any **scalar** field to set the title of the panel.\nSupported types: scalar types", "value": { "type": "string", "required": true } } , { "name": "bind-secondary-text", "description": "Bind any **scalar** field to set the secondaryText of the panel.", "value": { "type": "string", "required": true } } , { "name": "bind-nav-node", "description": "bind a furo.navigation.Navigationnode field", "value": { "type": "string", "required": true } } , { "name": "bind-icon", "description": "Bind any **scalar** field to set the title of the panel.\nDo not forget to import the icon you will use in your component.", "value": { "type": "string", "required": true } } , { "name": "toggle-collapse", "description": "toggles the collapse state", "value": { "type": "string", "required": true } }], "events": [ { "name": "collapsed", "priority": "highest", "description": "Fired when panel is collapsed by user interaction.", "value": { "type": "Event" } } , { "name": "expanded", "priority": "highest", "description": "Fired when panel is expanded by user interaction.", "value": { "type": "Event" } } , { "name": "header-icon-clicked", "priority": "highest", "description": "{buttonRef} Fired when the header icon was clicked.", "value": { "type": "" } } ], "css": { "properties": [ { "name": "--furo-ui5-header-panel-icon-color", "description": "Color of the icon" } , { "name": "--furo-ui5-header-panel-icon-background-color", "description": "background Color of the icon" } , { "name": "--furo-ui5-header-panel-splitter-start-color", "description": "the gradient-start hex-Color of the splitter" } , { "name": "--furo-ui5-header-panel-splitter-end-rgba-color", "description": "the gradient-end rgba-Color of the splitter" } ] } } }, { "name": "furo-ui5-markdown", "source": { "module": "./src/furo-ui5-markdown.js", "symbol": "FuroUi5Markdown" }, "deprecated": false, "experimental": false, "description": "`furo-markdown`\n Renders given md data with parseMarkdown or loads a md file with `mdsrc=\"source.md\"`", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-markdown/", "attributes": [{ "name": "unsafe", "type": "Boolean", "priority": "highest", "description": "allow unsafe md. (writing html, components,...)" }, { "name": "mdsrc", "type": "String", "priority": "highest", "description": "source of the md" }, { "name": "markdown", "type": "String", "priority": "highest", "description": "markdown string" } ] , "js": { "properties": [{ "name": "mdsrc", "type": "String", "priority": "high", "description": "source of the md" }, { "name": "markdown", "type": "String", "priority": "high", "description": "markdown string" }, { "name": "markdownRendered", "type": "", "priority": "high", "description": "", "default": "undefined" }, { "name": "unsafe", "type": "Boolean", "priority": "high", "description": "allow unsafe md. (writing html, components,...)" } ], "methods": [ { "name": "fetch-md", "description": "fetch markdown from a url or path", "value": { "type": "string", "required": true } } , { "name": "parse-markdown", "description": "Parse markdown string to html content", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-message-container-display", "source": { "module": "./src/furo-ui5-message-container-display.js", "symbol": "FuroUi5MessageContainerDisplay" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-message-container-display`\n Renders the contenst of a `furo.MessageContainer` or `google.rpc.Status` message.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-message-container-display/", "attributes": [{ "name": "hidden", "type": "boolean", "priority": "highest", "description": "" }, { "name": "no-filter", "type": "Boolean", "priority": "highest", "description": "Removes the filter tabs on top." }, { "name": "_hideFilterSection", "type": "boolean", "priority": "highest", "description": "helper var to hide the filter head section" }, { "name": "disable-scrolling", "type": "Boolean", "priority": "highest", "description": "Disable the scrolling to the element, when the container receives data." } ] , "js": { "properties": [{ "name": "noFilter", "type": "Boolean", "priority": "high", "description": "Removes the filter tabs on top." }, { "name": "disableScrolling", "type": "Boolean", "priority": "high", "description": "Disable the scrolling to the element, when the container receives data." } ], "methods": [ { "name": "bind-root-node", "description": "Bind your root node for the messages.\n\nThe state updates from the injected raw messagecontainer are applied to the fields of the root node.", "value": { "type": "string", "required": true } } , { "name": "bind-message-container", "description": "bindData bind a furo.messagecontainer field node", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }], "events": [ { "name": "message-item-clicked", "priority": "highest", "description": "fired when a", "value": { "type": "Object" } } ] } }, { "name": "furo-ui5-message-strip-display", "source": { "module": "./src/furo-ui5-message-strip-display.js", "symbol": "FuroUi5MessageStripDisplay" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-message-strip-display is the render component for the furo-ui5-message-strip component.\nThe display component can be controlled by several furo-ui5-message-strip components.\n\n```\n \n\n \n \n```\n\n## CSS Style Vars\n- margin-top: var(--FuroUi5MediaSizeIndentationTop, 0);\n- margin-bottom: var(--FuroUi5MediaSizeIndentationBottom, 0);", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-message-strip-display/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "clear-all", "description": "Removes all strips", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-message-strip", "source": { "module": "./src/furo-ui5-message-strip.js", "symbol": "FuroUi5MessageStrip" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-message-strip component enables the embedding of app-related messages. It displays 4 types of messages,\neach with corresponding semantic color and icon: Information, Positive, Warning and Negative.\nEach message can have a Close button, so that it can be removed from the UI, if needed.\n\nIt should be used together witch furo-ui5-message-strip-display. You can place those two components into different places.\nA good place for placing the furo-ui5-message-strip-display is on the app-shell.\nhttps://experience.sap.com/fiori-design-web/message-strip/\n\n ```html\n \n \n \n ```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-message-strip/", "attributes": [{ "name": "hide-close-button", "type": "boolean", "priority": "highest", "description": "Defines whether the MessageStrip renders close button.", "default": "false" }, { "name": "hide-icon", "type": "boolean", "priority": "highest", "description": "Defines whether the MessageStrip will show an icon in the beginning. You can directly provide an icon with the icon slot. Otherwise, the default icon for the type will be used.", "default": "false" }, { "name": "size", "type": "String", "priority": "highest", "description": "define the width of ui5-messagestrip. e.g. 200px" }, { "name": "message", "type": "String", "priority": "highest", "description": "the text message of the message strip" } ] , "js": { "properties": [{ "name": "hideCloseButton", "type": "boolean", "priority": "high", "description": "Defines whether the MessageStrip renders close button.", "default": "false" }, { "name": "hideIcon", "type": "boolean", "priority": "high", "description": "Defines whether the MessageStrip will show an icon in the beginning. You can directly provide an icon with the icon slot. Otherwise, the default icon for the type will be used.", "default": "false" }, { "name": "size", "type": "String", "priority": "high", "description": "define the width of ui5-messagestrip. e.g. 200px" }, { "name": "message", "type": "String", "priority": "high", "description": "the text message of the message strip" } ], "methods": [ { "name": "show-information", "description": "shows an information message\nif the param msg is empty, the attribute message is used.", "value": { "type": "string", "required": true } } , { "name": "show-success", "description": "shows a success message\nif the param msg is empty, the attribute message is used.", "value": { "type": "string", "required": true } } , { "name": "show-warning", "description": "shows a warning message\nif the param msg is empty, the attribute message is used.", "value": { "type": "string", "required": true } } , { "name": "show-error", "description": "shows an error message\nif the param msg is empty, the attribute message is used.", "value": { "type": "string", "required": true } } , { "name": "show-grpc-localized-message", "description": "shows a google rpc status message (message LocalizedMessage)\nProvides a localized error message that is safe to return to the user\nwhich can be attached to an RPC error.\n\nRendering rules:\n- Every @type LocalizedMessage inside of details[] is displayed with a line break in the message strip.\n- One message strip element is created per RPC status.\n\nExample rpc status:\n\n```json\n{\n code :3,\n message : Missing mandatory values ,\n details :[\n { @type : type.googleapis.com/google.rpc.LocalizedMessage , locale : en-GB , message : Please register all the mandatory values. },\n { @type : type.googleapis.com/google.rpc.LocalizedMessage , locale : en-GB , message : If you need help completing the data, call 0800-HELP-FURO. },\n { @type : type.googleapis.com/google.rpc.BadRequest , field_violations :[\n { field : short_form , description : The country designation (short form) should be set. },\n { field : id , description : The id should be ISO Alpha-2 code as described in the ISO 3166 international standard },\n { field : area , description : Please set a value for the field area. }]\n }\n ]}\n```\n\nExample message strip display:\n```\n| X Please register all the mandatory values.\n| If you need help completing the data, call 0800-HELP-FURO.\n```\n\nhttps://github.com/googleapis/googleapis/blob/master/google/rpc/status.proto\nhttps://github.com/googleapis/googleapis/blob/master/google/rpc/error_details.proto", "value": { "type": "string", "required": true } }], "events": [ { "name": "message-strip-closed", "priority": "highest", "description": " Fired when the MessageStrip is closed", "value": { "type": "{Object} payload" } } ] } }, { "name": "furo-ui5-money-input-labeled", "source": { "module": "./src/furo-ui5-money-input-labeled.js", "symbol": "FuroUi5MoneyInputLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-money-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-money-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-money-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-money-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types: `google.type.Money`", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "google.type.Money" } } ] } }, { "name": "furo-ui5-money-input", "source": { "module": "./src/furo-ui5-money-input.js", "symbol": "FuroUi5MoneyInput" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-money-input is a input element composition for FieldNodes of type google.type.Money.\nIt consists of\n- ui5-input of type Number\n- furo-ui5-text-input\n\n You can set currencies dropdown with options in meta or set options attribute as json in element or set currencies as string in element. the three\n ways have priority : currencies > options as attribute > options in meta.\n\n```html\n \n \n \n```\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **required: true** , set the element to required\n\nTags: money input", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-money-input/", "attributes": [{ "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Binds a fieldNode.\n\nSupported types: `google.type.Money`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nAttributes that can be se are `required`,`readonly`,`disabled` ,\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-options-changed", "description": "Checks if options.flags has an entry `currency_list`\nIn this case the option list is applied to the currency field as suggestion items.\n\nIf you use a static option definition in the type specification (furo), you can\ndefine the list as follows:\n\n```\noptions:\n flags:\n - currency_list\n list:\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: Swiss francs (CHF)\n id: CHF\n selected: false\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: Euro (EUR)\n id: EUR\n selected: false\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: US Dollar (USD)\n id: USD\n selected: false\n```", "value": { "type": "string", "required": true } } , { "name": "-convert-data-to-money-obj", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Money" } } ] } }, { "name": "furo-ui5-multi-combobox-labeled", "source": { "module": "./src/furo-ui5-multi-combobox-labeled.js", "symbol": "FuroUi5MultiComboboxLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-multi-combobox-labeled`\nThe furo-ui5-multi-combobox-labeled is a composition to easily use a complete data multi-combobox with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-multi-combobox-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "id-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid", "default": "'id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.", "default": "'id'" } ], "slots": [ { "name": "valueStateMessage", "description": "defines the value state message that will be displayed as pop up under the input element." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid", "default": "'id'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-multi-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-multi-combobox", "source": { "module": "./src/furo-ui5-multi-combobox.js", "symbol": "FuroUi5MultiCombobox" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-multi-combobox component is used to create a drop-down list. The items inside the furo-ui5-multi-combobox define\nthe available options by using the ui5-mcb-item component. Use the function bindOptions to bind a RepeaterNode as a option list.\n\n```html\n\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-multi-combobox/", "attributes": [ ] , "js": { "properties": [{ "name": "activeFieldBinding", "type": "boolean", "priority": "high", "description": "Flag to indicate if a field is attached\nDefault: false", "default": "false" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.\ndefault: id\nThis attribute is related to the option list. optionList[selected].valueFieldPath ==> bound FieldNode", "default": "'id'" }, { "name": "boundFieldIdPath", "type": "string", "priority": "high", "description": "Defines the id field path of the bound FieldNode.\nPoint-separated path to the field\nMust be set if a data binding is specified with a complex type.\ndefault: id\nThis attribute is related to the bound FieldNode.", "default": "'id'" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `required`,`readonly`,`disabled`, `value-field-path`, `display-field-path`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Overridden bindData of FieldNodeAdapter", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "select-options-by-ids", "description": "Selects an option by id.\nThe id field must be comparable.", "value": { "type": "string", "required": true } }], "events": [ { "name": "options-updated", "priority": "highest", "description": "Fired after the option list was rebuilt.", "value": { "type": "optionNodeList" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "[string]" } } ] } }, { "name": "furo-ui5-multi-input-labeled", "source": { "module": "./src/furo-ui5-multi-input-labeled.js", "symbol": "FuroUi5MultiInputLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-multi-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-multi-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-multi-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "show-value-help-icon", "type": "Boolean", "priority": "highest", "description": "Determines whether a value help icon will be should in the end of the input.\n\nPressing the icon will fire `value-help-trigger` event." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-multi-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "showValueHelpIcon", "type": "Boolean", "priority": "high", "description": "Determines whether a value help icon will be should in the end of the input.\n\nPressing the icon will fire `value-help-trigger` event." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types: repeated string", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "" } } ] } }, { "name": "furo-ui5-multi-input", "source": { "module": "./src/furo-ui5-multi-input.js", "symbol": "FuroUi5MultiInput" }, "deprecated": false, "experimental": false, "description": "A furo-ui5-multi-input field allows the user to enter multiple values, which are displayed as ui5-token.\nhttps://sap.github.io/ui5-webcomponents/playground/components/MultiInput/\n\nSupported type: repeated string\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-multi-input/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: repeated string", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-notification-group-display", "source": { "module": "./src/furo-ui5-notification-group-display.js", "symbol": "FuroUi5NotificationGroupDisplay" }, "deprecated": false, "experimental": false, "description": "Notification display component that works together with furo-ui5-notification.\nBest place the furo-ui5-notification-group-display on the main site. then you only need one furo-ui5-notification-group-display.\nyou can also use more furo-ui5-notification-group-display's for special needs. But You have to be sure the furo-ui5-notification-group-display can receive the notification events.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-notification-group-display/", "attributes": [{ "name": "header-text", "type": "string", "priority": "highest", "description": "the header text of the notification", "default": "''" }, { "name": "target", "type": "Object", "priority": "highest", "description": "the target dom object, which sends the notification event" }, { "name": "collapsed", "type": "Boolean", "priority": "highest", "description": "Defines if the group is collapsed or expanded." }, { "name": "show-counter", "type": "Boolean", "priority": "highest", "description": "Defines if the items counter would be displayed." }, { "name": "show-close", "type": "Boolean", "priority": "highest", "description": "Defines if the close button would be displayed." } ] , "js": { "properties": [{ "name": "headerText", "type": "string", "priority": "high", "description": "the header text of the notification", "default": "''" }, { "name": "target", "type": "Object", "priority": "high", "description": "the target dom object, which sends the notification event" }, { "name": "collapsed", "type": "Boolean", "priority": "high", "description": "Defines if the group is collapsed or expanded." }, { "name": "showCounter", "type": "Boolean", "priority": "high", "description": "Defines if the items counter would be displayed." }, { "name": "showClose", "type": "Boolean", "priority": "high", "description": "Defines if the close button would be displayed." } ], "methods": [ { "name": "clear-all", "description": "clear all notifications", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-notification-list-display", "source": { "module": "./src/furo-ui5-notification-list-display.js", "symbol": "FuroUi5NotificationListDisplay" }, "deprecated": false, "experimental": false, "description": "Notification display component that works together with furo-ui5-notification.\nDisplays google.rpc.Status messages in a grouped list.\nhttps://github.com/googleapis/googleapis/blob/master/google/rpc/status.proto.\n\nBest place the furo-ui5-notification-list-display on the main site. then you only need one furo-ui5-notification-list-display.\nyou can also use more than one furo-ui5-notification-list-display for special needs.\nBut you have to be sure the furo-ui5-notification-list-display can receive the notification events from furo-ui5-notification.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-notification-list-display/", "attributes": [{ "name": "header-text", "type": "string", "priority": "highest", "description": "the header text of the notification", "default": "''" }, { "name": "show-close", "type": "Boolean", "priority": "highest", "description": "Defines if the close button would be displayed." }, { "name": "no-data-text", "type": "string", "priority": "highest", "description": "Defines the text that is displayed when the list contains no items.", "default": "'No messages'" }, { "name": "group-title-message", "type": "string", "priority": "highest", "description": "Defines the notification group element title for notifications of type\n\"type.googleapis.com/google.rpc.LocalizedMessage\"", "default": "'Information'" }, { "name": "group-title-help", "type": "string", "priority": "highest", "description": "Defines the notification group element title for notifications of type\n\"type.googleapis.com/google.rpc.Help\"", "default": "'Help'" }, { "name": "group-title-bad-request", "type": "string", "priority": "highest", "description": "Defines the notification group element title for notifications of type\n\"type.googleapis.com/google.rpc.BadRequest\"", "default": "'Bad Request'" } ] , "js": { "properties": [{ "name": "headerText", "type": "string", "priority": "high", "description": "the header text of the notification", "default": "''" }, { "name": "noDataText", "type": "string", "priority": "high", "description": "Defines the text that is displayed when the list contains no items.", "default": "'No messages'" }, { "name": "_notificationCount", "type": "number", "priority": "high", "description": "", "default": "0" }, { "name": "groupTitleHelp", "type": "string", "priority": "high", "description": "Defines the notification group element title for notifications of type\n\"type.googleapis.com/google.rpc.Help\"", "default": "'Help'" }, { "name": "groupTitleBadRequest", "type": "string", "priority": "high", "description": "Defines the notification group element title for notifications of type\n\"type.googleapis.com/google.rpc.BadRequest\"", "default": "'Bad Request'" }, { "name": "groupTitleMessage", "type": "string", "priority": "high", "description": "Defines the notification group element title for notifications of type\n\"type.googleapis.com/google.rpc.LocalizedMessage\"", "default": "'Information'" }, { "name": "_md", "type": "", "priority": "high", "description": "" }, { "name": "showClose", "type": "Boolean", "priority": "high", "description": "Defines if the close button would be displayed." } ], "methods": [ { "name": "parse-grpc-status", "description": "parse grpc status object and set the notification text according to the LocalizedMessage in status.\nhttps://github.com/googleapis/googleapis/blob/master/google/rpc/status.proto.", "value": { "type": "string", "required": true } } , { "name": "parse-notification-message", "description": "parse notification message and set the ui5 notification properties like priority, actions, heading..\nthe notification message should be a furo.notification type:\n{\n id : 1,\n display_name : ,\n heading : heading 1 ,\n message_priority : High ,\n category : warning ,\n category_priority : High ,\n actions : [\n {\n icon : accept ,\n command : accept ,\n text : accept \n },\n {\n icon : message-error ,\n command : reject ,\n text : Reject \n }\n ],\n message : Markdown | Less | Pretty\n--- | --- | ---\n*Still* | `renders` | **nicely**\n1 | 2 | 3 \n}", "value": { "type": "string", "required": true } } , { "name": "-show", "description": "shows grpc status notifications\nimplemented types are:\n- Bad Request with Field Violations\n-", "value": { "type": "string", "required": true } } , { "name": "-dispatch-notification-counter-updates", "description": "", "value": { "type": "string", "required": true } } , { "name": "clear-all", "description": "clear all notifications", "value": { "type": "string", "required": true } }], "events": [ { "name": "notification-counter-update", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires a notification counter changed. Use this event to show the amount of notifications to the user.", "value": { "type": "Number" } } ] } }, { "name": "furo-ui5-notification", "source": { "module": "./src/furo-ui5-notification.js", "symbol": "FuroUi5Notification" }, "deprecated": false, "experimental": false, "description": "furo-ui5-notification should be used together witch furo-ui5-notification-list-display or furo-ui5-notification-group-display. you can place those two components into different places.\nbest place the furo-ui5-notification-list(or group)-display on the main site. then you only need one furo-ui5-notification-list(or group)-display. it can work with n furo-ui5-notification.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-notification/", "attributes": [{ "name": "text", "type": "String", "priority": "highest", "description": "banner text content. Use *word* to mark as strong. Use \n to insert a line break.\n\n*HTML tags will be stripped out.*" }, { "name": "payload", "type": "Object", "priority": "highest", "description": "payload. can be a GRPC error or a notification message collection." }, { "name": "_type", "type": "string", "priority": "highest", "description": "type of the notification. `grpc` or `notification`" } ] , "js": { "properties": [{ "name": "dismissButtonText", "type": "string", "priority": "high", "description": "", "default": "'dismiss'" }, { "name": "text", "type": "String", "priority": "high", "description": "banner text content. Use *word* to mark as strong. Use \n to insert a line break.\n\n*HTML tags will be stripped out.*" }, { "name": "payload", "type": "Object", "priority": "high", "description": "payload. can be a GRPC error or a notification message collection." } ], "methods": [ { "name": "parse-grpc-status", "description": "inject a grpc status object\nparse grpc status object and set the label according to the LocalizedMessage in status.\nhttps://github.com/googleapis/googleapis/blob/master/google/rpc/status.proto .", "value": { "type": "string", "required": true } } , { "name": "inject-notification-collection", "description": "inject an array of notification messages.\nthe notification message should be an array of the following object signature:\n{\n id : 1,\n display_name : ,\n heading : heading 1 ,\n message_priority : High ,\n category : warning ,\n category_priority : High ,\n actions : [\n {\n icon : accept ,\n command : accept ,\n text : accept \n },\n {\n icon : message-error ,\n command : reject ,\n text : Reject \n }\n ],\n message : Markdown | Less | Pretty\n--- | --- | ---\n*Still* | `renders` | **nicely**\n1 | 2 | 3 \n}", "value": { "type": "string", "required": true } } , { "name": "parse-field-validity-messages", "description": "Parses the output of dataObject.getValidityMessages and\ntransforms the incoming data into a google.rpc.Status message of type google.rpc.BadRequest with\na list of field violations as content", "value": { "type": "string", "required": true } }], "events": [ { "name": "open-furo-ui5-notification-requested", "priority": "highest", "description": " Fired when value open banner is requested", "value": { "type": "{Object} this" } } , { "name": "open-furo-ui5-notification-group-requested", "priority": "highest", "description": " Fired when value open banner is requested", "value": { "type": "{Object} this" } } , { "name": "notification-closed.", "priority": "highest", "description": " Fired when notification is closed.", "value": { "type": "{Object} payload" } } , { "name": "notification-custom-action", "priority": "highest", "description": " Fired when notification custom action is triggered. this is a general action event.", "value": { "type": "{Object} payload" } } , { "name": "notification-custom-action-`commandName`", "priority": "highest", "description": " Fired when notification custom action is triggered.", "value": { "type": "{Object} payload" } } ] } }, { "name": "furo-ui5-number-input-labeled", "source": { "module": "./src/furo-ui5-number-input-labeled.js", "symbol": "FuroUi5NumberInputLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-number-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-number-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "furo-ui5-number-input", "source": { "module": "./src/furo-ui5-number-input.js", "symbol": "FuroUi5NumberInput" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-number-input component allows the user to enter and edit numbers with data binding.\nIt supports all features from the [SAP ui5 Input element](https://sap.github.io/ui5-webcomponents/playground/components/Input/).\n\nYou can bind any `number` type, any `furo.fat.xxx` number type, `furo.BigDecimal` or the `google.wrapper.xxx` number types.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n| meta | fat | html |\n|------ |----- |------ |\n| 1 | 10 | 100 |\n\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"required\":\"true\"** set the element to required\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"placeholder\":\"string\"** set the placeholder for the element\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind a entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-number-input/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "furo-ui5-pagination-bar", "source": { "module": "./src/furo-ui5-pagination-bar.js", "symbol": "FuroUi5PaginationBar" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-pagination-bar element loops the hateoas array and finds out the pagination\ninformation like prev, next, first and last\n\n```\n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-pagination-bar/", "attributes": [{ "name": "currentPage", "type": "number", "priority": "highest", "description": "", "default": "0" }, { "name": "first", "type": "boolean", "priority": "highest", "description": "" }, { "name": "prev", "type": "boolean", "priority": "highest", "description": "" }, { "name": "next", "type": "boolean", "priority": "highest", "description": "" }, { "name": "last", "type": "boolean", "priority": "highest", "description": "" } ], "slots": [ { "name": "start", "description": "Defines the content at the start of the bar" } , { "name": "default", "description": "Defines the content in the middle of the bar Tags: pagination" } ] , "js": { "properties": [{ "name": "currentPage", "type": "number", "priority": "high", "description": "", "default": "0" }, { "name": "first", "type": "boolean", "priority": "high", "description": "" }, { "name": "prev", "type": "boolean", "priority": "high", "description": "" }, { "name": "next", "type": "boolean", "priority": "high", "description": "" }, { "name": "last", "type": "boolean", "priority": "high", "description": "" } ], "methods": [ { "name": "inject", "description": "init pagination attributes\nSupported type: furo.Link", "value": { "type": "string", "required": true } }], "events": [ { "name": "hts-injected", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } , { "name": "pagination-first", "priority": "highest", "description": " Is fired if the pagination button 'sys_first_page' was clicked", "value": { "type": "" } } , { "name": "pagination-last", "priority": "highest", "description": " Is fired if the pagination button 'sys_last_page' was clicked", "value": { "type": "" } } , { "name": "pagination-prev", "priority": "highest", "description": " Is fired if the pagination button 'sys_prev_page' was clicked", "value": { "type": "" } } , { "name": "pagination-next", "priority": "highest", "description": " Is fired if the pagination button 'sys_next_page' was clicked", "value": { "type": "" } } ], "css": { "properties": [ { "name": "--furo-ui5-pagination-bar-padding-right", "description": "Right padding definition" } , { "name": "--furo-ui5-pagination-bar-background-color", "description": "Background color" } ] } } }, { "name": "furo-ui5-password-input-labeled", "source": { "module": "./src/furo-ui5-password-input-labeled.js", "symbol": "FuroUi5PasswordInputLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-password-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-password-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-password-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "slots": [ { "name": "icon", "description": "defines the icon to be displayed in the input element." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-password-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types: string, google.protobuf.StringValue, furo.fat.String", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-password-input", "source": { "module": "./src/furo-ui5-password-input.js", "symbol": "FuroUi5PasswordInput" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-password-input' component allows the user to enter and edit password with data binding.\nIt supports all features from the [SAP ui5 Input element](https://sap.github.io/ui5-webcomponents/playground/components/Input/).\n\nYou can bind any `string` type, like `furo.fat.String` type or the `google.protobuf.StringValue` type.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n** meta < fat < html **\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"required\":\"true\"** set the element to required\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"icon\":\"home\"** set the icon\n - **\"placeholder\":\"string\"** set the placeholder for the element\n - **\"max\":\"number\"** set the maximum number of characters available in the input field.\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **max:\"number\"** set the maximum number of characters available in the input field.\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind a entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-password-input/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "type", "type": "string", "priority": "high", "description": "", "default": "'Password'" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" }, { "name": "_attributesFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: undefined,\n placeholder: undefined,\n }" }, { "name": "_constraintsFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n required: undefined,\n max: undefined, // maps to maxlength\n }" }, { "name": "_labelsFromFAT", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: undefined,\n disabled: undefined,\n required: undefined,\n hidden: undefined,\n }" }, { "name": "_attributesFromFAT", "type": "object", "priority": "high", "description": "", "default": "{\n placeholder: undefined,\n max: undefined, // maps to maxlength\n icon: undefined, // updates the icon\n }" }, { "name": "_privilegedAttributes", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: null,\n placeholder: null,\n required: null,\n disabled: null,\n icon: null,\n maxlength: null,\n }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: string, google.protobuf.StringValue, furo.fat.String", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "show", "description": "show password", "value": { "type": "string", "required": true } } , { "name": "hide", "description": "hide password", "value": { "type": "string", "required": true } } , { "name": "toggle-visibility", "description": "toggle visibility of the password. (show/hide) password", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`text`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } , { "name": "icon-clicked", "priority": "highest", "description": "Fired when icon is clicked", "value": { "type": "MouseEvent" } } , { "name": "password-showed", "priority": "highest", "description": "Fired when the password is showed, after calling the show method.", "value": { "type": "void" } } , { "name": "password-hidden", "priority": "highest", "description": "Fired when the password is hidden, after calling the hide() method.", "value": { "type": "void" } } ] } }, { "name": "furo-ui5-progress-indicator", "source": { "module": "./src/furo-ui5-progress-indicator.js", "symbol": "FuroUi5ProgressIndicator" }, "deprecated": false, "experimental": false, "description": "A furo-ui5-progress-indicator shows the progress of a process in a graphical way. To indicate the progress, the inside of the component is filled with a color..\nhttps://sap.github.io/ui5-webcomponents/playground/components/ProgressIndicator/\n\nSupported type: You can bind any `number` type, any `furo.fat.xxx` number type, `furo.BigDecimal` or the `google.wrapper.xxx` number types\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-progress-indicator/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-property", "source": { "module": "./src/furo-ui5-property.js", "symbol": "FuroUi5Property" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-property`\n Field for type **furo.Property**. This can be used to display \"dynamic\" fields aka properties.\n\n `furo-ui5-property` works with repeated types and non repeating property types.\n\n ```html\n \n ```\n\n **Example data for the data-object looks like this**\n\n ```json\n \"single_type_property\": {\n \"data\": {\n \"@type\": \"google.type.Date\",\n \"day\": 8,\n \"month\": 11,\n \"year\": 2022\n },\n \"display_name\": \"a date\",\n \"id\": \"date\",\n \"code\": \"date\",\n \"meta\": {\n \"fields\": {\n \"data\": {\n \"meta\": {\n \"label\": \"Additional fields\",\n \"hint\": \"this is data\"\n },\n \"constraints\": {\n \"min\": {\n \"value\": \"2019-09-09\",\n \"message\": \"to small\"\n }\n }\n }\n }\n }\n }\n ```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-property/", "attributes": [{ "name": "context", "type": "string", "priority": "highest", "description": "Set the context, for the renderers.", "default": "'form'" } ] , "js": { "properties": [{ "name": "context", "type": "string", "priority": "high", "description": "Set the context, for the renderers.", "default": "'form'" } ], "methods": [ { "name": "bind-data", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-typerenderer-labeled", "source": { "module": "./src/furo-ui5-propertylist-display.js", "symbol": "FuroUi5PropertylistDisplay" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-propertylist-display` allows the user to show repeated properties (furo.Property) in a readonly mode.\nFor all other types you can use furo-ui5-typerenderer-labeled.\n\nThe type information of the property is used for the display of the individual attributes.\nE.g.\n```\n[\n {\n \"code\": \"c0a7f550-0fbe-4046-8fa9-60c86327b6b1\",\n \"data\": {\n \"@type\": \"type.googleapis.com/furo.StringProperty\",\n \"data\": \"01032020\"\n },\n \"flags\": [],\n \"display_name\": \"Vertragsbeginn\",\n \"id\": \"246d79a0-0a15-43c5-b18f-ac8a4a449df1\",\n \"meta\": {}\n }\n]\n```\n\nYou can bind the furo.Property type (single and repeated).\n\n```html\n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-typerenderer-labeled/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a RepeaterNode of type furo.Property.", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-radio-button", "source": { "module": "./src/furo-ui5-radio-button.js", "symbol": "FuroUi5RadioButton" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-radio-button' component allows the user to switch true and false for Bool with data binding.\n\nIt supports all features from the [SAP ui5 toggleButton element](https://sap.github.io/ui5-webcomponents/playground/components/ToggleButton/).\n\nYou can bind `bool` type, `furo.fat.Bool` type or the `google.wrapper.BoolValue` type.\n\n```html\n \n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n| meta | fat | html |\n|------ |----- |------ |\n| 1 | 10 | 100 |\n\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"icon\":\"\"** set the icon\n - **\"value-state\":\"\"** set the value-state\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n\nThe constraint **required** will mark the element as required\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-radio-button/", "attributes": [ ] , "js": { "properties": [{ "name": "_previousValueState", "type": "string", "priority": "high", "description": "", "default": "'None'" }, { "name": "_tmpFAT", "type": "object", "priority": "high", "description": "", "default": "{ labels: {}, value: false }" }, { "name": "_attributesFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: undefined,\n disabled: undefined,\n label: undefined,\n }" }, { "name": "_constraintsFromFNA", "type": "object", "priority": "high", "description": "", "default": "{}" }, { "name": "_attributesFromFAT", "type": "object", "priority": "high", "description": "", "default": "{\n name: undefined, // the group name\n label: undefined,\n icon: undefined,\n 'value-state': undefined,\n }" }, { "name": "_labelsFromFAT", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: undefined,\n disabled: undefined,\n hidden: undefined,\n }" }, { "name": "_privilegedAttributes", "type": "object", "priority": "high", "description": "", "default": "{\n name: null,\n readonly: null,\n disabled: null,\n text: null,\n icon: null,\n 'value-state': null,\n }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "overwrite onFnaFieldValueChanged", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-node-became-invalid", "description": "overwrite onFnaFieldNodeBecameInvalid function", "value": { "type": "string", "required": true } } , { "name": "on-fna-label-changed", "description": "overwrite onFnaLabelChanged function\nlabel is mapped to text", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fired when value changed", "value": { "type": "Boolean" } } ] } }, { "name": "furo-ui5-rating-indicator", "source": { "module": "./src/furo-ui5-rating-indicator.js", "symbol": "FuroUi5RatingIndicator" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-rating-indicator is used to display a specific number of icons that are used to rate an item.\nAdditionally, it is also used to display the average and overall ratings.\nhttps://sap.github.io/ui5-webcomponents/playground/components/RatingIndicator/\n\nYou can bind any `number` type, any `furo.fat.xxx` number type, `furo.BigDecimal` or the `google.wrapper.xxx` number types.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n| meta | fat | html |\n|------ |----- |------ |\n| 1 | 10 | 100 |\n\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"disabled\":\"true\"** set the element to disabled\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n\n## Methods\n**bind-data(fieldNode)**\nBind aa entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-rating-indicator/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the values changes.", "value": { "type": "`number`" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`number`" } } ] } }, { "name": "furo-ui5-reference-search", "source": { "module": "./src/furo-ui5-reference-search-labeled.js", "symbol": "FuroUi5ReferenceSearchLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-reference-search-labeled`\nThe furo-ui5-reference-search-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-reference-search/", "attributes": [{ "name": "service", "type": "string", "priority": "highest", "description": "the service name", "default": "''" }, { "name": "method", "type": "string", "priority": "highest", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method.", "default": "''" }, { "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-reference-search", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "search-response-path", "type": "string", "priority": "highest", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "extended-value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the exteded search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extended-display-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "placeholder", "type": "String", "priority": "highest", "description": "Overrides the hint text from the **specs**.\nUse with caution, normally the specs defines this value." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "disable-search-list", "type": "boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "Readonly state" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "extended-searcher", "type": "string", "priority": "highest", "description": "Define the extended searcher. Do not forget to import the searcher you want to use.", "default": "''" }, { "name": "no-data-text", "type": "String", "priority": "highest", "description": "hint text when result not found by search" } ] , "js": { "properties": [{ "name": "noDataText", "type": "String", "priority": "high", "description": "hint text when result not found by search" }, { "name": "service", "type": "string", "priority": "high", "description": "the service name", "default": "''" }, { "name": "label", "type": "string", "priority": "high", "description": "the label for the data-reference-search", "default": "''" }, { "name": "method", "type": "string", "priority": "high", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method.", "default": "''" }, { "name": "extendedSearcher", "type": "string", "priority": "high", "description": "Define the extended searcher. Do not forget to import the searcher you want to use.", "default": "''" }, { "name": "disableSearchList", "type": "boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "icon", "type": "string", "priority": "high", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "searchResponsePath", "type": "string", "priority": "high", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "extendedValueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the exteded search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extendedDisplayFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "high", "description": "Overrides the hint text from the **specs**.\nUse with caution, normally the specs defines this value." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "Readonly state" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "clear-result-list", "description": "clearResultList clears the result list and the value state", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: can be a `scalar` type or any complex type with **{'id','display_name'}** signature.", "value": { "type": "string", "required": true } } , { "name": "set-filter", "description": "sets the filter to the inner furo-ui5-reference-search", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-reference-search", "source": { "module": "./src/furo-ui5-reference-search.js", "symbol": "FuroUi5ReferenceSearch" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-reference-search is a search input field with the capability to open and extended search component.\n\nBound data must fullfill the furo.Reference signature. The service, deeplink,... is taken from the spec of your field.\nDo not forget to specify.\n\n *default usage*\n```html\n \n```\n\n *usage with an extended searcher*\n```html\n \n```\n\n *usage example for a non default response*\n```html\n \n```\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **max:\"number\"** set the maximum number of characters available in the input field.\n\nThe constraint **required** will mark the element as required\n\nIf your type has a *reference* type signature ('id','display_name', 'link'), the service, and initial deep link is extracted from\nthe link part of your type.\n\nIf you bind a scalar field, the value which is set in 'valueFieldPath' will be set.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)\n\n## Specs\nDefine a proper default value on the reference type.\n\n```yaml\nlink:\ntype: furo.Link\ndescription: HTS for the initial search (the default works on root resources only)\n__proto:\n number: 3\n__ui: null\nmeta:\n default: |\n {\n \"rel\": \"list\",\n \"href\": \"/contacts\",\n \"method\": \"GET\",\n \"type\": \"contact.Contact\",\n \"service\": \"contact.Contacts\"\n }\n placeholder: \"\"\n hint: \"\"\n label: contact.Reference.link.label\n options:\n flags: []\n list: []\n readonly: false\n repeated: false\n typespecific: null\n\n```\n### API of an extended searcher\n### Searcher Methods\nThe only method you have to implement is **htsIn**. The reference-search will pass its own hts to the extended\nsearcher. A call on qpIn on the searcher will also pass the resulting hts to the extended searcher.\n\n### Extended Searcher Events\nFire a **record-selected** to set the item on the reference-search.\nFire a **escape-filter-panel** to close the extended search.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-reference-search/", "attributes": [{ "name": "search-response-path", "type": "string", "priority": "highest", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "extended-value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the extended search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extended-display-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "service", "type": "string", "priority": "highest", "description": "setter for the service", "default": "''" }, { "name": "method", "type": "String", "priority": "highest", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "disable-search-list", "type": "boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "no-data-text", "type": "string", "priority": "highest", "description": "hint text when result not found by search", "default": "'no result found'" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "Overrides the required value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "placeholder", "type": "string", "priority": "highest", "description": "Overrides the hint text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "label", "type": "string", "priority": "highest", "description": "Overrides the label text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "min-term-length", "type": "number", "priority": "highest", "description": "The minimal length of search term to trigger a search.", "default": "2" }, { "name": "max-items-to-display", "type": "number", "priority": "highest", "description": "The maximal number of items to display.\n\nThis value will be set as page-size query-param for the backend.\n\nIf the response contains hts information with rel *next* a \"load more\" button will be displayed at the end\nof the list.", "default": "8" }, { "name": "search-on-enter-only", "type": "Boolean", "priority": "highest", "description": "Enable this, to avoid the automatic triggering of \"search\".\n\nThe user have to press enter to trigger the search. Min-term-length is respected." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "Overrides the readonly value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "Disable" }, { "name": "busy", "type": "Boolean", "priority": "highest", "description": "This is used to activate the loading indicator." }, { "name": "value-state", "type": "string", "priority": "highest", "description": "Value State of the input field", "default": "'None'" }, { "name": "debounce-timeout", "type": "number", "priority": "highest", "description": "wait for this time between keystrokes to trigger a search to the service", "default": "250" }, { "name": "extended-searcher", "type": "String", "priority": "highest", "description": "Define the extended searcher. Do not forget to import the searcher you want to use." } ] , "js": { "properties": [{ "name": "service", "type": "string", "priority": "high", "description": "setter for the service", "default": "''" }, { "name": "searchResponsePath", "type": "string", "priority": "high", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "extendedValueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the extended search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extendedDisplayFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "maxItemsToDisplay", "type": "number", "priority": "high", "description": "The maximal number of items to display.\n\nThis value will be set as page-size query-param for the backend.\n\nIf the response contains hts information with rel *next* a \"load more\" button will be displayed at the end\nof the list.", "default": "8" }, { "name": "value", "type": "object", "priority": "high", "description": "", "default": "{ id: '', display_name: '' }" }, { "name": "minTermLength", "type": "number", "priority": "high", "description": "The minimal length of search term to trigger a search.", "default": "2" }, { "name": "debounceTimeout", "type": "number", "priority": "high", "description": "wait for this time between keystrokes to trigger a search to the service", "default": "250" }, { "name": "placeholder", "type": "string", "priority": "high", "description": "Overrides the hint text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "label", "type": "string", "priority": "high", "description": "Overrides the label text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "noDataText", "type": "string", "priority": "high", "description": "hint text when result not found by search", "default": "'no result found'" }, { "name": "disableSearchList", "type": "boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "icon", "type": "string", "priority": "high", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "valueState", "type": "string", "priority": "high", "description": "Value State of the input field", "default": "'None'" }, { "name": "method", "type": "String", "priority": "high", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "Overrides the required value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "searchOnEnterOnly", "type": "Boolean", "priority": "high", "description": "Enable this, to avoid the automatic triggering of \"search\".\n\nThe user have to press enter to trigger the search. Min-term-length is respected." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "Overrides the readonly value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "Disable" }, { "name": "busy", "type": "Boolean", "priority": "high", "description": "This is used to activate the loading indicator." }, { "name": "extendedSearcher", "type": "String", "priority": "high", "description": "Define the extended searcher. Do not forget to import the searcher you want to use." } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: can be a scalar type or any complex type with 'id','display_name' signature or use\nthe furo.Reference type.", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focuses the input field", "value": { "type": "string", "required": true } } , { "name": "trigger-search", "description": "triggerSearch search for a term", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\n\nFollowing attributes can be set:\n- `value-state`\n- `value-state-message`\n- `icon`\n- `placeholder`\n- `label`\n- `required`\n- `readonly`\n- `disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "hts-in", "description": "htsIn sets the HTS for the collection-agent.\n\nThis is only needed if you want to have fine grained control over the hts", "value": { "type": "string", "required": true } } , { "name": "qp-in", "description": "qpIn Use this to set query params manualy", "value": { "type": "string", "required": true } } , { "name": "set-filter", "description": "Sets the filter.\nHint: use the FieldNode._base64 property to send complex objects as a filter and decode it on the server side\nor do btoa(JSON.stringify(FILTER))", "value": { "type": "string", "required": true } } , { "name": "clear-result-list", "description": "clears the result set", "value": { "type": "string", "required": true } }], "events": [ { "name": "item-selected", "priority": "highest", "description": " Fired when a item was selected from the list.", "value": { "type": "`Object` the complete item" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`text`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } ], "css": { "properties": [ { "name": "--furo-ui5-reference-search-list-background", "description": "background color of the result list" } ] } } }, { "name": "furo-ui5-relative-time-badge", "source": { "module": "./src/furo-ui5-relative-time-badge.js", "symbol": "FuroUi5RelativeTimeBadge" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-relative-time-badge`\nThe furo-ui5-relative-time-badge is a small non-interactive component which contains relative time\ninformation (i.e. in 2 days, 5 days ago) and color chosen from a list of predefined color schemes.\nIt serves the purpose to attract the user attention to some piece of information.\n\nYou can bind a `string`, `google.protobuf.Timestamp`, `int32`, `int64`, `furo.type.Date` or `google.type.Date`.\n`int32`, `int64` will be handled as unix timestamps (seconds since epoc) and can not be *empty*.\n\n```html\n \n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-relative-time-badge/", "attributes": [{ "name": "color-scheme-positive", "type": "string", "priority": "highest", "description": "default values", "default": "'1'" }, { "name": "color-scheme-negative", "type": "string", "priority": "highest", "description": "Defines the color scheme of the component if the value is NEGATIVE. There are 10 predefined schemes.\nEach scheme applies different values for the background-color and border-color. To use one you can set a\nnumber from \"1\" to \"10\". The colorScheme \"1\" will be set by default.\n\nNote: Color schemes have no visual representation in High Contrast Black (sap_belize_hcb) theme.", "default": "'2'" }, { "name": "option-style", "type": "string", "priority": "highest", "description": "Defines the output style\nlong, short, narrow\nDefault: long", "default": "'long'" }, { "name": "option-numeric", "type": "string", "priority": "highest", "description": "Defines the output format\nalways, auto\nDefault: auto", "default": "'auto'" } ] , "js": { "properties": [{ "name": "colorSchemePositive", "type": "string", "priority": "high", "description": "default values", "default": "'1'" }, { "name": "colorSchemeNegative", "type": "string", "priority": "high", "description": "Defines the color scheme of the component if the value is NEGATIVE. There are 10 predefined schemes.\nEach scheme applies different values for the background-color and border-color. To use one you can set a\nnumber from \"1\" to \"10\". The colorScheme \"1\" will be set by default.\n\nNote: Color schemes have no visual representation in High Contrast Black (sap_belize_hcb) theme.", "default": "'2'" }, { "name": "optionStyle", "type": "string", "priority": "high", "description": "Defines the output style\nlong, short, narrow\nDefault: long", "default": "'long'" }, { "name": "optionNumeric", "type": "string", "priority": "high", "description": "Defines the output format\nalways, auto\nDefault: auto", "default": "'auto'" } ], "methods": [ { "name": "bind-data", "description": "Binds a fieldNode to the component\nOverridden bindData of FieldNodeAdapter\n\nSupported types:\n- string (ISO 8061)\n- int32, int64 (unix timestamps (seconds since epoc))\n- google.protobuf.Timestamp\n- google.type.Date\n- furo.type.Date", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-section", "source": { "module": "./src/furo-ui5-section.js", "symbol": "FuroUi5Section" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-section`\nThe object page content according to the SAP Design System Fiori guidelines consists of sections and subsections\narranged in a column layout.\nThe furo-ui5-section is basically a layout manager component to structure object pages. Sections can only\ncontain subsections, not content.\n\n```html\n \n \n \n \n```\n\n```html\n\n \n \n\n```\n\n## Methods\n**bindData(fieldNode)**\nBinds an entity field to the heading. You can use the entity even when no data was received.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-section/", "attributes": [{ "name": "heading", "type": "string", "priority": "highest", "description": "Heading title of the section", "default": "''" }, { "name": "noborder", "type": "Boolean", "priority": "highest", "description": "Setting this attribute will hide the bottom border" } ], "slots": [ { "name": "default", "description": "defines the content of the section." } ] , "js": { "properties": [{ "name": "heading", "type": "string", "priority": "high", "description": "Heading title of the section", "default": "''" }, { "name": "noborder", "type": "Boolean", "priority": "high", "description": "Setting this attribute will hide the bottom border" } ], "methods": [ { "name": "-fbp-ready", "description": "Furo flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-segmented-button", "source": { "module": "./src/furo-ui5-segmented-button.js", "symbol": "FuroUi5SegmentedButton" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-segmented-button component represents a drop-down list. The items inside define the available\noptions by using the furo-ui5-segmented-button component.\n\n```html\n\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-segmented-button/", "attributes": [ ] , "js": { "properties": [{ "name": "activeFieldBinding", "type": "boolean", "priority": "high", "description": "Flag to indicate if a field is attached\nDefault: false", "default": "false" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (`bindOptions()`) to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid\ndefault: id", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (`bindOptions()`) to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name", "default": "'display_name'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.\ndefault: id", "default": "'id'" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Bind a `RepeaterNode` that will be used to build up the option list.\n\nUse `idFieldPath` and `displayFieldPath` if your structrure does not match the following signature:\n\n```json\n[\n { id : 1, display_name : option A },\n { id : 2, display_name : option B }\n]\n```", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `readonly`,`disabled`, `value-field-path`, `display-field-path`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "select-option-by-id", "description": "Selects an option by id", "value": { "type": "string", "required": true } }], "events": [ { "name": "options-updated", "priority": "highest", "description": "Fired after the option list was rebuilt", "value": { "type": "optionNodeList" } } , { "name": "furo-value-changed", "priority": "highest", "description": " Fired when value has changed from the component inside. **bubbles**", "value": { "type": "{*} the value from the value-field. By default the value field is \"id\"" } } , { "name": "item-selected", "priority": "highest", "description": "Fired when the toggle button was clicked. Payload: - if no option binding is active: ui5-segmented-button-item - if a RepeaterNode is bound: FieldNode", "value": { "type": "selectedOption" } } ] } }, { "name": "furo-ui5-select-labeled", "source": { "module": "./src/furo-ui5-select-labeled.js", "symbol": "FuroUi5SelectLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-select-labeled`\nThe furo-ui5-select-labeled is a composition to easily use a complete data select with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-select-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "id-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid", "default": "'id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.", "default": "'id'" } ], "slots": [ { "name": "valueStateMessage", "description": "defines the value state message that will be displayed as pop up under the input element." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid", "default": "'id'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "set-options", "description": "inject raw data as options", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-select component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-select", "source": { "module": "./src/furo-ui5-select.js", "symbol": "FuroUi5Select" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-select component is used to create a drop-down list. The items inside the furo-ui5-select define\nthe available options by using the ui5-option component. Use the function bindOptions to bind a RepeaterNode as a option list.\n\n```html\n\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-select/", "attributes": [ ] , "js": { "properties": [{ "name": "activeFieldBinding", "type": "boolean", "priority": "high", "description": "Flag to indicate if a field is attached\nDefault: false", "default": "false" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.\ndefault: id\nThis attribute is related to the option list. optionList[selected].valueFieldPath ==> bound FieldNode", "default": "'id'" }, { "name": "boundFieldIdPath", "type": "string", "priority": "high", "description": "Defines the id field path of the bound FieldNode.\nPoint-separated path to the field\nMust be set if a data binding is specified with a complex type.\ndefault: id\nThis attribute is related to the bound FieldNode.", "default": "'id'" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `required`,`readonly`,`disabled`, `value-field-path`, `display-field-path`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.", "value": { "type": "string", "required": true } } , { "name": "set-options", "description": "inject raw data as options", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Overridden bindData of FieldNodeAdapter", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "select-option-by-id", "description": "Selects an option by id.\nThe id field must be comparable.", "value": { "type": "string", "required": true } }], "events": [ { "name": "options-updated", "priority": "highest", "description": "Fired after the option list was rebuilt.", "value": { "type": "optionNodeList" } } , { "name": "item-selected", "priority": "highest", "description": "Fired when the item of the dropdown list is selected.", "value": { "type": "selectedOption" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "selectedOption" } } ] } }, { "name": "furo-ui5-show-hide", "source": { "module": "./src/furo-ui5-show-hide.js", "symbol": "FuroUi5ShowHide" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-show-hide`\nAnimated content hider", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-show-hide/", "attributes": [ ] , "js": { "properties": [{ "name": "isHidden", "type": "boolean", "priority": "high", "description": "Set is-hiddden to start in a closed state. The name is used by intention, to avoid css trouble with\na global [hidden]{display:none}." }, { "name": "hideOnFalse", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "_clientHeight", "type": "number", "priority": "high", "description": "", "default": "0" }, { "name": "_hidden", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "hide", "description": "Hides the content.", "value": { "type": "string", "required": true } } , { "name": "show", "description": "Shows the content.", "value": { "type": "string", "required": true } } , { "name": "toggle", "description": "Toggle the current visibility state..", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-sign-pad", "source": { "module": "./src/furo-ui5-sign-pad.js", "symbol": "FuroUi5SignPad" }, "deprecated": false, "experimental": false, "description": "`furo-sign-pad`\n Simple pad to sign or draw something", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-sign-pad/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "resize", "description": "Trigger this method after a resize.", "value": { "type": "string", "required": true } } , { "name": "disable", "description": "Disables the pad", "value": { "type": "string", "required": true } } , { "name": "enable", "description": "Enables the pad", "value": { "type": "string", "required": true } } , { "name": "clear", "description": "Clears the image. This also updates the bound field.", "value": { "type": "string", "required": true } } , { "name": "put-image", "description": "Adds the encoded image to the canvas.\n\nMaybe you want to clear first.", "value": { "type": "string", "required": true } } , { "name": "encode-image", "description": "Encodes the image using the type and encodingOptions (quality) defined.\nThe encoded image is available in the `image` property.", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "bind a entity field", "value": { "type": "string", "required": true } }], "events": [ { "name": "sign-updated", "priority": "highest", "description": "Fired when sign gets new painting, with base encoded image.", "value": { "type": "Base64" } } ] } }, { "name": "furo-ui5-step-input-labeled", "source": { "module": "./src/furo-ui5-step-input-labeled.js", "symbol": "FuroUi5StepInputLabeled" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-step-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.\n\n```html\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-step-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-step-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "icon on the right", "default": "''" }, { "name": "step", "type": "Number", "priority": "highest", "description": "Step size" }, { "name": "min", "type": "Number", "priority": "highest", "description": "Minimal value" }, { "name": "max", "type": "Number", "priority": "highest", "description": "Maximal value" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-step-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "icon on the right", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "step", "type": "Number", "priority": "high", "description": "Step size" }, { "name": "min", "type": "Number", "priority": "high", "description": "Minimal value" }, { "name": "max", "type": "Number", "priority": "high", "description": "Maximal value" } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Step" } } ] } }, { "name": "furo-ui5-step-input", "source": { "module": "./src/furo-ui5-step-input.js", "symbol": "FuroUi5StepInput" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-step-input component allows the user to enter and edit numbers with data binding. It consists of an\ninput field and buttons with icons to increase/decrease the value with the predefined step.\nIt supports all features from the [SAP ui5 Input element](https://sap.github.io/ui5-webcomponents/playground/components/StepInput/).\n\nYou can bind any `number` type, any `furo.fat.xxx` number type, `furo.BigDecimal` or the `google.wrapper.xxx` number types.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n| meta | fat | html |\n|------ |----- |------ |\n| 1 | 10 | 100 |\n\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"required\":\"true\"** set the element to required\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"placeholder\":\"string\"** set the placeholder for the element\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind an entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-step-input/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "__previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "furo-ui5-subsection", "source": { "module": "./src/furo-ui5-subsection.js", "symbol": "FuroUi5Subsection" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-subsection`\nThe furo-ui5-subsection component is a containers for actual content. It is envisaged that this component will be\nused within a furo-ui5-section\nSubsections have a progressive disclosure mechanism to show and hide content\n\nhttps://experience.sap.com/fiori-design-web/object-page/#content-area\n\n```html\n \n \n ...\n \n \n \n \n```\n## Methods\n**bindData(fieldNode)**\nBinds an entity field to the heading. You can use the entity even when no data was received.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-subsection/", "attributes": [{ "name": "heading", "type": "string", "priority": "highest", "description": "Heading title of the section", "default": "''" }, { "name": "collapsed", "type": "boolean", "priority": "highest", "description": "Collapsed state of the `read more` section", "default": "false" }, { "name": "show-more-data-text", "type": "string", "priority": "highest", "description": "Defines the text that will be displayed for `show more`", "default": "'Show More'" }, { "name": "show-less-data-text", "type": "string", "priority": "highest", "description": "Defines the text that will be displayed for `show less`", "default": "'Show Less'" }, { "name": "level", "type": "string", "priority": "highest", "description": "Defines the heading level. Available options are: \"H6\" to \"H1\".", "default": "'H4'" } ], "slots": [ { "name": "default", "description": "defines the content of the subsection." } , { "name": "headline-start", "description": "defines the content right after the header." } , { "name": "headline-end", "description": "defines the content before the action slot." } , { "name": "action", "description": "defines the heading bar of the subsection." } , { "name": "more", "description": "defines the additional content in the `show more` section." } ] , "js": { "properties": [{ "name": "heading", "type": "string", "priority": "high", "description": "Heading title of the section", "default": "''" }, { "name": "showMoreDataText", "type": "string", "priority": "high", "description": "Defines the text that will be displayed for `show more`", "default": "'Show More'" }, { "name": "showLessDataText", "type": "string", "priority": "high", "description": "Defines the text that will be displayed for `show less`", "default": "'Show Less'" }, { "name": "collapsed", "type": "boolean", "priority": "high", "description": "Collapsed state of the `read more` section", "default": "false" }, { "name": "hasMoreContent", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "level", "type": "string", "priority": "high", "description": "Defines the heading level. Available options are: \"H6\" to \"H1\".", "default": "'H4'" } ], "methods": [ { "name": "-fbp-ready", "description": "Furo flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "toggle-collapse", "description": "toggles the collapse state", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-table", "source": { "module": "./src/furo-ui5-table.js", "symbol": "FuroUi5Table" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-table` display entities in a ui5-table\n\n```html\n\n \n \n\n Custom Title\n\n\n```\n\n## Attributes which are taken from `ui5-table-column`\n\n**field**\nDefine the field you want to bind. `*` is the root of the repeated field.\n\n**context**\nSet a context for the type renderer. The default value is `cell`.\n\n**renderer**\nSet a specific renderer component for the column. If not set, the renderer is evaluated from the type of the bound field.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-table/", "attributes": [{ "name": "mode", "type": "string", "priority": "highest", "description": "Defines the mode of the component.\n\nAvailable options are:\n- MultiSelect\n- SingleSelect\n- None", "default": "'None'" }, { "name": "no-data-text", "type": "String", "priority": "highest", "description": "Defines the text that will be displayed when there is no data.\nstring" }, { "name": "identity-path", "type": "*", "priority": "highest", "description": "string}" }, { "name": "sticky-column-header", "type": "Boolean", "priority": "highest", "description": "Determines whether the column headers remain fixed at the top of the page during vertical scrolling as long as the Web Component is in the viewport." }, { "name": "busy", "type": "Boolean", "priority": "highest", "description": "Busy state" } ] , "js": { "properties": [{ "name": "mode", "type": "string", "priority": "high", "description": "Defines the mode of the component.\n\nAvailable options are:\n- MultiSelect\n- SingleSelect\n- None", "default": "'None'" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Defines the text that will be displayed when there is no data.\nstring" }, { "name": "identityPath", "type": "*", "priority": "high", "description": "string}" }, { "name": "stickyColumnHeader", "type": "Boolean", "priority": "high", "description": "Determines whether the column headers remain fixed at the top of the page during vertical scrolling as long as the Web Component is in the viewport." }, { "name": "busy", "type": "Boolean", "priority": "high", "description": "Busy state" } ], "methods": [ { "name": "bind-data", "description": "Bind a repeated data node.", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the header of the table", "value": { "type": "string", "required": true } } , { "name": "focus-last", "description": "Focuses the last row.", "value": { "type": "string", "required": true } } , { "name": "focus-first", "description": "Focuses the first row.", "value": { "type": "string", "required": true } } , { "name": "-init-repeat-template", "description": "", "value": { "type": "string", "required": true } } , { "name": "set-busy", "description": "setBusy Sets the busy state", "value": { "type": "string", "required": true } } , { "name": "unset-busy", "description": "unsetBusy Unsets the busy state", "value": { "type": "string", "required": true } }], "events": [ { "name": "data-loaded", "priority": "highest", "description": "Fired when the data is loaded into data table. The event detail contains the data table self.", "value": { "type": "HTMLElement" } } , { "name": "arrow-down-on-last-row", "priority": "highest", "description": "Fired when the ArrowDown is pressed on the last row. The event detail is the original entity of the row", "value": { "type": "entity" } } , { "name": "tablerow-selected", "priority": "highest", "description": "Fired when the row is selected. The event detail is the original entity of the row.", "value": { "type": "entity" } } , { "name": "arrow-up-on-first-row", "priority": "highest", "description": "Fired when the ArrowUp is pressed on the first row. The event detail is the original entity of the row", "value": { "type": "entity" } } , { "name": "rows-selected", "priority": "highest", "description": "Fired when the row selection in MultiSelect mode was changed", "value": { "type": "Array with the selected items" } } ] } }, { "name": "furo-ui5-text-input-labeled", "source": { "module": "./src/furo-ui5-text-input-labeled.js", "symbol": "FuroUi5TextInputLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-text-input-labeled`\nThe furo-ui5-text-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-text-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-text-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "desc-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" } ], "slots": [ { "name": "icon", "description": "defines the icon to be displayed in the input element." } , { "name": "icon", "description": "Defines the icon to be displayed in the input." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-text-input", "default": "''" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-text-input", "source": { "module": "./src/furo-ui5-text-input.js", "symbol": "FuroUi5TextInput" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-text-input' component allows the user to enter and edit texts with data binding.\n\nIt supports all features from the [SAP ui5 Input element](https://sap.github.io/ui5-webcomponents/playground/components/Input/).\n\nYou can bind any `string` type, like `furo.fat.String` type or the `google.protobuf.StringValue` type.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n** meta < fat < html **\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"required\":\"true\"** set the element to required\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"icon\":\"home\"** set the icon\n - **\"placeholder\":\"string\"** set the placeholder for the element\n - **\"max\":\"number\"** set the maximum number of characters available in the input field.\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **max:\"number\"** set the maximum number of characters available in the input field.\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bindData(fieldNode)**\nBind an entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-text-input/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "type", "type": "string", "priority": "high", "description": "", "default": "'Text'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the text of the\noption items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "wait", "type": "number", "priority": "high", "description": "Debounce time in milliseconds\nDefault value: 250", "default": "250" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.\nThe items are displayed as suggestion items.", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-requested", "priority": "highest", "description": "Fired when typing in input (debounced, default 250ms)", "value": { "type": "value" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "String" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "String" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-textarea-input-labeled", "source": { "module": "./src/furo-ui5-textarea-input-labeled.js", "symbol": "FuroUi5TextareaInputLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-textarea-input-labeled`\nThe furo-ui5-textarea-input-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-textarea-input-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-textarea-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "show-exceeded-text", "type": "Boolean", "priority": "highest", "description": "Determines whether the characters exceeding the maximum allowed character count are visible in the furo-ui5-textarea-input.\n\nIf set to false, the user is not allowed to enter more characters than what is set in the maxlength property.\nIf set to true the characters exceeding the maxlength value are selected on paste and the counter below\nthe furo-ui5-textarea-input displays their number." }, { "name": "rows", "type": "number", "priority": "highest", "description": "Defines the number of visible text lines for the component.", "default": "0" }, { "name": "growing-max-lines", "type": "number", "priority": "highest", "description": "Defines the maximum number of lines that the Web Component can grow.", "default": "0" }, { "name": "growing", "type": "Boolean", "priority": "highest", "description": "Enables the furo-ui5-textarea to automatically grow and shrink dynamically with its content." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-textarea-input", "default": "''" }, { "name": "rows", "type": "number", "priority": "high", "description": "Defines the number of visible text lines for the component.", "default": "0" }, { "name": "growingMaxLines", "type": "number", "priority": "high", "description": "Defines the maximum number of lines that the Web Component can grow.", "default": "0" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "showExceededText", "type": "Boolean", "priority": "high", "description": "Determines whether the characters exceeding the maximum allowed character count are visible in the furo-ui5-textarea-input.\n\nIf set to false, the user is not allowed to enter more characters than what is set in the maxlength property.\nIf set to true the characters exceeding the maxlength value are selected on paste and the counter below\nthe furo-ui5-textarea-input displays their number." }, { "name": "growing", "type": "Boolean", "priority": "high", "description": "Enables the furo-ui5-textarea to automatically grow and shrink dynamically with its content." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-textarea-input", "source": { "module": "./src/furo-ui5-textarea-input.js", "symbol": "FuroUi5TextareaInput" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-textarea-input' component allows the user to enter and edit texts with data binding.\n\nIt supports all features from the [SAP ui5 Input element](https://sap.github.io/ui5-webcomponents/playground/components/Input/).\n\nYou can bind any `string` type, like `furo.fat.String` type or the `google.protobuf.StringValue` type.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n** meta < fat < html **\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"required\":\"true\"** set the element to required\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"placeholder\":\"string\"** set the placeholder for the element\n - **\"rows\":\"number\"** set the number of rows.\n - **\"growing\":\"true\"** Enables the ui5-textarea to automatically grow and shrink dynamically with its content.\n - **\"show-exceeded-text\":\"true\"** if set to true. the characters exceeding the maxlength value are selected on paste and the counter below the ui5-textarea displays their number. If set to false, the user is not allowed to enter more characters than what is set in the maxlength property.\n - **\"growing-max-lines\":\"number\"** Defines the maximum number of lines that the Web Component can grow.\n - **\"max\":\"number\"** set the maximum number of characters available in the input field.\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **max:\"number\"** set the maximum number of characters available in the input field.\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind a entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-ui5-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-textarea-input/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "value", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`text`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-time-picker-labeled", "source": { "module": "./src/furo-ui5-time-picker-labeled.js", "symbol": "FuroUi5TimePickerLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-time-picker-labeled`\nThe furo-ui5-time-picker-labeled is a composition to easily use a complete input field with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-time-picker-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "format-pattern", "type": "String", "priority": "highest", "description": "forwards the format-pattern to the furo-ui5-time-picker component." }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "formatPattern", "type": "String", "priority": "high", "description": "forwards the format-pattern to the furo-ui5-time-picker component." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "furo-ui5-time-picker", "source": { "module": "./src/furo-ui5-time-picker.js", "symbol": "FuroUi5TimePicker" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-time-picker component allows the user to bind a field of type google.type.TimeOfDay.\nRepresents a time of day. The date and time zone are either not significant\nor are specified elsewhere.\n\nhttps://sap.github.io/ui5-webcomponents/playground/components/TimePicker/\n\nSupported format options are pattern-based on Unicode LDML Date Format notation. For more information, see\nUTS #35: Unicode Locale Data Markup Language.\n\nFor example, if the format-pattern is \"hh:mm:ss\", a valid value string is \"11:42:35\" and the same is displayed in the input.\n\nThe text field can be editable or read-only (readonly property), and it can be enabled or disabled (enabled property).\nTo visualize semantic states, such as \"error\" or \"warning\", the valueState property is provided.\nWhen the user makes changes to the time, the change event is fired, which enables you to react on any time change.\n\nYou can bind a `string` or `google.type.TimeOfDay` (https://github.com/googleapis/googleapis/blob/master/google/type/timeofday.proto).\n\n```html\n \n \n```\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n- **placeholder:\"some string\"** set the placeholder for the element\n- **min:\"11:42:35\"** set the minDate for the element (use iso date in the constraint)\n- **max:\"23:59:59\"** set the maxDate for the element (use iso date in the constraint)\n- **pattern:\"HH:mm:ss\"** set the pattern for the element\n\nThe constraint **required** will mark the element as required\n\n## Methods\n**bind-data(fieldNode)**\nBind a entity field. You can use the entity even when no data was received.\n\nWhen you use at-object-ready from a furo-data-object which emits a EntityNode, just bind the field with --entity(*.fields.fieldname)", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-time-picker/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "on-fna-field-value-changed", "description": "FieldNodeAdapter callback function to\nhandle changes on the model.", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } , { "name": "change", "priority": "highest", "description": "Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "" } } ] } }, { "name": "furo-ui5-toast-display", "source": { "module": "./src/furo-ui5-toast-display.js", "symbol": "FuroUi5ToastDisplay" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-toast-display will catch furo-ui5-toast elements, to display it in the dom of his parent element.\n\nThe first furo-ui5-toast-display on the event path will catch the `furo-ui5-toast-register` request from a underlying furo-ui5-toast.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-toast-display/", "attributes": [ ] , "js": { "properties": [ ], "methods": [] } }, { "name": "furo-ui5-toast", "source": { "module": "./src/furo-ui5-toast.js", "symbol": "FuroUi5Toast" }, "deprecated": false, "experimental": false, "description": "The furo-ui5-toast is a extended ui5-toast which can attach itself to a parent dom element.\n\nThis is helpful, when you have used z-indexes in one of the parents, which put the original ui5-toast behind the backdrop.\n\nUse this component like a regular ui5-toast and do not forget to place the furo-ui5-toast-display in one of the parent elements.\n\nIt supports all features from the [SAP ui5 Toast element](https://sap.github.io/ui5-webcomponents/playground/components/Toast/).\n\n**important:** Place a furo-ui5-toast-display in any dom parent of the component where you use furo-ui5-toast. Your app-shell or body is a good place to do that.\n\n```html\nContent\n\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-toast/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "show", "description": "shows the toast", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-toggle-button", "source": { "module": "./src/furo-ui5-toggle-button.js", "symbol": "FuroUi5ToggleButton" }, "deprecated": false, "experimental": false, "description": "The 'furo-ui5-toggle-button' component allows the user to switch true and false for Bool with data binding.\n\nIt supports all features from the [SAP ui5 toggleButton element](https://sap.github.io/ui5-webcomponents/playground/components/ToggleButton/).\n\nYou can bind `bool` type, `furo.fat.Bool` type or the `google.wrapper.BoolValue` type.\n\n```html\n \n```\n\n### Specificity\n1. Attributes which are set in the html source will have the highest specificity and will never get overwritten by metas or fat.\n2. Attributes set in meta will have the lowest specificity and will be overwritten by attributes from fat.\n\n| meta | fat | html |\n|------ |----- |------ |\n| 1 | 10 | 100 |\n\n\n## supported FAT attributes\n - **\"readonly\":\"true\"** set the element to readonly\n - **\"disabled\":\"true\"** set the element to disabled\n - **\"icon\":\"\"** set the icon\n - **\"design\":\"\"** set the design\n\n## supported meta and constraints\n- **readonly: true** , set the element to readonly\n\nThe constraint **required** will mark the element as required", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-toggle-button/", "attributes": [ ] , "js": { "properties": [{ "name": "_previousDesign", "type": "string", "priority": "high", "description": "", "default": "'Default'" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.", "value": { "type": "string", "required": true } }], "events": [ { "name": "click", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the value of pressed when value changed.", "value": { "type": "Boolean" } } ] } }, { "name": "furo-ui5-tree", "source": { "module": "./src/furo-ui5-tree.js", "symbol": "FuroUi5Tree" }, "deprecated": false, "experimental": false, "description": "`furo-tree`\nrenders a tree structure\n\n## Data signature\n\n```yaml\n- type: 'tree.Tree #Navigation tree type with recursive navigation nodes'\n fields:\n root: 'tree.Navigationnode:1 #Root node of the tree'\n id: 'string:2 #[optional] Id of the tree'\n display_name: '- string:3 #[optional] String representation of the tree'\n description: 'string:4 #[optional] description of the tree'\n```\n\n\n```yaml\n- type: 'tree.Navigationnode #Item of the navigationtree'\n fields:\n id: 'string:1 #Id of the node'\n display_name: '- string:2 #String representation of the node'\n children: '[] tree.Navigationnode:3 #Children of this node'\n open: 'bool:4 #node is open or not'\n secondary_text: 'string:5 #[optional] Secondary text of the node'\n description: 'string:6 #[optional] Searchable description of the node'\n icon: 'string:7 #[optional] icon of the node'\n key_words: 'string:8 #[optional] searchable key words of the node'\n has_error: 'bool:9 #[optional] error indicator'\n is_group_label: 'bool:10 #[optional] Mark node as group label'\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-tree/", "attributes": [{ "name": "depth", "type": "Number", "priority": "highest", "description": "Maximal depth for the tree. Default is infinite." }, { "name": "expand-depth", "type": "number", "priority": "highest", "description": "Sets the maximal expand level relative from the current node.\n\nExpanding is a expensive operation.", "default": "2" }, { "name": "qp", "type": "String", "priority": "highest", "description": "Query param to watch. Set `qp` to have a deep linkable tree.\n\nIf you set this attribute, the node-selected event will only be fired on `fn-qp-in` or `fn-select-by-id`.\n\nIf you select an item the `qp-change-request` will be fired instead. With the qp-change-request event, you should update the url.\nA `furo-location` should watch the url and update the location on the tree, which will trigger a node-selected event.\n\n```html\n\n\n\n\n```" }, { "name": "tabindex", "type": "number", "priority": "highest", "description": "Sets the tabindex", "default": "0" }, { "name": "root-as-header", "type": "Boolean", "priority": "highest", "description": "Set this flag if you do not want a header-text section." }, { "name": "hide-root-node", "type": "Boolean", "priority": "highest", "description": "Set this flag if you do not want to see the root node" }, { "name": "header-text", "type": "String", "priority": "highest", "description": "Override display name from root object" }, { "name": "secondary-text", "type": "String", "priority": "highest", "description": "Override description from root object." }, { "name": "searching", "type": "boolean", "priority": "highest", "description": "indicator for searching. Maybe you want style your item depending on this attribute", "default": "false" }, { "name": "focused", "type": "Boolean", "priority": "highest", "description": "indicates that the element is focused" } ] , "js": { "properties": [{ "name": "tabindex", "type": "number", "priority": "high", "description": "Sets the tabindex", "default": "0" }, { "name": "expandDepth", "type": "number", "priority": "high", "description": "Sets the maximal expand level relative from the current node.\n\nExpanding is a expensive operation.", "default": "2" }, { "name": "depth", "type": "Number", "priority": "high", "description": "Maximal depth for the tree. Default is infinite." }, { "name": "qp", "type": "String", "priority": "high", "description": "Query param to watch. Set `qp` to have a deep linkable tree.\n\nIf you set this attribute, the node-selected event will only be fired on `fn-qp-in` or `fn-select-by-id`.\n\nIf you select an item the `qp-change-request` will be fired instead. With the qp-change-request event, you should update the url.\nA `furo-location` should watch the url and update the location on the tree, which will trigger a node-selected event.\n\n```html\n\n\n\n\n```" }, { "name": "rootAsHeader", "type": "Boolean", "priority": "high", "description": "Set this flag if you do not want a header-text section." }, { "name": "hideRootNode", "type": "Boolean", "priority": "high", "description": "Set this flag if you do not want to see the root node" }, { "name": "headerText", "type": "String", "priority": "high", "description": "Override display name from root object" }, { "name": "secondaryText", "type": "String", "priority": "high", "description": "Override description from root object." }, { "name": "focused", "type": "Boolean", "priority": "high", "description": "indicates that the element is focused" } ], "methods": [ { "name": "collapse-focused", "description": "collapses the focused element. If it is closed the parent will be focused.", "value": { "type": "string", "required": true } } , { "name": "expand-focused", "description": "expands the focused node, if it is opened the first child will be focused", "value": { "type": "string", "required": true } } , { "name": "expand-focused-recursive", "description": "expands the focused node recursive", "value": { "type": "string", "required": true } } , { "name": "collapse-focused-recursive", "description": "collapses the focused node recursive", "value": { "type": "string", "required": true } } , { "name": "select-focused", "description": "selects the focused element.", "value": { "type": "string", "required": true } } , { "name": "search", "description": "Search in the visible nodes", "value": { "type": "string", "required": true } } , { "name": "search-open-tree", "description": "", "value": { "type": "string", "required": true } } , { "name": "reset-search", "description": "Disables the search mode and clears the term", "value": { "type": "string", "required": true } } , { "name": "focus-parent", "description": "Focuses the parent tree node without selecting it.\n\nThe tree item will also scrollIntoViewIfNeeded() (on all platforms which support this method).", "value": { "type": "string", "required": true } } , { "name": "focus-previous", "description": "focus the previous visible node.\n\nThe tree item will also scrollIntoViewIfNeeded() (on all platforms which support this method).", "value": { "type": "string", "required": true } } , { "name": "qp-in", "description": "Selects the node which is defined on `qp`\n\nUse this, if you do not have a location object.", "value": { "type": "string", "required": true } } , { "name": "location-in", "description": "Inject a location object, which contains a query param property to select the current node.", "value": { "type": "string", "required": true } } , { "name": "select-by-id", "description": "", "value": { "type": "string", "required": true } } , { "name": "select-prev", "description": "select the previous visible item", "value": { "type": "string", "required": true } } , { "name": "expand-node-recursive", "description": "expands the currently selected node recursive", "value": { "type": "string", "required": true } } , { "name": "expand-all", "description": "", "value": { "type": "string", "required": true } } , { "name": "collapse-all", "description": "", "value": { "type": "string", "required": true } } , { "name": "collapse-node-recursive", "description": "expands the currently selected node recursive", "value": { "type": "string", "required": true } } , { "name": "toggle", "description": "toggles the currently selected node", "value": { "type": "string", "required": true } } , { "name": "add-sub-node", "description": "", "value": { "type": "string", "required": true } } , { "name": "delete-node", "description": "", "value": { "type": "string", "required": true } } , { "name": "select-next", "description": "select the next visible item", "value": { "type": "string", "required": true } } , { "name": "trigger-navigation", "description": "", "value": { "type": "string", "required": true } } , { "name": "focus-first", "description": "Focuses the first node in the tree without selecting it.\n\nUse selectFocused to select the focused node.\n\nThe tree item will also scrollIntoViewIfNeeded() (on all platforms which support this method).", "value": { "type": "string", "required": true } } , { "name": "focus-last", "description": "Focuses the last node in the tree without selecting it.\n\nUse selectFocused to select the focused node.\n\nThe tree item will also scrollIntoViewIfNeeded() (on all platforms which support this method).", "value": { "type": "string", "required": true } } , { "name": "focus-next", "description": "focuses the next visible tree node.\n\nThe tree item will also scrollIntoViewIfNeeded() (on all platforms which support this method).", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focuses the tree itself. You can use this in combination with keyboard navigation (furo-navigation-pad)", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode.\n\nSupported types: everything with a `tree.Tree` or `tree.Navigationnode` signature.", "value": { "type": "string", "required": true } } , { "name": "focus-selected", "description": "Focuses the currently selected tree item.\n\nThe tree item will also scrollIntoViewIfNeeded() (on all platforms which support this method).", "value": { "type": "string", "required": true } }], "events": [ { "name": "node-focused", "priority": "highest", "description": " Fired when", "value": { "type": "focused field" } } , { "name": "branch-focused", "priority": "highest", "description": " Fired when", "value": { "type": "focused field" } } , { "name": "leaf-focused", "priority": "highest", "description": " Fired when", "value": { "type": "" } } , { "name": "node-selected", "priority": "highest", "description": " Fired when the item gets selected, does not fire when you work with query params", "value": { "type": "selected field" } } , { "name": "qp-change-requested", "priority": "highest", "description": " Fired when qp mode is enabled. Nodes are only selectable with qpIn or selectById", "value": { "type": "Object {\"this.qp\": this._selectedField.id._value}" } } , { "name": "branch-selected", "priority": "highest", "description": " Fired when", "value": { "type": "selected field" } } , { "name": "leaf-selected", "priority": "highest", "description": " Fired when", "value": { "type": "selected field" } } , { "name": "node-opened", "priority": "highest", "description": " Fired when a node is opened", "value": { "type": "" } } , { "name": "node-closed", "priority": "highest", "description": " Fired when a node is closed", "value": { "type": "" } } , { "name": "nodes-expanded", "priority": "highest", "description": " Fired when nodes are expanded recursive", "value": { "type": "" } } , { "name": "nodes-collapsed", "priority": "highest", "description": " Fired when nodes are collapsed recursive.", "value": { "type": "" } } ], "css": { "properties": [ { "name": "--surface", "description": "background color" } , { "name": "--on-surface", "description": "foreground color" } , { "name": "--tree-indentation-1", "description": "tree indention level 1" } , { "name": "--tree-indentation-2", "description": "tree indention level 2" } , { "name": "--tree-indentation-3", "description": "tree indention level 3" } , { "name": "--tree-indentation-4", "description": "tree indention level 4" } , { "name": "--tree-indentation-5", "description": "tree indention level 5" } , { "name": "--tree-indentation-6", "description": "tree indention level 6" } , { "name": "--tree-indentation-7", "description": "tree indention level 7" } , { "name": "--tree-indentation-8", "description": "tree indention level 8" } , { "name": "--tree-indentation-9", "description": "tree indention level 9" } , { "name": "--tree-indentation-10", "description": "tree indention level 10" } , { "name": "--tree-indentation-11", "description": "tree indention level 11" } , { "name": "--tree-indentation-12", "description": "tree indention level 12" } ] } } }, { "name": "furo-ui5-typerenderer-labeled", "source": { "module": "./src/furo-ui5-typerenderer-labeled.js", "symbol": "FuroUi5TyperendererLabeled" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-typerenderer-labeled`\nThe furo-ui5-typerenderer-labeled is a composition to easily use a display field with label according\nto the design specification of SAP Fiori Design System.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-typerenderer-labeled/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-text-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "value-state", "type": "string", "priority": "highest", "description": "Value State", "default": "'None'" }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "Disabled State" }, { "name": "context", "type": "string", "priority": "highest", "description": "Set the render context. Default is **display**, the type renderer set of @furo/ui5 supports\n**cell**, **form**, **celledit**", "default": "'display'" } ] , "js": { "properties": [{ "name": "context", "type": "string", "priority": "high", "description": "Set the render context. Default is **display**, the type renderer set of @furo/ui5 supports\n**cell**, **form**, **celledit**", "default": "'display'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "Disabled State" } ], "methods": [ { "name": "focus", "description": "focus Focuses the field", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds the fieldNode to the component\nbinding set can be customised here otherwise the standard bindData in the ui5-data-input will be used", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-z-grid", "source": { "module": "./src/furo-ui5-z-grid.js", "symbol": "FuroUi5ZGrid" }, "deprecated": false, "experimental": false, "description": "`z-grid`\nis a grid which places your elements in a **z** pattern.\nIt creates a grid which can be imagined as a grid with cells of the size *8rem x 8rem*.~\n\nThe size on the x-axis can vary a little bit, according to the the available space.\n\n\nThis component is nestable.\n\n```html\n\n \n \n \n \n\n \n \n \n \n \n```\n\n\n ## sizes\n The sizes are calculated from the available space that the grid becomes from its parent.\n\n ### Sizes are calculated as following\n\n ```\n | small | medium | large | xlarge |\n | | | | |\n | 0...599 | 600...1023 | 1024...1439 | 1440...nnnn |\n\n ```\n\n ## hspan\n Set the horizontal space (the width) with the *hspan* attribute.\n\n Available ranges are from 1 to 9 and full.\n\n To tell a element that it has to use the full width use `hspan=\"full\"` or use the alias `full` or `full-width`.\n\n `hspan=\"1\"`, `hspan=\"2\"`,...,`hspan=\"9\"`, `hspan=\"full\"`\n\n ## vspan\n Set the vertical space (the height) with the *vspan* attribute.\n\n Available ranges are from 1 to 9.\n\n `vspan=\"1\"`, `vspan=\"2\"`,...,`vspan=\"9\"`\n\n ## newline\n To force a placement on a new line use `newline`\n\n ## padding\n Set the attribute *padding* to add paddings according to the size of the furo-z-grid automatically.\n\n :host([size='size-s']) ==> **0.25rem 1rem;**\n\n :host([size='size-m'] ==> **0.25rem 2rem;**\n\n :host([size='size-l'] ==> **1rem 2rem;**\n\n :host([size='size-xl'] ==> **1rem 3rem;**\n\n ## full-on-[size]\n To set full width on a specific current size, use `full-on-size-small` , `full-on-size-medium` , `full-on-size-large` ,`full-on-size-xlarge`.\n\n When the available space has the given size, the default hspan are overridden and the full width is used.\n\n ## hide-on-[size]\n To hide a element on a specific current size, use `hide-on-size-small` , `hide-on-size-medium` , `hide-on-size-large` ,`hide-on-size-xlarge`.\n\n ## show-on-[size]\n To show a element only on a specific current size, use `show-on-size-small` , `show-on-size-medium` , `show-on-size-large` ,`show-on-size-xlarge`.\n\n ## custom span sizes on different sizes (hspan-on-[size])\n To set a specific width (hspan) on a specific current size, use `hspan-on-size-small=\"1...9\"` , `hspan-on-size-medium=\"1...9\"` , `hspan-on-size-large=\"1...9\"` , `hspan-on-size-xlarge=\"1...9\"` .\n\n ## Ohter attributes\n\n The attributes *full* and *full-width* are aliases for `hspan=\"full\"`.\n\n## Named lines and columns\n**last-col** refers to the last column.\n**last-row** refers to the last line/row.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-z-grid/", "attributes": [ ], "slots": [ { "name": "", "description": "default slot to add content." } ] , "js": { "properties": [ ], "methods": [], "css": { "properties": [ { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=1, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=2, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=3, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=4, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=5, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=6, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=7, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=8, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } , { "name": "--furo-ui5-cardContentHeight", "description": "card content height with vspan=9, --furo-ui5-cardContentHeight is calculated by span * 2 - cardHeaderHeight" } ] } } }, { "name": "ui5-reference-search-item", "source": { "module": "./src/ui5-reference-search-item.js", "symbol": "Ui5ReferenceSearchItem" }, "deprecated": false, "experimental": false, "description": "`reference-search-item`\nRepeated item to display the search result set", "doc-url": "https://ui5.furo.pro/docs/components/ui5-reference-search-item/", "attributes": [ ] , "js": { "properties": [{ "name": "_item", "type": "object", "priority": "high", "description": "", "default": "{}" }, { "name": "displayField", "type": "string", "priority": "high", "description": "", "default": "'display_name'" } ], "methods": [ { "name": "inject-item", "description": "Inject of the item\ndata of inner text of the element is defined with the attribute\ndisplay-field (default value: display_name)", "value": { "type": "string", "required": true } } , { "name": "deselect", "description": "", "value": { "type": "string", "required": true } } , { "name": "preselect", "description": "", "value": { "type": "string", "required": true } } , { "name": "select", "description": "", "value": { "type": "string", "required": true } }], "events": [ { "name": "item-selected", "priority": "highest", "description": " Fired when item is selected", "value": { "type": "item" } } ] } }, { "name": "furo-ui5-filtered-table", "source": { "module": "./src/furo-ui5-views/furo-ui5-filtered-table.js", "symbol": "FuroUi5FilteredTable" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-filtered-table` is a table which work with `furo-ui5-views`. It accepts field orders and a set of visible fields.\n\nIt works like a `furo-ui5-table` but has the ability to reorder the columns. The only action you have to take is to set\nthe `id` attribute on the `ui5-table-column`. The id must match to the `field_name` attribute on the table_settings.\n\n```html\n \n id\n display_name\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-filtered-table/", "attributes": [{ "name": "mode", "type": "string", "priority": "highest", "description": "Defines the mode of the component.\n\nAvailable options are:\n- MultiSelect\n- SingleSelect\n- None", "default": "'None'" }, { "name": "no-data-text", "type": "String", "priority": "highest", "description": "Defines the text that will be displayed when there is no data.\nstring" }, { "name": "identity-path", "type": "*", "priority": "highest", "description": "string}" }, { "name": "sticky-column-header", "type": "Boolean", "priority": "highest", "description": "Determines whether the column headers remain fixed at the top of the page during vertical scrolling as long as the Web Component is in the viewport." }, { "name": "busy", "type": "Boolean", "priority": "highest", "description": "Busy state" } ] , "js": { "properties": [{ "name": "mode", "type": "string", "priority": "high", "description": "Defines the mode of the component.\n\nAvailable options are:\n- MultiSelect\n- SingleSelect\n- None", "default": "'None'" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Defines the text that will be displayed when there is no data.\nstring" }, { "name": "identityPath", "type": "*", "priority": "high", "description": "string}" }, { "name": "stickyColumnHeader", "type": "Boolean", "priority": "high", "description": "Determines whether the column headers remain fixed at the top of the page during vertical scrolling as long as the Web Component is in the viewport." }, { "name": "busy", "type": "Boolean", "priority": "high", "description": "Busy state" } ], "methods": [ { "name": "set-order-by", "description": "This is only used to set the order icons on the table headers. You have to use a `furo-ui5-views-column-header` in the\nheader slot for this.\n\n```html\n${i18n.t('activity_nr')}\n \n```\n\nThe value comes from the event `order-by-changed`, which is emited by the component `furo-ui5-views-table-settings`.", "value": { "type": "string", "required": true } } , { "name": "set-columns", "description": "setColumns sets the column order and the visible columns", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Bind a repeated data node.", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the header of the table", "value": { "type": "string", "required": true } } , { "name": "focus-last", "description": "Focuses the last row.", "value": { "type": "string", "required": true } } , { "name": "focus-first", "description": "Focuses the first row.", "value": { "type": "string", "required": true } } , { "name": "set-busy", "description": "setBusy Sets the busy state", "value": { "type": "string", "required": true } } , { "name": "unset-busy", "description": "unsetBusy Unsets the busy state", "value": { "type": "string", "required": true } }], "events": [ { "name": "data-loaded", "priority": "highest", "description": "Fired when the data is loaded into data table. The event detail contains the data table self.", "value": { "type": "HTMLElement" } } , { "name": "arrow-down-on-last-row", "priority": "highest", "description": "Fired when the ArrowDown is pressed on the last row. The event detail is the original entity of the row", "value": { "type": "entity" } } , { "name": "tablerow-selected", "priority": "highest", "description": "Fired when the row is selected. The event detail is the original entity of the row.", "value": { "type": "entity" } } , { "name": "arrow-up-on-first-row", "priority": "highest", "description": "Fired when the ArrowUp is pressed on the first row. The event detail is the original entity of the row", "value": { "type": "entity" } } , { "name": "rows-selected", "priority": "highest", "description": "Fired when the row selection in MultiSelect mode was changed", "value": { "type": "Array with the selected items" } } ] } }, { "name": "furo-ui5-views-column-header", "source": { "module": "./src/furo-ui5-views/furo-ui5-views-column-header.js", "symbol": "FuroUi5ViewsColumnHeader" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-views-column-header`\n\n Displays a sort direction icon in the table header.\n\n ```html\n${i18n.t('activity_nr')}\n \n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-views-column-header/", "attributes": [{ "name": "_hidesort", "type": "boolean", "priority": "highest", "description": "Description" }, { "name": "_icon", "type": "string", "priority": "highest", "description": "", "default": "'sort-ascending'" } ] , "js": { "properties": [{ "name": "_icon", "type": "string", "priority": "high", "description": "", "default": "'sort-ascending'" }, { "name": "_hidesort", "type": "boolean", "priority": "high", "description": "Description" } ], "methods": [ { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "show-sort", "description": "set the sort indicator", "value": { "type": "string", "required": true } } , { "name": "clear", "description": "remove the sorting", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-views-filter-settings", "source": { "module": "./src/furo-ui5-views/furo-ui5-views-filter-settings.js", "symbol": "FuroUi5ViewsFilterSettings" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-views-filter-settings` contains the dialog for the filter settings for a `furo-ui5-views`.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-views-filter-settings/", "attributes": [{ "name": "colheader-field", "type": "string", "priority": "highest", "description": "Title for the field column.", "default": "'Field'" }, { "name": "colheader-position", "type": "string", "priority": "highest", "description": "Title for the position column.", "default": "'Position'" }, { "name": "colheader-value", "type": "string", "priority": "highest", "description": "Title for the value column.", "default": "'Value'" }, { "name": "placeholder-search", "type": "string", "priority": "highest", "description": "Placeholder text for the searcher.", "default": "'Search'" }, { "name": "filtersettings-header-text", "type": "string", "priority": "highest", "description": "Title for the dialog.", "default": "'Adapt Filter'" } ] , "js": { "properties": [{ "name": "colheaderField", "type": "string", "priority": "high", "description": "Title for the field column.", "default": "'Field'" }, { "name": "colheaderPosition", "type": "string", "priority": "high", "description": "Title for the position column.", "default": "'Position'" }, { "name": "colheaderValue", "type": "string", "priority": "high", "description": "Title for the value column.", "default": "'Value'" }, { "name": "placeholderSearch", "type": "string", "priority": "high", "description": "Placeholder text for the searcher.", "default": "'Search'" }, { "name": "headerText", "type": "string", "priority": "high", "description": "Title for the dialog.", "default": "'Adapt Filter'" } ], "methods": [ { "name": "bind-filter", "description": "Bind the filter DO.", "value": { "type": "string", "required": true } } , { "name": "bind-settings", "description": "Bind the settings DO from `furo-ui5-views`.", "value": { "type": "string", "required": true } } , { "name": "show", "description": "Opens the filter dialog.", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-views-table-settings", "source": { "module": "./src/furo-ui5-views/furo-ui5-views-table-settings.js", "symbol": "FuroUi5ViewsTableSettings" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-views-table-settings` contains the dialog for the table settings for a `furo-ui5-views`.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-views-table-settings/", "attributes": [{ "name": "row-type", "type": "string", "priority": "highest", "description": "Define the type for a row" }, { "name": "required-fields", "type": "string", "priority": "highest", "description": "Define fields that are required for your business logic. Required fields are always requested from the server\neven when they are not displayed." }, { "name": "sortable", "type": "boolean", "priority": "highest", "description": "Set this to true to enable the sorting view in the dialog." }, { "name": "tablesettings-header-text", "type": "string", "priority": "highest", "description": "Title of the dialog.", "default": "'View Settings'" }, { "name": "tab-columns-label", "type": "string", "priority": "highest", "description": "Label for the column tab.", "default": "'Columns'" }, { "name": "tab-sort-label", "type": "string", "priority": "highest", "description": "Label for the sorter tab.", "default": "'Sort'" }, { "name": "ok-button-text", "type": "string", "priority": "highest", "description": "Label for the OK button.", "default": "'Ok'" }, { "name": "cancel-button-text", "type": "string", "priority": "highest", "description": "Label for the cancel button.", "default": "'Cancel'" }, { "name": "colheader-field", "type": "string", "priority": "highest", "description": "Titel for the field column.", "default": "'Field'" }, { "name": "colheader-position", "type": "string", "priority": "highest", "description": "Titel for the Position column.", "default": "'Position'" }, { "name": "label-empty-select", "type": "string", "priority": "highest", "description": "Text for the \"pleace select\" dropdown entry.", "default": "'Sort By'" }, { "name": "placeholder-search", "type": "string", "priority": "highest", "description": "Placeholder for the searcher field.", "default": "'Search'" } ] , "js": { "properties": [{ "name": "headerText", "type": "string", "priority": "high", "description": "Title of the dialog.", "default": "'View Settings'" }, { "name": "tabColumnsLabel", "type": "string", "priority": "high", "description": "Label for the column tab.", "default": "'Columns'" }, { "name": "tabSortLabel", "type": "string", "priority": "high", "description": "Label for the sorter tab.", "default": "'Sort'" }, { "name": "okButtonText", "type": "string", "priority": "high", "description": "Label for the OK button.", "default": "'Ok'" }, { "name": "cancelButtonText", "type": "string", "priority": "high", "description": "Label for the cancel button.", "default": "'Cancel'" }, { "name": "colheaderField", "type": "string", "priority": "high", "description": "Titel for the field column.", "default": "'Field'" }, { "name": "colheaderPosition", "type": "string", "priority": "high", "description": "Titel for the Position column.", "default": "'Position'" }, { "name": "labelEmptySelect", "type": "string", "priority": "high", "description": "Text for the \"pleace select\" dropdown entry.", "default": "'Sort By'" }, { "name": "placeholderSearch", "type": "string", "priority": "high", "description": "Placeholder for the searcher field.", "default": "'Search'" }, { "name": "rowType", "type": "string", "priority": "high", "description": "Define the type for a row" }, { "name": "requiredFields", "type": "string", "priority": "high", "description": "Define fields that are required for your business logic. Required fields are always requested from the server\neven when they are not displayed." }, { "name": "sortable", "type": "boolean", "priority": "high", "description": "Set this to true to enable the sorting view in the dialog." } ], "methods": [ { "name": "show", "description": "show", "value": { "type": "string", "required": true } } , { "name": "bind-settings", "description": "Bind the settings component from `furo-ui5-views`.", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-views", "source": { "module": "./src/furo-ui5-views/furo-ui5-views.js", "symbol": "FuroUi5Views" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-views` allows you to manage custom views. This includes filter settings and table orders.\n\nTab orders are not implemented at the moment.\n\nThe user settings are stored in the `local storage`, session data in the `session storage`. Feel free to extend the `furo-ui5-views`\ncomponent to store the settings anywhere else by overriding the `saveData` method.\n\n`furo-ui5-views` manages the view data\n\n\n```html\n\n\n\n\n \n\n \n ...\n \n```\nInject the default\n\n## Specs\n\nYou have to import the furo-ui5-specs or add the following muspec to your spec project.\n\n*.furo*\n```yaml\ndependencies:\n- \"https://github.com/theNorstroem/furo-ui5-specs.git v1.0.0\"\n```\n\n*µSpecs*\n```yaml\n- type: 'furo.view.PersonalView #'\n fields:\n id: 'string:1 #'\n views: '[] furo.view.ViewSettings:2'\n\n- type: 'furo.view.ViewSettings #'\n fields:\n id: 'string:1 #id'\n name: 'string:2 #Textual identifier'\n is_favorite: 'bool:3'\n is_standard: 'bool:4'\n auto_apply: 'bool:5'\n created_by: 'string:6'\n editable: 'bool:7 #'\n filter_settings: '[] furo.view.FilterItem:8'\n filter_object: 'google.protobuf.Any:9 #Contains the filter Object'\n table_settings: '[] furo.view.TableColumn:10'\n order_by: 'string:11 # sort order, comma separated list of field names'\n group_by: 'string:11 # group by'\n\n\n- type: 'furo.view.FilterItem #Filter object'\n fields:\n field_name: 'string:1'\n show: 'bool:2 #show hide'\n\n- type: 'furo.view.TableColumnSortRow #TableColumn '\n fields:\n id: 'string:1'\n display_name: 'string:2 #'\n descending: 'bool:3 #'\n options: '[] furo.Optionitem:4'\n\n- type: 'furo.view.TableColumn #TableColumn '\n fields:\n field_name: 'string:1'\n show: 'bool:2 #show hide'\n sortable: 'bool:3 # set this to true if the field is sortable'\n groupable: 'bool:4 # set this to true if the field is groupable'\n label: 'string:5 # set this to true if the field is groupable'\n\n- type: 'furo.view.SaveAsDialog #Filter object'\n fields:\n name: '* string:1'\n is_favorite: 'bool:3'\n is_standard: 'bool:4'\n auto_apply: 'bool:5'\n```\n\nDescribe the filterable fields and sortable table columns.\n\n*sample data*\n```js\nexport const Settings = {\n \"views\": [\n {\n \"id\": \"default\",\n \"name\": \"Standard\",\n \"is_favorite\": true,\n \"is_standard\": true,\n \"auto_apply\": true,\n \"created_by\": \"Furo\",\n \"editable\": false,\n \"filter_settings\": [\n\n\n {\n \"field_name\": \"description\",\n \"show\": true\n },\n {\n \"field_name\": \"start\",\n \"show\": true\n },\n {\n \"field_name\": \"end\",\n \"show\": true\n },\n {\n \"field_name\": \"members\",\n \"show\": true\n }\n ],\n \"filter_object\": {\n \"description\": null,\n \"start\": null,\n \"end\": null,\n \"members\": null\n },\n \"table_settings\": [\n {\n \"field_name\": \"id\",\n \"show\": false,\n \"sortable\" : true\n },\n {\n \"field_name\": \"display_name\",\n \"show\": true,\n \"sortable\" : true\n },\n {\n \"field_name\": \"description\",\n \"show\": true,\n \"sortable\" : true\n },\n {\n \"field_name\": \"start\",\n \"show\": false\n },\n {\n \"field_name\": \"end\",\n \"show\": false\n },\n {\n \"field_name\": \"members\",\n \"show\": true,\n \"sortable\" : true\n }\n ],\n \"order_by\": \"\",\n \"group_by\": \"\"\n }\n ]\n}\n\n```", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-views/", "attributes": [{ "name": "view-id", "type": "string", "priority": "highest", "description": "This is the id vor the view, this key is used to store the search filters in the session storage." }, { "name": "header-text", "type": "string", "priority": "highest", "description": "Title of the dialog for \"views\"", "default": "'My Views'" }, { "name": "save-as-header-text", "type": "string", "priority": "highest", "description": "Title of the \"save as\" dialog.", "default": "'Save View'" }, { "name": "checkbox-set-default", "type": "string", "priority": "highest", "description": "Checkbox label for set as default on save as dialog.", "default": "'Set as Default'" }, { "name": "checkbox-apply-automatically", "type": "string", "priority": "highest", "description": "Checkbox label for apply automatically on save as dialog.", "default": "'Apply Automatically'" }, { "name": "manage-button-text", "type": "string", "priority": "highest", "description": "Button label to open the manage view dialog.", "default": "'Manage'" }, { "name": "save-button-text", "type": "string", "priority": "highest", "description": "Button label for save.", "default": "'Save'" }, { "name": "save-as-button-text", "type": "string", "priority": "highest", "description": "Button label for save as.", "default": "'Save As'" }, { "name": "cancel-button-text", "type": "string", "priority": "highest", "description": "Button label for cancel action.", "default": "'Cancel'" }, { "name": "manage-view-header-text", "type": "string", "priority": "highest", "description": "Title of the manage-view dialog.", "default": "'Manage Views'" }, { "name": "placeholder-search", "type": "string", "priority": "highest", "description": "placeholder for search fields.", "default": "'Search'" }, { "name": "colheader-default", "type": "string", "priority": "highest", "description": "Column header for \"default\".", "default": "'Default'" }, { "name": "colheader-apply", "type": "string", "priority": "highest", "description": "Column header for \"apply automatically\".", "default": "'Apply Automatically'" }, { "name": "colheader-creator", "type": "string", "priority": "highest", "description": "Column header for \"created by\".", "default": "'Created By'" }, { "name": "colheader-view", "type": "string", "priority": "highest", "description": "Column header for \"view name\".", "default": "'View'" }, { "name": "ok-button-text", "type": "string", "priority": "highest", "description": "Button label for \"Ok\" action", "default": "'Ok'" } ] , "js": { "properties": [{ "name": "headerText", "type": "string", "priority": "high", "description": "Title of the dialog for \"views\"", "default": "'My Views'" }, { "name": "saveAsHeaderText", "type": "string", "priority": "high", "description": "Title of the \"save as\" dialog.", "default": "'Save View'" }, { "name": "checkoxSetDefault", "type": "string", "priority": "high", "description": "Checkbox label for set as default on save as dialog.", "default": "'Set as Default'" }, { "name": "checkoxApplyAutomatically", "type": "string", "priority": "high", "description": "Checkbox label for apply automatically on save as dialog.", "default": "'Apply Automatically'" }, { "name": "manageButtonText", "type": "string", "priority": "high", "description": "Button label to open the manage view dialog.", "default": "'Manage'" }, { "name": "saveButtonText", "type": "string", "priority": "high", "description": "Button label for save.", "default": "'Save'" }, { "name": "saveAsButtonText", "type": "string", "priority": "high", "description": "Button label for save as.", "default": "'Save As'" }, { "name": "cancelButtonText", "type": "string", "priority": "high", "description": "Button label for cancel action.", "default": "'Cancel'" }, { "name": "manageViewHeaderText", "type": "string", "priority": "high", "description": "Title of the manage-view dialog.", "default": "'Manage Views'" }, { "name": "placeholderSearch", "type": "string", "priority": "high", "description": "placeholder for search fields.", "default": "'Search'" }, { "name": "colheaderDefault", "type": "string", "priority": "high", "description": "Column header for \"default\".", "default": "'Default'" }, { "name": "colheaderApply", "type": "string", "priority": "high", "description": "Column header for \"apply automatically\".", "default": "'Apply Automatically'" }, { "name": "colheaderCreator", "type": "string", "priority": "high", "description": "Column header for \"created by\".", "default": "'Created By'" }, { "name": "colheaderView", "type": "string", "priority": "high", "description": "Column header for \"view name\".", "default": "'View'" }, { "name": "okButtonText", "type": "string", "priority": "high", "description": "Button label for \"Ok\" action", "default": "'Ok'" }, { "name": "viewId", "type": "string", "priority": "high", "description": "This is the id vor the view, this key is used to store the search filters in the session storage." } ], "methods": [ { "name": "show-at", "description": "show opens the view", "value": { "type": "string", "required": true } } , { "name": "set-filter-ref", "description": "set the ref to the filter form", "value": { "type": "string", "required": true } } , { "name": "inject-default", "description": "Inject the default settings. This is a set of predefined filters and columns.", "value": { "type": "string", "required": true } } , { "name": "load-data", "description": "Loads the stored data. Extend and override, if you need another storage mechanism.\nThe data is stored in local storage under the defined view-id.", "value": { "type": "string", "required": true } } , { "name": "save-data", "description": "Stores the settings. Extend and override, if you need another storage mechanism.\nThe data is stored in local storage under the defined view-id.", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-triggered", "priority": "highest", "description": "", "value": { "type": "Event" } } ] } }, { "name": "furo-ui5-launchpad-navigation", "source": { "module": "./src/spaces/furo-ui5-launchpad-navigation.js", "symbol": "FuroUi5LaunchpadNavigation" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-launchpad-navigation`\n\nIs used to navigate between spaces and pages.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-launchpad-navigation/", "attributes": [ ] , "js": { "properties": [{ "name": "_currentTab", "type": "", "priority": "high", "description": "" } ], "methods": [ { "name": "focus", "description": "focus Focuses the first tab", "value": { "type": "string", "required": true } } , { "name": "bind-spaces", "description": "", "value": { "type": "string", "required": true } } , { "name": "-update", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }], "events": [ { "name": "page-selected", "priority": "highest", "description": "{Object} Fired when a page was selected. The object contains the page:id", "value": { "type": "" } } ] } }, { "name": "furo-ui5-launchpad-page-renderer", "source": { "module": "./src/spaces/furo-ui5-launchpad-page-renderer.js", "symbol": "FuroUi5LaunchpadPageRenderer" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-launchpad-page-renderer`\n Renders a page of a space.\n\n > **Hint**: when you build a custom tile, do not forget to trigger the tile-clicked event.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-launchpad-page-renderer/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "inject-page", "description": "injectPage to render a page", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focus Focuses the first tile in the first section", "value": { "type": "string", "required": true } }], "events": [ { "name": "tile-clicked", "priority": "highest", "description": "Fired from the default tiles inside of the rendered pages.", "value": { "type": "PointerEvent" } } ] } }, { "name": "furo-ui5-launchpad-section-renderer", "source": { "module": "./src/spaces/furo-ui5-launchpad-section-renderer.js", "symbol": "FuroUi5LaunchpadSectionRenderer" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-launchpad-section-renderer`\n Renders a section of a page", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-launchpad-section-renderer/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-section", "description": "bindSection Bind a fieldnode of type launchpad.Section", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focus Focuses the first tile in the first section", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-launchpad-tile-grid", "source": { "module": "./src/spaces/furo-ui5-launchpad-tile-grid.js", "symbol": "FuroUi5LaunchpadTileGrid" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-launchpad-tile-grid`\n Layout component used in sections.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-launchpad-tile-grid/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-fbp-ready", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-context-menu-item", "source": { "module": "./src/subcomponents/furo-ui5-context-menu-item.js", "symbol": "FuroUi5ContextMenuItem" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-context-menu-item` is a helper component for `furo-ui5-context-menu`.\n\nIt is not intended for direct usage", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-context-menu-item/", "attributes": [{ "name": "focused", "type": "Boolean", "priority": "highest", "description": "focused state" }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "disabled state" } ] , "js": { "properties": [{ "name": "icon", "type": "string", "priority": "high", "description": "", "default": "'border'" }, { "name": "focused", "type": "Boolean", "priority": "high", "description": "focused state" }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "disabled state" } ], "methods": [ { "name": "bind-data", "description": "Bind a single menu node with a `menu.Menuitem` signature.", "value": { "type": "string", "required": true } } , { "name": "index", "description": "store the index for mouseover focus", "value": { "type": "string", "required": true } } , { "name": "set-focused", "description": "mark item as focused", "value": { "type": "string", "required": true } } , { "name": "unset-focused", "description": "mark item as unfocused", "value": { "type": "string", "required": true } }], "events": [ { "name": "mousefocus", "priority": "highest", "description": " Fired when hovered with mouse", "value": { "type": "index" } } , { "name": "opensub-requested", "priority": "highest", "description": " Fired when submenu should be opened", "value": { "type": "menu: this.menuitem, initiator: this" } } , { "name": "item-selected", "priority": "highest", "description": " Fired when item was selected", "value": { "type": "item" } } ] } }, { "name": "furo-ui5-context-submenu", "source": { "module": "./src/subcomponents/furo-ui5-context-submenu.js", "symbol": "FuroUi5ContextSubmenu" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-context-submenu` is a helper component for `furo-ui5-context-menu`.\n\nUse [`furo-ui5-context-menu`](?t=FuroUi5ContextMenu) to show a context menu.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-context-submenu/", "attributes": [{ "name": "depth", "type": "Number", "priority": "highest", "description": "Depth of the submenu" } ] , "js": { "properties": [{ "name": "borderDistance", "type": "number", "priority": "high", "description": "", "default": "48" }, { "name": "depth", "type": "Number", "priority": "high", "description": "Depth of the submenu" } ], "methods": [ { "name": "init", "description": "", "value": { "type": "string", "required": true } } , { "name": "hide-menu", "description": "", "value": { "type": "string", "required": true } } , { "name": "trigger-navigation", "description": "Interface for the furo navigation pad", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-message-container-item", "source": { "module": "./src/subcomponents/furo-ui5-message-container-item.js", "symbol": "FuroUi5MessageContainerItem" }, "deprecated": false, "experimental": false, "description": "`furo-ui5-message-container-item`\ntodo Describe your element", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-message-container-item/", "attributes": [{ "name": "hidden", "type": "boolean", "priority": "highest", "description": "" } ] , "js": { "properties": [{ "name": "hidden", "type": "boolean", "priority": "high", "description": "" } ], "methods": [ { "name": "bind-data", "description": "bindData Bind a fielNode", "value": { "type": "string", "required": true } } , { "name": "filter", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-table-row", "source": { "module": "./src/subcomponents/furo-ui5-table-row.js", "symbol": "FuroUi5TableRow" }, "deprecated": false, "experimental": false, "description": "# INTERNAL COMPONENT\nThis is a helper component to send `tablerow-selected` event by clicking the row or pressing the enter on the row.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-table-row/", "attributes": [ ] , "js": { "properties": [{ "name": "_data", "type": "object", "priority": "high", "description": "", "default": "{}" } ], "methods": [ { "name": "focus", "description": "focus this row", "value": { "type": "string", "required": true } } , { "name": "set-data", "description": "", "value": { "type": "string", "required": true } } , { "name": "-select", "description": "", "value": { "type": "string", "required": true } } , { "name": "-arrow-down-pressed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-arrow-up-pressed", "description": "", "value": { "type": "string", "required": true } }], "events": [ { "name": "ui5-selection-requested", "priority": "highest", "description": "", "value": { "type": "Event" } } , { "name": "tablerow-selected", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } , { "name": "arrow-down-on-last-row", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } , { "name": "arrow-up-on-first-row", "priority": "highest", "description": "", "value": { "type": "CustomEvent" } } ] } }, { "name": "furo-ui5-tree-item", "source": { "module": "./src/subcomponents/furo-ui5-tree-item.js", "symbol": "FuroUi5TreeItem" }, "deprecated": false, "experimental": false, "description": "`furo-tree-item`\n/**\n# INTERNAL COMPONENT\nThis is a helper component to send `tablerow-selected` event by clicking the row or pressing the enter on the row.", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-tree-item/", "attributes": [{ "name": "hidden", "type": "boolean", "priority": "highest", "description": "Description", "default": "true" }, { "name": "focused", "type": "boolean", "priority": "highest", "description": "" }, { "name": "searchmatch", "type": "boolean", "priority": "highest", "description": "" }, { "name": "inedit", "type": "boolean", "priority": "highest", "description": "" }, { "name": "haserror", "type": "boolean", "priority": "highest", "description": "" }, { "name": "selected", "type": "boolean", "priority": "highest", "description": "" }, { "name": "noicon", "type": "boolean", "priority": "highest", "description": "" }, { "name": "is-group-label", "type": "boolean", "priority": "highest", "description": "", "default": "false" } ] , "js": { "properties": [{ "name": "hidden", "type": "boolean", "priority": "high", "description": "Description", "default": "true" }, { "name": "isGroupLabel", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "indentation", "type": "number", "priority": "high", "description": "", "default": "0" }, { "name": "_icon", "type": "string", "priority": "high", "description": "", "default": "'border'" }, { "name": "focused", "type": "boolean", "priority": "high", "description": "" }, { "name": "searchmatch", "type": "boolean", "priority": "high", "description": "" }, { "name": "inedit", "type": "boolean", "priority": "high", "description": "" }, { "name": "haserror", "type": "boolean", "priority": "high", "description": "" }, { "name": "selected", "type": "boolean", "priority": "high", "description": "" }, { "name": "noicon", "type": "boolean", "priority": "high", "description": "" } ], "methods": [ { "name": "search", "description": "", "value": { "type": "string", "required": true } } , { "name": "-update-item", "description": "", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "", "value": { "type": "string", "required": true } } , { "name": "--add-node-selected-listener", "description": "", "value": { "type": "string", "required": true } }], "css": { "properties": [ { "name": "--tree-indentation-1", "description": "tree indention level 1" } , { "name": "--tree-indentation-2", "description": "tree indention level 2" } , { "name": "--tree-indentation-3", "description": "tree indention level 3" } , { "name": "--tree-indentation-4", "description": "tree indention level 4" } , { "name": "--tree-indentation-5", "description": "tree indention level 5" } , { "name": "--tree-indentation-6", "description": "tree indention level 6" } , { "name": "--tree-indentation-7", "description": "tree indention level 7" } , { "name": "--tree-indentation-8", "description": "tree indention level 8" } , { "name": "--tree-indentation-9", "description": "tree indention level 9" } , { "name": "--tree-indentation-10", "description": "tree indention level 10" } , { "name": "--tree-indentation-11", "description": "tree indention level 11" } , { "name": "--tree-indentation-12", "description": "tree indention level 12" } ] } } }, { "name": "cell-bool", "source": { "module": "./src/typerenderer/cell-bool.js", "symbol": "CellBool" }, "deprecated": false, "experimental": false, "description": "`cell-bool`\nThe cell-bool component displays a FieldNode of type `bool` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-bool/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-double", "source": { "module": "./src/typerenderer/cell-double.js", "symbol": "CellDouble" }, "deprecated": false, "experimental": false, "description": "`cell-double`\nThe cell-double component displays a FieldNode of type `double` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-double/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell", "source": { "module": "./src/typerenderer/cell-float.js", "symbol": "CellFloat" }, "deprecated": false, "experimental": false, "description": "`cell-float`\nThe cell-float component displays a FieldNode of type `float` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell/", "attributes": [ ] , "js": { "properties": [{ "name": "_displayValue", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-bigdecimal", "source": { "module": "./src/typerenderer/cell-furo-bigdecimal.js", "symbol": "CellFuroBigdecimal" }, "deprecated": false, "experimental": false, "description": "The `cell-furo-bigdecimal` component displays a FieldNode of type `furo.BigDecimal` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-bigdecimal/", "attributes": [ ] , "js": { "properties": [{ "name": "_displayValue", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-bool", "source": { "module": "./src/typerenderer/cell-furo-fat-bool.js", "symbol": "CellFuroFatBool" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-bool`\nThe cell-furo-fat-bool component displays a FieldNode of type `furo.fat.bool` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-bool/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-double", "source": { "module": "./src/typerenderer/cell-furo-fat-double.js", "symbol": "CellFuroFatDouble" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-double`\nThe cell-furo-fat-double component displays a FieldNode of type `furo.fat.Double` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-double/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-float", "source": { "module": "./src/typerenderer/cell-furo-fat-float.js", "symbol": "CellFuroFatFloat" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-float`\nThe cell-furo-fat-float component displays a FieldNode of type `furo.fat.Float` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-float/", "attributes": [ ] , "js": { "properties": [{ "name": "_displayValue", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-int32", "source": { "module": "./src/typerenderer/cell-furo-fat-int32.js", "symbol": "CellFuroFatInt32" }, "deprecated": false, "experimental": false, "description": "`cell-int32`\nThe cell-int32 component displays a FieldNode of type `furo.fat.Int32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-int32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-int64", "source": { "module": "./src/typerenderer/cell-furo-fat-int64.js", "symbol": "CellFuroFatInt64" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-int64`\nThe cell-furo-fat-int64 component displays a FieldNode of type `furo.fat.int64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-int64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-string", "source": { "module": "./src/typerenderer/cell-furo-fat-string.js", "symbol": "CellFuroFatString" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-string`\nThe cell-furo-fat-string component displays a FieldNode of type `furo.fat.String` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-string/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-update-meta", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-uint32", "source": { "module": "./src/typerenderer/cell-furo-fat-uint32.js", "symbol": "CellFuroFatUint32" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-uint32`\nThe cell-furo-fat-uint32 component displays a FieldNode of type `furo.fat.Uint32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-uint32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-fat-uint64", "source": { "module": "./src/typerenderer/cell-furo-fat-uint64.js", "symbol": "CellFuroFatUint64" }, "deprecated": false, "experimental": false, "description": "`cell-furo-fat-uint64`\nThe cell-furo-fat-uint64 component displays a FieldNode of type `furo.fat.uint64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-fat-uint64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-integerproperty", "source": { "module": "./src/typerenderer/cell-furo-integerproperty.js", "symbol": "CellFuroIntegerproperty" }, "deprecated": false, "experimental": false, "description": "`cell-furo-integerproperty`\nThe cell-furo-integerproperty component displays a FieldNode of type `furo.Integerproperty` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-integerproperty/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-link", "source": { "module": "./src/typerenderer/cell-furo-link.js", "symbol": "CellFuroLink" }, "deprecated": false, "experimental": false, "description": "`cell-furo-link`\nThe cell-furo-link component displays a FieldNode of type `furo.Link` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-link/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-numberproperty", "source": { "module": "./src/typerenderer/cell-furo-numberproperty.js", "symbol": "CellFuroNumberproperty" }, "deprecated": false, "experimental": false, "description": "`cell-furo-numberproperty`\nThe cell-furo-numberrproperty component displays a FieldNode of type `furo.Numberproperty` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-numberproperty/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-property-repeated", "source": { "module": "./src/typerenderer/cell-furo-property-repeated.js", "symbol": "CellFuroPropertyRepeated" }, "deprecated": false, "experimental": false, "description": "`cell-furo-property-repeats`\nThe cell-furo-property-repeats component displays a FieldNode of type `furo.Property` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-property-repeated/", "attributes": [{ "name": "noDataText", "type": "String", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ] , "js": { "properties": [{ "name": "elementList", "type": "array", "priority": "high", "description": "", "default": "[]" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe cell-furo-property-repeats is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } } , { "name": "-update-field-list", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-property", "source": { "module": "./src/typerenderer/cell-furo-property.js", "symbol": "CellFuroProperty" }, "deprecated": false, "experimental": false, "description": "`cell-furo-property`\nThe cell-furo-property component displays a FieldNode of type `furo.Property` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-property/", "attributes": [{ "name": "noDataText", "type": "string", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''", "default": "''" } ] , "js": { "properties": [{ "name": "noDataText", "type": "string", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''", "default": "''" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe cell-furo-property is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-reference", "source": { "module": "./src/typerenderer/cell-furo-reference.js", "symbol": "CellFuroReference" }, "deprecated": false, "experimental": false, "description": "`cell-furo-reference`\nThe cell-furo-reference component displays a FieldNode of type `furo.Reference` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-reference/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-stringoptionproperty", "source": { "module": "./src/typerenderer/cell-furo-stringoptionproperty.js", "symbol": "CellFuroStringoptionproperty" }, "deprecated": false, "experimental": false, "description": "`cell-furo-stringoptionproperty`\nThe cell-furo-numberrproperty component displays a FieldNode of type `furo.Stringoptionproperty` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-stringoptionproperty/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-stringproperty", "source": { "module": "./src/typerenderer/cell-furo-stringproperty.js", "symbol": "CellFuroStringproperty" }, "deprecated": false, "experimental": false, "description": "`cell-furo-stringproperty`\nThe cell-furo-stringproperty component displays a FieldNode of type `furo.Stringproperty` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-stringproperty/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-type-date", "source": { "module": "./src/typerenderer/cell-furo-type-date.js", "symbol": "CellFuroTypeDate" }, "deprecated": false, "experimental": false, "description": "`cell-furo-type-date`\nThe cell-furo-type-date component displays a FieldNode of type `furo.type.Date` in read only mode.\n\nif the field `display_name` is set, the component will use that value for the display.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-type-date/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-furo-type-money", "source": { "module": "./src/typerenderer/cell-furo-type-money.js", "symbol": "CellFuroTypeMoney" }, "deprecated": false, "experimental": false, "description": "`cell-furo-type-money`\nThe cell-furo-type-money component displays a FieldNode of type `furo.type.Money` in read only mode.\n\nif the field `display_name` is set, the component will use that value for the display.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-furo-type-money/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-any", "source": { "module": "./src/typerenderer/cell-google-protobuf-any.js", "symbol": "CellGoolgeProtobufAny" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-any`\nThe cell-google-protobuf-any component is a wrapper displays of type `google.protobuf.Any` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-any/", "attributes": [ ] , "js": { "properties": [{ "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe cell-google-protobuf-any is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-boolvalue", "source": { "module": "./src/typerenderer/cell-google-protobuf-boolvalue.js", "symbol": "CellGoolgeProtobufBoolvalue" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-boolvalue`\nThe cell-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.BoolValue` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-boolvalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-doublevalue", "source": { "module": "./src/typerenderer/cell-google-protobuf-doublevalue.js", "symbol": "CellGoogleProtobufDoublevalue" }, "deprecated": false, "experimental": false, "description": "`cell-double`\nThe cell-double component displays a FieldNode of type `google.protobuf.DoubleValue` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-doublevalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-", "source": { "module": "./src/typerenderer/cell-google-protobuf-floatvalue.js", "symbol": "CellGoolgeProtobufFloatvalue" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-floatvalue`\nThe cell-google-protobuf-floatvalue component displays a FieldNode of type `google.protobuf.FloatValue` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-/", "attributes": [ ] , "js": { "properties": [{ "name": "_displayValue", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-int32value", "source": { "module": "./src/typerenderer/cell-google-protobuf-int32value.js", "symbol": "CellGoolgeProtobufIn32value" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-boolvalue`\nThe cell-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Int32Value` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-int32value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-int64value", "source": { "module": "./src/typerenderer/cell-google-protobuf-int64value.js", "symbol": "CellGoolgeProtobufIn64value" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-boolvalue`\nThe cell-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Int64Value` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-int64value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-stringvalue", "source": { "module": "./src/typerenderer/cell-google-protobuf-stringvalue.js", "symbol": "CellGoogleProtobufStringvalue" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-stringvalue`\nThe cell-google-protobuf-stringvalue component displays a FieldNode of type `google.protobuf.StringValue` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-stringvalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-timestamp", "source": { "module": "./src/typerenderer/cell-google-protobuf-timestamp.js", "symbol": "CellGoogleProtobufTimestamp" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-timestamp`\nThe cell-google-protobuf-timestamp component displays a FieldNode of type `google.prtobuf.Timestamp` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-timestamp/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-uint32value", "source": { "module": "./src/typerenderer/cell-google-protobuf-uint32value.js", "symbol": "CellGoolgeProtobufUin32value" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-boolvalue`\nThe cell-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Uint32Value` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-uint32value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-protobuf-uint64value", "source": { "module": "./src/typerenderer/cell-google-protobuf-uint64value.js", "symbol": "CellGoolgeProtobufUin64value" }, "deprecated": false, "experimental": false, "description": "`cell-google-protobuf-boolvalue`\nThe cell-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Uint64Value` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-protobuf-uint64value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-type-color", "source": { "module": "./src/typerenderer/cell-google-type-color.js", "symbol": "CellGoolgeTypeColor" }, "deprecated": false, "experimental": false, "description": "`cell-google-type-color`\nThe cell-google-type-color component displays a FieldNode of type `google.type.Color` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-type-color/", "attributes": [ ] , "js": { "properties": [{ "name": "_red", "type": "string", "priority": "high", "description": "", "default": "''" }, { "name": "_green", "type": "string", "priority": "high", "description": "", "default": "''" }, { "name": "_blue", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-type-date", "source": { "module": "./src/typerenderer/cell-google-type-date.js", "symbol": "CellGoogleTypeDate" }, "deprecated": false, "experimental": false, "description": "`cell-google-type-date`\nThe cell-google-type-date component displays a FieldNode of type `google.type.Date` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-type-date/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-type-money", "source": { "module": "./src/typerenderer/cell-google-type-money.js", "symbol": "CellGoogleTypeMoney" }, "deprecated": false, "experimental": false, "description": "`cell-google-type-money`\nThe cell-google-type-money component displays a FieldNode of type `google.type.Money` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-type-money/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-google-type-timeofday", "source": { "module": "./src/typerenderer/cell-google-type-timeofday.js", "symbol": "CellGoogleTypeTimeofday" }, "deprecated": false, "experimental": false, "description": "`cell-google-type-timeofday`\nThe cell-google-type-timeofday component displays a FieldNode of type `google.type.TimeOfDay` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-google-type-timeofday/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-int32", "source": { "module": "./src/typerenderer/cell-int32.js", "symbol": "CellInt32" }, "deprecated": false, "experimental": false, "description": "`cell-int32`\nThe cell-int32 component displays a FieldNode of type `int32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-int32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-int64", "source": { "module": "./src/typerenderer/cell-int64.js", "symbol": "CellInt64" }, "deprecated": false, "experimental": false, "description": "`cell-int64`\nThe cell-int64 component displays a FieldNode of type `int64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-int64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-string", "source": { "module": "./src/typerenderer/cell-string.js", "symbol": "CellString" }, "deprecated": false, "experimental": false, "description": "`cell-string`\nThe cell-string component displays a FieldNode of type `string` in read only mode.\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-string/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-uint32", "source": { "module": "./src/typerenderer/cell-uint32.js", "symbol": "CellUint32" }, "deprecated": false, "experimental": false, "description": "`cell-uint32`\nThe cell-uint32 component displays a FieldNode of type `uint32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-uint32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "cell-uint64", "source": { "module": "./src/typerenderer/cell-uint64.js", "symbol": "CellUint64" }, "deprecated": false, "experimental": false, "description": "`cell-uint64`\nThe cell-uint64 component displays a FieldNode of type `uint64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery cell-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/cell-uint64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "celledit-bool", "source": { "module": "./src/typerenderer/celledit-bool.js", "symbol": "CelleditBool" }, "deprecated": false, "experimental": false, "description": "`celledit-bool` is a `celledit` context renderer.\n\nIt uses furo-ui5-checkbox-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-bool/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "check", "description": "Checks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "uncheck", "description": "Unhecks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the checkbox checked state changes.", "value": { "type": "Boolean" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Boolean" } } ] } }, { "name": "celledit-double", "source": { "module": "./src/typerenderer/celledit-double.js", "symbol": "CelleditDouble" }, "deprecated": false, "experimental": false, "description": "`celledit-double` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-double/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-float", "source": { "module": "./src/typerenderer/celledit-float.js", "symbol": "CelleditFloat" }, "deprecated": false, "experimental": false, "description": "`celledit-float` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-float/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-bigdecimal", "source": { "module": "./src/typerenderer/celledit-furo-bigdecimal.js", "symbol": "CelleditFuroBigdecimal" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-bigdecimal/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-fat-bool", "source": { "module": "./src/typerenderer/celledit-furo-fat-bool.js", "symbol": "CelleditFuroFatBool" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-bool` is a `celledit` context renderer.\n\nIt uses furo-ui5-checkbox-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-bool/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "check", "description": "Checks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "uncheck", "description": "Unhecks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the checkbox checked state changes.", "value": { "type": "Boolean" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Boolean" } } ] } }, { "name": "celledit-furo-fat-double", "source": { "module": "./src/typerenderer/celledit-furo-fat-double.js", "symbol": "CelleditFuroFatDouble" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-double` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-double/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-fat-float", "source": { "module": "./src/typerenderer/celledit-furo-fat-float.js", "symbol": "CelleditFuroFatFloat" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-float` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-float/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-fat-int32", "source": { "module": "./src/typerenderer/celledit-furo-fat-int32.js", "symbol": "CelleditFuroFatInt32" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-int32` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-int32/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-fat-int64", "source": { "module": "./src/typerenderer/celledit-furo-fat-int64.js", "symbol": "CelleditFuroFatInt64" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-int64` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-int64/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-fat-string", "source": { "module": "./src/typerenderer/celledit-furo-fat-string.js", "symbol": "CelleditFuroFatString" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-string` is a `celledit` context renderer.\n\nIt uses furo-ui5-text-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-string/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "type", "type": "string", "priority": "high", "description": "", "default": "'Text'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the text of the\noption items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "wait", "type": "number", "priority": "high", "description": "Debounce time in milliseconds\nDefault value: 250", "default": "250" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.\nThe items are displayed as suggestion items.", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-requested", "priority": "highest", "description": "Fired when typing in input (debounced, default 250ms)", "value": { "type": "value" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "String" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "String" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "celledit-furo-fat-uint32", "source": { "module": "./src/typerenderer/celledit-furo-fat-uint32.js", "symbol": "CelleditFuroFatUint32" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-uint32` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-uint32/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-fat-uint64", "source": { "module": "./src/typerenderer/celledit-furo-fat-uint64.js", "symbol": "CelleditFuroFatUint64" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-fat-uint64` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-fat-uint64/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-integerproperty", "source": { "module": "./src/typerenderer/celledit-furo-integerproperty.js", "symbol": "CelleditFuroIntegerproperty" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-integerproperty` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-integerproperty/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-link", "source": { "module": "./src/typerenderer/celledit-furo-link.js", "symbol": "CelleditFuroLink" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-link`\nThe celledit-furo-link component displays a FieldNode of type `furo.Link` in read only mode.\n\nEvery celledit-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-link/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "celledit-furo-inumberproperty", "source": { "module": "./src/typerenderer/celledit-furo-numberproperty.js", "symbol": "CelleditFuroNumberproperty" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-numberproperty` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-inumberproperty/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-furo-property-repeated", "source": { "module": "./src/typerenderer/celledit-furo-property-repeated.js", "symbol": "CelleditFuroPropertyRepeated" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-property-repeats`\nThe celledit-furo-property-repeats component displays a FieldNode of type `furo.Property` in read only mode.\n\nEvery celledit-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-property-repeated/", "attributes": [{ "name": "noDataText", "type": "String", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ] , "js": { "properties": [{ "name": "elementList", "type": "array", "priority": "high", "description": "", "default": "[]" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe celledit-furo-property-repeats is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } } , { "name": "-update-field-list", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "celledit-furo-property", "source": { "module": "./src/typerenderer/celledit-furo-property.js", "symbol": "CelleditFuroProperty" }, "deprecated": false, "experimental": false, "description": "`celledit-furo-property`\nThe celledit-furo-property component displays a FieldNode of type `furo.Property` in read only mode.\n\nEvery celledit-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-property/", "attributes": [{ "name": "noDataText", "type": "string", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''", "default": "''" } ] , "js": { "properties": [{ "name": "noDataText", "type": "string", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''", "default": "''" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe celledit-furo-property is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } } , { "name": "-warning", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "celledit-furo-reference", "source": { "module": "./src/typerenderer/celledit-furo-reference.js", "symbol": "CelleditFuroReference" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-reference/", "attributes": [{ "name": "search-response-path", "type": "string", "priority": "highest", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "extended-value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the extended search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extended-display-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "service", "type": "string", "priority": "highest", "description": "setter for the service", "default": "''" }, { "name": "method", "type": "String", "priority": "highest", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "disable-search-list", "type": "boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "no-data-text", "type": "string", "priority": "highest", "description": "hint text when result not found by search", "default": "'no result found'" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "Overrides the required value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "placeholder", "type": "string", "priority": "highest", "description": "Overrides the hint text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "label", "type": "string", "priority": "highest", "description": "Overrides the label text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "min-term-length", "type": "number", "priority": "highest", "description": "The minimal length of search term to trigger a search.", "default": "2" }, { "name": "max-items-to-display", "type": "number", "priority": "highest", "description": "The maximal number of items to display.\n\nThis value will be set as page-size query-param for the backend.\n\nIf the response contains hts information with rel *next* a \"load more\" button will be displayed at the end\nof the list.", "default": "8" }, { "name": "search-on-enter-only", "type": "Boolean", "priority": "highest", "description": "Enable this, to avoid the automatic triggering of \"search\".\n\nThe user have to press enter to trigger the search. Min-term-length is respected." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "Overrides the readonly value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "Disable" }, { "name": "busy", "type": "Boolean", "priority": "highest", "description": "This is used to activate the loading indicator." }, { "name": "value-state", "type": "string", "priority": "highest", "description": "Value State of the input field", "default": "'None'" }, { "name": "debounce-timeout", "type": "number", "priority": "highest", "description": "wait for this time between keystrokes to trigger a search to the service", "default": "250" }, { "name": "extended-searcher", "type": "String", "priority": "highest", "description": "Define the extended searcher. Do not forget to import the searcher you want to use." } ] , "js": { "properties": [{ "name": "service", "type": "string", "priority": "high", "description": "setter for the service", "default": "''" }, { "name": "searchResponsePath", "type": "string", "priority": "high", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "extendedValueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the extended search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extendedDisplayFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "maxItemsToDisplay", "type": "number", "priority": "high", "description": "The maximal number of items to display.\n\nThis value will be set as page-size query-param for the backend.\n\nIf the response contains hts information with rel *next* a \"load more\" button will be displayed at the end\nof the list.", "default": "8" }, { "name": "value", "type": "object", "priority": "high", "description": "", "default": "{ id: '', display_name: '' }" }, { "name": "minTermLength", "type": "number", "priority": "high", "description": "The minimal length of search term to trigger a search.", "default": "2" }, { "name": "debounceTimeout", "type": "number", "priority": "high", "description": "wait for this time between keystrokes to trigger a search to the service", "default": "250" }, { "name": "placeholder", "type": "string", "priority": "high", "description": "Overrides the hint text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "label", "type": "string", "priority": "high", "description": "Overrides the label text from the **specs**.\n\nUse with caution, normally the specs defines this value.", "default": "''" }, { "name": "noDataText", "type": "string", "priority": "high", "description": "hint text when result not found by search", "default": "'no result found'" }, { "name": "disableSearchList", "type": "boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "icon", "type": "string", "priority": "high", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "valueState", "type": "string", "priority": "high", "description": "Value State of the input field", "default": "'None'" }, { "name": "method", "type": "String", "priority": "high", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "Overrides the required value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "searchOnEnterOnly", "type": "Boolean", "priority": "high", "description": "Enable this, to avoid the automatic triggering of \"search\".\n\nThe user have to press enter to trigger the search. Min-term-length is respected." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "Overrides the readonly value from the **specs**.\n\nUse with caution, normally the specs defines this value." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "Disable" }, { "name": "busy", "type": "Boolean", "priority": "high", "description": "This is used to activate the loading indicator." }, { "name": "extendedSearcher", "type": "String", "priority": "high", "description": "Define the extended searcher. Do not forget to import the searcher you want to use." } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: can be a scalar type or any complex type with 'id','display_name' signature or use\nthe furo.Reference type.", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focuses the input field", "value": { "type": "string", "required": true } } , { "name": "trigger-search", "description": "triggerSearch search for a term", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\n\nFollowing attributes can be set:\n- `value-state`\n- `value-state-message`\n- `icon`\n- `placeholder`\n- `label`\n- `required`\n- `readonly`\n- `disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "hts-in", "description": "htsIn sets the HTS for the collection-agent.\n\nThis is only needed if you want to have fine grained control over the hts", "value": { "type": "string", "required": true } } , { "name": "qp-in", "description": "qpIn Use this to set query params manualy", "value": { "type": "string", "required": true } } , { "name": "set-filter", "description": "Sets the filter.\nHint: use the FieldNode._base64 property to send complex objects as a filter and decode it on the server side\nor do btoa(JSON.stringify(FILTER))", "value": { "type": "string", "required": true } } , { "name": "clear-result-list", "description": "clears the result set", "value": { "type": "string", "required": true } }], "events": [ { "name": "item-selected", "priority": "highest", "description": " Fired when a item was selected from the list.", "value": { "type": "`Object` the complete item" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`text`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } ] } }, { "name": "celledit-furo-stringoptionproperty", "source": { "module": "./src/typerenderer/celledit-furo-stringoptionproperty.js", "symbol": "CelleditFuroStringoptionproperty" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-stringoptionproperty/", "attributes": [ ] , "js": { "properties": [{ "name": "activeFieldBinding", "type": "boolean", "priority": "high", "description": "Flag to indicate if a field is attached\nDefault: false", "default": "false" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.\ndefault: id\nThis attribute is related to the option list. optionList[selected].valueFieldPath ==> bound FieldNode", "default": "'id'" }, { "name": "boundFieldIdPath", "type": "string", "priority": "high", "description": "Defines the id field path of the bound FieldNode.\nPoint-separated path to the field\nMust be set if a data binding is specified with a complex type.\ndefault: id\nThis attribute is related to the bound FieldNode.", "default": "'id'" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `required`,`readonly`,`disabled`, `value-field-path`, `display-field-path`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.", "value": { "type": "string", "required": true } } , { "name": "set-options", "description": "inject raw data as options", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Overridden bindData of FieldNodeAdapter", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "select-option-by-id", "description": "Selects an option by id.\nThe id field must be comparable.", "value": { "type": "string", "required": true } }], "events": [ { "name": "options-updated", "priority": "highest", "description": "Fired after the option list was rebuilt.", "value": { "type": "optionNodeList" } } , { "name": "item-selected", "priority": "highest", "description": "Fired when the item of the dropdown list is selected.", "value": { "type": "selectedOption" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "selectedOption" } } ] } }, { "name": "celledit-furo-stringproperty", "source": { "module": "./src/typerenderer/celledit-furo-stringproperty.js", "symbol": "CelleditFuroStringproperty" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-stringproperty/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "type", "type": "string", "priority": "high", "description": "", "default": "'Text'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the text of the\noption items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "wait", "type": "number", "priority": "high", "description": "Debounce time in milliseconds\nDefault value: 250", "default": "250" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.\nThe items are displayed as suggestion items.", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-requested", "priority": "highest", "description": "Fired when typing in input (debounced, default 250ms)", "value": { "type": "value" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "String" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "String" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "celledit-furo-type-date", "source": { "module": "./src/typerenderer/celledit-furo-type-date.js", "symbol": "CelleditFuroTypeDate" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-type-date/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "The format pattern for the date.", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `furo.type.Date`, `google.type.Date`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nAttributes that can be se are `value-state`, `placeholder`, `required`,`readonly`,`disabled` `max-date`, `min-date`, `format-pattern`,\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Date" } } , { "name": "change", "priority": "highest", "description": "-Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Date" } } ] } }, { "name": "celledit-furo-type-money", "source": { "module": "./src/typerenderer/celledit-furo-type-money.js", "symbol": "CelleditFuroTypeMoney" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-furo-type-money/", "attributes": [{ "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Binds a fieldNode.\n\nSupported types: `google.type.Money`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nAttributes that can be se are `required`,`readonly`,`disabled` ,\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-options-changed", "description": "Checks if options.flags has an entry `currency_list`\nIn this case the option list is applied to the currency field as suggestion items.\n\nIf you use a static option definition in the type specification (furo), you can\ndefine the list as follows:\n\n```\noptions:\n flags:\n - currency_list\n list:\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: Swiss francs (CHF)\n id: CHF\n selected: false\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: Euro (EUR)\n id: EUR\n selected: false\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: US Dollar (USD)\n id: USD\n selected: false\n```", "value": { "type": "string", "required": true } } , { "name": "-convert-data-to-money-obj", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Money" } } ] } }, { "name": "celledit-google-protobuf-any", "source": { "module": "./src/typerenderer/celledit-google-protobuf-any.js", "symbol": "CelleditGoolgeProtobufAny" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-any`\nThe celledit-google-protobuf-any component is a wrapper displays of type `google.protobuf.Any` in read only mode.\n\nEvery celledit-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-any/", "attributes": [ ] , "js": { "properties": [{ "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe celledit-google-protobuf-any is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } }] } }, { "name": "celledit-google-protobuf-boolvalue", "source": { "module": "./src/typerenderer/celledit-google-protobuf-boolvalue.js", "symbol": "CelleditGoogleProtobufBoolvalue" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-boolvalue` is a `celledit` context renderer.\n\nIt uses furo-ui5-checkbox-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-boolvalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "check", "description": "Checks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "uncheck", "description": "Unhecks the checkbox and updates the value", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the checkbox checked state changes.", "value": { "type": "Boolean" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Boolean" } } ] } }, { "name": "celledit-google-protobuf-doublevalue", "source": { "module": "./src/typerenderer/celledit-google-protobuf-doublevalue.js", "symbol": "CelleditGoogleProtobufDoublevalue" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-doublevalue` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-doublevalue/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-google-protobuf-floatvalue", "source": { "module": "./src/typerenderer/celledit-google-protobuf-floatvalue.js", "symbol": "CelleditGoolgeProtobufFloatvalue" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-floatvalue` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-floatvalue/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-google-protobuf-int32value", "source": { "module": "./src/typerenderer/celledit-google-protobuf-int32value.js", "symbol": "CelleditGoolgeProtobufIn32value" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-int32value` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-int32value/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-google-protobuf-int64value", "source": { "module": "./src/typerenderer/celledit-google-protobuf-int64value.js", "symbol": "CelleditGoolgeProtobufIn64value" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-int64value` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-int64value/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-google-protobuf-stringvalue", "source": { "module": "./src/typerenderer/celledit-google-protobuf-stringvalue.js", "symbol": "CelleditGoogleProtobufStringvalue" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-stringvalue/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "type", "type": "string", "priority": "high", "description": "", "default": "'Text'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the text of the\noption items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "wait", "type": "number", "priority": "high", "description": "Debounce time in milliseconds\nDefault value: 250", "default": "250" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.\nThe items are displayed as suggestion items.", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-requested", "priority": "highest", "description": "Fired when typing in input (debounced, default 250ms)", "value": { "type": "value" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "String" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "String" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "celledit-google-protobuf-timestamp", "source": { "module": "./src/typerenderer/celledit-google-protobuf-timestamp.js", "symbol": "CelleditGoogleProtobufTimestamp" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-timestamp/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "", "default": "''" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" }, { "name": "_attributesFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: undefined,\n placeholder: undefined,\n min: undefined,\n max: undefined,\n pattern: undefined,\n }" }, { "name": "_constraintsFromFNA", "type": "object", "priority": "high", "description": "", "default": "{\n required: undefined,\n }" }, { "name": "_privilegedAttributes", "type": "object", "priority": "high", "description": "", "default": "{\n readonly: null,\n placeholder: null,\n required: null,\n disabled: null,\n maxDate: null,\n minDate: null,\n formatPattern: null,\n }" } ], "methods": [ { "name": "-update-fna", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `google.protobuf.Timestamp`, `int32`, `int64`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-node-became-invalid", "description": "overwrite onFnaFieldNodeBecameInvalid function", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } , { "name": "change", "priority": "highest", "description": "Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "" } } ] } }, { "name": "celledit-google-protobuf-uint32value", "source": { "module": "./src/typerenderer/celledit-google-protobuf-uint32value.js", "symbol": "CelleditGoolgeProtobufUin32value" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-uint32value` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-uint32value/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-google-protobuf-uint64value", "source": { "module": "./src/typerenderer/celledit-google-protobuf-uint64value.js", "symbol": "CelleditGoogleProtobufUint64value" }, "deprecated": false, "experimental": false, "description": "`celledit-google-protobuf-uint64value` is a `celledit` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-protobuf-uint64value/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-google-type-date", "source": { "module": "./src/typerenderer/celledit-google-type-date.js", "symbol": "CelleditGoogleTypeDate" }, "deprecated": false, "experimental": false, "description": "`celledit-google-type-date` is a `celledit` context renderer.\n\nIt uses furo-ui5-date-picker as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-type-date/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "The format pattern for the date.", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `furo.type.Date`, `google.type.Date`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nAttributes that can be se are `value-state`, `placeholder`, `required`,`readonly`,`disabled` `max-date`, `min-date`, `format-pattern`,\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Date" } } , { "name": "change", "priority": "highest", "description": "-Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Date" } } ] } }, { "name": "celledit-google-type-money", "source": { "module": "./src/typerenderer/celledit-google-type-money.js", "symbol": "CelleditGoogleTypeMoney" }, "deprecated": false, "experimental": false, "description": "`celledit-google-type-money` is a `celledit` context renderer.\n\nIt uses furo-ui5-money-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-type-money/", "attributes": [{ "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Binds a fieldNode.\n\nSupported types: `google.type.Money`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nAttributes that can be se are `required`,`readonly`,`disabled` ,\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-options-changed", "description": "Checks if options.flags has an entry `currency_list`\nIn this case the option list is applied to the currency field as suggestion items.\n\nIf you use a static option definition in the type specification (furo), you can\ndefine the list as follows:\n\n```\noptions:\n flags:\n - currency_list\n list:\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: Swiss francs (CHF)\n id: CHF\n selected: false\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: Euro (EUR)\n id: EUR\n selected: false\n - '@type': type.googleapis.com/furo.Optionitem\n display_name: US Dollar (USD)\n id: USD\n selected: false\n```", "value": { "type": "string", "required": true } } , { "name": "-convert-data-to-money-obj", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "Money" } } ] } }, { "name": "celledit-google-type-timeofday", "source": { "module": "./src/typerenderer/celledit-google-type-timeofday.js", "symbol": "CelleditGoogleTypeTimeofday" }, "deprecated": false, "experimental": false, "description": "`celledit-google-type-timeofday` is a `celledit` context renderer.\n\nIt uses furo-ui5-time-picker as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-google-type-timeofday/", "attributes": [ ] , "js": { "properties": [{ "name": "formatPattern", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "on-fna-field-value-changed", "description": "FieldNodeAdapter callback function to\nhandle changes on the model.", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } , { "name": "change", "priority": "highest", "description": "Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "" } } ] } }, { "name": "celledit-int32", "source": { "module": "./src/typerenderer/celledit-int32.js", "symbol": "CelleditInt32" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-int32/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-int64", "source": { "module": "./src/typerenderer/celledit-int64.js", "symbol": "CelleditInt64" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-int64/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-string", "source": { "module": "./src/typerenderer/celledit-string.js", "symbol": "CelleditString" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-string/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "type", "type": "string", "priority": "high", "description": "", "default": "'Text'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the text of the\noption items.\nPoint-separated path to the field\nE.g. data.partner.display_name\ndefault: display_name\nThis attribute is related to the option list", "default": "'display_name'" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "wait", "type": "number", "priority": "high", "description": "Debounce time in milliseconds\nDefault value: 250", "default": "250" } ], "methods": [ { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\n\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Here a RepeaterNode can be connected to the component as an option list.\nThe items are displayed as suggestion items.", "value": { "type": "string", "required": true } }], "events": [ { "name": "search-requested", "priority": "highest", "description": "Fired when typing in input (debounced, default 250ms)", "value": { "type": "value" } } , { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "String" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "String" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "celledit-uint32", "source": { "module": "./src/typerenderer/celledit-uint32.js", "symbol": "CelleditUint32" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-uint32/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "celledit-uint64", "source": { "module": "./src/typerenderer/celledit-uint64.js", "symbol": "CelleditUint64" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/celledit-uint64/", "attributes": [ ] , "js": { "properties": [{ "name": "nativeInputAttributes", "type": "", "priority": "high", "description": "" }, { "name": "_previousValueState", "type": "object", "priority": "high", "description": "", "default": "{ state: 'None', message: '' }" } ], "methods": [ { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types:\n- `double`, `float`, `int32`, `uint32`, `sint32`, `fixed32`, `sfixed32`, `int64`, `uint64`, `sint64`, `fixed64`, `sfixed64`\n- `google.protobuf.DoubleValue`, `google.protobuf.FloatValue`, `google.protobuf.Int32Value`, etc.\n- `furo.fat.Doube`, `furo.fat.Float`, `furo.fat.Int32`, etc.\n- `furo.BigDecimal`", "value": { "type": "string", "required": true } } , { "name": "read-attributes", "description": "Reads the attributes which are set on the component dom.\nthose attributes can be set. `value-state`, `value-state-message`, `icon`, `placeholder`, `required`,`readonly`,`disabled`\nUse this after manual or scripted update of the attributes.", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-state-changed", "description": "set the value state", "value": { "type": "string", "required": true } }], "events": [ { "name": "change", "priority": "highest", "description": " Fired when the input operation has finished by pressing Enter or on focusout.", "value": { "type": "`number`" } } , { "name": "input", "priority": "highest", "description": " Fired when the value of the ui5-input changes at each keystroke, and when a suggestion item has been selected.", "value": { "type": "" } } , { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "`string`" } } ] } }, { "name": "display-bool", "source": { "module": "./src/typerenderer/display-bool.js", "symbol": "DisplayBool" }, "deprecated": false, "experimental": false, "description": "`display-bool`\nThe display-bool component displays a FieldNode of type `bool` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-bool/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-double", "source": { "module": "./src/typerenderer/display-double.js", "symbol": "DisplayDouble" }, "deprecated": false, "experimental": false, "description": "`display-double`\nThe display-double component displays a FieldNode of type `double` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-double/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-float", "source": { "module": "./src/typerenderer/display-float.js", "symbol": "DisplayFloat" }, "deprecated": false, "experimental": false, "description": "`display-float`\nThe display-float component displays a FieldNode of type `float` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-float/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-bigdecimal", "source": { "module": "./src/typerenderer/display-furo-bigdecimal.js", "symbol": "DisplayFuroBigdecimal" }, "deprecated": false, "experimental": false, "description": "`display-furo-bigdecimal`\nThe display-furo-bigdecimal component displays a FieldNode of type `furo.BigDecimal` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-bigdecimal/", "attributes": [{ "name": "currency", "type": "string", "priority": "highest", "description": "Set currency formating" } ] , "js": { "properties": [{ "name": "currency", "type": "string", "priority": "high", "description": "Set currency formating" }, { "name": "_options", "type": "object", "priority": "high", "description": "", "default": "{}" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-bool", "source": { "module": "./src/typerenderer/display-furo-fat-bool.js", "symbol": "DisplayFuroFatBool" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-bool`\nThe display-furo-fat-bool component displays a FieldNode of type `furo.fat.bool` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-bool/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-double", "source": { "module": "./src/typerenderer/display-furo-fat-double.js", "symbol": "DisplayFuroFatDouble" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-double`\nThe display-furo-fat-double component displays a FieldNode of type `furo.fat.Double` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-double/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-float", "source": { "module": "./src/typerenderer/display-furo-fat-float.js", "symbol": "DisplayFuroFatFloat" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-float`\nThe display-furo-fat-float component displays a FieldNode of type `furo.fat.Float` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-float/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-int32", "source": { "module": "./src/typerenderer/display-furo-fat-int32.js", "symbol": "DisplayFuroFatInt32" }, "deprecated": false, "experimental": false, "description": "`display-int32`\nThe display-int32 component displays a FieldNode of type `furo.fat.Int32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-int32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-int64", "source": { "module": "./src/typerenderer/display-furo-fat-int64.js", "symbol": "DisplayFuroFatInt64" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-int64`\nThe display-furo-fat-int64 component displays a FieldNode of type `furo.fat.int64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-int64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-string", "source": { "module": "./src/typerenderer/display-furo-fat-string.js", "symbol": "DisplayFuroFatString" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-string`\nThe display-furo-fat-string component displays a FieldNode of type `furo.fat.String` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-string/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-update-meta", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-Uint32", "source": { "module": "./src/typerenderer/display-furo-fat-uint32.js", "symbol": "DisplayFuroFatUint32" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-uint32`\nThe display-furo-fat-uint32 component displays a FieldNode of type `furo.fat.Uint32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-Uint32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-fat-uint64", "source": { "module": "./src/typerenderer/display-furo-fat-uint64.js", "symbol": "DisplayFuroFatUint64" }, "deprecated": false, "experimental": false, "description": "`display-furo-fat-uint64`\nThe display-furo-fat-uint64 component displays a FieldNode of type `furo.fat.uint64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-fat-uint64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-", "source": { "module": "./src/typerenderer/display-furo-integerproperty.js", "symbol": "DisplayFuroIntegerproperty" }, "deprecated": false, "experimental": false, "description": "`display-furo-integerproperty`\nThe display-furo-integerproperty component displays a FieldNode of type `furo.Integerproperty` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-link", "source": { "module": "./src/typerenderer/display-furo-link.js", "symbol": "DisplayFuroLink" }, "deprecated": false, "experimental": false, "description": "`display-furo-link`\nThe display-furo-link component displays a FieldNode of type `furo.Link` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-link/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-numberproperty", "source": { "module": "./src/typerenderer/display-furo-numberproperty.js", "symbol": "DisplayFuroNumberproperty" }, "deprecated": false, "experimental": false, "description": "`display-furo-numberproperty`\nThe display-furo-numberrproperty component displays a FieldNode of type `furo.Numberproperty` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-numberproperty/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-property-repeated", "source": { "module": "./src/typerenderer/display-furo-property-repeated.js", "symbol": "DisplayFuroPropertyRepeated" }, "deprecated": false, "experimental": false, "description": "`display-furo-property-repeats`\nThe display-furo-property-repeats component displays a FieldNode of type `furo.Property` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-property-repeated/", "attributes": [{ "name": "noDataText", "type": "String", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ] , "js": { "properties": [{ "name": "elementList", "type": "array", "priority": "high", "description": "", "default": "[]" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe display-furo-property-repeats is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } } , { "name": "-update-field-list", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-property-labeled", "source": { "module": "./src/typerenderer/display-furo-property-repeats-labeled.js", "symbol": "DisplayFuroPropertyRepeatsLabeled" }, "deprecated": false, "experimental": false, "description": "`display-furo-property-repeats-labeled`\nThe display-furo-property-repeats-labeled component displays a RepeaterNode of type `furo.Property` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-property-labeled/", "attributes": [{ "name": "noDataText", "type": "String", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ] , "js": { "properties": [{ "name": "elementList", "type": "array", "priority": "high", "description": "", "default": "[]" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" }, { "name": "noDataText", "type": "String", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe display-furo-property-repeats is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-property", "source": { "module": "./src/typerenderer/display-furo-property.js", "symbol": "DisplayFuroProperty" }, "deprecated": false, "experimental": false, "description": "`display-furo-property`\nThe display-furo-property component displays a FieldNode of type `furo.Property` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-property/", "attributes": [{ "name": "noDataText", "type": "string", "priority": "highest", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''", "default": "''" } ] , "js": { "properties": [{ "name": "noDataText", "type": "string", "priority": "high", "description": "Defines the empty state display\nWith a furo.Property type, the effective type is only known when the data is transmitted.\nDefault: ''", "default": "''" }, { "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe display-furo-property is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-reference", "source": { "module": "./src/typerenderer/display-furo-reference.js", "symbol": "DisplayFuroReference" }, "deprecated": false, "experimental": false, "description": "`display-furo-reference`\nThe display-furo-reference component displays a FieldNode of type `furo.Reference` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-reference/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }], "events": [ { "name": "selected", "priority": "highest", "description": "when item was clicked or selected, because click from ui5 does not bubble", "value": { "type": "" } } ] } }, { "name": "display-furo-stringoptionproperty", "source": { "module": "./src/typerenderer/display-furo-stringoptionproperty.js", "symbol": "DisplayFuroStringoptionproperty" }, "deprecated": false, "experimental": false, "description": "`display-furo-stringoptionproperty`\nThe display-furo-numberrproperty component displays a FieldNode of type `furo.Stringoptionproperty` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-stringoptionproperty/", "attributes": [{ "name": "_text", "type": "string", "priority": "highest", "description": "", "default": "''" } ] , "js": { "properties": [{ "name": "_text", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-stringproperty", "source": { "module": "./src/typerenderer/display-furo-stringproperty.js", "symbol": "DisplayFuroStringproperty" }, "deprecated": false, "experimental": false, "description": "`display-furo-stringproperty`\nThe display-furo-stringproperty component displays a FieldNode of type `furo.Stringproperty` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-stringproperty/", "attributes": [{ "name": "_text", "type": "string", "priority": "highest", "description": "", "default": "''" } ] , "js": { "properties": [{ "name": "_text", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-type-date", "source": { "module": "./src/typerenderer/display-furo-type-date.js", "symbol": "DisplayFuroTypeDate" }, "deprecated": false, "experimental": false, "description": "`display-furo-type-date`\nThe display-furo-type-date component displays a FieldNode of type `furo.type.Date` in read only mode.\n\nif the field `display_name` is set, the component will use that value for the display.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-type-date/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "display-furo-type-money", "source": { "module": "./src/typerenderer/display-furo-type-money.js", "symbol": "DisplayFuroTypeMoney" }, "deprecated": false, "experimental": false, "description": "`display-furo-type-money`\nThe display-furo-type-money component displays a FieldNode of type `furo.type.Money` in read only mode.\n\nif the field `display_name` is set, the component will use that value for the display.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-furo-type-money/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-", "source": { "module": "./src/typerenderer/display-google-protobuf-any.js", "symbol": "DisplayGoolgeProtobufAny" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-any`\nThe display-google-protobuf-any component is a wrapper displays of type `google.protobuf.Any` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-/", "attributes": [ ] , "js": { "properties": [{ "name": "_typeResolved", "type": "boolean", "priority": "high", "description": "", "default": "false" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component\nthe display-google-protobuf-any is a simple proxy element to show\nthe initial state if no data is available.", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-boolvalue", "source": { "module": "./src/typerenderer/display-google-protobuf-boolvalue.js", "symbol": "DisplayGoolgeProtobufBoolvalue" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-boolvalue`\nThe display-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.BoolValue` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-boolvalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-doublevalue", "source": { "module": "./src/typerenderer/display-google-protobuf-doublevalue.js", "symbol": "DisplayGoogleProtobufDoublevalue" }, "deprecated": false, "experimental": false, "description": "`display-double`\nThe display-double component displays a FieldNode of type `google.protobuf.DoubleValue` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-doublevalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-floatvalue", "source": { "module": "./src/typerenderer/display-google-protobuf-floatvalue.js", "symbol": "DisplayGoolgeProtobufFloatvalue" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-floatvalue`\nThe display-google-protobuf-floatvalue component displays a FieldNode of type `google.protobuf.FloatValue` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-floatvalue/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-int32Value", "source": { "module": "./src/typerenderer/display-google-protobuf-int32value.js", "symbol": "DisplayGoolgeProtobufIn32value" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-boolvalue`\nThe display-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Int32Value` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-int32Value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-int64Value", "source": { "module": "./src/typerenderer/display-google-protobuf-int64value.js", "symbol": "DisplayGoolgeProtobufIn64value" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-boolvalue`\nThe display-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Int64Value` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-int64Value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-stringvalue", "source": { "module": "./src/typerenderer/display-google-protobuf-stringvalue.js", "symbol": "DisplayGoogleProtobufStringvalue" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-stringvalue`\nThe display-google-protobuf-stringvalue component displays a FieldNode of type `google.protobuf.StringValue` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-stringvalue/", "attributes": [{ "name": "_text", "type": "string", "priority": "highest", "description": "", "default": "''" } ] , "js": { "properties": [{ "name": "_text", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-timestamp", "source": { "module": "./src/typerenderer/display-google-protobuf-timestamp.js", "symbol": "DisplayGoogleProtobufTimestamp" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-timestamp`\nThe display-google-protobuf-timestamp component displays a FieldNode of type `google.prtobuf.Timestamp` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-timestamp/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-uint32value", "source": { "module": "./src/typerenderer/display-google-protobuf-uint32value.js", "symbol": "DisplayGoolgeProtobufUin32value" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-boolvalue`\nThe display-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Uint32Value` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-uint32value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-protobuf-uint64value", "source": { "module": "./src/typerenderer/display-google-protobuf-uint64value.js", "symbol": "DisplayGoolgeProtobufUin64value" }, "deprecated": false, "experimental": false, "description": "`display-google-protobuf-boolvalue`\nThe display-google-protobuf-boolvalue component displays a FieldNode of type `google.protobuf.Uint64Value` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-protobuf-uint64value/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-type-color", "source": { "module": "./src/typerenderer/display-google-type-color.js", "symbol": "DisplayGoolgeTypeColor" }, "deprecated": false, "experimental": false, "description": "`display-google-type-color`\nThe display-google-type-color component displays a FieldNode of type `google.type.Color` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-type-color/", "attributes": [ ] , "js": { "properties": [{ "name": "_red", "type": "string", "priority": "high", "description": "", "default": "''" }, { "name": "_green", "type": "string", "priority": "high", "description": "", "default": "''" }, { "name": "_blue", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-type-date", "source": { "module": "./src/typerenderer/display-google-type-date.js", "symbol": "DisplayGoogleTypeDate" }, "deprecated": false, "experimental": false, "description": "`display-google-type-date`\nThe display-google-type-date component displays a FieldNode of type `google.type.Date` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-type-date/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-type-datetime", "source": { "module": "./src/typerenderer/display-google-type-datetime.js", "symbol": "DisplayGoogleTypeDatetime" }, "deprecated": false, "experimental": false, "description": "`display-google-type-datetime`\nComponent description here!", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-type-datetime/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-type-money", "source": { "module": "./src/typerenderer/display-google-type-money.js", "symbol": "DisplayGoogleTypeMoney" }, "deprecated": false, "experimental": false, "description": "`display-google-type-money`\nThe display-google-type-money component displays a FieldNode of type `google.type.Money` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-type-money/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-google-type-timeofday", "source": { "module": "./src/typerenderer/display-google-type-timeofday.js", "symbol": "DisplayGoogleTypeTimeofday" }, "deprecated": false, "experimental": false, "description": "`display-google-type-timeofday`\nThe display-google-type-timeofday component displays a FieldNode of type `google.type.TimeOfDay` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-google-type-timeofday/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "Binds a field node to the component", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-int32", "source": { "module": "./src/typerenderer/display-int32.js", "symbol": "DisplayInt32" }, "deprecated": false, "experimental": false, "description": "`display-int32`\nThe display-int32 component displays a FieldNode of type `int32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-int32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-int64", "source": { "module": "./src/typerenderer/display-int64.js", "symbol": "DisplayInt64" }, "deprecated": false, "experimental": false, "description": "`display-int64`\nThe display-int64 component displays a FieldNode of type `int64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-int64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-string", "source": { "module": "./src/typerenderer/display-string.js", "symbol": "DisplayString" }, "deprecated": false, "experimental": false, "description": "`display-string`\nThe display-string component displays a FieldNode of type `string` in read only mode.\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-string/", "attributes": [{ "name": "_text", "type": "string", "priority": "highest", "description": "", "default": "''" } ] , "js": { "properties": [{ "name": "_text", "type": "string", "priority": "high", "description": "", "default": "''" } ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-uint32", "source": { "module": "./src/typerenderer/display-uint32.js", "symbol": "DisplayUint32" }, "deprecated": false, "experimental": false, "description": "`display-uint32`\nThe display-uint32 component displays a FieldNode of type `uint32` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-uint32/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "display-uint64", "source": { "module": "./src/typerenderer/display-uint64.js", "symbol": "DisplayUint64" }, "deprecated": false, "experimental": false, "description": "`display-uint64`\nThe display-uint64 component displays a FieldNode of type `uint64` in read only mode.\n\nThe component uses locale from the environment to display the date value accordingly.\nhttps://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n\nEvery display-xxx component should implement the following API:\n- function: bindData(fieldNode){...}", "doc-url": "https://ui5.furo.pro/docs/typerenderer/display-uint64/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-format-display", "description": "", "value": { "type": "string", "required": true } }] } }, { "name": "form-bool", "source": { "module": "./src/typerenderer/form-bool.js", "symbol": "FormBool" }, "deprecated": false, "experimental": false, "description": "`form-bool` is a `form` context renderer.\n\nIt uses furo-ui5-checkbox-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-bool/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "highest", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "high", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } }] } }, { "name": "form-double", "source": { "module": "./src/typerenderer/form-double.js", "symbol": "FormDouble" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-double/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-float", "source": { "module": "./src/typerenderer/form-float.js", "symbol": "FormFloat" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-float/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-bigdecimal", "source": { "module": "./src/typerenderer/form-furo-bigdecimal.js", "symbol": "FormFuroBigdecimal" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-bigdecimal/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-fat-bool", "source": { "module": "./src/typerenderer/form-furo-fat-bool.js", "symbol": "FormFuroFatBool" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-bool` is a `form` context renderer.\n\nIt uses furo-ui5-checkbox-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-bool/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "highest", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "high", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } }] } }, { "name": "form-furo-fat-double", "source": { "module": "./src/typerenderer/form-furo-fat-double.js", "symbol": "FormFuroFatDouble" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-double` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-double/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-fat-float", "source": { "module": "./src/typerenderer/form-furo-fat-float.js", "symbol": "FormFuroFatFloat" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-float` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-float/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-fat-int32", "source": { "module": "./src/typerenderer/form-furo-fat-int32.js", "symbol": "FormFuroFatInt32" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-int32` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-int32/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-fat-int64", "source": { "module": "./src/typerenderer/form-furo-fat-int64.js", "symbol": "FormFuroFatInt64" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-int64` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-int64/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-fat-string", "source": { "module": "./src/typerenderer/form-furo-fat-string.js", "symbol": "FormFuroFatString" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-string/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-text-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "desc-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-text-input", "default": "''" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "form-furo-fat-uint32", "source": { "module": "./src/typerenderer/form-furo-fat-uint32.js", "symbol": "FormFuroFatUint32" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-uint32` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-uint32/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-fat-uint64", "source": { "module": "./src/typerenderer/form-furo-fat-uint64.js", "symbol": "FormFuroFatUint64" }, "deprecated": false, "experimental": false, "description": "`form-furo-fat-uint64` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-fat-uint64/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-integerproperty", "source": { "module": "./src/typerenderer/form-furo-integerproperty.js", "symbol": "FormFuroIntegerproperty" }, "deprecated": false, "experimental": false, "description": "`form-furo-integerproperty` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-integerproperty/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-integerproperty", "source": { "module": "./src/typerenderer/form-furo-numberproperty.js", "symbol": "FormFuroNumberproperty" }, "deprecated": false, "experimental": false, "description": "`form-furo-integerproperty` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-integerproperty/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-furo-reference", "source": { "module": "./src/typerenderer/form-furo-reference.js", "symbol": "FormFuroReference" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-reference/", "attributes": [{ "name": "service", "type": "string", "priority": "highest", "description": "the service name", "default": "''" }, { "name": "method", "type": "string", "priority": "highest", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method.", "default": "''" }, { "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-reference-search", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "search-response-path", "type": "string", "priority": "highest", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "extended-value-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the exteded search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extended-display-field-path", "type": "string", "priority": "highest", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "placeholder", "type": "String", "priority": "highest", "description": "Overrides the hint text from the **specs**.\nUse with caution, normally the specs defines this value." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "disable-search-list", "type": "boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "Readonly state" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "extended-searcher", "type": "string", "priority": "highest", "description": "Define the extended searcher. Do not forget to import the searcher you want to use.", "default": "''" }, { "name": "no-data-text", "type": "String", "priority": "highest", "description": "hint text when result not found by search" } ] , "js": { "properties": [{ "name": "noDataText", "type": "String", "priority": "high", "description": "hint text when result not found by search" }, { "name": "service", "type": "string", "priority": "high", "description": "the service name", "default": "''" }, { "name": "label", "type": "string", "priority": "high", "description": "the label for the data-reference-search", "default": "''" }, { "name": "method", "type": "string", "priority": "high", "description": "Set the method. This is only needed when your service is not named \"List\".\nThis is not the http method.", "default": "''" }, { "name": "extendedSearcher", "type": "string", "priority": "high", "description": "Define the extended searcher. Do not forget to import the searcher you want to use.", "default": "''" }, { "name": "disableSearchList", "type": "boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field can not be searched.\n\nThis is very useful when you want enforce the usage of the extended search", "default": "false" }, { "name": "icon", "type": "string", "priority": "high", "description": "Use this attribute to set a custom icon for your searcher", "default": "'search'" }, { "name": "searchResponsePath", "type": "string", "priority": "high", "description": "Path to the node in the response value which contains the array with the selection items.\nBy default this goes to *entitites*", "default": "'entities'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item which is used for the id.\nBy default this goes to *data.id*", "default": "'data.id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Path to selection value node which is used for the display.\nBy default this goes to *data.display_name*", "default": "'data.display_name'" }, { "name": "extendedValueFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the exteded search which is used for the id.\nBy default this goes to *data.id*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.id'" }, { "name": "extendedDisplayFieldPath", "type": "string", "priority": "high", "description": "Path to response value item of the exteded search which is used for the display.\nBy default this goes to *data.display_name*.\nOnly needed when your extended searcher does not have the id, display_name signature in the response.", "default": "'data.display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "high", "description": "Overrides the hint text from the **specs**.\nUse with caution, normally the specs defines this value." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "Readonly state" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "clear-result-list", "description": "clearResultList clears the result list and the value state", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: can be a `scalar` type or any complex type with **{'id','display_name'}** signature.", "value": { "type": "string", "required": true } } , { "name": "set-filter", "description": "sets the filter to the inner furo-ui5-reference-search", "value": { "type": "string", "required": true } }] } }, { "name": "form-furo-stringoptionproperty", "source": { "module": "./src/typerenderer/form-furo-stringoptionproperty.js", "symbol": "FormFuroStringoptionproperty" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-stringoptionproperty/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "id-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid", "default": "'id'" }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "value-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.", "default": "'id'" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "idFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to identify the option items.\nPoint-separated path to the field\nE.g. data.partner.ulid", "default": "'id'" }, { "name": "valueFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used to update the bound component if the user has selected an option.\nPoint-separated path to the field\nMust be set if a data binding is specified.", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "set-options", "description": "inject raw data as options", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-select component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "form-furo-stringproperty", "source": { "module": "./src/typerenderer/form-furo-stringproperty.js", "symbol": "FormFuroStringproperty" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-stringproperty/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-text-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "desc-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-text-input", "default": "''" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "form-furo-type-date", "source": { "module": "./src/typerenderer/form-furo-type-date.js", "symbol": "FormFuroTypeDate" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-type-date/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "form-furo-type-money", "source": { "module": "./src/typerenderer/form-furo-type-money.js", "symbol": "FormFuroTypeMoney" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-furo-type-money/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-money-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-money-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types: `google.type.Money`", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "google.type.Money" } } ] } }, { "name": "form-google-protobuf-boolvalue", "source": { "module": "./src/typerenderer/form-google-protobuf-boolvalue.js", "symbol": "FormGoogleProtobufBoolvalue" }, "deprecated": false, "experimental": false, "description": "`form-google-protobuf-boolvalue` is a `form` context renderer.\n\nIt uses furo-ui5-checkbox-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-boolvalue/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "highest", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-checkbox-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "placeholder", "type": "String", "priority": "high", "description": "the placeholder is the additional information beside the label. it will be showed on the right side of the checkbox." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `bool`, `google.protobuf.BoolValue`, `furo.fat.Bool`", "value": { "type": "string", "required": true } }] } }, { "name": "form-google-protobuf-doublevalue", "source": { "module": "./src/typerenderer/form-google-protobuf-doublevalue.js", "symbol": "FormGoogleProtobufDoublevalue" }, "deprecated": false, "experimental": false, "description": "`form-google-protobuf-doublevalue` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-doublevalue/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-google-protobuf-floatvalue", "source": { "module": "./src/typerenderer/form-google-protobuf-floatvalue.js", "symbol": "FormGoolgeProtobufFloatvalue" }, "deprecated": false, "experimental": false, "description": "`form-google-protobuf-floatvalue` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-floatvalue/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-google-protobuf-int32value", "source": { "module": "./src/typerenderer/form-google-protobuf-int32value.js", "symbol": "FormGoolgeProtobufIn32value" }, "deprecated": false, "experimental": false, "description": "`form-google-protobuf-int32value` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-int32value/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-google-protobuf-int64value", "source": { "module": "./src/typerenderer/form-google-protobuf-int64value.js", "symbol": "FormGoolgeProtobufIn64value" }, "deprecated": false, "experimental": false, "description": "`form-google-protobuf-int64value` is a `form` context renderer.\n\nIt uses furo-ui5-number-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-int64value/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-google-protobuf-stringValue", "source": { "module": "./src/typerenderer/form-google-protobuf-stringvalue.js", "symbol": "FormGoogleProtobufStringvalue" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-stringValue/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-text-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "desc-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-text-input", "default": "''" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "form-google-protobuf-timestamp", "source": { "module": "./src/typerenderer/form-google-protobuf-timestamp.js", "symbol": "FormGoogleProtobufTimestamp" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-protobuf-timestamp/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "format-pattern", "type": "string", "priority": "highest", "description": "Determines the format, displayed in the input field." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "formatPattern", "type": "string", "priority": "high", "description": "Determines the format, displayed in the input field." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Binds a FieldNode to the component.\n\nSupported types: `string`, `google.protobuf.Timestamp`, `int32`, `int64`", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "form-google-type-date", "source": { "module": "./src/typerenderer/form-google-type-date.js", "symbol": "FormGoogleTypeDate" }, "deprecated": false, "experimental": false, "description": "`form-google-type-date` is a `form` context renderer.\n\nIt uses furo-ui5-date-picker as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-type-date/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "form-google-type-money", "source": { "module": "./src/typerenderer/form-google-type-money.js", "symbol": "FormGoogleTypeMoney" }, "deprecated": false, "experimental": false, "description": "`form-google-type-money` is a `form` context renderer.\n\nIt uses furo-ui5-money-input as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-type-money/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-money-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-money-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types: `google.type.Money`", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "google.type.Money" } } ] } }, { "name": "form-google-type-timeofday", "source": { "module": "./src/typerenderer/form-google-type-timeofday.js", "symbol": "FormGoogleTypeTimeofday" }, "deprecated": false, "experimental": false, "description": "`form-google-type-timeofday` is a `form` context renderer.\n\nIt uses furo-ui5-time-picker as the renderer", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-google-type-timeofday/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "format-pattern", "type": "String", "priority": "highest", "description": "forwards the format-pattern to the furo-ui5-time-picker component." }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-date-picker", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "formatPattern", "type": "String", "priority": "high", "description": "forwards the format-pattern to the furo-ui5-time-picker component." }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes in ISO 8601 format.", "value": { "type": "String" } } ] } }, { "name": "form-int32", "source": { "module": "./src/typerenderer/form-int32.js", "symbol": "FormInt32" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-int32/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-int64", "source": { "module": "./src/typerenderer/form-int64.js", "symbol": "FormInt64" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-int64/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-string", "source": { "module": "./src/typerenderer/form-string.js", "symbol": "FormString" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-string/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-text-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "display-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "desc-field-path", "type": "string", "priority": "highest", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-text-input", "default": "''" }, { "name": "descFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the bound RepeaterNode (bindOptions) to display the additional\ndescription of the option items.\nPoint-separated path to the field\nE.g. data.partner.id\ndefault: id\nThis attribute is related to the option list", "default": "'id'" }, { "name": "displayFieldPath", "type": "string", "priority": "high", "description": "Defines the field path that is used from the injected RepeaterNode to display the option items.\nPoint-separated path to the field\nE.g. data.partner.display_name", "default": "'display_name'" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside", "value": { "type": "string", "required": true } } , { "name": "bind-options", "description": "Binds a repeaterNode to the furo-ui5-combobox component", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "String" } } ] } }, { "name": "form-uint32", "source": { "module": "./src/typerenderer/form-uint32.js", "symbol": "FormUint32" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-uint32/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "form-uint64", "source": { "module": "./src/typerenderer/form-uint64.js", "symbol": "FormUint64" }, "deprecated": false, "experimental": false, "description": "", "doc-url": "https://ui5.furo.pro/docs/typerenderer/form-uint64/", "attributes": [{ "name": "label", "type": "string", "priority": "highest", "description": "the label for the data-number-input", "default": "''" }, { "name": "full", "type": "boolean", "priority": "highest", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "highest", "description": "A Boolean attribute which, if present, means this field is readonly." }, { "name": "icon", "type": "string", "priority": "highest", "description": "Icon on the right side", "default": "''" } ] , "js": { "properties": [{ "name": "label", "type": "string", "priority": "high", "description": "the label for the data-number-input", "default": "''" }, { "name": "icon", "type": "string", "priority": "high", "description": "Icon on the right side", "default": "''" }, { "name": "full", "type": "boolean", "priority": "high", "description": "This is only used to forward the state to the form-field-container" }, { "name": "required", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is required and marked with *." }, { "name": "disabled", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field cannot be edited by the user and\nappears in disabled state." }, { "name": "readonly", "type": "Boolean", "priority": "high", "description": "A Boolean attribute which, if present, means this field is readonly." } ], "methods": [ { "name": "focus", "description": "Focuses the underlying ui5 input element", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "Orchestrates the data field connection to the inside\nSupported types:\ndouble, float, int32, uint32, sint32, fixed32, sfixed32, int64, uint64, sint64, fixed64, sfixed64\ngoogle.protobuf.DoubleValue, google.protobuf.FloatValue, google.protobuf.Int32Value, etc.\nfuro.fat.Doube, furo.fat.Float, furo.fat.Int32, etc.", "value": { "type": "string", "required": true } }], "events": [ { "name": "furo-value-changed", "priority": "highest", "description": "Fires the field value when it changes.", "value": { "type": "Number" } } ] } }, { "name": "line-launchpad-launchtile", "source": { "module": "./src/typerenderer/line-launchpad-launchtile.js", "symbol": "LineLaunchpadLaunchtile" }, "deprecated": false, "experimental": false, "description": "`line-launchpad-launchtile`\ntodo Describe your element", "doc-url": "https://ui5.furo.pro/docs/typerenderer/line-launchpad-launchtile/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "line-launchpad-monitortile", "source": { "module": "./src/typerenderer/line-launchpad-monitortile.js", "symbol": "LineLaunchpadMonitortile" }, "deprecated": false, "experimental": false, "description": "`line-launchpad-monitortile`\ntodo Describe your element", "doc-url": "https://ui5.furo.pro/docs/typerenderer/line-launchpad-monitortile/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "tile-launchpad-launchtile", "source": { "module": "./src/typerenderer/tile-launchpad-launchtile.js", "symbol": "TileLaunchpadLaunchtile" }, "deprecated": false, "experimental": false, "description": "`tile-launchpad-launchtile`\ntodo Describe your element", "doc-url": "https://ui5.furo.pro/docs/typerenderer/tile-launchpad-launchtile/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focus focuses the table", "value": { "type": "string", "required": true } }] } }, { "name": "tile-launchpad-monitortile", "source": { "module": "./src/typerenderer/tile-launchpad-monitortile.js", "symbol": "TileLaunchpadMonitortile" }, "deprecated": false, "experimental": false, "description": "`tile-launchpad-monitortile`\ntodo Describe your element", "doc-url": "https://ui5.furo.pro/docs/typerenderer/tile-launchpad-monitortile/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "bind-data", "description": "", "value": { "type": "string", "required": true } } , { "name": "on-fna-field-value-changed", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "focus", "description": "focus focuses the table", "value": { "type": "string", "required": true } }] } }, { "name": "dialog-manage-views-deletebutton", "source": { "module": "./src/furo-ui5-views/helper/dialog-manage-views-deletebutton.js", "symbol": "DialogManageViewsDeletebutton" }, "deprecated": false, "experimental": false, "description": "`DialogManageViewsDeletebutton` is a helper component", "doc-url": "https://ui5.furo.pro/docs/components/dialog-manage-views-deletebutton/", "attributes": [{ "name": "myBool", "type": "boolean", "priority": "highest", "description": "Description" } ] , "js": { "properties": [{ "name": "myBool", "type": "boolean", "priority": "high", "description": "Description" } ], "methods": [ { "name": "bind-data", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }], "events": [ { "name": "standard-deleted", "priority": "highest", "description": "", "value": { "type": "Event" } } ] } }, { "name": "dialog-manage-views", "source": { "module": "./src/furo-ui5-views/helper/dialog-manage-views.js", "symbol": "DialogManageViews" }, "deprecated": false, "experimental": false, "description": "`DialogManageViews` is a helper component", "doc-url": "https://ui5.furo.pro/docs/components/dialog-manage-views/", "attributes": [{ "name": "cancel-button-text", "type": "string", "priority": "highest", "description": "Description", "default": "'Cancel'" }, { "name": "manage-view-header-text", "type": "string", "priority": "highest", "description": "", "default": "'Manage Views'" }, { "name": "placeholder-search", "type": "string", "priority": "highest", "description": "", "default": "'Search'" }, { "name": "colheader-default", "type": "string", "priority": "highest", "description": "", "default": "'Default'" }, { "name": "colheader-apply", "type": "string", "priority": "highest", "description": "", "default": "'Apply Automatically'" }, { "name": "colheader-creator", "type": "string", "priority": "highest", "description": "", "default": "'Created By'" }, { "name": "colheader-view", "type": "string", "priority": "highest", "description": "", "default": "'View'" }, { "name": "ok-button-text", "type": "string", "priority": "highest", "description": "", "default": "'Ok'" } ] , "js": { "properties": [{ "name": "manageViewHeaderText", "type": "string", "priority": "high", "description": "", "default": "'Manage Views'" }, { "name": "placeholderSearch", "type": "string", "priority": "high", "description": "", "default": "'Search'" }, { "name": "colheaderDefault", "type": "string", "priority": "high", "description": "", "default": "'Default'" }, { "name": "colheaderApply", "type": "string", "priority": "high", "description": "", "default": "'Apply Automatically'" }, { "name": "colheaderCreator", "type": "string", "priority": "high", "description": "", "default": "'Created By'" }, { "name": "colheaderView", "type": "string", "priority": "high", "description": "", "default": "'View'" }, { "name": "okButtonText", "type": "string", "priority": "high", "description": "", "default": "'Ok'" }, { "name": "cancelButtonText", "type": "string", "priority": "high", "description": "Description", "default": "'Cancel'" } ], "methods": [ { "name": "show", "description": "show", "value": { "type": "string", "required": true } } , { "name": "close", "description": "close", "value": { "type": "string", "required": true } } , { "name": "bind-data", "description": "bindData", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "dialog-filter-settings", "source": { "module": "./src/furo-ui5-views/helper/filter/helper-dialog-filter-settings.js", "symbol": "HelperDialogFilterSettings" }, "deprecated": false, "experimental": false, "description": "`DialogFilterSettings`\nis a helper component for `FuroUi5ViewsFilterSettings`", "doc-url": "https://ui5.furo.pro/docs/components/dialog-filter-settings/", "attributes": [{ "name": "colheader-field", "type": "string", "priority": "highest", "description": "", "default": "'Field'" }, { "name": "colheader-position", "type": "string", "priority": "highest", "description": "", "default": "'Position'" }, { "name": "colheader-value", "type": "string", "priority": "highest", "description": "", "default": "'Value'" }, { "name": "placeholder-search", "type": "string", "priority": "highest", "description": "", "default": "'Search'" }, { "name": "filtersettings-header-text", "type": "string", "priority": "highest", "description": "", "default": "'Adapt Filter'" } ] , "js": { "properties": [{ "name": "colheaderField", "type": "string", "priority": "high", "description": "", "default": "'Field'" }, { "name": "colheaderPosition", "type": "string", "priority": "high", "description": "", "default": "'Position'" }, { "name": "colheaderValue", "type": "string", "priority": "high", "description": "", "default": "'Value'" }, { "name": "placeholderSearch", "type": "string", "priority": "high", "description": "", "default": "'Search'" }, { "name": "headerText", "type": "string", "priority": "high", "description": "", "default": "'Adapt Filter'" } ], "methods": [ { "name": "bind-filter", "description": "bindFilter", "value": { "type": "string", "required": true } } , { "name": "dialog-opened", "description": "Trigger this method after the dialog (parent) is opened.", "value": { "type": "string", "required": true } } , { "name": "bind-settings", "description": "bindSettings", "value": { "type": "string", "required": true } } , { "name": "move-node", "description": "", "value": { "type": "string", "required": true } } , { "name": "-update-settings", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-set-fieldorder", "source": { "module": "./src/furo-ui5-views/helper/table/furo-ui5-set-fieldorder.js", "symbol": "FuroUi5SetFieldorder" }, "deprecated": false, "experimental": false, "description": "`FuroUi5SetFieldorder` is a helper component", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-set-fieldorder/", "attributes": [{ "name": "placeholder-search", "type": "string", "priority": "highest", "description": "" }, { "name": "colheader-field", "type": "string", "priority": "highest", "description": "" }, { "name": "colheader-position", "type": "string", "priority": "highest", "description": "" } ] , "js": { "properties": [{ "name": "placeholderSearch", "type": "string", "priority": "high", "description": "" }, { "name": "colheaderField", "type": "string", "priority": "high", "description": "" }, { "name": "colheaderPosition", "type": "string", "priority": "high", "description": "" } ], "methods": [ { "name": "inject-items", "description": "bindData", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-set-groupby", "source": { "module": "./src/furo-ui5-views/helper/table/furo-ui5-set-groupby.js", "symbol": "FuroUi5SetGroupby" }, "deprecated": false, "experimental": false, "description": "`FuroUi5SetGroupby` is a helper component", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-set-groupby/", "attributes": [{ "name": "myBool", "type": "boolean", "priority": "highest", "description": "Description" } ] , "js": { "properties": [{ "name": "myBool", "type": "boolean", "priority": "high", "description": "Description" } ], "methods": [ { "name": "bind-data", "description": "bindData", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-set-orderby-row", "source": { "module": "./src/furo-ui5-views/helper/table/furo-ui5-set-orderby-row.js", "symbol": "FuroUi5SetOrderbyRow" }, "deprecated": false, "experimental": false, "description": "`FuroUi5SetOrderbyRow` is a helper component", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-set-orderby-row/", "attributes": [ ] , "js": { "properties": [ ], "methods": [ { "name": "inject-data", "description": "", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } }] } }, { "name": "furo-ui5-set-orderby", "source": { "module": "./src/furo-ui5-views/helper/table/furo-ui5-set-orderby.js", "symbol": "FuroUi5SetOrderby" }, "deprecated": false, "experimental": false, "description": "`FuroUi5SetOrderby` is a helper component", "doc-url": "https://ui5.furo.pro/docs/components/furo-ui5-set-orderby/", "attributes": [{ "name": "label-empty-select", "type": "string", "priority": "highest", "description": "" } ] , "js": { "properties": [{ "name": "labelEmptySelect", "type": "string", "priority": "high", "description": "" } ], "methods": [ { "name": "bind-data", "description": "bindData", "value": { "type": "string", "required": true } } , { "name": "-parse-order-by", "description": "", "value": { "type": "string", "required": true } } , { "name": "bind-table", "description": "bindTable", "value": { "type": "string", "required": true } } , { "name": "-fbp-ready", "description": "flow is ready lifecycle method", "value": { "type": "string", "required": true } } , { "name": "-update-order", "description": "", "value": { "type": "string", "required": true } } , { "name": "move-node", "description": "", "value": { "type": "string", "required": true } }] } }] } } }