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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,690 @@
1
+
2
+ import type { OrMwcDialogOpenedEvent, OrMwcDialogClosedEvent, showErrorDialog, showOkCancelDialog, showOkDialog, showDialog, OrMwcDialog } from "./lib/or-mwc-dialog.d.ts";
3
+ import type { OrMwcDrawerChangedEvent, OrMwcDrawer } from "./lib/or-mwc-drawer.d.ts";
4
+ import type { OrInputChangedEvent, getValueHolderInputTemplateProvider, OrMwcInput } from "./lib/or-mwc-input.d.ts";
5
+ import type { MDCListActionEvent, OrMwcListChangedEvent, createListGroup, getListTemplate, getItemTemplate, OrMwcList } from "./lib/or-mwc-list.d.ts";
6
+ import type { OrMwcMenuChangedEvent, OrMwcMenuClosedEvent, positionMenuAtElement, getContentWithMenuTemplate, OrMwcMenu } from "./lib/or-mwc-menu.d.ts";
7
+ import type { OrMwcSnackbarChangedEvent, showSnackbar, OrMwcSnackbar } from "./lib/or-mwc-snackbar.d.ts";
8
+ import type { OrMwcTableRowClickEvent, OrMwcTableRowSelectEvent, OrMwcTable } from "./lib/or-mwc-table.d.ts";
9
+ import type { OrMwcTabs } from "./lib/or-mwc-tabs.d.ts";
10
+
11
+ /**
12
+ * This type can be used to create scoped tags for your components.
13
+ *
14
+ * Usage:
15
+ *
16
+ * ```ts
17
+ * import type { ScopedElements } from "path/to/library/jsx-integration";
18
+ *
19
+ * declare module "my-library" {
20
+ * namespace JSX {
21
+ * interface IntrinsicElements
22
+ * extends ScopedElements<'test-', ''> {}
23
+ * }
24
+ * }
25
+ * ```
26
+ *
27
+ * @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.
28
+ */
29
+ export type ScopedElements<
30
+ Prefix extends string = "",
31
+ Suffix extends string = ""
32
+ > = {
33
+ [Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
34
+ };
35
+
36
+ type BaseProps<T extends HTMLElement> = {
37
+
38
+ /** Content added between the opening and closing tags of the element */
39
+ children?: any;
40
+ /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
41
+ class?: string;
42
+ /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
43
+ className?: string;
44
+ /** 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. */
45
+ classList?: Record<string, boolean | undefined>;
46
+ /** Specifies the text direction of the element. */
47
+ dir?: "ltr" | "rtl";
48
+ /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
49
+ exportparts?: string;
50
+ /** For <label> and <output>, lets you associate the label with some control. */
51
+ htmlFor?: string;
52
+ /** Specifies whether the element should be hidden. */
53
+ hidden?: boolean | string;
54
+ /** A unique identifier for the element. */
55
+ id?: string;
56
+ /** Keys tell React which array item each component corresponds to */
57
+ key?: string | number;
58
+ /** Specifies the language of the element. */
59
+ lang?: string;
60
+ /** 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. */
61
+ part?: string;
62
+ /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
63
+ ref?: T | ((e: T) => void);
64
+ /** Adds a reference for a custom element slot */
65
+ slot?: string;
66
+ /** Prop for setting inline styles */
67
+ style?: Record<string, string | number>;
68
+ /** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
69
+ tabIndex?: number;
70
+ /** Specifies the tooltip text for the element. */
71
+ title?: string;
72
+ /** Passing 'no' excludes the element content from being translated. */
73
+ translate?: "yes" | "no";
74
+ /** The popover global attribute is used to designate an element as a popover element. */
75
+ popover?: "auto" | "hint" | "manual";
76
+ /** Turns an element element into a popover control button; takes the ID of the popover element to control as its value. */
77
+ popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
78
+ /** Specifies the action to be performed on a popover element being controlled by a control element. */
79
+ popovertargetaction?: "show" | "hide" | "toggle";
80
+
81
+ } ;
82
+
83
+ type BaseEvents = {
84
+
85
+
86
+ };
87
+
88
+
89
+
90
+ export type OrMwcDialogProps = {
91
+ /** */
92
+ "heading"?: OrMwcDialog['heading'];
93
+ /** */
94
+ "avatar"?: OrMwcDialog['avatar'];
95
+ /** */
96
+ "styles"?: OrMwcDialog['styles'];
97
+ /** */
98
+ "content"?: OrMwcDialog['content'];
99
+ /** */
100
+ "actions"?: OrMwcDialog['actions'];
101
+ /** */
102
+ "dismissAction"?: OrMwcDialog['dismissAction'];
103
+
104
+ /** */
105
+ "onundefined"?: (e: CustomEvent<OrMwcDialogOpenedEvent>) => void;
106
+ /** */
107
+ "onaction"?: (e: CustomEvent<OrMwcDialogClosedEvent>) => void;
108
+ }
109
+
110
+
111
+ export type OrMwcDrawerProps = {
112
+ /** */
113
+ "dismissible"?: OrMwcDrawer['dismissible'];
114
+ /** */
115
+ "rightSided"?: OrMwcDrawer['rightSided'];
116
+ /** */
117
+ "transparent"?: OrMwcDrawer['transparent'];
118
+ /** */
119
+ "open"?: OrMwcDrawer['open'];
120
+ /** */
121
+ "header"?: OrMwcDrawer['header'];
122
+ /** */
123
+ "appContent"?: OrMwcDrawer['appContent'];
124
+ /** */
125
+ "topBar"?: OrMwcDrawer['topBar'];
126
+
127
+ /** */
128
+ "onvalue"?: (e: CustomEvent<OrMwcDrawerChangedEvent>) => void;
129
+ }
130
+
131
+
132
+ export type OrMwcInputProps = {
133
+ /** */
134
+ "focused"?: OrMwcInput['focused'];
135
+ /** */
136
+ "value"?: OrMwcInput['value'];
137
+ /** */
138
+ "type"?: OrMwcInput['type'];
139
+ /** */
140
+ "name"?: OrMwcInput['name'];
141
+ /** */
142
+ "readonly"?: OrMwcInput['readonly'];
143
+ /** */
144
+ "required"?: OrMwcInput['required'];
145
+ /** */
146
+ "max"?: OrMwcInput['max'];
147
+ /** */
148
+ "min"?: OrMwcInput['min'];
149
+ /** */
150
+ "step"?: OrMwcInput['step'];
151
+ /** */
152
+ "checked"?: OrMwcInput['checked'];
153
+ /** */
154
+ "indeterminate"?: OrMwcInput['indeterminate'];
155
+ /** */
156
+ "maxLength"?: OrMwcInput['maxLength'];
157
+ /** */
158
+ "minLength"?: OrMwcInput['minLength'];
159
+ /** */
160
+ "rows"?: OrMwcInput['rows'];
161
+ /** */
162
+ "cols"?: OrMwcInput['cols'];
163
+ /** */
164
+ "multiple"?: OrMwcInput['multiple'];
165
+ /** */
166
+ "pattern"?: OrMwcInput['pattern'];
167
+ /** */
168
+ "placeHolder"?: OrMwcInput['placeHolder'];
169
+ /** */
170
+ "options"?: OrMwcInput['options'];
171
+ /** */
172
+ "autoSelect"?: OrMwcInput['autoSelect'];
173
+ /** */
174
+ "searchProvider"?: OrMwcInput['searchProvider'];
175
+ /** */
176
+ "searchLabel"?: OrMwcInput['searchLabel'];
177
+ /** */
178
+ "icon"?: OrMwcInput['icon'];
179
+ /** */
180
+ "iconColor"?: OrMwcInput['iconColor'];
181
+ /** */
182
+ "iconOn"?: OrMwcInput['iconOn'];
183
+ /** */
184
+ "iconTrailing"?: OrMwcInput['iconTrailing'];
185
+ /** */
186
+ "compact"?: OrMwcInput['compact'];
187
+ /** */
188
+ "comfortable"?: OrMwcInput['comfortable'];
189
+ /** */
190
+ "raised"?: OrMwcInput['raised'];
191
+ /** */
192
+ "action"?: OrMwcInput['action'];
193
+ /** */
194
+ "unElevated"?: OrMwcInput['unElevated'];
195
+ /** */
196
+ "outlined"?: OrMwcInput['outlined'];
197
+ /** */
198
+ "rounded"?: OrMwcInput['rounded'];
199
+ /** */
200
+ "format"?: OrMwcInput['format'];
201
+ /** */
202
+ "disableSliderNumberInput"?: OrMwcInput['disableSliderNumberInput'];
203
+ /** */
204
+ "fullWidth"?: OrMwcInput['fullWidth'];
205
+ /** */
206
+ "helperText"?: OrMwcInput['helperText'];
207
+ /** */
208
+ "helperPersistent"?: OrMwcInput['helperPersistent'];
209
+ /** */
210
+ "validationMessage"?: OrMwcInput['validationMessage'];
211
+ /** */
212
+ "autoValidate"?: OrMwcInput['autoValidate'];
213
+ /** */
214
+ "charCounter"?: OrMwcInput['charCounter'];
215
+ /** */
216
+ "label"?: OrMwcInput['label'];
217
+ /** */
218
+ "disabled"?: OrMwcInput['disabled'];
219
+ /** */
220
+ "continuous"?: OrMwcInput['continuous'];
221
+ /** */
222
+ "resizeVertical"?: OrMwcInput['resizeVertical'];
223
+ /** Always censure text fields (like a password), and do not allow toggling */
224
+ "censored"?: OrMwcInput['censored'];
225
+ /** Toggles visibility state of the password InputType (true = shown, false = hidden) */
226
+ "advertised"?: OrMwcInput['advertised'];
227
+ /** */
228
+ "searchableValue"?: OrMwcInput['searchableValue'];
229
+
230
+ /** */
231
+ "onundefined"?: (e: CustomEvent<OrInputChangedEvent>) => void;
232
+ /** */
233
+ "onnewValue"?: (e: CustomEvent<OrInputChangedEvent>) => void;
234
+ }
235
+
236
+
237
+ export type OrMwcListProps = {
238
+ /** */
239
+ "listItems"?: OrMwcList['listItems'];
240
+ /** */
241
+ "values"?: OrMwcList['values'];
242
+ /** */
243
+ "type"?: OrMwcList['type'];
244
+
245
+ /** */
246
+ "onundefined"?: (e: CustomEvent<OrMwcListChangedEvent>) => void;
247
+ }
248
+
249
+
250
+ export type OrMwcMenuProps = {
251
+ /** */
252
+ "menuItems"?: OrMwcMenu['menuItems'];
253
+ /** */
254
+ "values"?: OrMwcMenu['values'];
255
+ /** */
256
+ "multiSelect"?: OrMwcMenu['multiSelect'];
257
+ /** */
258
+ "visible"?: OrMwcMenu['visible'];
259
+ /** */
260
+ "translateValues"?: OrMwcMenu['translateValues'];
261
+ /** */
262
+ "midHeight"?: OrMwcMenu['midHeight'];
263
+ /** */
264
+ "fullWidth"?: OrMwcMenu['fullWidth'];
265
+
266
+ /** */
267
+ "onundefined"?: (e: CustomEvent<OrMwcMenuClosedEvent>) => void;
268
+ }
269
+
270
+
271
+ export type OrMwcSnackbarProps = {
272
+ /** */
273
+ "buttonText"?: OrMwcSnackbar['buttonText'];
274
+ /** */
275
+ "timeout"?: OrMwcSnackbar['timeout'];
276
+ /** */
277
+ "_open"?: OrMwcSnackbar['_open'];
278
+ /** */
279
+ "text"?: OrMwcSnackbar['text'];
280
+ /** */
281
+ "buttonAction"?: OrMwcSnackbar['buttonAction'];
282
+ /** */
283
+ "isOpen"?: OrMwcSnackbar['isOpen'];
284
+
285
+ /** */
286
+ "ondetail"?: (e: CustomEvent<OrMwcSnackbarChangedEvent>) => void;
287
+ }
288
+
289
+
290
+ export type OrMwcTableProps = {
291
+ /** */
292
+ "columns"?: OrMwcTable['columns'];
293
+ /** */
294
+ "columnsTemplate"?: OrMwcTable['columnsTemplate'];
295
+ /** */
296
+ "rows"?: OrMwcTable['rows'];
297
+ /** */
298
+ "rowsTemplate"?: OrMwcTable['rowsTemplate'];
299
+ /** */
300
+ "config"?: OrMwcTable['config'];
301
+ /** */
302
+ "paginationIndex"?: OrMwcTable['paginationIndex'];
303
+ /** */
304
+ "paginationSize"?: OrMwcTable['paginationSize'];
305
+ /** */
306
+ "sortDirection"?: OrMwcTable['sortDirection'];
307
+ /** */
308
+ "sortIndex"?: OrMwcTable['sortIndex'];
309
+ /** */
310
+ "selectedRows"?: OrMwcTable['selectedRows'];
311
+
312
+ /** */
313
+ "onundefined"?: (e: CustomEvent<OrMwcTableRowClickEvent>) => void;
314
+ /** */
315
+ "onindex"?: (e: CustomEvent<OrMwcTableRowSelectEvent>) => void;
316
+ }
317
+
318
+
319
+ export type OrMwcTabsProps = {
320
+ /** */
321
+ "index"?: OrMwcTabs['index'];
322
+ /** */
323
+ "items"?: OrMwcTabs['items'];
324
+ /** */
325
+ "iconPosition"?: OrMwcTabs['iconPosition'];
326
+ /** */
327
+ "noScroll"?: OrMwcTabs['noScroll'];
328
+ /** */
329
+ "bgColor"?: OrMwcTabs['bgColor'];
330
+ /** */
331
+ "color"?: OrMwcTabs['color'];
332
+ /** */
333
+ "styles"?: OrMwcTabs['styles'];
334
+
335
+ /** */
336
+ "onactivated"?: (e: CustomEvent<CustomEvent>) => void;
337
+ }
338
+
339
+ export type CustomElements = {
340
+
341
+
342
+ /**
343
+ *
344
+ *
345
+ * ## Attributes & Properties
346
+ *
347
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
348
+ *
349
+ * - `heading`: undefined
350
+ * - `avatar`: undefined
351
+ * - `styles`: undefined
352
+ * - `content`: undefined (property only)
353
+ * - `actions`: undefined (property only)
354
+ * - `dismissAction`: undefined (property only)
355
+ * - `isOpen`: undefined (property only) (readonly)
356
+ *
357
+ * ## Events
358
+ *
359
+ * Events that will be emitted by the component.
360
+ *
361
+ * - `undefined`: undefined
362
+ * - `action`: undefined
363
+ *
364
+ * ## Methods
365
+ *
366
+ * Methods that can be called to access component functionality.
367
+ *
368
+ * - `setOpen(isOpen: boolean) => OrMwcDialog`: undefined
369
+ * - `setHeading(heading: TemplateResult | string | undefined) => OrMwcDialog`: undefined
370
+ * - `setContent(content: TemplateResult | (() => TemplateResult) | undefined) => OrMwcDialog`: undefined
371
+ * - `setActions(actions: DialogAction[] | undefined) => OrMwcDialog`: undefined
372
+ * - `setDismissAction(action: DialogActionBase | null | undefined) => OrMwcDialog`: undefined
373
+ * - `setStyles(styles: string | TemplateResult | undefined) => OrMwcDialog`: undefined
374
+ * - `setAvatar(avatar: boolean | undefined) => OrMwcDialog`: undefined
375
+ * - `open() => void`: undefined
376
+ * - `close(action?: string) => void`: undefined
377
+ */
378
+ "or-mwc-dialog": Partial<OrMwcDialogProps & BaseProps<OrMwcDialog> & BaseEvents>;
379
+
380
+
381
+ /**
382
+ *
383
+ *
384
+ * ## Attributes & Properties
385
+ *
386
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
387
+ *
388
+ * - `dismissible`: undefined
389
+ * - `rightSided`: undefined
390
+ * - `transparent`: undefined
391
+ * - `open`: undefined
392
+ * - `header`: undefined (property only)
393
+ * - `appContent`: undefined (property only)
394
+ * - `topBar`: undefined (property only)
395
+ *
396
+ * ## Events
397
+ *
398
+ * Events that will be emitted by the component.
399
+ *
400
+ * - `value`: undefined
401
+ *
402
+ * ## Methods
403
+ *
404
+ * Methods that can be called to access component functionality.
405
+ *
406
+ * - `toggle() => void`: undefined
407
+ */
408
+ "or-mwc-drawer": Partial<OrMwcDrawerProps & BaseProps<OrMwcDrawer> & BaseEvents>;
409
+
410
+
411
+ /**
412
+ *
413
+ *
414
+ * ## Attributes & Properties
415
+ *
416
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
417
+ *
418
+ * - `focused`: undefined
419
+ * - `value`: undefined
420
+ * - `type`: undefined
421
+ * - `name`: undefined
422
+ * - `readonly`: undefined
423
+ * - `required`: undefined
424
+ * - `max`: undefined
425
+ * - `min`: undefined
426
+ * - `step`: undefined
427
+ * - `checked`: undefined
428
+ * - `indeterminate`: undefined
429
+ * - `maxLength`: undefined
430
+ * - `minLength`: undefined
431
+ * - `rows`: undefined
432
+ * - `cols`: undefined
433
+ * - `multiple`: undefined
434
+ * - `pattern`: undefined
435
+ * - `placeHolder`: undefined
436
+ * - `options`: undefined
437
+ * - `autoSelect`: undefined
438
+ * - `searchProvider`: undefined
439
+ * - `searchLabel`: undefined
440
+ * - `icon`: undefined
441
+ * - `iconColor`: undefined
442
+ * - `iconOn`: undefined
443
+ * - `iconTrailing`: undefined
444
+ * - `compact`: undefined
445
+ * - `comfortable`: undefined
446
+ * - `raised`: undefined
447
+ * - `action`: undefined
448
+ * - `unElevated`: undefined
449
+ * - `outlined`: undefined
450
+ * - `rounded`: undefined
451
+ * - `format`: undefined
452
+ * - `disableSliderNumberInput`: undefined
453
+ * - `fullWidth`: undefined
454
+ * - `helperText`: undefined
455
+ * - `helperPersistent`: undefined
456
+ * - `validationMessage`: undefined
457
+ * - `autoValidate`: undefined
458
+ * - `charCounter`: undefined
459
+ * - `label`: undefined
460
+ * - `disabled`: undefined
461
+ * - `continuous`: undefined
462
+ * - `resizeVertical`: undefined
463
+ * - `censored`: Always censure text fields (like a password), and do not allow toggling
464
+ * - `advertised`: Toggles visibility state of the password InputType (true = shown, false = hidden)
465
+ * - `nativeValue`: undefined (property only) (readonly)
466
+ * - `searchableValue`: undefined (property only)
467
+ * - `valid`: undefined (property only) (readonly)
468
+ * - `currentValue`: undefined (property only) (readonly)
469
+ *
470
+ * ## Events
471
+ *
472
+ * Events that will be emitted by the component.
473
+ *
474
+ * - `undefined`: undefined
475
+ * - `newValue`: undefined
476
+ *
477
+ * ## Methods
478
+ *
479
+ * Methods that can be called to access component functionality.
480
+ *
481
+ * - `focus() => void`: undefined
482
+ * - `setCustomValidity(msg: string | undefined) => void`: undefined
483
+ * - `checkValidity() => boolean`: undefined
484
+ * - `reportValidity() => boolean`: undefined
485
+ */
486
+ "or-mwc-input": Partial<OrMwcInputProps & BaseProps<OrMwcInput> & BaseEvents>;
487
+
488
+
489
+ /**
490
+ *
491
+ *
492
+ * ## Attributes & Properties
493
+ *
494
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
495
+ *
496
+ * - `listItems`: undefined
497
+ * - `values`: undefined
498
+ * - `type`: undefined
499
+ * - `selectedItems`: undefined (property only) (readonly)
500
+ *
501
+ * ## Events
502
+ *
503
+ * Events that will be emitted by the component.
504
+ *
505
+ * - `undefined`: undefined
506
+ *
507
+ * ## Methods
508
+ *
509
+ * Methods that can be called to access component functionality.
510
+ *
511
+ * - `setSelectedItems(items: ListItem | ListItem[] | string | string[] | undefined) => void`: undefined
512
+ */
513
+ "or-mwc-list": Partial<OrMwcListProps & BaseProps<OrMwcList> & BaseEvents>;
514
+
515
+
516
+ /**
517
+ *
518
+ *
519
+ * ## Attributes & Properties
520
+ *
521
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
522
+ *
523
+ * - `menuItems`: undefined
524
+ * - `values`: undefined
525
+ * - `multiSelect`: undefined
526
+ * - `visible`: undefined
527
+ * - `translateValues`: undefined
528
+ * - `midHeight`: undefined (property only)
529
+ * - `fullWidth`: undefined (property only)
530
+ *
531
+ * ## Events
532
+ *
533
+ * Events that will be emitted by the component.
534
+ *
535
+ * - `undefined`: undefined
536
+ *
537
+ * ## Methods
538
+ *
539
+ * Methods that can be called to access component functionality.
540
+ *
541
+ * - `open() => void`: undefined
542
+ */
543
+ "or-mwc-menu": Partial<OrMwcMenuProps & BaseProps<OrMwcMenu> & BaseEvents>;
544
+
545
+
546
+ /**
547
+ *
548
+ *
549
+ * ## Attributes & Properties
550
+ *
551
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
552
+ *
553
+ * - `buttonText`: undefined
554
+ * - `timeout`: undefined
555
+ * - `_open`: undefined
556
+ * - `text`: undefined (property only)
557
+ * - `buttonAction`: undefined (property only)
558
+ * - `isOpen`: undefined (property only)
559
+ *
560
+ * ## Events
561
+ *
562
+ * Events that will be emitted by the component.
563
+ *
564
+ * - `detail`: undefined
565
+ *
566
+ * ## Methods
567
+ *
568
+ * Methods that can be called to access component functionality.
569
+ *
570
+ * - `open() => void`: undefined
571
+ * - `close(action?: string) => void`: undefined
572
+ */
573
+ "or-mwc-snackbar": Partial<OrMwcSnackbarProps & BaseProps<OrMwcSnackbar> & BaseEvents>;
574
+
575
+
576
+ /**
577
+ *
578
+ *
579
+ * ## Attributes & Properties
580
+ *
581
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
582
+ *
583
+ * - `columns`: undefined
584
+ * - `columnsTemplate`: undefined
585
+ * - `rows`: undefined
586
+ * - `rowsTemplate`: undefined
587
+ * - `config`: undefined
588
+ * - `paginationIndex`: undefined
589
+ * - `paginationSize`: undefined
590
+ * - `sortDirection`: undefined
591
+ * - `sortIndex`: undefined
592
+ * - `selectedRows`: undefined
593
+ *
594
+ * ## Events
595
+ *
596
+ * Events that will be emitted by the component.
597
+ *
598
+ * - `undefined`: undefined
599
+ * - `index`: undefined
600
+ *
601
+ * ## Methods
602
+ *
603
+ * Methods that can be called to access component functionality.
604
+ *
605
+ * - `onColumnSort(ev: MouseEvent, index: number, sortDirection: 'ASC' | 'DESC') => void`: Event handling function for when users try to sort the rows within a column.
606
+ * - `getSortHeader(index: number, title: string, sortDirection: 'ASC' | 'DESC', arrowOnLeft = false) => Promise<TemplateResult>`: undefined
607
+ * - `getPaginationControls() => Promise<TemplateResult>`: undefined
608
+ * - `getRowCount(wait: boolean = true, tableElem?: HTMLElement) => Promise<number>`: undefined
609
+ * - `getTableElem(wait: boolean = false) => Promise<HTMLElement | undefined>`: undefined
610
+ */
611
+ "or-mwc-table": Partial<OrMwcTableProps & BaseProps<OrMwcTable> & BaseEvents>;
612
+
613
+
614
+ /**
615
+ *
616
+ *
617
+ * ## Attributes & Properties
618
+ *
619
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
620
+ *
621
+ * - `index`: undefined
622
+ * - `items`: undefined
623
+ * - `iconPosition`: undefined
624
+ * - `noScroll`: undefined
625
+ * - `bgColor`: undefined
626
+ * - `color`: undefined
627
+ * - `styles`: undefined
628
+ *
629
+ * ## Events
630
+ *
631
+ * Events that will be emitted by the component.
632
+ *
633
+ * - `activated`: undefined
634
+ */
635
+ "or-mwc-tabs": Partial<OrMwcTabsProps & BaseProps<OrMwcTabs> & BaseEvents>;
636
+ }
637
+
638
+ export type CustomCssProperties = {
639
+
640
+ }
641
+
642
+
643
+ declare module 'react' {
644
+ namespace JSX {
645
+ interface IntrinsicElements extends CustomElements {}
646
+ }
647
+ export interface CSSProperties extends CustomCssProperties {}
648
+ }
649
+
650
+ declare module 'preact' {
651
+ namespace JSX {
652
+ interface IntrinsicElements extends CustomElements {}
653
+ }
654
+ export interface CSSProperties extends CustomCssProperties {}
655
+ }
656
+
657
+ declare module '@builder.io/qwik' {
658
+ namespace JSX {
659
+ interface IntrinsicElements extends CustomElements {}
660
+ }
661
+ export interface CSSProperties extends CustomCssProperties {}
662
+ }
663
+
664
+ declare module '@stencil/core' {
665
+ namespace JSX {
666
+ interface IntrinsicElements extends CustomElements {}
667
+ }
668
+ export interface CSSProperties extends CustomCssProperties {}
669
+ }
670
+
671
+ declare module 'hono/jsx' {
672
+ namespace JSX {
673
+ interface IntrinsicElements extends CustomElements {}
674
+ }
675
+ export interface CSSProperties extends CustomCssProperties {}
676
+ }
677
+
678
+ declare module 'react-native' {
679
+ namespace JSX {
680
+ interface IntrinsicElements extends CustomElements {}
681
+ }
682
+ export interface CSSProperties extends CustomCssProperties {}
683
+ }
684
+
685
+ declare global {
686
+ namespace JSX {
687
+ interface IntrinsicElements extends CustomElements {}
688
+ }
689
+ export interface CSSProperties extends CustomCssProperties {}
690
+ }
@@ -266,7 +266,10 @@
266
266
  "text": "boolean"
267
267
  }
