@luzmo/analytics-components-kit 1.0.1-alpha.40 → 1.0.1-alpha.42

package/custom-elements.json

@@ -747,7 +747,8 @@
                 "text": "any"
               },
               "default": "{}",
-              "description": "The slotContent that is passed to the settings"
+              "description": "The slotContent that is passed to the settings",
+              "attribute": "slot-content"
             }
           ],
           "events": [
@@ -769,6 +770,15 @@
               "description": "The language used in the settings",
               "fieldName": "language"
             },
+            {
+              "name": "slot-content",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "The slotContent that is passed to the settings",
+              "fieldName": "slotContent"
+            },
             {
               "name": "size",
               "type": {
@@ -893,6 +903,15 @@
               "attribute": "hide-type-icon",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "secondaryIconType",
+              "type": {
+                "text": "'derived' | 'formula' | undefined"
+              },
+              "attribute": "secondary-icon-type",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "label",
@@ -925,6 +944,10 @@
             {
               "description": "Announces that the draggable data item has been dropped",
               "name": "data-item-dropped"
+            },
+            {
+              "description": "Announces that the drag is started on the data item",
+              "name": "data-item-drag-started"
             }
           ],
           "attributes": [
@@ -964,6 +987,13 @@
               },
               "fieldName": "hideTypeIcon"
             },
+            {
+              "name": "secondary-icon-type",
+              "type": {
+                "text": "'derived' | 'formula' | undefined"
+              },
+              "fieldName": "secondaryIconType"
+            },
             {
               "name": "label",
               "type": {
@@ -1088,6 +1118,15 @@
               "attribute": "description",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "secondaryIconType",
+              "type": {
+                "text": "'derived' | 'formula' | undefined"
+              },
+              "attribute": "secondary-icon-type",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "data",
@@ -1102,6 +1141,10 @@
             {
               "description": "Announces that the draggable data item has been dropped",
               "name": "data-item-dropped"
+            },
+            {
+              "description": "Announces that the drag is started on the data item",
+              "name": "data-item-drag-started"
             }
           ],
           "attributes": [
@@ -1155,6 +1198,13 @@
               },
               "fieldName": "description"
             },
