open-index/open-npm huggingface dataset:
npm package: @furo/app
Description: Layout components for furo
Latest version: 1.7.5

# @furo/app

A collection of elements, that can be used to structure your app’s layout.

## What is inside

### Elements

- [furo-app-bar-top](https://components.furo.pro/?t=FuroAppBarTop) Toolbar to place on top
- [furo-app-drawer](https://components.furo.pro/?t=FuroAppDrawer) Application drawer
- [furo-card](https://components.furo.pro/?t=FuroCard) Material design card element
- [furo-loading-indicator-bar](https://components.furo.pro/?t=FuroLoadingIndicator) An ugly progress bar
- [furo-tooltip](https://components.furo.pro/?t=FuroTooltip) displays a tooltip
- [furo-tooltip-display](https://components.furo.pro/?t=FuroTooltipDisplay) helper component for tooltip
npm package: @furo/channels
Description: A typed channel system to pass data across your application
Author: veith
Latest version: 1.0.1

### `ChannelAPI` – A TypeScript Pub/Sub Utility
The `ChannelAPI` class is a lightweight, type‑safe publish/subscribe implementation that works with any object describing your channels.

### Methods

- **Publish** events to named channels.
- **Subscribe** to those events with optional “once” semantics.
- **Unsubscribe** via a token returned at subscription time.

### Example
*config.ts*
```typescript
import { ChannelAPI, Message } from "@furo/channels/dist/ChannelAPI";

// Define your channel shape
type AppChannels = {
  dataUpdated: Message<{ items: number[] }>;
  errorOccurred: Message<string>;
};

// Instantiate
export const AppChannels = new ChannelAPI<AppChannels>({
  dataUpdated: new Message(),
  errorOccurred: new Message()
});
```

*Any file of your app.ts*
```typescript

// Subscribe
const subscritionToken = AppChannels.subscribe('dataUpdated', data => {
  console.log('New items:', data?.items);
});

// Publish
AppChannels.publish('dataUpdated', { items: [1, 2, 3] });

// Unsubscribe
AppChannels.unsubscribe(subscritionToken);
```

> **Note:**
> Publishing and subscribing can be done in complete different parts of your app.

### Type-Safety Highlights
- **Channel names**  are checked against keyof CHANNELS, preventing typos.
- **Payload types**  are inferred from the channel’s Message<T> type, ensuring that callbacks receive the correct data shape.
- **once**  listeners are automatically cleaned up, preventing memory leaks.

### Types
- **SubscriptionToken:** A unique `symbol` that identifies a subscription. It’s returned by `subscribe()` and used to `unsubscribe()`.

### Extending the API
If you need to add more advanced features (e.g., priority listeners, error handling, or async callbacks), you can extend ChannelAPI:

```typescript
class AdvancedChannelAPI<CHANNELS> extends ChannelAPI<CHANNELS> {
  // add new methods or override existing ones
}
```

### More examples:

```typescript
type ApiChannels = {
  userLoggedIn: Message<{ id: string }>;
  ping: Message<void>;
};

const api = new ChannelAPI<ApiChannels>({
  userLoggedIn: new Message(),
  ping: new Message()
});

const token = api.subscribe('userLoggedIn', data => {
  console.log(`User logged in: ${data?.id}`);
});
```
npm package: @furo/collection
Description: Collection of furo base components
Author: veith
Latest version: 1.5.23

# @furo/collection

[A collection of packages with lots of elements to develop a web-app.](https://furo.pro)
Install this package to get all relevant packages. You can also install the single packages, if you do not want or need the full package

## What is inside

### Packages

The collection contains following packages 


- [@furo/config](https://components.furo.pro/?t=furo-config)
- [@furo/data](https://components.furo.pro/?t=furo-data)
- [@furo/data-input](https://components.furo.pro/?t=furo-data-input)
- [@furo/data-ui](https://components.furo.pro/?t=furo-data-ui)
- [@furo/data-uti](https://components.furo.pro/?t=furo-data-uti)
- [@furo/doc-helper](https://components.furo.pro/?t=furo-doc-helper)
- [@furo/fbp](https://components.furo.pro/?t=furo-fbp)
- [@furo/form](https://components.furo.pro/?t=furo-form)
- [@furo/framework](https://components.furo.pro/?t=furo-framework)
- [@furo/input](https://components.furo.pro/?t=furo-input)
- [@furo/layout](https://components.furo.pro/?t=furo-layout)
- [@furo/navigation](https://components.furo.pro/?t=furo-navigation)
- [@furo/route](https://components.furo.pro/?t=furo-route)
- [@furo/util](https://components.furo.pro/?t=furo-util)
npm package: @furo/config
Description: Furo config components
Latest version: 1.6.7

# @furo/config

Furo config components

## What is inside

### Elements

- [furo-config](https://components.furo.pro/?t=FuroConfig) access config data
- [furo-config-loader](https://components.furo.pro/?t=FuroConfigLoader) load config files
npm package: @furo/data-input
Description: Input components
Latest version: 1.15.11

# @furo/data-input

This package contains the furo data input components. 
The @furo/data-input components are mostly wrappers around the @furo/input components with 
an API to simplify the work with @furo/data (something like two way data binding) to create Forms and interact with a REST API.  


## What is inside

### Elements

- [furo-data-bool-icon](https://components.furo.pro/?t=FuroDataBoolIcon)  Displays a icon/symbol for a boolean value
- [furo-data-checkbox-input](https://components.furo.pro/?t=FuroDataCheckboxInput) binds to a furo data checkbox input element
- [furo-data-collection-dropdown](https://components.furo.pro/?t=FuroDataCollectionDropdown) bindable dropdown
- [furo-data-color-input](https://components.furo.pro/?t=FuroDataColorInput) Binds a entityObject field to a furo-color-input field
- [furo-data-date-input](https://components.furo.pro/?t=FuroDataDateInput) Bind a entityObject.field to a date input
- [furo-data-display](https://components.furo.pro/?t=FuroDataDisplay) Displays a data field
- [furo-data-file-input](https://components.furo.pro/?t=FuroDataFileInput) Binds a entityObject field to a furo-file-input field
- [furo-data-money-input](https://components.furo.pro/?t=FuroDataMoneyInput)  Binds a entityObject field google.type.Money to a furo-number-input and currency dropdown fields
- [furo-data-number-input](https://components.furo.pro/?t=FuroDataNumberInput) Bind a entityObject.field to a number input
- [furo-data-password-input](https://components.furo.pro/?t=FuroDataPasswordInput) Bind a entityObject.field to a password input
- [furo-data-property](https://components.furo.pro/?t=FuroDataProperty) display and bind types of type any
- [furo-data-property-display](https://components.furo.pro/?t=FuroDataPropertyDisplay) helper for furo-data-property
- [furo-data-radio-buton-input](https://components.furo.pro/?t=FuroDataRadioButtonInput) furo data radio-button input element
- [furo-data-range-input](https://components.furo.pro/?t=FuroDataRangeInput) Bind a entityObject.field to a range input
- [furo-data-reference-search](https://components.furo.pro/?t=FuroDataReferenceSearch) autocomplete searcher for referenced types
- [furo-data-repeat](https://components.furo.pro/?t=FuroDataRepeat) automatic display of repeated fields
- [furo-data-search-input](https://components.furo.pro/?t=FuroDataSearchInput) Bind a entityObject.field to a search input
- [furo-data-sign-pad](https://components.furo.pro/?t=FuroDataSignPad) Bind a entityObject.field to a sign-pad input
- [furo-data-text-input](https://components.furo.pro/?t=FuroDataTextInput) Bind a entityObject.field to a text input
- [furo-data-textarea-input](https://components.furo.pro/?t=FuroDataTextareaInput)  Bind a entityObject.field to a textarea input
- [furo-data-time-input](https://components.furo.pro/?t=FuroDataTimeInput)  Bind a entityObject.field to a time input


## Detailed documentation
Read more about the packages of @furo/*** on the  [documentation pages](https://furo.pro).
npm package: @furo/data-ui
Description: Visual furo-data compatible components
Latest version: 1.13.12

# @furo/data-ui

UI elements for furo data


## What is inside

### Elements

- [furo-data-context-menu](https://components.furo.pro/?t=FuroDataContextMenu) a context menu 
- [furo-data-table](https://components.furo.pro/?t=FuroDataTable) type based data table
- [furo-data-table-toggle](https://components.furo.pro/?t=FuroDataTableToggle) helper for furo-data-table 
- [furo-data-hide-content](https://components.furo.pro/?t=FuroDataHideContent) hide content container with boolean fields
- [furo-type-renderer](https://components.furo.pro/?t=FuroTypeRenderer) display component to render fields according of the type


## Required specs

The ./spec folder contains the signatures which you need or must fulfill to work with some components of this package

### standalone usage
If you just want to use the types with the data-objects and doing the server communication by your own or you just import
some json files, you can add the types and services to your application by doing the following:

```javascript
// first import the spec (scr/configs/init.js is a good place)
import Menuspec from '@furo/data-ui/specs/menu/menuitem.type.spec.js'

// then add / register the type
Init.addApiTypeSpec("menu.Menu", Menuspec)
```


### usage with @furo/specs
If you work with spec projects, import the specs dir in your  `furo.spec.conf.json`. 
```json
{
  "import_spec_dirs": [
      "node_modules/@furo/spec-basetypes", 
      "node_modules/@furo/data-ui/specs"
  ]
}
```

If want to make some changes, just use this specs as a **reference** for the type signature.
npm package: @furo/form
Description: form
Latest version: 1.9.11

# @furo/form

This package contains the furo form components, which are helpers to make the
creation of forms simpler.

## What is inside

### Elements

- [furo-button-bar](https://components.furo.pro/?t=FuroButtonBar) automatic button bar
- [furo-collapsible-box](https://components.furo.pro/?t=FuroCollapsibleBox) collapsible box with head
- [furo-form](https://components.furo.pro/?t=FuroForm) form container
- [furo-form-layouter](https://components.furo.pro/?t=FuroFormLayouter) form auto layouter
- [furo-input-row](https://components.furo.pro/?t=FuroInputRow) *DEPRECATED* label slot layout
npm package: @furo/icon
Description: Icon components for furo
Latest version: 1.7.5

# @furo/icon

This package supplies the icons used in the other components of furo.

If you want to create a iconset by your own, look at the examples in the repo.

## What is inside

### Elements

- [furo-icon](https://components.furo.pro/?t=FuroIcon) displays an icon
npm package: @furo/input
Description: Base input components
Latest version: 1.10.5

# @furo/input

Input components for furo. With this components you can design your form or any other data input for your app.

If you look for input components with data binding, look at the @furo/data-input components. This are the components used there.
 
## What is inside

### Elements

- [furo-button](https://components.furo.pro/?t=FuroButton) a md button 
- [furo-checkbox](https://components.furo.pro/?t=FuroCheckbox) checkbox input box
- [furo-checkbox-input](https://components.furo.pro/?t=FuroCheckboxInput) checkbox input element with label
  - ![checkbox input](https://components.furo.pro/assets/furo-input/checkbox-input.png) 
- [furo-chip](https://components.furo.pro/?t=FuroChip) chips 
- [furo-color-input](https://components.furo.pro/?t=FuroColorInput) color input element
- [furo-date-input](https://components.furo.pro/?t=FuroDateInput) date input element
- [furo-file-dialog](https://components.furo.pro/?t=FuroFileDialog) file input element
- [furo-file-drop](https://components.furo.pro/?t=FuroFileDrop) dropzone for files
- [furo-icon-button](https://components.furo.pro/?t=FuroIconButton) icon button element
- [furo-input-chip](https://components.furo.pro/?t=FuroInputChip) input chips
- [furo-number-input](https://components.furo.pro/?t=FuroNumberInput) number input element
  - ![number input](https://components.furo.pro/assets/furo-input/number-input.png)
- [furo-password-input](https://components.furo.pro/?t=FuroPasswordInput) password input element
- [furo-radio-button](https://components.furo.pro/?t=FuroRadioButton) radio input circle
- [furo-radio-button-input](https://components.furo.pro/?t=FuroRadioButtonInput) radio input with label
- [furo-range-input](https://components.furo.pro/?t=FuroRangeInput) range slider 
- [furo-search-input](https://components.furo.pro/?t=FuroSearchInput) search input element
- [furo-select-input](https://components.furo.pro/?t=FuroSelectInput) select input (dropdown)
- [furo-sign-pad](https://components.furo.pro/?t=FuroSignPad) draw or sign
- [furo-text-input](https://components.furo.pro/?t=FuroTextInput) text input element 
- [furo-textarea-input](https://components.furo.pro/?t=FuroTextareaInput) textarea input element
- [furo-time-input](https://components.furo.pro/?t=FuroTimeInput) time input element
npm package: @furo/layout
Description: Layout components for furo
Latest version: 3.0.0-RC.2

# @furo/layout

Layout components. Sometimes it is hard to describe the elements with text. 
Just take a look at the demos and you will get the idea.


## What is inside

### Elements

- [furo-snackbar](https://components.furo.pro/?t=FuroSnackbar) a snackbar
- [furo-empty-spacer](https://components.furo.pro/?t=FuroEmptySpacer) fill the space in a furo-xxxx-flex
- [furo-horizontal-flex](https://components.furo.pro/?t=FuroHorizontalFlex) horizontal alignment 
- [furo-panel](https://components.furo.pro/?t=FuroPanel) content panel with predefined margins
- [furo-ripple](https://components.furo.pro/?t=FuroRipple) add a ripple effect
- [furo-split-view](https://components.furo.pro/?t=FuroSplitView) splitted layout
- [furo-vertical-flex](https://components.furo.pro/?t=FuroVerticalFlex) vertical alignment of stuff
- [furo-vertical-scroller](https://components.furo.pro/?t=FuroVerticalScroller) vertical scroll
npm package: @furo/logic
Description: logic components for furo
Latest version: 1.7.5

# @furo/logic

logic components


## What is inside

### Elements

- [furo-forth-stack](https://components.furo.pro/?t=FuroForthStack) forth like stack
- **furo-bool-and** N/A, in planing
- **furo-bool-or** N/A, in planing
- **furo-bool-to-event** N/A, in planing
- **furo-catalog** N/A, in planing
- **furo-compare-values** N/A, in planing
- **furo-event-gate** N/A, in planing
- **furo-event-to-bool** N/A, in planing
npm package: @furo/math
Description: Furo math components
Latest version: 1.7.5

# @furo/math

Math related components


## What is inside

### Elements

- [furo-hp-35](https://components.furo.pro/?t=FuroHp35)  calculator component
- **furo-counter** N/A, in planing
- **furo-random-number** N/A, in planing
npm package: @furo/navigation
Description: Furo navigation components
Latest version: 1.10.12

# @furo/navigation

Furo navigation components

## What is inside

### Elements

- [furo-panel-coordinator-tabs](https://components.furo.pro/?t=FuroPanelCoordinatorTabs) tab navigation for panel-coordinator
- [furo-panel-head](https://components.furo.pro/?t=FuroPanelHead)  dislay a navigationNode as title
- [furo-tree](https://components.furo.pro/?t=FuroTree)  tree navigation menu


## Required specs
The ./specs folder contains the signatures which you need or must fulfill to work with some components of this package. 


### standalone usage
If you just want to use the types with the data-objects and doing the server communication by your own or you just import
some json files, you can add the types and services to your application by doing the following:

```javascript
// first import the spec (scr/configs/init.js is a good place)
import spec from '@furo/navigation/specs/navigation/navigationnode.type.spec.js'

// then add / register the type
Init.addApiTypeSpec("navigation.Navigationnode", spec)
```


### usage with @furo/specs
If you work with spec projects, import the specs dir in your  `furo.spec.conf.json`. 
```json
{
  "import_spec_dirs": [
      "node_modules/@furo/spec-basetypes", 
      "node_modules/@furo/navigation/src/specs"
  ]
}
```

If want to make some changes, just use this specs as a **reference** for the type signature.
npm package: @furo/notification
Description: notification components for furo
Latest version: 1.8.5

# @furo/notification

notification components for furo


## What is inside

### Elements

- [furo-snackbar](https://components.furo.pro/?t=FuroSnackbar) a snackbar
- [furo-snackbar-display](https://components.furo.pro/?t=FuroSnackbarDisplay) helper component to show a snackbar
- [furo-banner](https://components.furo.pro/?t=FuroBanner) a banner
- [furo-banner-display](https://components.furo.pro/?t=FuroBannerDisplay) helper component to show a banner
npm package: @furo/open-models
Description: open-models
Author: eclipse furo
Latest version: 1.20.0

## Naming Conventions
The generated models are using camelCase notation for the field names, the UseProtoNames uses whatever was defined in the contract.
If a name start with an underscore, the model will use an X for the first letter.

`_user` => `XUser`

https://github.com/googleapis/googleapis/blob/master/google/api/field_behavior.proto

## Validators

### Class Validators

### Instance Validators

## Options
```js
import {OPEN_MODELS_OPTIONS} from "./x/@furo/open-models/core/OPEN_MODELS_OPTIONS";

OPEN_MODELS_OPTIONS.labelFormatter = (l)=> customTranslator(l.replaceAll('.','_').toUpperCase())
```


## CustomPrototypes

## Reserved words
- toString
- valueOf
npm package: @furo/route
Description: Routing components
Latest version: 4.0.0

# @furo/route

Furo routing components

## What is inside

### Elements

- [furo-app-flow](https://components.furo.pro/?t=FuroAppFlow)  Application Flow => routing
- [furo-app-flow-router](https://components.furo.pro/?t=FuroAppFlowRouter)  Application Flow => routing
- [furo-location](https://components.furo.pro/?t=FuroLocation) url watcher
- [furo-pages](https://components.furo.pro/?t=FuroPages) Simple content switcher
- [furo-panel-coordinator](https://components.furo.pro/?t=FuroPanelCoordinator) Complex content switcher based on furo-tree
- [furo-qp-changer](https://components.furo.pro/?t=FuroQpChanger) deep linking helper
npm package: @furo/spec-basetypes
Description: installable Furo spec base types
Latest version: 1.9.1

# Furo spec base types

This package contains installable base types for a furo-spec project.

Some packages (like @furo/navigation) also supply installable types or type signatures which just are usable sample types.

The basetypes in @furo/specs/_baseTypes are deprecated.

``` 

├── furo
│   ├── fat
│   │   ├── fat.any.type.spec
│   │   ├── fat.bool.type.spec
│   │   ├── fat.bytes.type.spec
│   │   ├── fat.double.type.spec
│   │   ├── fat.empty.type.spec
│   │   ├── fat.field_mask.type.spec
│   │   ├── fat.float.type.spec
│   │   ├── fat.int32.type.spec
│   │   ├── fat.int64.type.spec
│   │   ├── fat.string.type.spec
│   │   ├── fat.uint32.type.spec
│   │   └── fat.uint64.type.spec
│   ├── big_decimal.type.spec
│   ├── link.type.spec
│   ├── meta.field.type.spec
│   ├── meta.fieldconstraint.type.spec
│   ├── meta.fieldmeta.type.spec
│   ├── meta.fieldoption.type.spec
│   ├── meta.optionitem.type.spec
│   ├── meta.type.spec
│   ├── property.type.spec
│   ├── property_integer.type.spec // deprecated, use the google wrapper type
│   ├── property_number.type.spec // deprecated, use the google wrapper type
│   ├── property_string.type.spec // deprecated, use the google wrapper type
│   ├── property_stringoption.type.spec // deprecated, use the google wrapper type
│   └── reference.type.spec
├── google
│   ├── protobuf
│   │   ├── any.type.spec
│   │   ├── bool.type.spec
│   │   ├── bytes.type.spec
│   │   ├── double.type.spec
│   │   ├── empty.type.spec
│   │   ├── field_mask.type.spec
│   │   ├── float.type.spec
│   │   ├── int32.type.spec
│   │   ├── int64.type.spec
│   │   ├── string.type.spec
│   │   ├── uint32.type.spec
│   │   └── uint64.type.spec
│   └── type
│       ├── date.type.spec
│       └── money.type.spec
└── package.json

```
npm package: @furo/timing
Description: Furo timing components
Latest version: 1.7.12

# @furo/timing

Furo timing related components.

## What is inside

### Elements

- **furo-count-down** N/A, in planing
- [furo-de-bounce](https://components.furo.pro/?t=FuroDeBounce) event de bouncer
- **furo-delay-event** N/A, in planing
- **furo-once** N/A, in planing
- [furo-interval-pulse](https://components.furo.pro/?t=FuroIntervalPulse) trigger an event in intervals
- **totman-switch** N/A, in planing
npm package: @furo/ui-builder
Description: Tooling infrastructure for spec based ui templating (semi-finished goods)
Latest version: 1.11.1

# furo ui builder
## Prequisits
If you have Go installed

`simple-generator` has to be installed. Quick installation: `go get github.com/veith/simple-generator` .

if not: https://golang.org/doc/install

## Manual Installation
- mkdir my-spec-project
- cd my-spec-project
- npm init
- Run `npm install --save-dev @furo/specs` to install the tools.
- Add a `furo.spec.conf.json` to the root folder of your spec project. 
  An example of a config file can be found in the `~/node_modules/@furo/spec/` folder. 

> **TIPP** copy the example file, remove the packages, add your packages.

## Usage of ui builder (furo.ui.spec.conf.json)

> **TIPP** Add the scripts to your package.json so you can run `npm run init_ui_spec` , `npm run build_ui_components`,... 
>
 ```json
{ 
  "scripts": {
    "uib:init": "./node_modules/@furo/ui-builder/_scripts/init-ui-specs.js",
    "uib:generate": "./node_modules/@furo/ui-builder/_scripts/generate-components.js",
    "uib:watch": "npm-watch uib:generate"
  },
  "watch": {
    "uib:generate": {
     "patterns": [
       "ui_specs"
     ],
     "extensions": "u33e",
     "runOnChangeOnly": false
    }
   }
}
```
## Config

- `path_to_simplegenerator` Set the path to your simple-generator binary if you don't have a local environment e.g. ./bin/
- `spec_dir` Path to your spec directory.
- `forms_spec_out` Output path for your form specs
- `build_output_dir` Build output path

### Example furo.ui.spec.conf.json
``` json
{
  "spec_dir": "./specs",
  "ui_spec_out": "./ui_specs",
  "build_output_dir": "./generated_components",
  "generator_template": "./node_modules/@furo/ui-builder/_scripts/templates/lit.js.tmpl",
  "skip_spec": [
    ".*collection.type.spec",
    ".*entity.type.spec"
  ],
  "writeprotection": [
    "some-form.u33e"
  ],
  "hooks": {
    "service": [
      "node_modules/@furo/ui-builder/_scripts/hook-init-reference-search.js",
      "node_modules/@furo/ui-builder/_scripts/hook-init-reference-dropdown.js",
      "node_modules/@furo/ui-builder/_scripts/hook-init-update-action.js",
      "node_modules/@furo/ui-builder/_scripts/hook-init-update-panel.js"
    ],
    "type": [
      "node_modules/@furo/ui-builder/_scripts/hook-init-form.js",
      "node_modules/@furo/ui-builder/_scripts/hook-init-create-form.js",
      "node_modules/@furo/ui-builder/_scripts/hook-init-create-widget.js",
      "node_modules/@furo/ui-builder/_scripts/hook-init-display.js"
    ]
  },
  "hook": {
    "hook_init_form": {
      "replace": {
        "premium-premiumgui-form": {
          "with": "premium-field",
          "import_path": "../../src/components/form-fields/premium-field.js",
          "field_flags": ["condensed","double"]
        }
      },
      "default_form_size": "four",
      "default_field_flags": ["condensed","double"],
      "skip_fields_on_init" : ["id", "display_name"]
    }
  }
}

```
npm package: @furo/ui5
Description: SAP UI5 Web Components data bindings for furo-web
Author: theNorstroem
Latest version: 1.18.1

# フロー Furo UI5 Web Components

https://ui5.furo.pro/

For seamless integration into the Eclipse Furo Web Stack, the SAP UI5 web components were extended with the Furo data-bind interface.

Compliant to SAP Fiori design language. Rich feature set. Includes all enterprise standards, such as accessibility, i18n, theming, etc 

- [https://sap.github.io/ui5-webcomponents/](https://sap.github.io/ui5-webcomponents/)
- [https://github.com/SAP/ui5-webcomponents](https://github.com/SAP/ui5-webcomponents)


## Data Bind Interface (Class FieldNodeAdapter)
The extension of the UI5 components with the data-bind interface makes it possible to work with the UI5 components as usual. As a sugar on top, each Furo UI5 component can be directly bound to a data model with

```
(imperative JS)
furoUi5Select.bindData(dataModel.field) 

(declarative HTML)
<furo-ui5-select ƒ-bind-data=""></furo-ui5-select>
```

## Basic Usage
```html
<!-- SAP Ui5 input element with Furo extension -->
<furo-ui5-text-input ƒ-bind-data="--dataObject(*.field_name)"></furo-ui5-text-input>
<!-- Furo data model object -->
<furo-data-object type="package.Typename" @-object-ready="--dataObject"></furo-data-object>
```
npm package: @furo/ui5-typerenderer
Description: Furo-ui5 type renderers
Latest version: 0.40.16

# @furo/ui5-typerender

Enterprise-flavored sugar on top of native APIs!

Compliant to SAP Fiori design language. Rich feature set. Includes all enterprise standards, such as accessibility, i18n, theming, etc 

- [https://sap.github.io/ui5-webcomponents/](https://sap.github.io/ui5-webcomponents/)
- [https://github.com/SAP/ui5-webcomponents](https://github.com/SAP/ui5-webcomponents)

## What is inside

For seamless integration into the Furo environment, we have slightly extended some UI5 components. 
> All not listed components can be obtained directly from SAP via the NPM packages.