@kms-ngx-ui/presentational 20.1.15 → 20.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kms-ngx-ui/presentational",
-  "version": "20.1.15",
+  "version": "20.2.0",
   "peerDependencies": {
     "@angular/cdk": "^20.2.14",
     "@angular/common": "^20.3.15",

package/src/assets/llms.txt

@@ -0,0 +1,1040 @@
+# @kms-ngx-ui/presentational
+
+> Angular UI component library following Atomic Design (Atoms, Molecules, Organisms).
+> Components use OnPush change detection and follow WCAG accessibility guidelines.
+
+## Import
+
+```typescript
+import { ComponentName } from '@kms-ngx-ui/presentational';
+```
+
+---
+
+## Atoms
+
+### `<kms-back-to-top>` — BackToTopComponent
+
+### `<kms-card>` — CardComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `hoverEffect` | `any` | `false` |  |
+| `imageUrl` | `any` | `''` |  |
+
+### `<kms-checkbox>` — CheckboxComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `checked` | `boolean` | `false` |  |
+| `disabled` | `boolean` | `false` |  |
+| `infoText` | `string` | `''` |  |
+| `name` | `string` | `''` | Internal description name. All checkboxes with the same name belong to the same group. User can select none, one or all checkboxes with the same name. |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `change` | `EventEmitter` |
+
+### `<kms-dropdown-from-data>` — DropdownFromDataComponent
+Dropdown from data component {@link https://leaseplan-dev.rentoffice.de/styleguide#ui-elements}
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `disableOptions` | `any` | `false` |  |
+| `errorMessage` | `any` | `''` |  |
+| `hasNullOption` | `any` | `false` |  |
+| `label` | `any` | `''` |  |
+| `mapKey` | `any` | `-` |  |
+| `mapValue` | `any` | `-` |  |
+| `multiple` | `any` | `false` |  |
+| `optionsEnum` | `any` | `-` |  |
+| `optionsObjArray` | `any[]` | `-` |  |
+| `optionsPlainArray` | `any[]` | `-` |  |
+| `placeholder` | `any` | `''` |  |
+| `prefix` | `any` | `''` |  |
+| `prefixIcon` | `any` | `''` |  |
+| `preselectedKeys` | `any` | `-` |  |
+| `required` | `any` | `false` |  |
+| `searchable` | `any` | `false` |  |
+| `selectAllText` | `string` | `-` |  |
+| `suffix` | `any` | `''` |  |
+| `suffixIcon` | `any` | `''` |  |
+| `translation` | `ITranslation` | `-` |  |
+| `useEnumIndexAsValue` | `any` | `false` |  |
+| `defaultDataOverride` | `string` | `''` |  |
+| `disabled` | `boolean` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `onSelectItemEmitter` | `EventEmitter` |
+| `formDataChanged` | `EventEmitter<UntypedFormGroup>` |
+
+### `<kms-icon>` — IconComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `color` | `any` | `Color.BLACK` |  |
+| `dontUseSprite` | `any` | `false` |  |
+| `icon` | `any` | `-` | Required: Name of the SVG icon inside your sprite sheet file with name &#39;icons.svg&#39;. Pass &#39;none&#39; if no icon should be rendered. |
+| `iconClass` | `any` | `''` | Optional: Different appearance via CSS class defined in this component´s style sheet. |
+| `size` | `any` | `IconSizePx.XS` |  |
+
+### `<kms-loader>` — LoaderComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `loading` | `boolean` | `false` |  |
+
+### `<kms-map>` — MapComponent
+Component to show marker on google map for specific address
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `data` | `Address` | `-` |  |
+
+### `<kms-radiobutton>` — RadioButtonComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `checked` | `boolean` | `false` |  |
+| `color` | `StylingTheme` | `StylingTheme.PRIMARY` |  |
+| `disabled` | `boolean` | `false` |  |
+| `label` | `string` | `''` |  |
+| `size` | `RadioButtonSize` | `RadioButtonSize.MD` |  |
+| `value` | `any` | `-` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `onChange` | `EventEmitter<void>` |
+
+### `<kms-slider>` — SliderComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `boolean` | `false` |  |
+| `max` | `number` | `-` |  |
+| `options` | `Options` | `{}` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `change` | `EventEmitter<ChangeContext>` |
+
+### `<kms-slide-toggle>` — SlideToggleComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `checked` | `boolean` | `false` |  |
+| `disabled` | `boolean` | `false` |  |
+| `leftLabel` | `string` | `-` |  |
+| `name` | `string` | `''` |  |
+| `rightLabel` | `string` | `-` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `change` | `EventEmitter` |
+
+---
+
+## Molecules
+
+### `<kms-button>` — ButtonComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `appearance` | `ButtonAppearance` | `ButtonAppearance.FLAT` |  |
+| `color` | `StylingTheme` | `StylingTheme.PRIMARY` |  |
+| `disabled` | `any` | `false` |  |
+| `icon` | `(typeof icons)[number]` | `-` |  |
+| `label` | `any` | `''` |  |
+| `loading` | `any` | `false` |  |
+| `rounded` | `any` | `false` |  |
+| `type` | `"button" | "submit" | "reset"` | `'button'` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `buttonClick` | `Event` |
+
+### `<kms-color-input>` — ColorInputComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `label` | `string` | `''` |  |
+| `placeholder` | `string` | `''` |  |
+| `tooltipText` | `string` | `''` |  |
+| `defaultDataOverride` | `string` | `''` |  |
+| `disabled` | `boolean` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `onSelectItemEmitter` | `EventEmitter` |
+| `formDataChanged` | `EventEmitter<UntypedFormGroup>` |
+
+### `<kms-confirmation-dialog>` — ConfirmationDialogComponent
+A confirmation dialog component
+
+### `<kms-date-input>` — DateInputComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `any` | `false` |  |
+| `errorMessage` | `any` | `''` |  |
+| `hint` | `any` | `''` |  |
+| `label` | `any` | `''` |  |
+| `maxDate` | `Date | null` | `null` |  |
+| `minDate` | `Date | null` | `null` |  |
+| `mode` | `"date" | "range"` | `'date'` |  |
+| `monthPicker` | `any` | `false` |  |
+| `placeholder` | `any` | `''` |  |
+| `required` | `any` | `false` |  |
+| `startView` | `"month" | "year" | "multi-year"` | `'month'` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `dateChange` | `Date | null` |
+| `rangeChange` | `DateRangeValue` |
+
+### `<kms-enum-radiogroup>` — EnumRadiogroupComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `header` | `NullAble<String>` | `-` |  |
+| `optionsEnum` | `any` | `-` |  |
+| `translationPrefix` | `string` | `''` |  |
+| `defaultDataOverride` | `string` | `''` |  |
+| `disabled` | `boolean` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `onSelectItemEmitter` | `EventEmitter` |
+| `formDataChanged` | `EventEmitter<UntypedFormGroup>` |
+
+### `<kms-file-input>` — FileInputComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `acceptedFileMimetypes` | `string` | `'image/jpeg, image/jpg, image/png'` |  |
+| `allowRemove` | `boolean` | `true` |  |
+| `label` | `string` | `''` |  |
+| `maxSizeBytes` | `number` | `MAX_SIZE_BYTES` |  |
+| `previewImage` | `boolean` | `true` |  |
+| `previewImageText` | `string` | `''` |  |
+| `resizePixels` | `number` | `0` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `formDataChanged` | `EventEmitter<UntypedFormGroup>` |
+
+### `<kms-flyout>` — FlyoutComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `bodyCssClass` | `string` | `''` |  |
+| `hasButtonForMore` | `boolean` | `false` |  |
+| `headerCssClass` | `string` | `''` |  |
+| `headerText` | `string` | `''` |  |
+| `headerTitle` | `string` | `''` |  |
+| `icon` | `string` | `'filter'` |  |
+| `lessText` | `string` | `''` |  |
+| `moreText` | `string` | `''` |  |
+
+### `<kms-image-slider>` — ImageSliderComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `editMode` | `boolean` | `false` |  |
+| `imagesToSave` | `ImageSnippet[]` | `-` |  |
+| `slides` | `string[]` | `-` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `deleteImageEvent` | `EventEmitter<number>` |
+| `orderChanged` | `EventEmitter<ImageSnippet[]>` |
+
+### `<kms-accordion-item>` — KMSAccordionItemComponent
+A generic dialog component
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `expanded` | `boolean` | `false` |  |
+| `isSmall` | `boolean` | `false` |  |
+| `itemTitle` | `string` | `-` |  |
+| `showAsCard` | `boolean` | `false` |  |
+
+### `<kms-numeric-input>` — NumericInputComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `any` | `false` |  |
+| `label` | `any` | `''` |  |
+| `min` | `number` | `0` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `disabled` | `EventEmitter` |
+
+### `<kms-password>` — PasswordComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `any` | `false` |  |
+| `label` | `any` | `'Password'` |  |
+| `lowerCaseCriteriaMsg` | `any` | `'At least one lowercase letter'` |  |
+| `minCharsCriteriaMsg` | `any` | `'At least 10 characters'` |  |
+| `numberCriteriaMsg` | `any` | `'At least one number'` |  |
+| `specialCharCriteriaMsg` | `any` | `    'At least one special character (-.!.?,$,&,*,+,#,%)'  ` |  |
+| `upperCaseCriteriaMsg` | `any` | `'At least one uppercase letter'` |  |
+| `withStrength` | `any` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `change` | `EventEmitter<string>` |
+| `submit` | `EventEmitter<string>` |
+
+### `<kms-radiogroup>` — RadioGroupComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `color` | `StylingTheme` | `StylingTheme.PRIMARY` |  |
+| `direction` | `"row" | "column"` | `'row'` |  |
+| `disabled` | `boolean` | `false` |  |
+| `infoText` | `string` | `-` |  |
+| `options` | `RadiobuttonInterface[]` | `[]` |  |
+| `size` | `RadioButtonSize` | `RadioButtonSize.MD` |  |
+| `value` | `any` | `null` |  |
+
+### `<kms-salutation-dropdown>` — SalutationDropdownComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `placeholder` | `NullAble<string>` | `-` |  |
+| `defaultDataOverride` | `string` | `''` |  |
+| `disabled` | `boolean` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `onSelectItemEmitter` | `EventEmitter` |
+| `formDataChanged` | `EventEmitter<UntypedFormGroup>` |
+
+### `<kms-salutation-radiogroup>` — SalutationRadiogroupComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `defaultDataOverride` | `string` | `''` |  |
+| `disabled` | `boolean` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `onSelectItemEmitter` | `EventEmitter` |
+| `formDataChanged` | `EventEmitter<UntypedFormGroup>` |
+
+### `<kms-text-input>` — TextInputComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `autocomplete` | `any` | `''` |  |
+| `disabled` | `any` | `false` |  |
+| `errorMessage` | `any` | `''` |  |
+| `hint` | `any` | `''` |  |
+| `label` | `any` | `''` |  |
+| `numericOnly` | `any` | `false` |  |
+| `placeholder` | `any` | `''` |  |
+| `prefix` | `any` | `''` |  |
+| `prefixIcon` | `any` | `''` |  |
+| `required` | `any` | `false` |  |
+| `suffix` | `any` | `''` |  |
+| `suffixIcon` | `any` | `''` |  |
+| `type` | `"text" | "email" | "tel" | "url"` | `'text'` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `valueChange` | `string` |
+
+### `<kms-time-input>` — TimeInputComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `allowEmpty` | `boolean` | `false` |  |
+| `interval` | `number` | `15` |  |
+| `label` | `string` | `''` |  |
+| `value` | `string` | `''` |  |
+
+### `<kms-tooltip-icon>` — TooltipIconComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `delay` | `any` | `1000` |  |
+| `icon` | `any` | `'ic_info'` |  |
+| `iconSize` | `any` | `IconSizePx.XS` |  |
+| `placement` | `any` | `-` |  |
+| `tooltipAlwaysVisible` | `any` | `false` |  |
+| `tooltipText` | `any` | `''` |  |
+
+### `<kms-yesno-radiogroup>` — YesNoRadiogroupComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `disabled` | `boolean` | `false` |  |
+| `header` | `NullAble<String>` | `-` |  |
+| `textNo` | `string` | `''` |  |
+| `textYes` | `string` | `''` |  |
+
+---
+
+## Organisms
+
+### `<kms-form-actions>` — FormActionsComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `actionsConfig` | `FormActionsConfig` | `-` |  |
+| `disabled` | `any` | `false` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `submitClick` | `void` |
+
+### `<kms-form-field>` — FormFieldComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `control` | `FormControl` | `-` |  |
+| `fieldConfig` | `FieldConfig` | `-` |  |
+| `formDisabledConfig` | `DisabledConfig` | `-` |  |
+| `formErrorDisplay` | `ErrorDisplayConfig` | `-` |  |
+| `formId` | `any` | `''` |  |
+| `submitted` | `any` | `false` |  |
+
+### `<kms-form-section>` — FormSectionComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `formDisabledConfig` | `DisabledConfig` | `-` |  |
+| `formErrorDisplay` | `ErrorDisplayConfig` | `-` |  |
+| `formGroup` | `FormGroup` | `-` |  |
+| `formId` | `any` | `''` |  |
+| `sectionConfig` | `FormSectionConfig` | `-` |  |
+| `submitted` | `any` | `false` |  |
+
+### `<kms-generic-form>` — GenericFormComponent
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `config` | `GenericFormConfig` | `-` |  |
+| `disabled` | `any` | `false` |  |
+| `loading` | `any` | `false` |  |
+| `value` | `Record<string, any>` | `{}` |  |
+
+**Outputs:**
+| Name | Type |
+|------|------|
+| `fieldValueChange` | `{ key: string; value: any }` |
+| `formReady` | `FormGroup` |
+| `formStateChange` | `GenericFormState` |
+| `formSubmit` | `Record<string, any>` |
+| `value` | `Record<string, any>` |
+
+---
+
+## Directives
+
+### `[[kmsDynamicField]]` — DynamicFieldDirective
+Creates a library component dynamically and bridges ControlValueAccessor to a FormControl.
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `control` | `FormControl` | `-` |  |
+| `fieldConfig` | `FieldConfig` | `-` |  |
+
+
+### `[[getMaxHeight]]` — GetMaxHeightDirective
+Directive to calc the height of all inner elements
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `getMaxHeight` | `string` | `''` | CSS class name of the child items (markup elements) that should be checked for their height. This is mandatory. |
+
+
+### `[[swipeDirective]]` — SwipeDirective
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `swipeDirective` | `SwipeOptions` | `-` | Needed config that defines swipe behaviour. |
+
+
+### `[[kmsTime]]` — TimeDirective
+
+
+### `[[kmsTooltip]]` — TooltipDirective
+
+**Inputs:**
+| Name | Type | Default | Description |
+|------|------|---------|-------------|
+| `alwaysVisible` | `boolean` | `false` |  |
+| `delay` | `number` | `0` |  |
+| `kmsTooltip` | `HTMLElement` | `-` |  |
+| `placement` | `Placement` | `'bottom'` |  |
+
+
+---
+
+## Pipes
+
+### `kmsIntegerCurrency` — IntegerCurrency
+Usage: `value | kmsIntegerCurrency`
+Parameters: `currencyCode: string` (optional), `display: boolean` (optional), `digitsInfo: string` (optional)
+
+### `kmsSafeHtml` — SafeHtmlPipe
+Usage: `value | kmsSafeHtml`
+
+### `kmsSafeResourceSUrl` — SafeResourceUrlPipe
+Usage: `value | kmsSafeResourceSUrl`
+
+### `kmsSafeSUrl` — SafeUrlPipe
+Usage: `value | kmsSafeSUrl`
+
+### `sanitizeNull` — SanitizeNullPipe
+Usage: `value | sanitizeNull`
+
+### `kmsTrim` — TrimPipe
+Usage: `value | kmsTrim`
+
+### `kmsTypeOf` — TypeofPipe
+Usage: `value | kmsTypeOf`
+
+---
+
+## Enums
+
+### ButtonAppearance
+- `BASIC` = `mat-button`
+- `FLAT` = `mat-flat-button`
+- `RAISED` = `mat-raised-button`
+
+### ButtonDialogType
+- `primary` = `primary`
+- `secondary` = `secondary`
+
+### ButtonResponseType
+- `primary` = `primary`
+- `secondary` = `secondary`
+
+### Color
+- `PRIMARY` = `--kms-primary`
+- `SECONDARY` = `--kms-secondary`
+- `TERTIARY` = `--kms-tertiary`
+- `SUCCESS` = `--kms-success`
+- `ALERT` = `--kms-alert`
+- `ERROR` = `--kms-error`
+- `DISABLED` = `--kms-disabled`
+- `WHITE` = `--kms-white`
+- `BLACK` = `--kms-black`
+
+### FieldType
+- `TEXT` = `text`
+- `TEXTAREA` = `textarea`
+- `PASSWORD` = `password`
+- `NUMBER` = `number`
+- `DATE` = `date`
+- `DATE_RANGE` = `dateRange`
+- `TIME` = `time`
+- `SELECT` = `select`
+- `AUTOCOMPLETE` = `autocomplete`
+- `CHECKBOX` = `checkbox`
+- `RADIO` = `radio`
+- `RADIO_GROUP` = `radioGroup`
+- `SLIDE_TOGGLE` = `slideToggle`
+- `MULTI_SELECT` = `multiSelect`
+- `COLOR` = `color`
+- `COUNTER` = `counter`
+- `MONTH_PICKER` = `monthPicker`
+- `TEMPLATE` = `template`
+- `OFFSET` = `offset`
+
+### FormLayout
+- `VERTICAL` = `vertical`
+- `GRID` = `grid`
+- `INLINE` = `inline`
+
+### IconSizePx
+- `XXS` = `16`
+- `XS` = `20`
+- `SM` = `32`
+- `MD` = `64`
+- `LG` = `128`
+- `XL` = `256`
+- `XXL` = `512`
+
+### ImageSourceType
+- `Ident` = `Idnet`
+- `ByteArray` = `ByteArray`
+- `URL` = `URL`
+
+### RadioButtonSize
+- `SM` = `small`
+- `MD` = `medium`
+- `LG` = `large`
+
+### SalutationEnum
+- `NOT_SPECIFIED` = `Keine Anrede`
+- `MALE` = `Herr`
+- `FEMALE` = `Frau`
+
+### StylingTheme
+- `PRIMARY` = `primary`
+- `SECONDARY` = `accent`
+- `WARN` = `warn`
+
+### VehicleEngineTypeEnumDummy
+- `benzin` = `Benzin`
+- `diesel` = `Diesel`
+- `elektro` = `Elektro`
+- `hybrid` = `Hybrid`
+- `pluginHybrid` = `Plug-in-Hybrid`
+- `erdgas` = `Erdgas`
+
+---
+
+## Interfaces
+
+### AsyncValidatorConfig
+- `errorMessage`: `string`
+- `validator`: `AsyncValidatorFn`
+
+### AutocompleteFieldOptions
+- `items`: `LabelValuePair[] | Observable<LabelValuePair[]>`
+- `minChars`: `number` (optional)
+- `selectFirst`: `boolean` (optional)
+
+### ColorGroup
+- `colors`: `literal type[]`
+- `name`: `string`
+
+### CounterFieldOptions
+- `max`: `number` (optional)
+- `min`: `number` (optional)
+- `step`: `number` (optional)
+
+### DateFieldOptions
+- `max`: `Date | string` (optional)
+- `min`: `Date | string` (optional)
+
+### DateRangeFieldOptions
+- `endKey`: `string`
+- `max`: `Date | string` (optional)
+- `min`: `Date | string` (optional)
+- `startKey`: `string`
+
+### DialogConfig
+- `autoFocus`: `boolean` (optional)
+- `data`: `DialogData`
+- `panelClass`: `string` (optional)
+
+### DialogData
+- `buttons`: `literal type` (optional)
+- `message`: `string` (optional)
+- `panelClass`: `string` (optional)
+- `title`: `string` (optional)
+
+### DisabledConfig
+- `showDisabledBackground`: `boolean` (optional)
+
+### EditorField
+- `_align`: `string`
+- `_autocomplete`: `string`
+- `_autoMinChars`: `number`
+- `_autoSelectFirst`: `boolean`
+- `_dateMax`: `string`
+- `_dateMin`: `string`
+- `_dateRangeEndKey`: `string`
+- `_dateRangeMax`: `string`
+- `_dateRangeMin`: `string`
+- `_dateRangeStartKey`: `string`
+- `_disabled`: `boolean`
+- `_disabledBg`: `boolean`
+- `_errorShowMultiple`: `boolean`
+- `_errorStrategy`: `string`
+- `_hidden`: `boolean`
+- `_id`: `number`
+- `_radioItems`: `literal type[]`
+- `_radioSize`: `string`
+- `_selectDataMode`: `"items" | "objItems"`
+- `_selectItems`: `literal type[]`
+- `_selectMapKey`: `string`
+- `_selectMapValue`: `string`
+- `_selectObjItems`: `any[]`
+- `_selectSearchable`: `boolean`
+- `_textareaAutoResize`: `boolean`
+- `_textareaMaxRows`: `number`
+- `_timeInterval`: `number`
+- `_timeMax`: `string`
+- `_timeMin`: `string`
+- `_validatorFlags`: `literal type`
+- `_withStrength`: `boolean`
+
+### EditorSection
+- `_id`: `number`
+- `align`: `string`
+- `collapsed`: `boolean`
+- `fields`: `EditorField[]`
+- `gap`: `string`
+- `gridColumns`: `number`
+- `gridColumnsMd`: `number`
+- `gridColumnsSm`: `number`
+- `hidden`: `boolean`
+- `key`: `string`
+- `padding`: `string`
+- `title`: `string`
+- `tooltip`: `string`
+- `verticalAlign`: `string`
+
+### ErrorDisplayConfig
+- `matcher`: `ErrorStateMatcher` (optional)
+- `showMultiple`: `boolean` (optional)
+- `showOnSubmit`: `boolean` (optional)
+- `strategy`: `ErrorDisplayStrategy` (optional)
+
+### FieldAffixConfig
+- `type`: `"text" | "icon"`
+- `value`: `string`
+
+### FieldConfig
+- `align`: `GridAlign` (optional)
+- `asyncValidators`: `AsyncValidatorConfig[]` (optional)
+- `autocomplete`: `string` (optional)
+- `columnSize`: `number` (optional)
+- `disabled`: `boolean` (optional)
+- `disabledConfig`: `DisabledConfig` (optional)
+- `errorDisplay`: `ErrorDisplayConfig` (optional)
+- `hidden`: `boolean` (optional)
+- `key`: `string` (optional)
+- `label`: `string` (optional)
+- `options`: `FieldTypeOptions` (optional)
+- `placeholder`: `string` (optional)
+- `prefix`: `FieldAffixConfig` (optional)
+- `suffix`: `FieldAffixConfig` (optional)
+- `templateRef`: `TemplateRef<any>` (optional)
+- `testId`: `string` (optional)
+- `tooltip`: `string` (optional)
+- `type`: `FieldType`
+- `validators`: `(ValidatorFn | ValidatorConfig)[]` (optional)
+
+### FormActionsConfig
+- `position`: `"top" | "bottom" | "both"` (optional)
+- `submitLabel`: `string` (optional)
+
+### FormSectionConfig
+- `align`: `GridAlign` (optional)
+- `fields`: `FieldConfig[]`
+- `gap`: `string` (optional)
+- `gridColumns`: `number` (optional)
+- `gridColumnsMd`: `number` (optional)
+- `gridColumnsSm`: `number` (optional)
+- `hidden`: `boolean` (optional)
+- `key`: `string`
+- `padding`: `string` (optional)
+- `title`: `string` (optional)
+- `tooltip`: `string` (optional)
+- `verticalAlign`: `GridVerticalAlign` (optional)
+
+### GenericFormConfig
+- `disabledConfig`: `DisabledConfig` (optional)
+- `errorDisplay`: `ErrorDisplayConfig` (optional)
+- `formId`: `string`
+- `layout`: `FormLayout` (optional)
+- `sections`: `FormSectionConfig[]`
+- `submitAction`: `FormActionsConfig` (optional)
+
+### GenericFormState
+- `dirty`: `boolean`
+- `errors`: `Record<string | ValidationErrors> | null`
+- `invalid`: `boolean`
+- `pristine`: `boolean`
+- `submitted`: `boolean`
+- `touched`: `boolean`
+- `untouched`: `boolean`
+- `valid`: `boolean`
+
+### ITranslation
+- `isPrefix`: `boolean` (optional)
+- `path`: `string`
+- `service`: `any`
+- `useKeyAsValue`: `boolean` (optional)
+
+### NumberFieldOptions
+- `max`: `number` (optional)
+- `min`: `number` (optional)
+
+### PasswordFieldOptions
+- `withStrength`: `boolean` (optional)
+
+### RadiobuttonInterface
+- `Disabled`: `boolean` (optional)
+- `InfoText`: `string` (optional)
+
+### RadioGroupFieldOptions
+- `items`: `LabelValuePair[] | string[]`
+- `layout`: `"horizontal" | "vertical"` (optional)
+- `size`: `string` (optional)
+
+### SelectFieldOptions
+- `disableOptions`: `boolean` (optional)
+- `enumItems`: `any` (optional)
+- `hasNullOption`: `boolean` (optional)
+- `items`: `LabelValuePair[] | Observable<LabelValuePair[]>` (optional)
+- `multiple`: `boolean` (optional)
+- `objItems`: `literal type` (optional)
+- `plainItems`: `string[]` (optional)
+- `preselectedKeys`: `any` (optional)
+- `searchable`: `boolean` (optional)
+- `selectAllText`: `string` (optional)
+- `translation`: `SelectTranslation` (optional)
+- `useEnumIndexAsValue`: `boolean` (optional)
+
+### SelectTranslation
+- `isPrefix`: `boolean` (optional)
+- `path`: `string`
+- `service`: `any`
+- `useKeyAsValue`: `boolean` (optional)
+
+### SwipeMoveEvent
+- `direction`: `number`
+- `offsetPerFrame`: `number`
+- `position`: `number`
+- `speed`: `number`
+- `swipeDistancePercentage`: `number`
+- `swipeDistanceTotal`: `number`
+- `thresholdWasReached`: `boolean`
+
+### SwipeOptions
+- `swipeLocalPosition`: `boolean`
+- `swipeThreshold`: `number`
+- `swipeThresholdType`: `string`
+
+### SwipeReleaseEvent
+- `direction`: `number`
+- `easingType`: `string`
+- `speed`: `number`
+- `target`: `any`
+- `thresholdWasReached`: `boolean`
+
+### TextareaFieldOptions
+- `autoResize`: `boolean` (optional)
+- `maxRows`: `number` (optional)
+- `rows`: `number` (optional)
+
+### TimeFieldOptions
+- `intervalMinutes`: `number` (optional)
+- `max`: `string` (optional)
+- `min`: `string` (optional)
+
+### ValidatorConfig
+- `errorMessage`: `string`
+- `validator`: `ValidatorFn`
+
+### ValidatorOption
+- `description`: `string`
+- `enabled`: `boolean`
+- `errorKey`: `string`
+- `factory`: `function`
+- `hasParam`: `boolean` (optional)
+- `key`: `string`
+- `label`: `string`
+- `param`: `number` (optional)
+- `paramLabel`: `string` (optional)
+- `paramMax`: `number` (optional)
+- `paramMin`: `number` (optional)
+- `source`: `string`
+
+---
+
+## Models
+
+### Address
+- `City`: `NullAble<string>`
+- `Name1`: `NullAble<string>`
+- `Name2`: `NullAble<string>`
+- `Street`: `NullAble<string>`
+- `Zip`: `NullAble<string>`
+
+### AttachedFileDTO
+- `CreateSmallImage`: `boolean`
+- `Filename`: `string`
+- `ImageAsDataURL`: `string`
+- `ImageIdent`: `string`
+- `ImageLink`: `string`
+- `Text`: `string`
+
+### Breakpoint
+- `High`: `number`
+- `Low`: `number`
+- `Name`: `string`
+- `Number`: `number`
+
+### ImageSnippet
+- `fileName`: `string`
+- `src`: `string`
+- `srcType`: `unknown`
+- `status`: `string`
+
+### ImageSnippet
+- `fileName`: `string`
+- `src`: `string`
+- `srcType`: `unknown`
+- `status`: `string`
+
+### KeyValuePair
+- `Key`: `NullAble<string>`
+- `Value`: `NullAble<string>`
+
+### LabelValuePair
+- `Label`: `NullAble<string>`
+- `Value`: `NullAble<string>`
+
+### Marker
+- `label`: `MarkerLabel`
+- `options`: `MarkerOptions`
+- `position`: `google.maps.LatLngLiteral`
+- `title`: `string`
+
+### MarkerLabel
+- `color`: `string`
+- `text`: `string`
+
+### MarkerOptions
+- `animation`: `number`
+
+### ShowOnDirtyErrorStateMatcher
+
+### SimpleBreakpoint
+- `MaximumPixels`: `number`
+- `Name`: `string`
+- `Number`: `number`
+
+### TextValuePair
+- `Text`: `NullAble<string>`
+- `Value`: `NullAble<any>`
+
+### TextValuePairArray
+- `Items`: `NullAble<TextValuePair[]>`
+
+### WindowDimensions
+- `Height`: `number`
+- `Orientation`: `"landscape" | "portrait"`
+- `Width`: `number`
+
+---
+
+## Services
+
+### FieldRegistryService
+- `resolve(type: FieldType)`: `Type | null`
+
+### GenericFormService
+- `applyVisibility(config: GenericFormConfig)`: `void`
+- `buildDateRangeSubControls(field: FieldConfig, controls: Record<string | FormControl>)`: `void`
+- `buildFieldControl(field: FieldConfig, controls: Record<string | FormControl>)`: `void`
+- `buildForm(config: GenericFormConfig)`: `FormGroup`
+- `cleanup()`: `void`
+- `fieldValueChanges$(key: string)`: `Observable<any>`
+- `getErrors()`: `Record | null`
+- `getFieldConfig(key: string)`: `FieldConfig | undefined`
+- `getFormGroup()`: `FormGroup`
+- `getRawValue()`: `Record<string, any>`
+- `getState()`: `GenericFormState`
+- `getValue()`: `Record<string, any>`
+- `isValidatorConfig(v: ValidatorFn | ValidatorConfig)`: `ValidatorConfig`
+- `ngOnDestroy()`: `void`
+- `patchValue(value: Record<string | any>, options: literal type)`: `void`
+- `registerAsyncValidators(field: FieldConfig)`: `AsyncValidatorFn[]`
+- `registerSyncValidators(field: FieldConfig)`: `ValidatorFn[]`
+- `resolveErrorMessage(key: string, validatorName: string, validatorMeta: any)`: `string`
+- `resolveInitialValue(type: FieldType)`: `any`
+- `setFieldDisabled(key: string, disabled: boolean)`: `void`
+- `updateFieldOptions(key: string, options: Partial<FieldTypeOptions>)`: `void`
+- `validateAll()`: `boolean`
+
+### KmsUiPresentationalService
+
+### ViewportService
+- `calculateFullscreenElementsheight(id: string, defaultheight: string, extra: number)`: `string`
+- `calculateFullscreenElementsHeight(id: string, defaultheight: string, extra: number)`: `string`
+- `convertWidthToMediaQuery(width: number)`: `Breakpoint`
+- `documentSizeChanged(event: any)`: `void`
+- `getCurrentViewPort()`: `string`
+- `getCurrentViewPortDimensions()`: `WindowDimensions`
+- `getCurrentViewPortHeight()`: `number`
+- `getCurrentViewPortNumber()`: `number`
+- `getCurrentViewPortObject()`: `Breakpoint`
+- `getCurrentViewPortWidth()`: `number`
+- `getDocumentHeight()`: `number`
+- `getDocumentWidth()`: `number`
+- `getOrientationAsString()`: `"portrait" | "landscape"`
+- `getSimpleBreakpoint(screenSize: number)`: `SimpleBreakpoint`
+- `getViewportChangedObserver()`: `Observable<string>`
+- `getViewportResizedObserver()`: `Observable<number>`
+- `getWindowHeight()`: `number`
+- `getWindowWidth()`: `number`
+- `isLandscape()`: `boolean | undefined`
+- `isMobile()`: `boolean`
+- `isPortrait()`: `boolean | undefined`
+- `ngOnDestroy()`: `void`
+- `scrollToElement(el: HTMLElement, alignCenter: unknown)`: `void`
+- `scrollToElementId(el: string, alignCenter: unknown)`: `void`
+- `scrollTop(top: number)`: `void`
+
+---
+
+## Icons
+
+171 icons available for `<kms-icon icon="name">`.
+See `icons.json` (same directory as this file) for the full list of icon names.