+            {
+              "name": "secondary-icon-type",
+              "type": {
+                "text": "'derived' | 'formula' | undefined"
+              },
+              "fieldName": "secondaryIconType"
+            },
             {
               "name": "data",
               "type": {
@@ -1288,7 +1338,7 @@
               "kind": "field",
               "name": "menu",
               "type": {
-                "text": "'default' | 'popup' | 'draggable' | 'event-only'"
+                "text": "'default' | 'draggable' | 'event-only'"
               },
               "default": "'default'",
               "description": "The type of config interaction",
@@ -1384,7 +1434,7 @@
             {
               "name": "menu",
               "type": {
-                "text": "'default' | 'popup' | 'draggable' | 'event-only'"
+                "text": "'default' | 'draggable' | 'event-only'"
               },
               "default": "'default'",
               "description": "The type of config interaction",
@@ -5905,6 +5955,373 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/slot-contents-picker/slot-contents-picker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoSlotContentsPicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "itemType",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The type of the item",
+              "attribute": "item-type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "slotName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the slot",
+              "attribute": "slot-name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "slotConfiguration",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "(Optional) The configuration of the slot, overrides the slot configuration loaded from the item type & slot name.",
+              "attribute": "slotConfiguration"
+            },
+            {
+              "kind": "field",
+              "name": "slotContents",
+              "type": {
+                "text": "any"
+              },
+              "default": "[]",
+              "description": "The contents of the slot",
+              "attribute": "slotContents"
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language of the slot-menu",
+              "attribute": "language",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the picker is disabled",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "menu",
+              "type": {
+                "text": "'default' | 'draggable' | 'event-only'"
+              },
+              "default": "'default'",
+              "description": "The type of config interaction",
+              "attribute": "menu",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the picker has a label",
+              "attribute": "has-label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The label for the picker, if hasLabel is true",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selects",
+              "type": {
+                "text": "'single' | 'multiple'"
+              },
+              "default": "'multiple'",
+              "description": "Whether the picker allows multiple selections. Only relevant if the slot configuration allows multiple data items.",
+              "attribute": "selects",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "icons",
+              "type": {
+                "text": "'none' | 'only-menu' | 'all' | undefined"
+              },
+              "default": "'only-menu'",
+              "description": "Where to show icons",
+              "attribute": "icons",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The placeholder text for the picker is no value selected.",
+              "attribute": "placeholder",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "datasetsDataItems",
+              "type": {
+                "text": "{\n    id: string;\n    name: { [key: string]: string };\n    columns: any[];\n    formulas: any[];\n  }[]"
+              },
+              "default": "[]",
+              "description": "The datasets and their dataItems to display",
+              "attribute": "datasetsDataItems"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom-end'",
+              "description": "Placement of the slot menu. Only relevant for 'popup' and 'draggable' menu type",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideDelete",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "hide-delete",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hideConfiguration",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "attribute": "hide-configuration",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "stretch",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "description": "Announces that the slot contents has changed",
+              "name": "slot-contents-changed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "item-type",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The type of the item",
+              "fieldName": "itemType"
+            },
+            {
+              "name": "slot-name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the slot",
+              "fieldName": "slotName"
+            },
+            {
+              "name": "slotConfiguration",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "(Optional) The configuration of the slot, overrides the slot configuration loaded from the item type & slot name.",
+              "fieldName": "slotConfiguration"
+            },
+            {
+              "name": "slotContents",
+              "type": {
+                "text": "any"
+              },
+              "default": "[]",
+              "description": "The contents of the slot",
+              "fieldName": "slotContents"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language of the slot-menu",
+              "fieldName": "language"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the picker is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "menu",
+              "type": {
+                "text": "'default' | 'draggable' | 'event-only'"
+              },
+              "default": "'default'",
+              "description": "The type of config interaction",
+              "fieldName": "menu"
+            },
+            {
+              "name": "has-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the picker has a label",
+              "fieldName": "hasLabel"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The label for the picker, if hasLabel is true",
+              "fieldName": "label"
+            },
+            {
+              "name": "selects",
+              "type": {
+                "text": "'single' | 'multiple'"
+              },
+              "default": "'multiple'",
+              "description": "Whether the picker allows multiple selections. Only relevant if the slot configuration allows multiple data items.",
+              "fieldName": "selects"
+            },
+            {
+              "name": "icons",
+              "type": {
+                "text": "'none' | 'only-menu' | 'all' | undefined"
+              },
+              "default": "'only-menu'",
+              "description": "Where to show icons",
+              "fieldName": "icons"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The placeholder text for the picker is no value selected.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "datasetsDataItems",
+              "type": {
+                "text": "{\n    id: string;\n    name: { [key: string]: string };\n    columns: any[];\n    formulas: any[];\n  }[]"
+              },
+              "default": "[]",
+              "description": "The datasets and their dataItems to display",
+              "fieldName": "datasetsDataItems"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom-end'",
+              "description": "Placement of the slot menu. Only relevant for 'popup' and 'draggable' menu type",
+              "fieldName": "placement"
+            },
+            {
+              "name": "hide-delete",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "hideDelete"
+            },
+            {
+              "name": "hide-configuration",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "hideConfiguration"
+            },
+            {
+              "name": "stretch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "stretch"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm' | 'l' | 'xl'"
+              },
+              "default": "m",
+              "description": "The size of the element",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "LuzmoElement",
+            "module": "/src/utils/base"
+          },
+          "tagName": "luzmo-slot-contents-picker",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoSlotContentsPicker",
+          "declaration": {
+            "name": "LuzmoSlotContentsPicker",
+            "module": "src/components/slot-contents-picker/slot-contents-picker.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/slot-menu/slot-menu.ts",
@@ -5995,8 +6412,28 @@
                 "text": "any"
               },
               "default": "[]",
+              "description": "The contents of the slot",
               "attribute": "slotContents"
             },
+            {
+              "kind": "field",
+              "name": "measureColumns",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "description": "The list of columns that can be used for the rate aggregation",
+              "attribute": "measureColumns"
+            },
+            {
+              "kind": "field",
+              "name": "slotIndex",
+              "type": {
+                "text": "number | undefined"
+              },
+              "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",
@@ -6044,11 +6481,7 @@
             },
             {
               "kind": "field",
-              "name": "_activeIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
+              "name": "_activeIndex"
             },
             {
               "kind": "method",
@@ -6080,13 +6513,15 @@
               "name": "slot-contents-changed",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Emitted when the slot contents change"
             },
             {
               "name": "close",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Emitted when the slot menu is closed"
             }
           ],
           "attributes": [
@@ -6156,8 +6591,26 @@
                 "text": "any"
               },
               "default": "[]",