268
268
  }
269
- ]
269
+ ],
270
+ "type": {
271
+ "text": "setOpen(isOpen: boolean) => OrMwcDialog"
272
+ }
270
273
  },
271
274
  {
272
275
  "kind": "method",
@@ -284,7 +287,10 @@
284
287
  "text": "TemplateResult | string | undefined"
285
288
  }
286
289
  }
287
- ]
290
+ ],
291
+ "type": {
292
+ "text": "setHeading(heading: TemplateResult | string | undefined) => OrMwcDialog"
293
+ }
288
294
  },
289
295
  {
290
296
  "kind": "method",
@@ -302,7 +308,10 @@
302
308
  "text": "TemplateResult | (() => TemplateResult) | undefined"
303
309
  }
304
310
  }
305
- ]
311
+ ],
312
+ "type": {
313
+ "text": "setContent(content: TemplateResult | (() => TemplateResult) | undefined) => OrMwcDialog"
314
+ }
306
315
  },
307
316
  {
308
317
  "kind": "method",
@@ -320,7 +329,10 @@
320
329
  "text": "DialogAction[] | undefined"
321
330
  }
322
331
  }
323
- ]
332
+ ],
333
+ "type": {
334
+ "text": "setActions(actions: DialogAction[] | undefined) => OrMwcDialog"
335
+ }
324
336
  },
