@openremote/or-components 1.24.0-snapshot.20260521161756 → 1.24.1

package/custom-elements-jsx.d.ts

@@ -1,5 +1,8 @@
-
-import type { OrAceEditorChangedEvent, OrAceEditorEditEvent, OrAceEditor } from "./lib/or-ace-editor.d.ts";
+import type {
+  OrAceEditorChangedEvent,
+  OrAceEditorEditEvent,
+  OrAceEditor,
+} from "./lib/or-ace-editor.d.ts";
 import type { OrCollapsiblePanel } from "./lib/or-collapsible-panel.d.ts";
 import type { OrFileUploader } from "./lib/or-file-uploader.d.ts";
 import type { OrIFrameEvent, OrIframe } from "./lib/or-iframe.d.ts";
@@ -33,7 +36,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) */
@@ -56,6 +58,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. */
@@ -76,282 +80,526 @@ 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 OrAceEditorProps = {
   /**  */
-  "readonly"?: OrAceEditor['readonly'];
+  readonly?: OrAceEditor["readonly"];
   /**  */
-  "value"?: OrAceEditor['value'];
+  value?: OrAceEditor["value"];
+  /**  */
+  mode?: OrAceEditor["mode"];
+
   /**  */
-  "mode"?: OrAceEditor['mode'];
+  onnewValue?: (e: OrAceEditorChangedEvent) => void;
+};
 
