@record-evolution/widget-filter-dropdown 1.0.7 → 1.0.9

package/dist/widget-filter-dropdown.js

@@ -543,7 +543,7 @@ var Rt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, A = (r, t,
 };
 let $ = class extends C {
   constructor() {
-    super(...arguments), this.version = "1.0.7";
+    super(...arguments), this.version = "1.0.9";
   }
   update(r) {
     r.has("theme") && this.registerTheme(this.theme), super.update(r), r.has("route") && this.updateValueFromRoute();
@@ -654,7 +654,7 @@ A([
   W()
 ], $.prototype, "selectedValue", 2);
 $ = A([
-  Tt("widget-filter-dropdown-1.0.7")
+  Tt("widget-filter-dropdown-1.0.9")
 ], $);
 export {
   $ as WidgetfilterDropdown

package/package.json

@@ -3,7 +3,7 @@
     "description": "Webcomponent widget-filter-dropdown following open-wc recommendations",
     "license": "MIT",
     "author": "widget-filter-dropdown",
-    "version": "1.0.7",
+    "version": "1.0.9",
     "engines": {
         "node": ">=24.9.0",
         "npm": ">=10.0.2"
@@ -14,11 +14,12 @@
     "files": [
         "dist",
         "src",
-        "thumbnail.png"
+        "thumbnail.png",
+        "thumbnail.webp"
     ],
     "scripts": {
         "analyze": "cem analyze --litelement",
-        "start": "vite",
+        "start": "vite build --watch & vite",
         "build": "vite build",
         "watch": "vite build --watch",
         "link": "npm run build && npm link && cd ../RESWARM/frontend && npm link @record-evolution/widget-filter-dropdown",

package/src/definition-schema.d.ts

@@ -5,19 +5,34 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 
+/**
+ * The text label displayed above or alongside the dropdown. Use descriptive text like 'Select Device', 'Choose Location', or 'Filter by Status' to guide users.
+ */
 export type Label = string;
 /**
- * The key used to identify the parameter when referenced in data filter configurations.
+ * The URL parameter key where the selected value will be stored (e.g., 'deviceId', 'location'). Other widgets can reference this parameter in their data filter configurations to filter their data based on the selection.
  */
 export type ParameterKey = string;
+/**
+ * The human-readable text displayed in the dropdown for this option. Should be clear and descriptive for users.
+ */
 export type Label1 = string;
+/**
+ * The actual value stored in the URL parameter when this option is selected. This value is used in data filter queries and may differ from the display label (e.g., label: 'New York', value: 'NYC').
+ */
 export type Value = string;
+/**
+ * Array of options available in the dropdown. Each option has a display label (shown to users) and a value (used in data filtering). Can be populated statically or bound to a data source for dynamic options.
+ */
 export type DropdownListItems = {
   label?: Label1;
   value?: Value;
   [k: string]: unknown;
 }[];
 
+/**
+ * A dropdown filter widget for selecting values from a predefined list. Use this widget to allow users to filter dashboard data by categorical values such as device names, locations, status types, or any enumerable options. The selected value is stored as a URL parameter that other widgets can reference in their data queries. Ideal for dashboards with multiple filterable dimensions where users need to switch between different data subsets.
+ */
 export interface InputData {
   label?: Label;
   parameterKey?: ParameterKey;

package/src/definition-schema.json

@@ -1,9 +1,11 @@
 {
     "title": "Input Data",
+    "description": "A dropdown filter widget for selecting values from a predefined list. Use this widget to allow users to filter dashboard data by categorical values such as device names, locations, status types, or any enumerable options. The selected value is stored as a URL parameter that other widgets can reference in their data queries. Ideal for dashboards with multiple filterable dimensions where users need to switch between different data subsets.",
     "type": "object",
     "properties": {
         "label": {
             "title": "Label",
+            "description": "The text label displayed above or alongside the dropdown. Use descriptive text like 'Select Device', 'Choose Location', or 'Filter by Status' to guide users.",
             "order": 1,
             "dataDrivenDisabled": true,
             "type": "string"
@@ -12,11 +14,12 @@
             "title": "Parameter Key",
             "order": 2,
             "dataDrivenDisabled": true,
-            "description": "The key used to identify the parameter when referenced in data filter configurations.",
+            "description": "The URL parameter key where the selected value will be stored (e.g., 'deviceId', 'location'). Other widgets can reference this parameter in their data filter configurations to filter their data based on the selection.",
             "type": "string"
         },
         "data": {
             "title": "Dropdown List Items",
+            "description": "Array of options available in the dropdown. Each option has a display label (shown to users) and a value (used in data filtering). Can be populated statically or bound to a data source for dynamic options.",
             "order": 3,
             "type": "array",
             "items": {
@@ -24,11 +27,13 @@
                 "properties": {
                     "label": {
                         "title": "Label",
+                        "description": "The human-readable text displayed in the dropdown for this option. Should be clear and descriptive for users.",
                         "order": 1,
                         "type": "string"
                     },
                     "value": {
                         "title": "Value",
+                        "description": "The actual value stored in the URL parameter when this option is selected. This value is used in data filter queries and may differ from the display label (e.g., label: 'New York', value: 'NYC').",
                         "order": 2,
                         "type": "string"
                     }