@openremote/or-components 1.11.0-snapshot.20251103144513 → 1.11.0

package/custom-elements-jsx.d.ts

@@ -0,0 +1,386 @@
+
+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 { OrForm } from "./lib/or-form.d.ts";
+import type { OrIFrameEvent, OrIframe } from "./lib/or-iframe.d.ts";
+import type { OrLoadingIndicator } from "./lib/or-loading-indicator.d.ts";
+import type { OrLoadingWrapper } from "./lib/or-loading-wrapper.d.ts";
+import type { OrPanel } from "./lib/or-panel.d.ts";
+
+/**
+ * This type can be used to create scoped tags for your components.
+ *
+ * Usage:
+ *
+ * ```ts
+ * import type { ScopedElements } from "path/to/library/jsx-integration";
+ *
+ * declare module "my-library" {
+ *   namespace JSX {
+ *     interface IntrinsicElements
+ *       extends ScopedElements<'test-', ''> {}
+ *   }
+ * }
+ * ```
+ *
+ * @deprecated Runtime scoped elements result in duplicate types and can confusing for developers. It is recommended to use the `prefix` and `suffix` options to generate new types instead.
+ */
+export type ScopedElements<
+  Prefix extends string = "",
+  Suffix extends string = ""
+> = {
+  [Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
+};
+
+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) */
+  class?: string;
+  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
+  className?: string;
+  /** Takes an object where the key is the class name(s) and the value is a boolean expression. When true, the class is applied, and when false, it is removed. */
+  classList?: Record<string, boolean | undefined>;
+  /** Specifies the text direction of the element. */
+  dir?: "ltr" | "rtl";
+  /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
+  exportparts?: string;
+  /** For <label> and <output>, lets you associate the label with some control. */
+  htmlFor?: string;
+  /** Specifies whether the element should be hidden. */
+  hidden?: boolean | string;
+  /** A unique identifier for the element. */
+  id?: string;
+  /** Keys tell React which array item each component corresponds to */
+  key?: string | number;
+  /** Specifies the language of the element. */
+  lang?: 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. */
+  ref?: T | ((e: T) => void);
+  /** Adds a reference for a custom element slot */
+  slot?: string;
+  /** Prop for setting inline styles */
+  style?: Record<string, string | number>;
+  /** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
+  tabIndex?: number;
+  /** Specifies the tooltip text for the element. */
+  title?: string;
+  /** Passing 'no' excludes the element content from being translated. */
+  translate?: "yes" | "no";
+  /** The popover global attribute is used to designate an element as a popover element. */
+  popover?: "auto" | "hint" | "manual";
+  /** Turns an element element into a popover control button; takes the ID of the popover element to control as its value. */
+  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 = {
+
+
+};
+
+
+
+export type OrAceEditorProps = {
+  /**  */
+  "readonly"?: OrAceEditor['readonly'];
+  /**  */
+  "value"?: OrAceEditor['value'];
+  /**  */
+  "mode"?: OrAceEditor['mode'];
+
+  /**  */
+  "onundefined"?: (e: CustomEvent<OrAceEditorEditEvent>) => void;
+  /**  */
+  "onnewValue"?: (e: CustomEvent<OrAceEditorChangedEvent>) => void;
+}
+
+
+export type OrCollapsiblePanelProps = {
+  /**  */
+  "lazycontent"?: OrCollapsiblePanel['lazycontent'];
+  /**  */
+  "expanded"?: OrCollapsiblePanel['expanded'];
+  /**  */
+  "expandable"?: OrCollapsiblePanel['expandable'];
+
+
+}
+
+
+export type OrFileUploaderProps = {
+  /**  */
+  "title"?: OrFileUploader['title'];
+
+  /**  */
+  "onchange"?: (e: CustomEvent<CustomEvent>) => void;
+}
+
+
+export type OrFormProps = {
+
+
+}
+
+
+export type OrIframeProps = {
+  /**  */
+  "src"?: OrIframe['src'];
+  /**  */
+  "timeout"?: OrIframe['timeout'];
+  /**  */
+  "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;
+}
+
+
+export type OrLoadingIndicatorProps = {
+  /**  */
+  "overlay"?: OrLoadingIndicator['overlay'];
+
+
+}
+
+
+export type OrLoadingWrapperProps = {
+  /**  */
+  "loadingHeight"?: OrLoadingWrapper['loadingHeight'];
+  /**  */
+  "loadDom"?: OrLoadingWrapper['loadDom'];
+  /**  */
+  "fadeContent"?: OrLoadingWrapper['fadeContent'];
+  /**  */
+  "loading"?: OrLoadingWrapper['loading'];
+  /**  */
+  "content"?: OrLoadingWrapper['content'];
+
+
+}
+
+
+export type OrPanelProps = {
+  /**  */
+  "zLevel"?: OrPanel['zLevel'];
+  /**  */
+  "heading"?: OrPanel['heading'];
+
+
+}
+
+  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.
+ * 
+ * - `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>;
+
+
+  /**
+     * This is a form element that supports any element that has a value property
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `checkValidity() => boolean`: undefined
+ * - `reportValidity() => boolean`: undefined
+ * - `submit() => {[key: string]: any}`: undefined
+ * - `reset() => void`: undefined
+  */
+    "or-form": Partial<OrFormProps & BaseProps<OrForm> & 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>;
+
+
+  /**
+     * 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 CustomCssProperties = {
+
+}
+
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module 'preact' {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module '@builder.io/qwik' {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module '@stencil/core' {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module 'hono/jsx' {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module 'react-native' {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}

package/custom-elements.json

@@ -150,6 +150,9 @@
                 "type": {
                   "text": "string | undefined"
                 }
+              },
+              "type": {
+                "text": "getValue() => string | undefined"
               }
             },
             {
@@ -160,6 +163,9 @@
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "type": {
+                "text": "validate() => boolean"
               }
             }
           ],
@@ -181,7 +187,9 @@
             "package": "lit"
           },
           "tagName": "or-ace-editor",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-ace-editor.ts",
+          "definitionPath": "src/or-ace-editor.ts"
         }
       ],
       "exports": [
@@ -306,7 +314,9 @@
             "package": "lit"
           },
           "tagName": "or-collapsible-panel",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-collapsible-panel.ts",
+          "definitionPath": "src/or-collapsible-panel.ts"
         }
       ],
       "exports": [
@@ -414,7 +424,10 @@
                     "text": "any"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "_onChange(e: any) => void"
+              }
             }
           ],
           "events": [
@@ -441,7 +454,9 @@
             "package": "lit"
           },
           "tagName": "or-file-uploader",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-file-uploader.ts",
+          "definitionPath": "src/or-file-uploader.ts"
         }
       ],
       "exports": [
@@ -488,6 +503,9 @@
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "type": {
+                "text": "checkValidity() => boolean"
               }
             },
             {
@@ -498,6 +516,9 @@
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "type": {
+                "text": "reportValidity() => boolean"
               }
             },
             {
@@ -508,12 +529,18 @@
                 "type": {
                   "text": "{[key: string]: any}"
                 }
+              },
+              "type": {
+                "text": "submit() => {[key: string]: any}"
               }
             },
             {
               "kind": "method",
               "name": "reset",
-              "privacy": "public"
+              "privacy": "public",
+              "type": {
+                "text": "reset() => void"
+              }
             }
           ],
           "superclass": {
@@ -521,7 +548,9 @@
             "package": "lit"
           },
           "tagName": "or-form",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-form.ts",
+          "definitionPath": "src/or-form.ts"
         }
       ],
       "exports": [
@@ -685,6 +714,9 @@
                 "type": {
                   "text": "string"
                 }
+              },
+              "type": {
+                "text": "getSrc() => string"
               }
             },
             {
@@ -696,7 +728,10 @@
                   "text": "void"
                 }
               },
-              "description": "Reload the iframe content by clearing and resetting the src"
+              "description": "Reload the iframe content by clearing and resetting the src",
+              "type": {
+                "text": "reload() => void"
+              }
             }
           ],
           "events": [
@@ -738,7 +773,9 @@
             "package": "lit"
           },
           "tagName": "or-iframe",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-iframe.ts",
+          "definitionPath": "src/or-iframe.ts"
         }
       ],
       "exports": [
@@ -803,7 +840,9 @@
             "package": "lit"
           },
           "tagName": "or-loading-indicator",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-loading-indicator.ts",
+          "definitionPath": "src/or-loading-indicator.ts"
         }
       ],
       "exports": [
@@ -920,7 +959,9 @@
             "package": "lit"
           },
           "tagName": "or-loading-wrapper",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-loading-wrapper.ts",
+          "definitionPath": "src/or-loading-wrapper.ts"
         }
       ],
       "exports": [
@@ -998,7 +1039,9 @@
             "package": "lit"
           },
           "tagName": "or-panel",
-          "customElement": true
+          "customElement": true,
+          "modulePath": "src/or-panel.ts",
+          "definitionPath": "src/or-panel.ts"
         }
       ],
       "exports": [

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@openremote/or-components",
-  "version": "1.11.0-snapshot.20251103144513",
+  "version": "1.11.0",
   "description": "OpenRemote basic UI components",
   "customElements": "custom-elements.json",
   "main": "dist/umd/index.bundle.js",
   "module": "lib/index.js",
   "exports": {
     ".": "./lib/index.js",
-    "./*": "./lib/*.js"
+    "./*": "./lib/*.js",
+    "./jsx": {
+      "types": "./custom-elements-jsx.d.ts"
+    }
   },
   "typesVersions": {
     "*": {
@@ -26,11 +29,11 @@
   "license": "AGPL-3.0-or-later",
   "dependencies": {
     "@material/elevation": "^9.0.0",
-    "@openremote/core": "1.11.0-snapshot.20251103144513",
-    "@openremote/model": "1.11.0-snapshot.20251103144513",
-    "@openremote/or-icon": "1.11.0-snapshot.20251103144513",
-    "@openremote/or-mwc-components": "1.11.0-snapshot.20251103144513",
-    "@openremote/or-translate": "1.11.0-snapshot.20251103144513",
+    "@openremote/core": "1.11.0",
+    "@openremote/model": "1.11.0",
+    "@openremote/or-icon": "1.11.0",
+    "@openremote/or-mwc-components": "1.11.0",
+    "@openremote/or-translate": "1.11.0",
     "ace-builds": "^1.41.0",
     "lit": "^3.3.1",
     "simplebar": "^5.3.6"