325
337
  {
326
338
  "kind": "method",
@@ -338,7 +350,10 @@
338
350
  "text": "DialogActionBase | null | undefined"
339
351
  }
340
352
  }
341
- ]
353
+ ],
354
+ "type": {
355
+ "text": "setDismissAction(action: DialogActionBase | null | undefined) => OrMwcDialog"
356
+ }
342
357
  },
343
358
  {
344
359
  "kind": "method",
@@ -356,7 +371,10 @@
356
371
  "text": "string | TemplateResult | undefined"
357
372
  }
358
373
  }
359
- ]
374
+ ],
375
+ "type": {
376
+ "text": "setStyles(styles: string | TemplateResult | undefined) => OrMwcDialog"
377
+ }
360
378
  },
361
379
  {
362
380
  "kind": "method",
@@ -374,12 +392,18 @@
374
392
  "text": "boolean | undefined"
375
393
  }
376
394
  }
377
- ]
395
+ ],
396
+ "type": {
397
+ "text": "setAvatar(avatar: boolean | undefined) => OrMwcDialog"
398
+ }
378
399
  },
379
400
  {
380
401
  "kind": "method",
381
402
  "name": "open",
382
- "privacy": "public"
403
+ "privacy": "public",
404
+ "type": {
405
+ "text": "open() => void"
406
+ }
383
407
  },