+export type OrAceEditorSolidJsProps = {
   /**  */
-  "onundefined"?: (e: CustomEvent<OrAceEditorEditEvent>) => void;
+  "prop:readonly"?: OrAceEditor["readonly"];
   /**  */
-  "onnewValue"?: (e: CustomEvent<OrAceEditorChangedEvent>) => void;
-}
+  "prop:value"?: OrAceEditor["value"];
+  /**  */
+  "prop:mode"?: OrAceEditor["mode"];
+  /**  */
+  "on:newValue"?: (e: OrAceEditorChangedEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrCollapsiblePanelProps = {
   /**  */
-  "lazycontent"?: OrCollapsiblePanel['lazycontent'];
+  lazycontent?: OrCollapsiblePanel["lazycontent"];
   /**  */
-  "expanded"?: OrCollapsiblePanel['expanded'];
+  expanded?: OrCollapsiblePanel["expanded"];
   /**  */
-  "expandable"?: OrCollapsiblePanel['expandable'];
-
+  expandable?: OrCollapsiblePanel["expandable"];
+};
 
-}
+export type OrCollapsiblePanelSolidJsProps = {
+  /**  */
+  "prop:lazycontent"?: OrCollapsiblePanel["lazycontent"];
+  /**  */
+  "prop:expanded"?: OrCollapsiblePanel["expanded"];
+  /**  */
+  "prop:expandable"?: OrCollapsiblePanel["expandable"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrFileUploaderProps = {
   /**  */
-  "title"?: OrFileUploader['title'];
+  title?: OrFileUploader["title"];
 
   /**  */
-  "onchange"?: (e: CustomEvent<CustomEvent>) => void;
-}
+  onchange?: (e: CustomEvent) => void;
+};
 
+export type OrFileUploaderSolidJsProps = {
+  /**  */
+  "prop:title"?: OrFileUploader["title"];
+  /**  */
+  "on:change"?: (e: CustomEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrIframeProps = {
   /**  */
-  "src"?: OrIframe['src'];
+  src?: OrIframe["src"];
   /**  */
-  "timeout"?: OrIframe['timeout'];
+  timeout?: OrIframe["timeout"];
   /**  */
-  "preventCache"?: OrIframe['preventCache'];
+  preventCache?: OrIframe["preventCache"];
 
   /** Fired when the iframe loading state changes, and dispatches the event detail containing type, src, and optional error. */
-  "onor-iframe-event"?: (e: CustomEvent<OrIFrameEvent>) => void;
-}
+  "onor-iframe-event"?: (e: OrIFrameEvent) => void;
+};
 
+export type OrIframeSolidJsProps = {
+  /**  */
+  "prop:src"?: OrIframe["src"];
+  /**  */
+  "prop:timeout"?: OrIframe["timeout"];
+  /**  */
+  "prop:preventCache"?: OrIframe["preventCache"];
+  /** Fired when the iframe loading state changes, and dispatches the event detail containing type, src, and optional error. */
+  "on:or-iframe-event"?: (e: OrIFrameEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrLoadingIndicatorProps = {
   /**  */
-  "overlay"?: OrLoadingIndicator['overlay'];
-
+  overlay?: OrLoadingIndicator["overlay"];
+};
 
-}
+export type OrLoadingIndicatorSolidJsProps = {
+  /**  */
+  "prop:overlay"?: OrLoadingIndicator["overlay"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrLoadingWrapperProps = {
   /**  */
-  "loadingHeight"?: OrLoadingWrapper['loadingHeight'];
+  loadingHeight?: OrLoadingWrapper["loadingHeight"];
   /**  */
-  "loadDom"?: OrLoadingWrapper['loadDom'];
+  loadDom?: OrLoadingWrapper["loadDom"];
   /**  */
-  "fadeContent"?: OrLoadingWrapper['fadeContent'];
+  fadeContent?: OrLoadingWrapper["fadeContent"];
   /**  */
-  "loading"?: OrLoadingWrapper['loading'];
+  loading?: OrLoadingWrapper["loading"];
   /**  */
-  "content"?: OrLoadingWrapper['content'];
-
+  content?: OrLoadingWrapper["content"];
+};
 
-}
+export type OrLoadingWrapperSolidJsProps = {
+  /**  */
+  "prop:loadingHeight"?: OrLoadingWrapper["loadingHeight"];
+  /**  */
+  "prop:loadDom"?: OrLoadingWrapper["loadDom"];
+  /**  */
+  "prop:fadeContent"?: OrLoadingWrapper["fadeContent"];
+  /**  */
+  "prop:loading"?: OrLoadingWrapper["loading"];
+  /**  */
+  "prop:content"?: OrLoadingWrapper["content"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrPanelProps = {
   /**  */
-  "zLevel"?: OrPanel['zLevel'];
+  zLevel?: OrPanel["zLevel"];
   /**  */
-  "heading"?: OrPanel['heading'];
-
+  heading?: OrPanel["heading"];
+};
 
-}
+export type OrPanelSolidJsProps = {
+  /**  */
+  "prop:zLevel"?: OrPanel["zLevel"];
+  /**  */
+  "prop:heading"?: OrPanel["heading"];
 
-  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.
+   *
+   * - `readonly`: undefined (property only)
+   * - `value`: undefined (property only)
+   * - `mode`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `newValue`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `getValue() => string | undefined`: undefined
+   * - `validate() => boolean`: undefined
+   */
+  "or-ace-editor": Partial<
+    OrAceEditorProps & BaseProps<OrAceEditor> & BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `readonly`: undefined (property only)
- * - `value`: undefined (property only)
- * - `mode`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `undefined`: undefined
- * - `newValue`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `getValue() => string | undefined`: undefined
- * - `validate() => boolean`: undefined
-  */
-    "or-ace-editor": Partial<OrAceEditorProps & BaseProps<OrAceEditor> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `lazycontent`: undefined
+   * - `expanded`: undefined
+   * - `expandable`: undefined
+   */
+  "or-collapsible-panel": Partial<
+    OrCollapsiblePanelProps & BaseProps<OrCollapsiblePanel> & BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `title`: undefined
+   * - `src`: undefined (property only) (readonly)
+   * - `managerUrl`: undefined (property only) (readonly)
+   * - `accept`: undefined (property only) (readonly)
+   * - `Files`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `change`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `_onChange(e: any) => void`: undefined
+   */
+  "or-file-uploader": Partial<
+    OrFileUploaderProps & BaseProps<OrFileUploader> & BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `lazycontent`: undefined 
- * - `expanded`: undefined 
- * - `expandable`: undefined 
-  */
-    "or-collapsible-panel": Partial<OrCollapsiblePanelProps & BaseProps<OrCollapsiblePanel> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `src`: undefined
+   * - `timeout`: undefined
+   * - `preventCache`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `or-iframe-event`: Fired when the iframe loading state changes, and dispatches the event detail containing type, src, and optional error.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `getSrc() => string`: undefined
+   * - `reload() => void`: Reload the iframe content by clearing and resetting the src
+   */
+  "or-iframe": Partial<OrIframeProps & BaseProps<OrIframe> & BaseEvents>;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `overlay`: undefined
+   */
+  "or-loading-indicator": Partial<
+    OrLoadingIndicatorProps & BaseProps<OrLoadingIndicator> & BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `title`: undefined 
- * - `src`: undefined (property only) (readonly)
- * - `managerUrl`: undefined (property only) (readonly)
- * - `accept`: undefined (property only) (readonly)
- * - `Files`: undefined (property only) (readonly)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `change`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `_onChange(e: any) => void`: undefined
-  */
-    "or-file-uploader": Partial<OrFileUploaderProps & BaseProps<OrFileUploader> & BaseEvents>;
+   * A simple loading wrapper around some other content that will hide the content whilst loading property is true
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `loadingHeight`: undefined
+   * - `loadDom`: undefined
+   * - `fadeContent`: undefined
+   * - `loading`: undefined
+   * - `content`: undefined (property only)
+   */
+  "or-loading-wrapper": Partial<
+    OrLoadingWrapperProps & BaseProps<OrLoadingWrapper> & BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `zLevel`: undefined
+   * - `heading`: undefined
+   */
+  "or-panel": Partial<OrPanelProps & BaseProps<OrPanel> & BaseEvents>;
+};
 
+export type CustomElementsSolidJs = {
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `src`: undefined 
- * - `timeout`: undefined 
- * - `preventCache`: undefined 
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `or-iframe-event`: Fired when the iframe loading state changes, and dispatches the event detail containing type, src, and optional error.
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `getSrc() => string`: undefined
- * - `reload() => void`: Reload the iframe content by clearing and resetting the src
-  */
-    "or-iframe": Partial<OrIframeProps & BaseProps<OrIframe> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `readonly`: undefined (property only)
+   * - `value`: undefined (property only)
+   * - `mode`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `newValue`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `getValue() => string | undefined`: undefined
+   * - `validate() => boolean`: undefined
+   */
+  "or-ace-editor": Partial<
+    OrAceEditorProps &
+      OrAceEditorSolidJsProps &
+      BaseProps<OrAceEditor> &
+      BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `lazycontent`: undefined
+   * - `expanded`: undefined
+   * - `expandable`: undefined
+   */
+  "or-collapsible-panel": Partial<
+    OrCollapsiblePanelProps &
+      OrCollapsiblePanelSolidJsProps &
+      BaseProps<OrCollapsiblePanel> &
+      BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `overlay`: undefined 
-  */
-    "or-loading-indicator": Partial<OrLoadingIndicatorProps & BaseProps<OrLoadingIndicator> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `title`: undefined
+   * - `src`: undefined (property only) (readonly)
+   * - `managerUrl`: undefined (property only) (readonly)
+   * - `accept`: undefined (property only) (readonly)
+   * - `Files`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `change`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `_onChange(e: any) => void`: undefined
+   */
+  "or-file-uploader": Partial<
+    OrFileUploaderProps &
+      OrFileUploaderSolidJsProps &
+      BaseProps<OrFileUploader> &
+      BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `src`: undefined
+   * - `timeout`: undefined
+   * - `preventCache`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `or-iframe-event`: Fired when the iframe loading state changes, and dispatches the event detail containing type, src, and optional error.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `getSrc() => string`: undefined
+   * - `reload() => void`: Reload the iframe content by clearing and resetting the src
+   */
+  "or-iframe": Partial<
+    OrIframeProps & OrIframeSolidJsProps & BaseProps<OrIframe> & BaseEvents
+  >;
 
   /**
-     * A simple loading wrapper around some other content that will hide the content whilst loading property is true
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `loadingHeight`: undefined 
- * - `loadDom`: undefined 
- * - `fadeContent`: undefined 
- * - `loading`: undefined 
- * - `content`: undefined (property only)
-  */
-    "or-loading-wrapper": Partial<OrLoadingWrapperProps & BaseProps<OrLoadingWrapper> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `overlay`: undefined
+   */
+  "or-loading-indicator": Partial<
+    OrLoadingIndicatorProps &
+      OrLoadingIndicatorSolidJsProps &
+      BaseProps<OrLoadingIndicator> &
+      BaseEvents
+  >;
 
+  /**
+   * A simple loading wrapper around some other content that will hide the content whilst loading property is true
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `loadingHeight`: undefined
+   * - `loadDom`: undefined
+   * - `fadeContent`: undefined
+   * - `loading`: undefined
+   * - `content`: undefined (property only)
+   */
+  "or-loading-wrapper": Partial<
+    OrLoadingWrapperProps &
+      OrLoadingWrapperSolidJsProps &
+      BaseProps<OrLoadingWrapper> &
+      BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `zLevel`: undefined 
- * - `heading`: undefined 
-  */
-    "or-panel": Partial<OrPanelProps & BaseProps<OrPanel> & BaseEvents>;
-  }
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `zLevel`: undefined
+   * - `heading`: undefined
+   */
+  "or-panel": Partial<
+    OrPanelProps & OrPanelSolidJsProps & BaseProps<OrPanel> & 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 {}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openremote/or-components",
-  "version": "1.24.0-snapshot.20260521161756",
+  "version": "1.24.1",
   "description": "OpenRemote basic UI components",
   "customElements": "custom-elements.json",
   "main": "dist/umd/index.bundle.js",
@@ -29,14 +29,17 @@
   "license": "AGPL-3.0-or-later",
   "dependencies": {
     "@material/elevation": "^9.0.0",
-    "@openremote/core": "1.24.0-snapshot.20260521161756",
-    "@openremote/model": "1.24.0-snapshot.20260521161756",
-    "@openremote/or-icon": "1.24.0-snapshot.20260521161756",
-    "@openremote/or-translate": "1.24.0-snapshot.20260521161756",
+    "@openremote/core": "1.24.1",
+    "@openremote/model": "1.24.1",
+    "@openremote/or-icon": "1.24.1",
+    "@openremote/or-translate": "1.24.1",
     "ace-builds": "^1.41.0",
     "lit": "^3.3.1",
     "simplebar": "^5.3.6"
   },
+  "devDependencies": {
+    "@openremote/util": "1.24.1"
+  },
   "publishConfig": {
     "access": "public"
   }