@luzmo/analytics-components-kit 1.0.1-alpha.47 → 1.0.1-alpha.49

package/custom-elements.json

@@ -216,6 +216,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SignalWatcher",
+              "package": "@lit-labs/signals"
+            }
+          ],
           "superclass": {
             "name": "LuzmoElement",
             "module": "/src/utils/base"
@@ -565,7 +571,7 @@
                 "text": "any[]"
               },
               "default": "[]",
-              "description": "The list of columns that can be used for the rate aggregation",
+              "description": "The list of measure columns grouped by dataset that can be used for the rate aggregation.\nShape: [{ datasetId, datasetName, columns: Column[] }]",
               "attribute": "measureColumns"
             }
           ],
@@ -600,7 +606,7 @@
                 "text": "any[]"
               },
               "default": "[]",
-              "description": "The list of columns that can be used for the rate aggregation",
+              "description": "The list of measure columns grouped by dataset that can be used for the rate aggregation.\nShape: [{ datasetId, datasetName, columns: Column[] }]",
               "fieldName": "measureColumns"
             },
             {
@@ -642,7 +648,7 @@
           "type": {
             "text": "Record<string, () => string>"
           },
-          "default": "{ sum: () => msg('Sum', { desc: 'Numeric Aggregation option' }), cumulativesum: () => msg('Cumulative sum', { desc: 'Numeric Aggregation option' }), average: () => msg('Average', { desc: 'Numeric Aggregation option' }), weightedaverage: () => msg('Weighted average', { desc: 'Numeric Aggregation option' }), median: () => msg('Median', { desc: 'Numeric Aggregation option' }), count: () => msg('Count', { desc: 'Numeric Aggregation option' }), distinctcount: () => msg('Distinct count', { desc: 'Numeric Aggregation option' }), min: () => msg('Minimum', { desc: 'Numeric Aggregation option' }), max: () => msg('Maximum', { desc: 'Numeric Aggregation option' }), stddev: () => msg('Standard deviation', { desc: 'Numeric Aggregation option' }), rate: () => msg('Rate', { desc: 'Numeric Aggregation option' }) }"
+          "default": "{ sum: () => msg('Sum', { desc: 'Numeric Aggregation option' }), cumulativesum: () => msg('Cumulative sum', { desc: 'Numeric Aggregation option' }), average: () => msg('Average', { desc: 'Numeric Aggregation option' }), median: () => msg('Median', { desc: 'Numeric Aggregation option' }), count: () => msg('Count', { desc: 'Numeric Aggregation option' }), distinctcount: () => msg('Distinct count', { desc: 'Numeric Aggregation option' }), min: () => msg('Minimum', { desc: 'Numeric Aggregation option' }), max: () => msg('Maximum', { desc: 'Numeric Aggregation option' }), stddev: () => msg('Standard deviation', { desc: 'Numeric Aggregation option' }), rate: () => msg('Rate', { desc: 'Numeric Aggregation option' }) }"
         },
         {
           "kind": "variable",
@@ -938,6 +944,15 @@
               },
               "default": "{}",
               "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "linkedDatasetsIds",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "attribute": "linked-datasets-ids"
             }
           ],
           "events": [
@@ -1016,6 +1031,14 @@
               "default": "{}",
               "fieldName": "data"
             },
+            {
+              "name": "linked-datasets-ids",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "fieldName": "linkedDatasetsIds"
+            },
             {
               "name": "size",
               "type": {
@@ -1135,6 +1158,16 @@
               },
               "default": "{}",
               "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "linkedDatasetsIds",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "attribute": "linked-datasets-ids",
+              "reflects": true
             }
           ],
           "events": [
@@ -1213,6 +1246,14 @@
               "default": "{}",
               "fieldName": "data"
             },