384
408
  {
385
409
  "kind": "method",
@@ -393,7 +417,10 @@
393
417
  "text": "string"
394
418
  }
395
419
  }
396
- ]
420
+ ],
421
+ "type": {
422
+ "text": "close(action?: string) => void"
423
+ }
397
424
  },
398
425
  {
399
426
  "kind": "method",
@@ -468,7 +495,9 @@
468
495
  "package": "lit"
469
496
  },
470
497
  "tagName": "or-mwc-dialog",
471
- "customElement": true
498
+ "customElement": true,
499
+ "modulePath": "src/or-mwc-dialog.ts",
500
+ "definitionPath": "src/or-mwc-dialog.ts"
472
501
  }
473
502
  ],
474
503
  "exports": [
@@ -652,7 +681,10 @@
652
681
  {
653
682
  "kind": "method",
654
683
  "name": "toggle",
655
- "privacy": "public"
684
+ "privacy": "public",
685
+ "type": {
686
+ "text": "toggle() => void"
687
+ }
656
688
  },
657
689
  {
658
690
  "kind": "method",
@@ -715,7 +747,9 @@
715
747
  "package": "lit"
716
748
  },
717
749
  "tagName": "or-mwc-drawer",
718
- "customElement": true
750
+ "customElement": true,
751
+ "modulePath": "src/or-mwc-drawer.ts",
752
+ "definitionPath": "src/or-mwc-drawer.ts"
719
753
  }