+              "description": "The contents of the slot",
               "fieldName": "slotContents"
             },
+            {
+              "name": "measureColumns",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "description": "The list of columns that can be used for the rate aggregation",
+              "fieldName": "measureColumns"
+            },
+            {
+              "name": "slot-index",
+              "type": {
+                "text": "number | undefined"
+              },
+              "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": "size",
               "type": {

package/index.d.ts

@@ -28,6 +28,7 @@ export * from './components/filter-value-picker-datetime';
 export * from './components/filter-value-picker-hierarchy';
 export * from './components/filter-value-picker-numeric';
 export * from './components/grid';
+export * from './components/slot-contents-picker';
 export * from './components/slot-menu';
 export * from './components/slot-menu-list';
 export * from './item-definitions/item-list';

package/item-definitions/area-chart/area-chart-slots.config.d.ts

@@ -9,7 +9,7 @@ declare const _default: ({
         isBinningDisabled?: undefined;
         areDatetimeOptionsEnabled?: undefined;
     };
-    canAcceptMultipleColumns: boolean;
+    canAcceptMultipleDataItems: boolean;
     canAcceptFormula: boolean;
     isRequired?: undefined;
 } | {
@@ -24,7 +24,7 @@ declare const _default: ({
         isCumulativeSumEnabled?: undefined;
     };
     isRequired: boolean;
-    canAcceptMultipleColumns?: undefined;
+    canAcceptMultipleDataItems?: undefined;
     canAcceptFormula?: undefined;
 } | {
     name: string;
@@ -37,7 +37,7 @@ declare const _default: ({
         isBinningDisabled?: undefined;
     };
     type: string;
-    canAcceptMultipleColumns?: undefined;
+    canAcceptMultipleDataItems?: undefined;
     canAcceptFormula?: undefined;
     isRequired?: undefined;
 })[];

package/item-definitions/bar-chart/bar-chart-slots.config.d.ts

@@ -7,7 +7,7 @@ declare const _default: ({
         isCumulativeSumEnabled: boolean;
         areDatetimeOptionsEnabled?: undefined;
     };
-    canAcceptMultipleColumns: boolean;
+    canAcceptMultipleDataItems: boolean;
     canAcceptFormula: boolean;
 } | {
     name: string;
@@ -18,7 +18,7 @@ declare const _default: ({
         areDatetimeOptionsEnabled: boolean;
         isCumulativeSumEnabled?: undefined;
     };
-    canAcceptMultipleColumns?: undefined;
+    canAcceptMultipleDataItems?: undefined;
     canAcceptFormula?: undefined;
 })[];
 export default _default;

package/item-definitions/box-plot/box-plot-slots.config.d.ts

@@ -6,7 +6,7 @@ declare const _default: ({
         isAggregationDisabled: boolean;
         areDatetimeOptionsEnabled?: undefined;
     };
-    acceptableColumnTypes: string[];
+    acceptableDataItemTypes: string[];
     type: string;
     isRequired: boolean;
     canAcceptFormula: boolean;
@@ -20,7 +20,7 @@ declare const _default: ({
     };
     type: string;
     isRequired: boolean;
-    acceptableColumnTypes?: undefined;
+    acceptableDataItemTypes?: undefined;
     canAcceptFormula?: undefined;
 })[];
 export default _default;

package/item-definitions/choropleth-map/choropleth-map-slots.config.d.ts

@@ -4,7 +4,7 @@ declare const _default: ({
     label: string;
     type: string;
     isRequired: boolean;
-    acceptableColumnTypes: string[];
+    acceptableDataItemTypes: string[];
     acceptableColumnSubtypes: string[];
     canAcceptFormula?: undefined;
 } | {
@@ -14,14 +14,14 @@ declare const _default: ({
     type: string;
     canAcceptFormula: boolean;
     isRequired?: undefined;
-    acceptableColumnTypes?: undefined;
+    acceptableDataItemTypes?: undefined;
     acceptableColumnSubtypes?: undefined;
 } | {
     name: string;
     rotate: boolean;
     label: string;
     type: string;
-    acceptableColumnTypes: string[];
+    acceptableDataItemTypes: string[];
     isRequired?: undefined;
     acceptableColumnSubtypes?: undefined;
     canAcceptFormula?: undefined;