+            {
+              "name": "linked-datasets-ids",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "fieldName": "linkedDatasetsIds"
+            },
             {
               "name": "size",
               "type": {
@@ -1283,7 +1324,7 @@
               "kind": "field",
               "name": "itemType",
               "type": {
-                "text": "string | undefined"
+                "text": "ItemType | undefined"
               },
               "attribute": "item-type",
               "reflects": true
@@ -1292,7 +1333,7 @@
               "kind": "field",
               "name": "slotName",
               "type": {
-                "text": "string | undefined"
+                "text": "SlotName | undefined"
               },
               "attribute": "slot-name",
               "reflects": true
@@ -1308,12 +1349,12 @@
             },
             {
               "kind": "field",
-              "name": "slotContents",
+              "name": "slotsContents",
               "type": {
-                "text": "SlotContent[]"
+                "text": "VizItemSlots"
               },
               "default": "[]",
-              "attribute": "slotContents"
+              "attribute": "slotsContents"
             },
             {
               "kind": "field",
@@ -1343,6 +1384,39 @@
               "attribute": "drag-boundary",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "apiUrl",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://api.luzmo.com'",
+              "description": "The API URL of the databroker",
+              "attribute": "api-url",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "authKey",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "description": "The auth key of the databroker",
+              "attribute": "auth-key",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "authToken",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "description": "The auth token of the databroker",
+              "attribute": "auth-token",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "menu",
@@ -1389,6 +1463,18 @@
             }
           ],
           "events": [
+            {
+              "name": "slot-menu-highlight-clear",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "slot-menu-highlight",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
             {
               "description": "Announces that the slot contents has changed",
               "name": "slot-contents-changed"
@@ -1398,14 +1484,14 @@
             {
               "name": "item-type",
               "type": {
-                "text": "string | undefined"
+                "text": "ItemType | undefined"
               },
               "fieldName": "itemType"
             },
             {
               "name": "slot-name",
               "type": {
-                "text": "string | undefined"
+                "text": "SlotName | undefined"
               },
               "fieldName": "slotName"
             },
@@ -1418,12 +1504,12 @@
               "fieldName": "slotConfiguration"
             },
             {
-              "name": "slotContents",
+              "name": "slotsContents",
               "type": {
-                "text": "SlotContent[]"
+                "text": "VizItemSlots"
               },
               "default": "[]",
-              "fieldName": "slotContents"
+              "fieldName": "slotsContents"
             },
             {
               "name": "label",
@@ -1447,6 +1533,33 @@
               },
               "fieldName": "dragBoundary"
             },
+            {
+              "name": "api-url",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://api.luzmo.com'",
+              "description": "The API URL of the databroker",
+              "fieldName": "apiUrl"
+            },
+            {
+              "name": "auth-key",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "description": "The auth key of the databroker",
+              "fieldName": "authKey"
+            },
+            {
+              "name": "auth-token",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "description": "The auth token of the databroker",
+              "fieldName": "authToken"
+            },
             {
               "name": "menu",
               "type": {
@@ -2067,6 +2180,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/edit-option/helpers/get-enum-values.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getEnumValues",
+          "parameters": [
+            {
+              "name": "args",
+              "type": {
+                "text": "any"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getEnumValues",
+          "declaration": {
+            "name": "getEnumValues",
+            "module": "src/components/edit-option/helpers/get-enum-values.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/edit-option/helpers/get-extra-label-values.ts",
@@ -2157,6 +2298,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/edit-option/helpers/control-templates/color-palette-picker-template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "colorPalettePickerMarkup",
+          "parameters": [
+            {
+              "name": "args",
+              "type": {
+                "text": "ControlMarkupArgs"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "colorPalettePickerMarkup",
+          "declaration": {
+            "name": "colorPalettePickerMarkup",
+            "module": "src/components/edit-option/helpers/control-templates/color-palette-picker-template.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/edit-option/helpers/control-templates/color-picker-template.ts",
@@ -2185,6 +2354,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/edit-option/helpers/control-templates/color-range-template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "colorRangeMarkup",
+          "parameters": [
+            {
+              "name": "args",
+              "type": {
+                "text": "ControlMarkupArgs"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "colorRangeMarkup",
+          "declaration": {
+            "name": "colorRangeMarkup",
+            "module": "src/components/edit-option/helpers/control-templates/color-range-template.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/edit-option/helpers/control-templates/multi-language-field-template.ts",
@@ -2510,6 +2707,111 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/edit-option-color-palette-picker/edit-option-color-palette-picker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoEditOptionColorPalettePicker",
+          "members": [],
+          "events": [
+            {
+              "name": "option-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The selected color palette key of the picker",
+              "fieldName": "value"
+            },
+            {
+              "name": "default",
+              "type": {
+                "text": "string"
+              },
+              "default": "'OrRd'",
+              "description": "The default color palette key of the picker",
+              "fieldName": "default"
+            },
+            {
+              "name": "values",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "The color palette keys of the picker",
+              "fieldName": "values"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the picker is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "horizontal",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the picker is horizontal",
+              "fieldName": "horizontal"
+            },
+            {
+              "name": "parseValue",
+              "type": {
+                "text": "(value: any) => string | undefined"
+              },
+              "description": "The function to parse the value",
+              "fieldName": "parseValue"
+            },
+            {
+              "name": "toValue",
+              "type": {
+                "text": "(value: string) => any | undefined"
+              },
+              "description": "The function to convert the value to a string",
+              "fieldName": "toValue"
+            },
+            {
+              "name": "number-of-colors",
+              "type": {
+                "text": "number"
+              },
+              "default": "5",
+              "description": "The number of colors to display",
+              "fieldName": "numberOfColors"
+            }
+          ],
+          "superclass": {
+            "name": "LuzmoEditOptionBase",
+            "module": "/src/components/edit-option-base/edit-option-base"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoEditOptionColorPalettePicker",
+          "declaration": {
+            "name": "LuzmoEditOptionColorPalettePicker",
+            "module": "src/components/edit-option-color-palette-picker/edit-option-color-palette-picker.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/edit-option-color-picker/edit-option-color-picker.ts",
@@ -2572,7 +2874,8 @@
               "name": "option-changed",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Emitted when the color is changed."
             }
           ],
           "attributes": [
@@ -2645,7 +2948,9 @@
           "superclass": {
             "name": "LuzmoEditOptionBase",
             "module": "/src/components/edit-option-base/edit-option-base"
-          }
+          },
+          "tagName": "luzmo-edit-option-color-picker",
+          "customElement": true
         }
       ],
       "exports": [
@@ -2659,6 +2964,167 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/edit-option-color-range/edit-option-color-range.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoEditOptionColorRange",
+          "members": [],
+          "events": [
+            {
+              "name": "option-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Emitted when the color range is changed."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "{ color: string; value?: number }[] | undefined"
+              },
+              "description": "The color range",
+              "fieldName": "value"
+            },
+            {
+              "name": "default",
+              "type": {
+                "text": "{ color: string; value?: number }[] | undefined"
+              },
+              "description": "The default color range",
+              "fieldName": "default"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the color-range is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "percentage",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Range with percentage values",
+              "fieldName": "percentage"
+            },
+            {
+              "name": "no-alpha-channel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Range colors can have alpha values",
+              "fieldName": "noAlphaChannel"
+            },
+            {
+              "name": "edit-range-size",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The number of values in the range can be changed",
+              "fieldName": "editRangeSize"
+            },
+            {
+              "name": "no-values",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The values in the range can be changed by the user in the input field",
+              "fieldName": "noValues"
+            },
+            {
+              "name": "minimum-range-size",
+              "type": {
+                "text": "number"
+              },
+              "default": "2",
+              "description": "The minimum range size",
+              "fieldName": "minimumRangeSize"
+            },
+            {
+              "name": "negative-infinity-value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether there is a first range value that sets color from negative infinity to the next range value. That first range value has a color, but the value is disregarded",
+              "fieldName": "negativeInfinityValue"
+            },
+            {
+              "name": "read-only-color-picker",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The color pickers can be read-only",
+              "fieldName": "readOnlyColorPicker"
+            },
+            {
+              "name": "reverse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the colors are reversed",
+              "fieldName": "reverse"
+            },
+            {
+              "name": "debounce",
+              "type": {
+                "text": "number"
+              },
+              "default": "100",
+              "description": "The debounce time in milliseconds",
+              "fieldName": "debounce"
+            },
+            {
+              "name": "parseValue",
+              "type": {
+                "text": "(value: any) => { color: string; value?: number }[] | undefined"
+              },
+              "description": "The function to parse the value",
+              "fieldName": "parseValue"
+            },
+            {
+              "name": "toValue",
+              "type": {
+                "text": "(value: any) => any | undefined"
+              },
+              "description": "The function to convert the value",
+              "fieldName": "toValue"
+            }
+          ],
+          "superclass": {
+            "name": "LuzmoEditOptionBase",
+            "module": "/src/components/edit-option-base/edit-option-base"
+          },
+          "tagName": "luzmo-edit-option-color-range",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoEditOptionColorRange",
+          "declaration": {
+            "name": "LuzmoEditOptionColorRange",
+            "module": "src/components/edit-option-color-range/edit-option-color-range.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/edit-option-multi-language-field/edit-option-multi-language-field.ts",
@@ -2836,6 +3302,20 @@
               },
               "fieldName": "value"
             },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "min-width-input-field",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "minWidthInputField"
+            },
             {
               "name": "step",
               "type": {
@@ -6378,6 +6858,24 @@
               "attribute": "slot-type",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "slotName",
+              "type": {
+                "text": "SlotName"
+              },
+              "attribute": "slot-name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "itemType",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "item-type",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "noDrag",
@@ -6427,15 +6925,21 @@
               },
               "attribute": "drag-boundary"
             },
+            {
+              "kind": "field",
+              "name": "slotContents",
+              "type": {
+                "text": "GenericSlotContent[] | undefined"
+              },
+              "attribute": "slot-contents"
+            },
             {
               "kind": "field",
               "name": "measureColumns",
               "type": {
                 "text": "any[]"
               },
-              "default": "[]",
-              "description": "The list of columns that can be used for the rate aggregation",
-              "attribute": "measureColumns"
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -6446,13 +6950,6 @@
               "description": "(Optional) If you only want to display a specific content of a slot, you can set the slotIndex to the index of the content you want to display.",
               "attribute": "slot-index"
             },
-            {
-              "kind": "field",
-              "name": "slotContentLabelElement",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
             {
               "kind": "field",
               "name": "displaySettingsElement",
@@ -6469,36 +6966,41 @@
             },
             {
               "kind": "field",
-              "name": "_slotListData",
+              "name": "apiUrl",
               "type": {
-                "text": "any[]"
+                "text": "string | undefined"
               },
-              "default": "[]"
+              "default": "'https://api.luzmo.com'",
+              "description": "The API URL of the databroker",
+              "attribute": "api-url",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_slotContents",
+              "name": "authKey",
               "type": {
-                "text": "any[]"
+                "text": "string | undefined"
               },
-              "default": "[]"
+              "default": "'1a6069eb-9a30-424c-ad69-e0aa9e6bb8b6'",
+              "description": "The auth key of the databroker",
+              "attribute": "auth-key",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_currentSlotContent",
+              "name": "authToken",
               "type": {
-                "text": "any"
+                "text": "string | undefined"
               },
-              "default": "{}"
+              "default": "'AGAjEOVhJPyemwt5QNx1rI6nxuOH9pwdtyeg0aGSKuWenPR8GYmC3g2yKiCIjuD8POQOrEMGLYNnZdYRHZFAMi7QOfGd6gpSgZEbLXyhW9ucYG0U9Mc0uUksxIelkVH5yUESO3c6bVCV7FMVNIo7GW'",
+              "description": "The auth token of the databroker",
+              "attribute": "auth-token",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "_activeIndex"
             },
-            {
-              "kind": "method",
-              "name": "updateContentLabel"
-            },
             {
               "kind": "method",
               "name": "removeSlotContent",
@@ -6518,6 +7020,11 @@
             {
               "kind": "method",
               "name": "_removeActiveSlotContent"
+            },
+            {
+              "kind": "method",
+              "name": "resetPosition",
+              "description": "Reset the menu position to its original location"
             }
           ],
           "events": [
@@ -6564,6 +7071,20 @@
               "description": "The slot type",
               "fieldName": "slotType"
             },
+            {
+              "name": "slot-name",
+              "type": {
+                "text": "SlotName"
+              },
+              "fieldName": "slotName"
+            },
+            {
+              "name": "item-type",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "itemType"
+            },
             {
               "name": "no-drag",
               "type": {
@@ -6605,13 +7126,11 @@
               "fieldName": "dragBoundary"
             },
             {
-              "name": "measureColumns",
+              "name": "slot-contents",
               "type": {
-                "text": "any[]"
+                "text": "GenericSlotContent[] | undefined"
               },
-              "default": "[]",
-              "description": "The list of columns that can be used for the rate aggregation",
-              "fieldName": "measureColumns"
+              "fieldName": "slotContents"
             },
             {
               "name": "slot-index",
@@ -6621,6 +7140,33 @@
               "description": "(Optional) If you only want to display a specific content of a slot, you can set the slotIndex to the index of the content you want to display.",
               "fieldName": "slotIndex"
             },
+            {
+              "name": "api-url",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://api.luzmo.com'",
+              "description": "The API URL of the databroker",
+              "fieldName": "apiUrl"
+            },
+            {
+              "name": "auth-key",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'1a6069eb-9a30-424c-ad69-e0aa9e6bb8b6'",
+              "description": "The auth key of the databroker",
+              "fieldName": "authKey"
+            },
+            {
+              "name": "auth-token",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'AGAjEOVhJPyemwt5QNx1rI6nxuOH9pwdtyeg0aGSKuWenPR8GYmC3g2yKiCIjuD8POQOrEMGLYNnZdYRHZFAMi7QOfGd6gpSgZEbLXyhW9ucYG0U9Mc0uUksxIelkVH5yUESO3c6bVCV7FMVNIo7GW'",
+              "description": "The auth token of the databroker",
+              "fieldName": "authToken"
+            },
             {
               "name": "size",
               "type": {
@@ -6631,6 +7177,12 @@
               "fieldName": "size"
             }
           ],
+          "mixins": [
+            {
+              "name": "SignalWatcher",
+              "package": "@lit-labs/signals"
+            }
+          ],
           "superclass": {
             "name": "LuzmoElement",
             "module": "/src/utils/base"