720
754
  ],
721
755
  "exports": [
@@ -1327,7 +1361,10 @@
1327
1361
  {
1328
1362
  "kind": "method",
1329
1363
  "name": "focus",
1330
- "privacy": "public"
1364
+ "privacy": "public",
1365
+ "type": {
1366
+ "text": "focus() => void"
1367
+ }
1331
1368
  },
1332
1369
  {
1333
1370
  "kind": "method",
@@ -1363,7 +1400,10 @@
1363
1400
  "text": "string | undefined"
1364
1401
  }
1365
1402
  }
1366
- ]
1403
+ ],
1404
+ "type": {
1405
+ "text": "setCustomValidity(msg: string | undefined) => void"
1406
+ }
1367
1407
  },
1368
1408
  {
1369
1409
  "kind": "method",
@@ -1373,6 +1413,9 @@
1373
1413
  "type": {
1374
1414
  "text": "boolean"
1375
1415
  }
1416
+ },
1417
+ "type": {
1418
+ "text": "checkValidity() => boolean"
1376
1419
  }
1377
1420
  },
1378
1421
  {
@@ -1383,6 +1426,9 @@
1383
1426
  "type": {
1384
1427
  "text": "boolean"
1385
1428
  }
1429
+ },
1430
+ "type": {
1431
+ "text": "reportValidity() => boolean"
1386
1432
  }
