@openremote/or-attribute-input 1.24.0 → 1.24.2

package/custom-elements-jsx.d.ts

@@ -1,5 +1,10 @@
-
-import type { OrAttributeInputChangedEvent, getAttributeInputWrapper, getHelperText, jsonFormsInputTemplateProvider, OrAttributeInput } from "./lib/index.d.ts";
+import type {
+  OrAttributeInputChangedEvent,
+  getAttributeInputWrapper,
+  getHelperText,
+  jsonFormsInputTemplateProvider,
+  OrAttributeInput,
+} from "./lib/index.d.ts";
 
 /**
  * This type can be used to create scoped tags for your components.
@@ -27,7 +32,6 @@ export type ScopedElements<
 };
 
 type BaseProps<T extends HTMLElement> = {
-
   /** Content added between the opening and closing tags of the element */
   children?: any;
   /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
@@ -50,6 +54,8 @@ type BaseProps<T extends HTMLElement> = {
   key?: string | number;
   /** Specifies the language of the element. */
   lang?: string;
+  /** Defines the element's semantic role for accessibility APIs. */
+  role?: string;
   /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
   part?: string;
   /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
@@ -70,172 +76,290 @@ type BaseProps<T extends HTMLElement> = {
   popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
   /** Specifies the action to be performed on a popover element being controlled by a control element. */
   popovertargetaction?: "show" | "hide" | "toggle";
-
-} ;
-
-type BaseEvents = {
-
-
 };
 
-
+type BaseEvents = {};
 
 export type OrAttributeInputProps = {
   /**  */
-  "attribute"?: OrAttributeInput['attribute'];
+  attribute?: OrAttributeInput["attribute"];
   /**  */
-  "assetId"?: OrAttributeInput['assetId'];
+  assetId?: OrAttributeInput["assetId"];
   /**  */
-  "attributeDescriptor"?: OrAttributeInput['attributeDescriptor'];
+  attributeDescriptor?: OrAttributeInput["attributeDescriptor"];
   /**  */
-  "valueDescriptor"?: OrAttributeInput['valueDescriptor'];
+  valueDescriptor?: OrAttributeInput["valueDescriptor"];
   /**  */
-  "assetType"?: OrAttributeInput['assetType'];
+  assetType?: OrAttributeInput["assetType"];
   /**  */
-  "label"?: OrAttributeInput['label'];
+  label?: OrAttributeInput["label"];
   /**  */
-  "disabled"?: OrAttributeInput['disabled'];
+  disabled?: OrAttributeInput["disabled"];
   /**  */
-  "readonly"?: OrAttributeInput['readonly'];
+  readonly?: OrAttributeInput["readonly"];
   /**  */
-  "required"?: OrAttributeInput['required'];
+  required?: OrAttributeInput["required"];
   /**  */
-  "value"?: OrAttributeInput['value'];
+  value?: OrAttributeInput["value"];
   /**  */
-  "inputType"?: OrAttributeInput['inputType'];
+  inputType?: OrAttributeInput["inputType"];
   /**  */
-  "hasHelperText"?: OrAttributeInput['hasHelperText'];
+  hasHelperText?: OrAttributeInput["hasHelperText"];
   /**  */
-  "disableButton"?: OrAttributeInput['disableButton'];
+  disableButton?: OrAttributeInput["disableButton"];
   /**  */
-  "disableSubscribe"?: OrAttributeInput['disableSubscribe'];
+  disableSubscribe?: OrAttributeInput["disableSubscribe"];
   /**  */
-  "disableWrite"?: OrAttributeInput['disableWrite'];
+  disableWrite?: OrAttributeInput["disableWrite"];
   /**  */
-  "compact"?: OrAttributeInput['compact'];
+  compact?: OrAttributeInput["compact"];
   /**  */
-  "comfortable"?: OrAttributeInput['comfortable'];
+  comfortable?: OrAttributeInput["comfortable"];
   /**  */
-  "resizeVertical"?: OrAttributeInput['resizeVertical'];
+  resizeVertical?: OrAttributeInput["resizeVertical"];
   /**  */
-  "fullWidth"?: OrAttributeInput['fullWidth'];
+  fullWidth?: OrAttributeInput["fullWidth"];
   /**  */
-  "rounded"?: OrAttributeInput['rounded'];
+  rounded?: OrAttributeInput["rounded"];
   /**  */
-  "outlined"?: OrAttributeInput['outlined'];
+  outlined?: OrAttributeInput["outlined"];
   /**  */
-  "_attributeEvent"?: OrAttributeInput['_attributeEvent'];
+  _attributeEvent?: OrAttributeInput["_attributeEvent"];
   /**  */
-  "_writeTimeoutHandler"?: OrAttributeInput['_writeTimeoutHandler'];
+  _writeTimeoutHandler?: OrAttributeInput["_writeTimeoutHandler"];
   /**  */
-  "customProvider"?: OrAttributeInput['customProvider'];
+  customProvider?: OrAttributeInput["customProvider"];
   /**  */
-  "writeTimeout"?: OrAttributeInput['writeTimeout'];
+  writeTimeout?: OrAttributeInput["writeTimeout"];
   /**  */
-  "langChangedCallback"?: OrAttributeInput['langChangedCallback'];
+  langChangedCallback?: OrAttributeInput["langChangedCallback"];
 
   /**  */
-  "onnewValue"?: (e: CustomEvent<OrAttributeInputChangedEvent>) => void;
-}
+  onnewValue?: (e: OrAttributeInputChangedEvent) => void;
+};
+
+export type OrAttributeInputSolidJsProps = {
+  /**  */
+  "prop:attribute"?: OrAttributeInput["attribute"];
+  /**  */
+  "prop:assetId"?: OrAttributeInput["assetId"];
+  /**  */
+  "prop:attributeDescriptor"?: OrAttributeInput["attributeDescriptor"];
+  /**  */
+  "prop:valueDescriptor"?: OrAttributeInput["valueDescriptor"];
+  /**  */
+  "prop:assetType"?: OrAttributeInput["assetType"];
+  /**  */
+  "prop:label"?: OrAttributeInput["label"];
+  /**  */
+  "prop:disabled"?: OrAttributeInput["disabled"];
+  /**  */
+  "prop:readonly"?: OrAttributeInput["readonly"];
+  /**  */
+  "prop:required"?: OrAttributeInput["required"];
+  /**  */
+  "prop:value"?: OrAttributeInput["value"];
+  /**  */
+  "prop:inputType"?: OrAttributeInput["inputType"];
+  /**  */
+  "prop:hasHelperText"?: OrAttributeInput["hasHelperText"];
+  /**  */
+  "prop:disableButton"?: OrAttributeInput["disableButton"];
+  /**  */
+  "prop:disableSubscribe"?: OrAttributeInput["disableSubscribe"];
+  /**  */
+  "prop:disableWrite"?: OrAttributeInput["disableWrite"];
+  /**  */
+  "prop:compact"?: OrAttributeInput["compact"];
+  /**  */
+  "prop:comfortable"?: OrAttributeInput["comfortable"];
+  /**  */
+  "prop:resizeVertical"?: OrAttributeInput["resizeVertical"];
+  /**  */
+  "prop:fullWidth"?: OrAttributeInput["fullWidth"];
+  /**  */
+  "prop:rounded"?: OrAttributeInput["rounded"];
+  /**  */
+  "prop:outlined"?: OrAttributeInput["outlined"];
+  /**  */
+  "prop:_attributeEvent"?: OrAttributeInput["_attributeEvent"];
+  /**  */
+  "prop:_writeTimeoutHandler"?: OrAttributeInput["_writeTimeoutHandler"];
+  /**  */
+  "prop:customProvider"?: OrAttributeInput["customProvider"];
+  /**  */
+  "prop:writeTimeout"?: OrAttributeInput["writeTimeout"];
+  /**  */
+  "prop:langChangedCallback"?: OrAttributeInput["langChangedCallback"];
+  /**  */
+  "on:newValue"?: (e: OrAttributeInputChangedEvent) => void;
 
-  export type CustomElements = {
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
+export type CustomElements = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `attribute`: undefined
+   * - `assetId`: undefined
+   * - `attributeDescriptor`: undefined
+   * - `valueDescriptor`: undefined
+   * - `assetType`: undefined
+   * - `label`: undefined
+   * - `disabled`: undefined
+   * - `readonly`: undefined
+   * - `required`: undefined
+   * - `value`: undefined
+   * - `inputType`: undefined
+   * - `hasHelperText`: undefined
+   * - `disableButton`: undefined
+   * - `disableSubscribe`: undefined
+   * - `disableWrite`: undefined
+   * - `compact`: undefined
+   * - `comfortable`: undefined
+   * - `resizeVertical`: undefined
+   * - `fullWidth`: undefined
+   * - `rounded`: undefined
+   * - `outlined`: undefined
+   * - `_attributeEvent`: undefined
+   * - `_writeTimeoutHandler`: undefined
+   * - `customProvider`: undefined (property only)
+   * - `writeTimeout`: undefined (property only)
+   * - `langChangedCallback`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `newValue`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `getLabel() => string | undefined`: undefined
+   * - `isReadonly() => boolean`: undefined
+   * - `_onEvent(event: SharedEvent) => void`: This is called by asset-mixin
+   * - `checkValidity() => boolean`: undefined
+   */
+  "or-attribute-input": Partial<
+    OrAttributeInputProps & BaseProps<OrAttributeInput> & BaseEvents
+  >;
+};
 
+export type CustomElementsSolidJs = {
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `attribute`: undefined 
- * - `assetId`: undefined 
- * - `attributeDescriptor`: undefined 
- * - `valueDescriptor`: undefined 
- * - `assetType`: undefined 
- * - `label`: undefined 
- * - `disabled`: undefined 
- * - `readonly`: undefined 
- * - `required`: undefined 
- * - `value`: undefined 
- * - `inputType`: undefined 
- * - `hasHelperText`: undefined 
- * - `disableButton`: undefined 
- * - `disableSubscribe`: undefined 
- * - `disableWrite`: undefined 
- * - `compact`: undefined 
- * - `comfortable`: undefined 
- * - `resizeVertical`: undefined 
- * - `fullWidth`: undefined 
- * - `rounded`: undefined 
- * - `outlined`: undefined 
- * - `_attributeEvent`: undefined 
- * - `_writeTimeoutHandler`: undefined 
- * - `customProvider`: undefined (property only)
- * - `writeTimeout`: undefined (property only)
- * - `langChangedCallback`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `newValue`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `getLabel() => string | undefined`: undefined
- * - `isReadonly() => boolean`: undefined
- * - `_onEvent(event: SharedEvent) => void`: This is called by asset-mixin
- * - `checkValidity() => boolean`: undefined
-  */
-    "or-attribute-input": Partial<OrAttributeInputProps & BaseProps<OrAttributeInput> & BaseEvents>;
-  }
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `attribute`: undefined
+   * - `assetId`: undefined
+   * - `attributeDescriptor`: undefined
+   * - `valueDescriptor`: undefined
+   * - `assetType`: undefined
+   * - `label`: undefined
+   * - `disabled`: undefined
+   * - `readonly`: undefined
+   * - `required`: undefined
+   * - `value`: undefined
+   * - `inputType`: undefined
+   * - `hasHelperText`: undefined
+   * - `disableButton`: undefined
+   * - `disableSubscribe`: undefined
+   * - `disableWrite`: undefined
+   * - `compact`: undefined
+   * - `comfortable`: undefined
+   * - `resizeVertical`: undefined
+   * - `fullWidth`: undefined
+   * - `rounded`: undefined
+   * - `outlined`: undefined
+   * - `_attributeEvent`: undefined
+   * - `_writeTimeoutHandler`: undefined
+   * - `customProvider`: undefined (property only)
+   * - `writeTimeout`: undefined (property only)
+   * - `langChangedCallback`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `newValue`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `getLabel() => string | undefined`: undefined
+   * - `isReadonly() => boolean`: undefined
+   * - `_onEvent(event: SharedEvent) => void`: This is called by asset-mixin
+   * - `checkValidity() => boolean`: undefined
+   */
+  "or-attribute-input": Partial<
+    OrAttributeInputProps &
+      OrAttributeInputSolidJsProps &
+      BaseProps<OrAttributeInput> &
+      BaseEvents
+  >;
+};
 
-export type CustomCssProperties = {
+export type CustomCssProperties = {};
 
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
 }
 
-
-declare module 'react' {
+declare module "preact" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'preact' {
+declare module "@builder.io/qwik" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@builder.io/qwik' {
+declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@stencil/core' {
+declare module "hono/jsx" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'hono/jsx' {
+declare module "react-native" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'react-native' {
+declare module "solid-js" {
   namespace JSX {
-    interface IntrinsicElements extends CustomElements {}
+    interface IntrinsicElements extends CustomElementsSolidJs {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }