@larva.io/webcomponents
Version:
Fentrica SmartUnits WebComponents package
1,650 lines • 221 kB
TypeScript
/* eslint-disable */
/* tslint:disable */
/**
* This is an autogenerated file created by the Stencil compiler.
* It contains typing information for all components that exist in this project.
*/
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { CheckedInputChangeEvent, Color, ComponentProps, ComponentRef, Size, SliderInputChangeEvent } from "./interface";
import { DataIn, DataOut, DeviceStatus, DoorStatus, LockdownState, SwitchState } from "./components/2n-commander-door/2n-commander-door.interface";
import { DataIn as DataIn1, DataOut as DataOut1 } from "./components/inner-range-inception-area/inner-range-inception.interface";
import { DataIn as DataIn2, DataOut as DataOut2 } from "./components/inner-range-inception-door/inner-range-inception.interface";
import { Button, DataIn as DataIn3, SipOpts } from "./components/intercom/intercom-interface";
import { CameraOpts, DataIn as DataIn5 } from "./components/rtsp-h264-mjpeg/rtsp-h264-mjpeg-interface";
import { Area, CallStatus, DataIn as DataIn4 } from "./components/kone-elevators/kone-elevators-interface";
import { InputMessage } from "./components/internal/log-modal/log-interface";
import { ModalComponent } from "./components/internal/modal/modal-interface";
import { InputResponse } from "./components/internal/node/node-interface";
import { RadioData } from "./components/radio-button/radio-button-interface";
import { SlidingDoorState } from "./components/sliding-door/sliding-door-interface";
import { TwoPosState } from "./components/two-pos-controller/two-pos-controller-interface";
import { UtilityMeterState } from "./components/utility-meter/utility-meter-interfaces";
import { DataIn as DataIn6 } from "./components/weather/weather-interface";
export { CheckedInputChangeEvent, Color, ComponentProps, ComponentRef, Size, SliderInputChangeEvent } from "./interface";
export { DataIn, DataOut, DeviceStatus, DoorStatus, LockdownState, SwitchState } from "./components/2n-commander-door/2n-commander-door.interface";
export { DataIn as DataIn1, DataOut as DataOut1 } from "./components/inner-range-inception-area/inner-range-inception.interface";
export { DataIn as DataIn2, DataOut as DataOut2 } from "./components/inner-range-inception-door/inner-range-inception.interface";
export { Button, DataIn as DataIn3, SipOpts } from "./components/intercom/intercom-interface";
export { CameraOpts, DataIn as DataIn5 } from "./components/rtsp-h264-mjpeg/rtsp-h264-mjpeg-interface";
export { Area, CallStatus, DataIn as DataIn4 } from "./components/kone-elevators/kone-elevators-interface";
export { InputMessage } from "./components/internal/log-modal/log-interface";
export { ModalComponent } from "./components/internal/modal/modal-interface";
export { InputResponse } from "./components/internal/node/node-interface";
export { RadioData } from "./components/radio-button/radio-button-interface";
export { SlidingDoorState } from "./components/sliding-door/sliding-door-interface";
export { TwoPosState } from "./components/two-pos-controller/two-pos-controller-interface";
export { UtilityMeterState } from "./components/utility-meter/utility-meter-interfaces";
export { DataIn as DataIn6 } from "./components/weather/weather-interface";
export namespace Components {
interface Lar2nCommanderDoor {
/**
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* @default 'primary'
*/
"color"?: Color;
"colorIconSmall"?: Color;
"colorInputs"?: Color;
"colorModal"?: Color;
"hideTitles"?: boolean;
/**
* @default 'door'
*/
"icon"?: string;
"input": (data: DataIn) => Promise<void>;
/**
* @default false
*/
"log": boolean;
"mainTitle": string;
/**
* @default 'default'
*/
"nodeSize"?: Size;
"options"?: any;
"subTitle"?: string;
"supTitle"?: string;
}
interface Lar2nCommanderDoorContent {
"color"?: Color;
"disabled"?: boolean;
"icon": string;
"value": string;
}
interface LarAnalogValue {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Input Larva event message (see abow)
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarApp {
}
interface LarArea {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* Allow node color automatic change based on feedback/node value. Defaults to true
* @default true
*/
"allowNodeAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Enable quick action for security node
* @default false
*/
"enableSecurityQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarAreaBypass {
"color"?: Color;
"modal": HTMLLarModalElement;
"troubles": string;
"zones": string;
}
interface LarAreaContent {
/**
* @default false
*/
"alarm": boolean;
/**
* @default false
*/
"armed": boolean;
"color"?: Color;
"colorModal"?: Color;
/**
* @default false
*/
"hastroubles": boolean;
"icon": string;
/**
* @default true
*/
"loading": boolean;
"troubles": string;
/**
* @default false
*/
"zoneopened": boolean;
"zones": string;
}
interface LarAreaTroubles {
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
"header": any;
"modal": HTMLLarModalElement;
"troubles": string;
}
interface LarAreaZones {
"zones": string;
}
interface LarBackdrop {
/**
* If `true`, the backdrop will stop propagation on tap. Defaults to `true`.
* @default true
*/
"stopPropagation": boolean;
/**
* If `true`, the backdrop will can be clicked and will emit the `larbackdroptap` event. Defaults to `true`.
* @default true
*/
"tappable": boolean;
/**
* If `true`, the backdrop will be visible. Defaults to `true`.
* @default true
*/
"visible": boolean;
}
interface LarBadge {
"color"?: Color;
}
interface LarButton {
/**
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* If `true`, the user cannot interact with the button.
* @default false
*/
"disabled": boolean;
/**
* expand
* @default 'full'
*/
"expand"?: ('full' | 'block');
/**
* outline styled button
* @default false
*/
"outline"?: boolean;
/**
* size
* @default 'default'
*/
"size"?: ('small' | 'default');
}
interface LarButtonGroup {
}
interface LarButtonPush {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default false
*/
"disabled"?: boolean;
/**
* size
* @default 'default'
*/
"size"?: ('small' | 'default');
}
interface LarDebug {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Input Larva event message (see abow)
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarDebugContent {
/**
* Component JSON text
*/
"text"?: string;
}
interface LarDoor {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'door'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarDoorContent {
"color"?: Color;
"disabled"?: boolean;
"value": string;
}
interface LarIcon {
/**
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* Use 'named' incon param icon or src for svg url
*/
"icon": string;
/**
* The size of the icon. Available options are: `"small"`, `"medium"` `"large"`.
*/
"size"?: string;
"src"?: string;
}
interface LarInnerRangeArea {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* Allow node color automatic change based on feedback/node value. Defaults to true
* @default true
*/
"allowNodeAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarInnerRangeAreaDoorContent {
"color"?: Color;
"disabled"?: boolean;
"icon": string;
"value": string;
}
interface LarInnerRangeDoor {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
"doorType"?: string;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'door'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component specific options (see above)
*/
"options"?: any;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarInnerRangeInceptionArea {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* Allow node color automatic change based on feedback/node value. Defaults to true
* @default true
*/
"allowNodeAutoColoring": boolean;
/**
* The color to use from your application's color palette. Options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: DataIn1) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarInnerRangeInceptionAreaContent {
"armReady"?: boolean;
"color"?: Color;
"disabled"?: boolean;
"icon": string;
"value": string;
}
interface LarInnerRangeInceptionDoor {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
"doorType"?: string;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'door'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: DataIn2) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component specific options (see above)
*/
"options"?: any;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarInnerRangeInceptionDoorContent {
"color"?: Color;
"disabled"?: boolean;
"icon": string;
"value": string;
}
interface LarIntercom {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'intercom'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: DataIn3) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Try to play ring sound if ringing Please note that you may get DOMException: play() failed because the user didn't interact with the document first in webkit audio must be handled externally or user interaction policy needs to be disabled
* @default false
*/
"playSound": boolean;
/**
* server for cameras
*/
"server": string;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
/**
* Use upstream proxy for cameras
* @default true
*/
"useUplinkProxy": boolean;
}
interface LarIntercomContent {
/**
* @default []
*/
"buttons": Button[];
"camera"?: CameraOpts;
"colorInputs"?: Color;
"disabled"?: boolean;
"open": () => Promise<void>;
/**
* server for cameras
*/
"server": string;
"sip"?: SipOpts;
/**
* Use upstream proxy for cameras
* @default true
*/
"useUplinkProxy": boolean;
}
interface LarKoneElevators {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'elevator1'
*/
"icon"?: string;
/**
* Input Larva event message (see abow)
*/
"input": (data: DataIn4) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarKoneElevatorsContent {
"callStatus"?: CallStatus;
/**
* @default []
*/
"callableAreas": Area[];
"color"?: Color;
/**
* @default true
*/
"connection": boolean;
"connectionError"?: string;
"loading"?: boolean;
}
interface LarList {
}
interface LarListHeader {
}
interface LarListItem {
"color"?: Color;
/**
* If `true`, the user cannot interact with the toggle. Defaults to `false`.
* @default false
*/
"disabled": boolean;
}
interface LarLogModal {
/**
* Display Larva Error
*/
"error": (data: any, timeout?: number) => Promise<void>;
"modal"?: HTMLLarModalElement;
/**
* Request response method
*/
"response": (data: InputMessage) => Promise<void>;
}
interface LarModal {
/**
* Modal appearing animation if animations enabled Default options are: `"bottom"`, `"right"`
* @default 'right'
*/
"animation": ('bottom' | 'right');
/**
* Attach additional component to modal
*/
"attachComponent": (component: ComponentRef, componentProps?: ComponentProps) => Promise<void>;
/**
* If `true`, the modal will be dismissed when the backdrop is clicked.
* @default true
*/
"backdropDismiss": boolean;
/**
* The icon color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* The icon color to use from your application's color palette.
*/
"colorHeaderInputs"?: Color;
/**
* The small icon color to use from your application's color palette.
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for value
*/
"colorValue"?: Color;
/**
* The component to display inside of the modal.
*/
"component"?: ComponentRef;
/**
* The data to pass to the modal component.
*/
"componentProps"?: ComponentProps;
/**
* Present the modal overlay after it has been created.
*/
"dismiss": () => Promise<void>;
/**
* Get modal component. If index not provided default returned
*/
"getComponent": (index?: number) => Promise<ModalComponent | null>;
/**
* Get modal components
*/
"getComponents": () => Promise<ModalComponent[]>;
/**
* Modal header size
* @default 'default'
*/
"headerSize"?: ('small' | 'default');
/**
* Modal title big icon
*/
"icon"?: string;
/**
* Modal corner small icon
*/
"iconSmall"?: string;
/**
* Moda main title
*/
"mainTitle"?: string;
/**
* Modal z-index
*/
"overlayIndex"?: number;
/**
* Present the modal overlay after it has been created.
*/
"present": () => Promise<void>;
/**
* If `true`, a backdrop will be displayed behind the modal.
* @default true
*/
"showBackdrop": boolean;
/**
* Modal subscript title
*/
"subTitle"?: string;
/**
* Modal superscript title
*/
"supTitle"?: string;
/**
* If `true`, the modal will be dismissed when swiped back.
*/
"swipeGesture"?: boolean;
/**
* Node corner value
*/
"value"?: string;
/**
* Value translation valriables
*/
"valueTranslationValues"?: any;
}
interface LarNode {
/**
* Request response method
*/
"closeModal": () => Promise<void>;
/**
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* The color to use from your application's color palette for main icon
*/
"colorIcon"?: Color;
/**
* The color to use from your application's color palette for small icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for modal window.
*/
"colorModal"?: Color;
/**
* The component to display inside of the modal.
*/
"component"?: ComponentRef;
/**
* The data to pass to the modal component.
*/
"componentProps"?: ComponentProps;
/**
* If `true`, the user cannot interact with the node. Defaults to `false`.
* @default false
*/
"disabled": boolean;
/**
* Display Larva Error
*/
"error": (data: any, timeout?: number) => Promise<void>;
"getModalComponent": () => Promise<any>;
/**
* Modal header size
* @default 'default'
*/
"headerSizeModal"?: Size;
/**
* Hide node titles
* @default false
*/
"hideTitles": boolean;
/**
* Node big icon
*/
"icon"?: string;
/**
* Node corner small icon
*/
"iconSmall"?: string;
/**
* Node loading or not
* @default false
*/
"loading": boolean;
/**
* Should we load lar-log sub-component?
* @default false
*/
"log": boolean;
/**
* Node main title
* @default ''
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
"openModal": () => Promise<void>;
/**
* Request response method
*/
"response": (data: InputResponse) => Promise<void>;
/**
* Node subtitle
*/
"subTitle"?: string;
/**
* Node superscript title
*/
"supTitle"?: string;
/**
* Node corner value, passed trought translation
*/
"value"?: string;
/**
* Value translation valriables
*/
"valueTranslationValues"?: object | string;
}
interface LarNodeLinkedComponents {
}
interface LarNodeMoreButtons {
"colorInputs"?: Color;
"colorModal"?: Color;
/**
* @default false
*/
"log": boolean;
/**
* Request response method
*/
"response": (data: InputResponse) => Promise<void>;
}
interface LarNodeTitles {
/**
* Node main title
*/
"mainTitle": string;
/**
* Node subtitle
*/
"subTitle"?: string;
/**
* Node superscript title
*/
"supTitle"?: string;
}
interface LarNotify {
/**
* Auto-hide timeout, will not auto-hide
* @default 4000
*/
"autoHide": number;
/**
* The icon color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* Creates an animation instance
*/
"create": (message?: (string | HTMLElement | HTMLLarTranslateElement), color?: Color, autoHide?: number) => Promise<void>;
"dismiss": () => Promise<void>;
/**
* Message
*/
"message"?: string | HTMLElement | HTMLLarTranslateElement;
/**
* Modal z-index
*/
"overlayIndex"?: number;
"present": () => Promise<void>;
}
interface LarOnoff {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarOnoffContent {
"color"?: Color;
"disabled"?: boolean;
"value": string;
}
interface LarPushButton {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarPushButtonContent {
"color"?: Color;
"disabled"?: boolean;
}
interface LarRadioButton {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'device'
*/
"icon"?: string;
/**
* Input Larva event message (see abow)
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarRadioButtonContent {
"color"?: Color;
"disabled"?: boolean;
/**
* @default []
*/
"radios": RadioData[] | string;
"selected"?: number | string;
"value": string;
}
interface LarRange {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'security'
*/
"icon"?: string;
/**
* Larva input message
*/
"input": (data: any) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarRtspH264Mjpeg {
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* The color to use from your application's color palette for small icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Larva error input
*/
"error": (data: any, timeout?: number) => Promise<void>;
/**
* Hide camera names top of streams
* @default false
*/
"hideCameraNames": boolean;
/**
* Hide node titles
* @default false
*/
"hideTitles": boolean;
/**
* Input Larva event message (see above)
*/
"input": (data: DataIn5) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default false
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* server for cameras
*/
"server": string;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
/**
* Use upstream proxy for cameras
* @default true
*/
"useUplinkProxy": boolean;
}
interface LarSlider {
/**
* The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
*/
"color"?: Color;
/**
* If `true`, the user cannot interact with the button.
* @default false
*/
"disabled": boolean;
/**
* @default 100
*/
"max"?: number;
/**
* @default 0
*/
"min"?: number;
/**
* size
* @default 'horizontal'
*/
"orientation"?: ('vertical' | 'horizontal');
/**
* @default 1
*/
"step"?: number;
/**
* @default 0
*/
"value"?: number;
}
interface LarSlidingDoor {
/**
* Allow node indication color automatic change based on feedback/node value. Defaults to false
* @default false
*/
"allowIndicationAutoColoring": boolean;
/**
* The color to use from your application's color palette. Detrouble options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* @default 'primary'
*/
"color"?: Color;
/**
* The color to use from your application's color palette for indication icon
*/
"colorIconSmall"?: Color;
/**
* The color to use from your application's color palette for inputs
*/
"colorInputs"?: Color;
/**
* The color to use from your application's color palette for Components modal window.
*/
"colorModal"?: Color;
/**
* Disable quck actions
* @default false
*/
"disableQuickActions": boolean;
/**
* Larva error input
*/
"error": (data: any) => Promise<void>;
/**
* Hide node titles
*/
"hideTitles"?: boolean;
/**
* Component main icon
* @default 'off'
*/
"icon"?: string;
/**
* Input Larva event message (see above)
*/
"input": (data: SlidingDoorState) => Promise<void>;
/**
* Is logging for this component enabled (lar-log subcomponent loaded)
* @default true
*/
"log": boolean;
/**
* Component main title
*/
"mainTitle": string;
/**
* Node size
* @default 'default'
*/
"nodeSize"?: Size;
/**
* Component subtitle
*/
"subTitle"?: string;
/**
* Component superscript title
*/
"supTitle"?: string;
}
interface LarToggle {
/**
* If `true`, the toggle is selected. Defaults to `false`.
* @default false
*/
"checked": boolean;
/**
* The color