1387
1433
  },
1388
1434
  {
@@ -1841,7 +1887,9 @@
1841
1887
  "package": "lit"
1842
1888
  },
1843
1889
  "tagName": "or-mwc-input",
1844
- "customElement": true
1890
+ "customElement": true,
1891
+ "modulePath": "src/or-mwc-input.ts",
1892
+ "definitionPath": "src/or-mwc-input.ts"
1845
1893
  }
1846
1894
  ],
1847
1895
  "exports": [
@@ -2086,7 +2134,10 @@
2086
2134
  "text": "ListItem | ListItem[] | string | string[] | undefined"
2087
2135
  }
2088
2136
  }
2089
- ]
2137
+ ],
2138
+ "type": {
2139
+ "text": "setSelectedItems(items: ListItem | ListItem[] | string | string[] | undefined) => void"
2140
+ }
2090
2141
  },
2091
2142
  {
2092
2143
  "kind": "method",
@@ -2137,7 +2188,9 @@
2137
2188
  "package": "lit"
2138
2189
  },
2139
2190
  "tagName": "or-mwc-list",
2140
- "customElement": true
2191
+ "customElement": true,
2192
+ "modulePath": "src/or-mwc-list.ts",
2193
+ "definitionPath": "src/or-mwc-list.ts"
2141
2194
  }
