@openremote/or-services 1.24.0 → 1.24.2

package/custom-elements-jsx.d.ts

@@ -1,4 +1,3 @@
-
 import type { OrServices } from "./lib/index.d.ts";
 import type { OrServiceTree } from "./lib/or-service-tree.d.ts";
 
@@ -28,7 +27,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) */
@@ -51,6 +49,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. */
@@ -71,148 +71,240 @@ 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 OrServicesProps = {
   /**  */
-  "realmName"?: OrServices['realmName'];
+  realmName?: OrServices["realmName"];
   /**  */
-  "services"?: OrServices['services'];
+  services?: OrServices["services"];
   /**  */
-  "selectedService"?: OrServices['selectedService'];
+  selectedService?: OrServices["selectedService"];
   /**  */
-  "loading"?: OrServices['loading'];
-
+  loading?: OrServices["loading"];
+};
 
-}
+export type OrServicesSolidJsProps = {
+  /**  */
+  "prop:realmName"?: OrServices["realmName"];
+  /**  */
+  "prop:services"?: OrServices["services"];
+  /**  */
+  "prop:selectedService"?: OrServices["selectedService"];
+  /**  */
+  "prop:loading"?: OrServices["loading"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrServiceTreeProps = {
   /**  */
-  "services"?: OrServiceTree['services'];
+  services?: OrServiceTree["services"];
   /**  */
-  "selectedService"?: OrServiceTree['selectedService'];
+  selectedService?: OrServiceTree["selectedService"];
   /**  */
-  "readonly"?: OrServiceTree['readonly'];
+  readonly?: OrServiceTree["readonly"];
   /**  */
-  "nodes"?: OrServiceTree['nodes'];
+  nodes?: OrServiceTree["nodes"];
   /**  */
-  "selection"?: OrServiceTree['selection'];
+  selection?: OrServiceTree["selection"];
   /**  */
-  "menuTitle"?: OrServiceTree['menuTitle'];
+  menuTitle?: OrServiceTree["menuTitle"];
   /**  */
-  "sortBy"?: OrServiceTree['sortBy'];
+  sortBy?: OrServiceTree["sortBy"];
   /**  */
-  "sortOptions"?: OrServiceTree['sortOptions'];
+  sortOptions?: OrServiceTree["sortOptions"];
 
   /** Triggers upon selecting a service, and dispatches the selected service. */
-  "onor-service-selected"?: (e: CustomEvent<OrServiceSelectedEvent>) => void;
-}
+  "onor-service-selected"?: (e: OrServiceSelectedEvent) => void;
+};
 
-  export type CustomElements = {
+export type OrServiceTreeSolidJsProps = {
+  /**  */
+  "prop:services"?: OrServiceTree["services"];
+  /**  */
+  "prop:selectedService"?: OrServiceTree["selectedService"];
+  /**  */
+  "prop:readonly"?: OrServiceTree["readonly"];
+  /**  */
+  "prop:nodes"?: OrServiceTree["nodes"];
+  /**  */
+  "prop:selection"?: OrServiceTree["selection"];
+  /**  */
+  "prop:menuTitle"?: OrServiceTree["menuTitle"];
+  /**  */
+  "prop:sortBy"?: OrServiceTree["sortBy"];
+  /**  */
+  "prop:sortOptions"?: OrServiceTree["sortOptions"];
+  /** Triggers upon selecting a service, and dispatches the selected service. */
+  "on:or-service-selected"?: (e: OrServiceSelectedEvent) => void;
 
+  /** 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.
- * 
- * - `realmName`: undefined 
- * - `services`: undefined 
- * - `selectedService`: undefined 
- * - `loading`: undefined 
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `refreshIframe() => void`: undefined
-  */
-    "or-services": Partial<OrServicesProps & BaseProps<OrServices> & BaseEvents>;
-
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `realmName`: undefined
+   * - `services`: undefined
+   * - `selectedService`: undefined
+   * - `loading`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `refreshIframe() => void`: undefined
+   */
+  "or-services": Partial<OrServicesProps & BaseProps<OrServices> & BaseEvents>;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `services`: undefined 
- * - `selectedService`: undefined 
- * - `readonly`: undefined 
- * - `nodes`: undefined (property only)
- * - `selection`: undefined (property only)
- * - `menuTitle`: undefined (property only)
- * - `sortBy`: undefined (property only)
- * - `sortOptions`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `or-service-selected`: Triggers upon selecting a service, and dispatches the selected service.
-  */
-    "or-service-tree": Partial<OrServiceTreeProps & BaseProps<OrServiceTree> & BaseEvents>;
-  }
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `services`: undefined
+   * - `selectedService`: undefined
+   * - `readonly`: undefined
+   * - `nodes`: undefined (property only)
+   * - `selection`: undefined (property only)
+   * - `menuTitle`: undefined (property only)
+   * - `sortBy`: undefined (property only)
+   * - `sortOptions`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `or-service-selected`: Triggers upon selecting a service, and dispatches the selected service.
+   */
+  "or-service-tree": Partial<
+    OrServiceTreeProps & BaseProps<OrServiceTree> & BaseEvents
+  >;
+};
 
-export type CustomCssProperties = {
+export type CustomElementsSolidJs = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `realmName`: undefined
+   * - `services`: undefined
+   * - `selectedService`: undefined
+   * - `loading`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `refreshIframe() => void`: undefined
+   */
+  "or-services": Partial<
+    OrServicesProps &
+      OrServicesSolidJsProps &
+      BaseProps<OrServices> &
+      BaseEvents
+  >;
 
-}
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `services`: undefined
+   * - `selectedService`: undefined
+   * - `readonly`: undefined
+   * - `nodes`: undefined (property only)
+   * - `selection`: undefined (property only)
+   * - `menuTitle`: undefined (property only)
+   * - `sortBy`: undefined (property only)
+   * - `sortOptions`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `or-service-selected`: Triggers upon selecting a service, and dispatches the selected service.
+   */
+  "or-service-tree": Partial<
+    OrServiceTreeProps &
+      OrServiceTreeSolidJsProps &
+      BaseProps<OrServiceTree> &
+      BaseEvents
+  >;
+};
 
+export type CustomCssProperties = {};
 
-declare module 'react' {
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'preact' {
+declare module "preact" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@builder.io/qwik' {
+declare module "@builder.io/qwik" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@stencil/core' {
+declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'hono/jsx' {
+declare module "hono/jsx" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'react-native' {
+declare module "react-native" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElementsSolidJs {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
 declare global {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}