@openremote/or-gauge 1.24.0 → 1.24.1

package/custom-elements-jsx.d.ts

@@ -1,4 +1,3 @@
-
 import type { OrGauge } from "./lib/index.d.ts";
 
 /**
@@ -27,7 +26,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 +48,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,122 +70,182 @@ 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 OrGaugeProps = {
   /**  */
-  "attrRef"?: OrGauge['attrRef'];
+  attrRef?: OrGauge["attrRef"];
   /**  */
-  "asset"?: OrGauge['asset'];
+  asset?: OrGauge["asset"];
   /**  */
-  "assetAttribute"?: OrGauge['assetAttribute'];
+  assetAttribute?: OrGauge["assetAttribute"];
   /**  */
-  "value"?: OrGauge['value'];
+  value?: OrGauge["value"];
   /**  */
-  "decimals"?: OrGauge['decimals'];
+  decimals?: OrGauge["decimals"];
   /**  */
-  "unit"?: OrGauge['unit'];
+  unit?: OrGauge["unit"];
   /**  */
-  "min"?: OrGauge['min'];
+  min?: OrGauge["min"];
   /**  */
-  "max"?: OrGauge['max'];
+  max?: OrGauge["max"];
   /**  */
-  "thresholds"?: OrGauge['thresholds'];
+  thresholds?: OrGauge["thresholds"];
   /**  */
-  "config"?: OrGauge['config'];
+  config?: OrGauge["config"];
   /**  */
-  "realm"?: OrGauge['realm'];
-
+  realm?: OrGauge["realm"];
+};
 
-}
+export type OrGaugeSolidJsProps = {
+  /**  */
+  "prop:attrRef"?: OrGauge["attrRef"];
+  /**  */
+  "prop:asset"?: OrGauge["asset"];
+  /**  */
+  "prop:assetAttribute"?: OrGauge["assetAttribute"];
+  /**  */
+  "prop:value"?: OrGauge["value"];
+  /**  */
+  "prop:decimals"?: OrGauge["decimals"];
+  /**  */
+  "prop:unit"?: OrGauge["unit"];
+  /**  */
+  "prop:min"?: OrGauge["min"];
+  /**  */
+  "prop:max"?: OrGauge["max"];
+  /**  */
+  "prop:thresholds"?: OrGauge["thresholds"];
+  /**  */
+  "prop:config"?: OrGauge["config"];
+  /**  */
+  "prop:realm"?: OrGauge["realm"];
 
-  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.
+   *
+   * - `attrRef`: undefined
+   * - `asset`: undefined
+   * - `assetAttribute`: undefined
+   * - `value`: undefined
+   * - `decimals`: undefined
+   * - `unit`: undefined
+   * - `min`: undefined
+   * - `max`: undefined
+   * - `thresholds`: undefined
+   * - `config`: undefined
+   * - `realm`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `setupGauge() => void`: undefined
+   * - `getGaugeWidth(gaugeSize?: { width: number, height: number }, includeLabelHeight: boolean = true) => string`: undefined
+   * - `shouldShowLabel(gaugeSize: { width: number, height: number }) => boolean`: undefined
+   * - `getLabelSize(width: number) => "s" | "m" | "l" | "xl"`: undefined
+   * - `loadData(attrRef: AttributeRef) => void`: undefined
+   * - `getDefaultConfig() => OrGaugeConfig`: undefined
+   */
+  "or-gauge": Partial<OrGaugeProps & BaseProps<OrGauge> & BaseEvents>;
+};
 
+export type CustomElementsSolidJs = {
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `attrRef`: undefined 
- * - `asset`: undefined 
- * - `assetAttribute`: undefined 
- * - `value`: undefined 
- * - `decimals`: undefined 
- * - `unit`: undefined 
- * - `min`: undefined 
- * - `max`: undefined 
- * - `thresholds`: undefined 
- * - `config`: undefined 
- * - `realm`: undefined 
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `setupGauge() => void`: undefined
- * - `getGaugeWidth(gaugeSize?: { width: number, height: number }, includeLabelHeight: boolean = true) => string`: undefined
- * - `shouldShowLabel(gaugeSize: { width: number, height: number }) => boolean`: undefined
- * - `getLabelSize(width: number) => "s" | "m" | "l" | "xl"`: undefined
- * - `loadData(attrRef: AttributeRef) => void`: undefined
- * - `getDefaultConfig() => OrGaugeConfig`: undefined
-  */
-    "or-gauge": Partial<OrGaugeProps & BaseProps<OrGauge> & BaseEvents>;
-  }
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `attrRef`: undefined
+   * - `asset`: undefined
+   * - `assetAttribute`: undefined
+   * - `value`: undefined
+   * - `decimals`: undefined
+   * - `unit`: undefined
+   * - `min`: undefined
+   * - `max`: undefined
+   * - `thresholds`: undefined
+   * - `config`: undefined
+   * - `realm`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `setupGauge() => void`: undefined
+   * - `getGaugeWidth(gaugeSize?: { width: number, height: number }, includeLabelHeight: boolean = true) => string`: undefined
+   * - `shouldShowLabel(gaugeSize: { width: number, height: number }) => boolean`: undefined
+   * - `getLabelSize(width: number) => "s" | "m" | "l" | "xl"`: undefined
+   * - `loadData(attrRef: AttributeRef) => void`: undefined
+   * - `getDefaultConfig() => OrGaugeConfig`: undefined
+   */
+  "or-gauge": Partial<
+    OrGaugeProps & OrGaugeSolidJsProps & BaseProps<OrGauge> & 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 {}
 }