2142
2195
  ],
2143
2196
  "exports": [
@@ -2430,7 +2483,10 @@
2430
2483
  {
2431
2484
  "kind": "method",
2432
2485
  "name": "open",
2433
- "privacy": "public"
2486
+ "privacy": "public",
2487
+ "type": {
2488
+ "text": "open() => void"
2489
+ }
2434
2490
  },
2435
2491
  {
2436
2492
  "kind": "method",
@@ -2531,7 +2587,9 @@
2531
2587
  "package": "lit"
2532
2588
  },
2533
2589
  "tagName": "or-mwc-menu",
2534
- "customElement": true
2590
+ "customElement": true,
2591
+ "modulePath": "src/or-mwc-menu.ts",
2592
+ "definitionPath": "src/or-mwc-menu.ts"
2535
2593
  }
2536
2594
  ],
2537
2595
  "exports": [
@@ -2731,7 +2789,10 @@
2731
2789
  {
2732
2790
  "kind": "method",
2733
2791
  "name": "open",
2734
- "privacy": "public"
2792
+ "privacy": "public",
2793
+ "type": {
2794
+ "text": "open() => void"
2795
+ }
2735
2796
  },
2736
2797
  {
2737
2798
  "kind": "method",
@@ -2745,7 +2806,10 @@
2745
2806
  "text": "string"
2746
2807
  }
2747
2808
  }
2748
- ]
2809
+ ],
2810
+ "type": {
2811
+ "text": "close(action?: string) => void"
2812
+ }
2749
2813
  },
2750
2814
  {
2751
2815
  "kind": "method",
@@ -2816,7 +2880,9 @@
2816
2880
  "package": "lit"
2817
2881
  },
2818
2882
  "tagName": "or-mwc-snackbar",
2819
- "customElement": true
2883
+ "customElement": true,
2884
+ "modulePath": "src/or-mwc-snackbar.ts",
2885
+ "definitionPath": "src/or-mwc-snackbar.ts"
2820
2886
  }
2821
2887
  ],
2822
2888
  "exports": [
@@ -3106,7 +3172,10 @@
3106
3172
  }
3107
3173
  }
3108
3174
  ],
3109
- "description": "Event handling function for when users try to sort the rows within a column."
3175
+ "description": "Event handling function for when users try to sort the rows within a column.",
3176
+ "type": {
3177
+ "text": "onColumnSort(ev: MouseEvent, index: number, sortDirection: 'ASC' | 'DESC') => void"
3178
+ }
3110
3179
  },
3111
3180
  {
3112
3181
  "kind": "method",
@@ -3286,7 +3355,10 @@
3286
3355
  "name": "arrowOnLeft",
3287
3356
  "default": "false"
3288
3357
  }
3289
- ]
3358
+ ],
3359
+ "type": {
3360
+ "text": "getSortHeader(index: number, title: string, sortDirection: 'ASC' | 'DESC', arrowOnLeft = false) => Promise<TemplateResult>"
3361
+ }
3290
3362
  },
3291
3363
  {
3292
3364
  "kind": "method",
@@ -3295,6 +3367,9 @@
3295
3367
  "type": {
3296
3368
  "text": "Promise<TemplateResult>"
3297
3369
  }
3370
+ },
3371
+ "type": {
3372
+ "text": "getPaginationControls() => Promise<TemplateResult>"
3298
3373
  }
3299
3374
  },
3300
3375
  {
@@ -3320,7 +3395,10 @@
3320
3395
  "text": "HTMLElement"
3321
3396
  }
3322
3397
  }
3323
- ]
3398
+ ],
3399
+ "type": {
3400
+ "text": "getRowCount(wait: boolean = true, tableElem?: HTMLElement) => Promise<number>"
3401
+ }
3324
3402
  },
3325
3403
  {
3326
3404
  "kind": "method",
@@ -3338,7 +3416,10 @@
3338
3416
  "text": "boolean"
3339
3417
  }
3340
3418
  }
3341
- ]
3419
+ ],
3420
+ "type": {
3421
+ "text": "getTableElem(wait: boolean = false) => Promise<HTMLElement | undefined>"
3422
+ }
3342
3423
  },
3343
3424
  {
3344
3425
  "kind": "method",
@@ -3501,7 +3582,9 @@
3501
3582
  "package": "lit"
3502
3583
  },
3503
3584
  "tagName": "or-mwc-table",
3504
- "customElement": true
3585
+ "customElement": true,
3586
+ "modulePath": "src/or-mwc-table.ts",
3587
+ "definitionPath": "src/or-mwc-table.ts"
3505
3588
  }
3506
3589
  ],
3507
3590
  "exports": [
@@ -3673,7 +3756,9 @@
3673
3756
  "package": "lit"
3674
3757
  },
3675
3758
  "tagName": "or-mwc-tabs",
3676
- "customElement": true
3759
+ "customElement": true,
3760
+ "modulePath": "src/or-mwc-tabs.ts",
3761
+ "definitionPath": "src/or-mwc-tabs.ts"
3677
3762
  }
3678
3763
  ],
3679
3764
  "exports": [
package/package.json CHANGED
@@ -1,13 +1,16 @@
1
1
  {
2
2
  "name": "@openremote/or-mwc-components",
3
- "version": "1.11.0-snapshot.20251103144513",
3
+ "version": "1.11.0",
4
4
  "description": "Material Design Components packaged as web components (The official components are hardcoded to use Material Design font which has limited icons)",
5
5
  "customElements": "custom-elements.json",
6
6
  "main": "dist/umd/index.bundle.js",
7
7
  "module": "lib/index.js",
8
8
  "exports": {
9
9
  ".": "./lib/index.js",
10
- "./*": "./lib/*.js"
10
+ "./*": "./lib/*.js",
11
+ "./jsx": {
12
+ "types": "./custom-elements-jsx.d.ts"
13
+ }
11
14
  },
12
15
  "typesVersions": {
13
16
  "*": {
@@ -51,10 +54,10 @@
51
54
  "@material/tab-indicator": "^9.0.0",
52
55
  "@material/tab-scroller": "^9.0.0",
53
56
  "@material/textfield": "^9.0.0",
54
- "@openremote/core": "1.11.0-snapshot.20251103144513",
55
- "@openremote/model": "1.11.0-snapshot.20251103144513",
56
- "@openremote/or-icon": "1.11.0-snapshot.20251103144513",
57
- "@openremote/or-translate": "1.11.0-snapshot.20251103144513",
57
+ "@openremote/core": "1.11.0",
58
+ "@openremote/model": "1.11.0",
59
+ "@openremote/or-icon": "1.11.0",
60
+ "@openremote/or-translate": "1.11.0",
58
61
  "lit": "^3.3.1",
59
62
  "moment": "^2.29.4"
60
63
  },