@luzmo/analytics-components-kit 1.3.0 → 2.0.0

package/angular/esm/components/item-slot-drop.js

@@ -15,6 +15,8 @@ export class LuzmoItemSlotDrop {
     get nativeElement() {
         return this.host;
     }
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The visualization item type that determines the available slots and their configuration. */
     itemType;
     /** The name of the slot this drop target represents. */
@@ -70,6 +72,9 @@ export class LuzmoItemSlotDrop {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'itemType':
                     this.setHostProperty('itemType', changes['itemType'].currentValue);
                     break;
@@ -158,7 +163,7 @@ export class LuzmoItemSlotDrop {
         }));
     }
     static ɵfac = function LuzmoItemSlotDrop_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotDrop)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDrop, selectors: [["luzmo-item-slot-drop"]], inputs: { itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotsContents: "slotsContents", label: "label", contentLanguage: "contentLanguage", dragBoundary: "dragBoundary", rotate: [2, "rotate", "rotate", booleanAttribute], apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", menu: "menu", placement: "placement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], language: "language", size: "size" }, outputs: { luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged", luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, exportAs: ["luzmoItemSlotDrop"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDrop_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDrop, selectors: [["luzmo-item-slot-drop"]], inputs: { hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotsContents: "slotsContents", label: "label", contentLanguage: "contentLanguage", dragBoundary: "dragBoundary", rotate: [2, "rotate", "rotate", booleanAttribute], apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", menu: "menu", placement: "placement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], language: "language", size: "size" }, outputs: { luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged", luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, exportAs: ["luzmoItemSlotDrop"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDrop_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -172,7 +177,10 @@ export class LuzmoItemSlotDrop {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { itemType: [{
+    }], () => [], { hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], itemType: [{
             type: Input,
             args: [{ alias: 'itemType' }]
         }], slotName: [{

package/angular/esm/components/item-slot-picker-panel.d.ts

@@ -14,6 +14,8 @@ export declare class LuzmoItemSlotPickerPanel implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemSlotPickerPanelHostElement;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter?: boolean;
     /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
     itemType?: VizItemType | string;
     /** The language to use for locale-aware formatting and labels */
@@ -34,7 +36,7 @@ export declare class LuzmoItemSlotPickerPanel implements OnChanges {
     datasetsDataFields?: Array<DatasetsDataFields & Pick<DatasetMetadata, 'description'>>;
     /** Array of dataset IDs to fetch and display. Used as an alternative to datasetsDataFields - when provided (and datasetsDataFields is empty), the component will fetch the dataset metadata automatically. Requires apiUrl, authKey, and authToken to be set. */
     datasetIds?: string[];
-    /** The currently selected dataset ID. If not provided, defaults to the first available dataset. */
+    /** The currently selected dataset ID. If not provided, defaults to the first available dataset, except when the panel fetches the dataset list itself. */
     selectedDatasetId?: string;
     /** Whether to show the dataset picker dropdown. */
     datasetPicker?: boolean;
@@ -91,7 +93,8 @@ export declare class LuzmoItemSlotPickerPanel implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotPickerPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotPickerPanel, "luzmo-item-slot-picker-panel", ["luzmoItemSlotPickerPanel"], { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dataFieldsSearch": { "alias": "dataFieldsSearch"; "required": false; }; "datasetSearch": { "alias": "datasetSearch"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "selectedDatasetId": { "alias": "selectedDatasetId"; "required": false; }; "datasetPicker": { "alias": "datasetPicker"; "required": false; }; "datasetPickerLabel": { "alias": "datasetPickerLabel"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "container": { "alias": "container"; "required": false; }; "datasetfieldlabel": { "alias": "datasetFieldLabel"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotcontainer": { "alias": "slotContainer"; "required": false; }; "fieldlabel": { "alias": "fieldLabel"; "required": false; }; "itemslotpicker": { "alias": "itemSlotPicker"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDatasetConstraintTriggered": "luzmoDatasetConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; "luzmoDatasetChanged": "luzmoDatasetChanged"; "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotPickerPanel, "luzmo-item-slot-picker-panel", ["luzmoItemSlotPickerPanel"], { "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dataFieldsSearch": { "alias": "dataFieldsSearch"; "required": false; }; "datasetSearch": { "alias": "datasetSearch"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "datasetIds": { "alias": "datasetIds"; "required": false; }; "selectedDatasetId": { "alias": "selectedDatasetId"; "required": false; }; "datasetPicker": { "alias": "datasetPicker"; "required": false; }; "datasetPickerLabel": { "alias": "datasetPickerLabel"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "container": { "alias": "container"; "required": false; }; "datasetfieldlabel": { "alias": "datasetFieldLabel"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotcontainer": { "alias": "slotContainer"; "required": false; }; "fieldlabel": { "alias": "fieldLabel"; "required": false; }; "itemslotpicker": { "alias": "itemSlotPicker"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoDatasetConstraintTriggered": "luzmoDatasetConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; "luzmoDatasetChanged": "luzmoDatasetChanged"; "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_datasetPicker: unknown;
     static ngAcceptInputType_grows: unknown;
 }

package/angular/esm/components/item-slot-picker-panel.js

@@ -15,6 +15,8 @@ export class LuzmoItemSlotPickerPanel {
     get nativeElement() {
         return this.host;
     }
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart') */
     itemType;
     /** The language to use for locale-aware formatting and labels */
@@ -35,7 +37,7 @@ export class LuzmoItemSlotPickerPanel {
     datasetsDataFields;
     /** Array of dataset IDs to fetch and display. Used as an alternative to datasetsDataFields - when provided (and datasetsDataFields is empty), the component will fetch the dataset metadata automatically. Requires apiUrl, authKey, and authToken to be set. */
     datasetIds;
-    /** The currently selected dataset ID. If not provided, defaults to the first available dataset. */
+    /** The currently selected dataset ID. If not provided, defaults to the first available dataset, except when the panel fetches the dataset list itself. */
     selectedDatasetId;
     /** Whether to show the dataset picker dropdown. */
     datasetPicker;
@@ -92,6 +94,9 @@ export class LuzmoItemSlotPickerPanel {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'itemType':
                     this.setHostProperty('itemType', changes['itemType'].currentValue);
                     break;
@@ -212,7 +217,7 @@ export class LuzmoItemSlotPickerPanel {
         }));
     }
     static ɵfac = function LuzmoItemSlotPickerPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotPickerPanel)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotPickerPanel, selectors: [["luzmo-item-slot-picker-panel"]], inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", slotsContents: "slotsContents", selects: "selects", dataFieldsSearch: "dataFieldsSearch", datasetSearch: "datasetSearch", icons: "icons", datasetsDataFields: "datasetsDataFields", datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: [2, "datasetPicker", "datasetPicker", booleanAttribute], datasetPickerLabel: "datasetPickerLabel", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", placement: "placement", slotMenuPlacement: "slotMenuPlacement", slotMenuMode: "slotMenuMode", constraintMode: "constraintMode", grows: [2, "grows", "grows", booleanAttribute], container: "container", datasetfieldlabel: [0, "datasetFieldLabel", "datasetfieldlabel"], slotspanel: [0, "slotsPanel", "slotspanel"], slotcontainer: [0, "slotContainer", "slotcontainer"], fieldlabel: [0, "fieldLabel", "fieldlabel"], itemslotpicker: [0, "itemSlotPicker", "itemslotpicker"], language: "language", size: "size" }, outputs: { luzmoDatasetConstraintTriggered: "luzmoDatasetConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged", luzmoDatasetChanged: "luzmoDatasetChanged", luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered" }, exportAs: ["luzmoItemSlotPickerPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotPickerPanel_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotPickerPanel, selectors: [["luzmo-item-slot-picker-panel"]], inputs: { hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", slotsContents: "slotsContents", selects: "selects", dataFieldsSearch: "dataFieldsSearch", datasetSearch: "datasetSearch", icons: "icons", datasetsDataFields: "datasetsDataFields", datasetIds: "datasetIds", selectedDatasetId: "selectedDatasetId", datasetPicker: [2, "datasetPicker", "datasetPicker", booleanAttribute], datasetPickerLabel: "datasetPickerLabel", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", placement: "placement", slotMenuPlacement: "slotMenuPlacement", slotMenuMode: "slotMenuMode", constraintMode: "constraintMode", grows: [2, "grows", "grows", booleanAttribute], container: "container", datasetfieldlabel: [0, "datasetFieldLabel", "datasetfieldlabel"], slotspanel: [0, "slotsPanel", "slotspanel"], slotcontainer: [0, "slotContainer", "slotcontainer"], fieldlabel: [0, "fieldLabel", "fieldlabel"], itemslotpicker: [0, "itemSlotPicker", "itemslotpicker"], language: "language", size: "size" }, outputs: { luzmoDatasetConstraintTriggered: "luzmoDatasetConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged", luzmoDatasetChanged: "luzmoDatasetChanged", luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered" }, exportAs: ["luzmoItemSlotPickerPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotPickerPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -226,7 +231,10 @@ export class LuzmoItemSlotPickerPanel {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { itemType: [{
+    }], () => [], { hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], itemType: [{
             type: Input,
             args: [{ alias: 'itemType' }]
         }], contentLanguage: [{

package/angular/esm/components/item-slot-picker.d.ts

@@ -3,7 +3,7 @@ import '@luzmo/analytics-components-kit/item-slot-picker';
 import type { LuzmoItemSlotPicker as LuzmoItemSlotPickerHostElement, SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker';
 import type { Placement } from '@floating-ui/dom';
 import type { DatasetsDataFields, SlotContent } from '@luzmo/analytics-components-kit/types';
-import type { SlotConfig, SlotName, VizItemType } from '@luzmo/dashboard-contents-types';
+import type { SlotConfig, SlotName, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 import * as i0 from "@angular/core";
 export type { SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker';
 export declare class LuzmoItemSlotPicker implements OnChanges {
@@ -14,6 +14,10 @@ export declare class LuzmoItemSlotPicker implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemSlotPickerHostElement;
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents?: VizItemSlot[];
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter?: boolean;
     /** The API URL for the databroker */
     apiUrl?: string;
     /** The API key to fetch the columns */
@@ -42,6 +46,8 @@ export declare class LuzmoItemSlotPicker implements OnChanges {
     label?: string;
     /** Whether the picker allows single or multiple selections. Only relevant if the slot configuration allows multiple data fields. */
     selects?: 'single' | 'multiple';
+    /** Whether the search input is visible: `on`, `off`, or `auto`. */
+    search?: 'on' | 'off' | 'auto';
     /** Where to show icons */
     icons?: 'none' | 'menu-only' | 'all';
     /** The placeholder text for the picker is no value selected. */
@@ -60,8 +66,6 @@ export declare class LuzmoItemSlotPicker implements OnChanges {
     hideClear?: boolean;
     /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
     language?: string;
-    /** Whether the search input is visible: `on`, `off`, or `auto`. */
-    search?: 'on' | 'off' | 'auto';
     /** The size of the element */
     size?: 's' | 'm' | 'l' | 'xl';
     /** Announces that the slot contents has changed */
@@ -77,7 +81,8 @@ export declare class LuzmoItemSlotPicker implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotPicker, "luzmo-item-slot-picker", ["luzmoItemSlotPicker"], { "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotContents": { "alias": "slotContents"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "hasLabel": { "alias": "hasLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "hideClear": { "alias": "hideClear"; "required": false; }; "language": { "alias": "language"; "required": false; }; "search": { "alias": "search"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotPicker, "luzmo-item-slot-picker", ["luzmoItemSlotPicker"], { "slotsContents": { "alias": "slotsContents"; "required": false; }; "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotContents": { "alias": "slotContents"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "hasLabel": { "alias": "hasLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "search": { "alias": "search"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "hideClear": { "alias": "hideClear"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_grows: unknown;
     static ngAcceptInputType_hasLabel: unknown;

package/angular/esm/components/item-slot-picker.js

@@ -15,6 +15,10 @@ export class LuzmoItemSlotPicker {
     get nativeElement() {
         return this.host;
     }
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The API URL for the databroker */
     apiUrl;
     /** The API key to fetch the columns */
@@ -43,6 +47,8 @@ export class LuzmoItemSlotPicker {
     label;
     /** Whether the picker allows single or multiple selections. Only relevant if the slot configuration allows multiple data fields. */
     selects;
+    /** Whether the search input is visible: `on`, `off`, or `auto`. */
+    search;
     /** Where to show icons */
     icons;
     /** The placeholder text for the picker is no value selected. */
@@ -61,8 +67,6 @@ export class LuzmoItemSlotPicker {
     hideClear;
     /** The language for UI labels. Supported values: 'en', 'nl', 'fr', 'de', 'es' */
     language;
-    /** Whether the search input is visible: `on`, `off`, or `auto`. */
-    search;
     /** The size of the element */
     size;
     /** Announces that the slot contents has changed */
@@ -78,6 +82,12 @@ export class LuzmoItemSlotPicker {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'slotsContents':
+                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+                    break;
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'apiUrl':
                     this.setHostProperty('apiUrl', changes['apiUrl'].currentValue);
                     break;
@@ -120,6 +130,9 @@ export class LuzmoItemSlotPicker {
                 case 'selects':
                     this.setHostProperty('selects', changes['selects'].currentValue);
                     break;
+                case 'search':
+                    this.setHostProperty('search', changes['search'].currentValue);
+                    break;
                 case 'icons':
                     this.setHostProperty('icons', changes['icons'].currentValue);
                     break;
@@ -147,9 +160,6 @@ export class LuzmoItemSlotPicker {
                 case 'language':
                     this.setHostProperty('language', changes['language'].currentValue);
                     break;
-                case 'search':
-                    this.setHostProperty('search', changes['search'].currentValue);
-                    break;
                 case 'size':
                     this.setHostProperty('size', changes['size'].currentValue);
                     break;
@@ -174,7 +184,7 @@ export class LuzmoItemSlotPicker {
         }));
     }
     static ɵfac = function LuzmoItemSlotPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotPicker)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotPicker, selectors: [["luzmo-item-slot-picker"]], inputs: { apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotContents: "slotContents", contentLanguage: "contentLanguage", disabled: [2, "disabled", "disabled", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], menu: "menu", hasLabel: [2, "hasLabel", "hasLabel", booleanAttribute], label: "label", selects: "selects", icons: "icons", placeholder: "placeholder", datasetsDataFields: "datasetsDataFields", placement: "placement", slotMenuPlacement: "slotMenuPlacement", slotMenuMode: "slotMenuMode", hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], hideClear: [2, "hideClear", "hideClear", booleanAttribute], language: "language", search: "search", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, exportAs: ["luzmoItemSlotPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotPicker_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotPicker, selectors: [["luzmo-item-slot-picker"]], inputs: { slotsContents: "slotsContents", hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", itemType: "itemType", slotName: "slotName", slotConfiguration: "slotConfiguration", slotContents: "slotContents", contentLanguage: "contentLanguage", disabled: [2, "disabled", "disabled", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], menu: "menu", hasLabel: [2, "hasLabel", "hasLabel", booleanAttribute], label: "label", selects: "selects", search: "search", icons: "icons", placeholder: "placeholder", datasetsDataFields: "datasetsDataFields", placement: "placement", slotMenuPlacement: "slotMenuPlacement", slotMenuMode: "slotMenuMode", hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], hideClear: [2, "hideClear", "hideClear", booleanAttribute], language: "language", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged" }, exportAs: ["luzmoItemSlotPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotPicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -188,7 +198,13 @@ export class LuzmoItemSlotPicker {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { apiUrl: [{
+    }], () => [], { slotsContents: [{
+            type: Input,
+            args: [{ alias: 'slotsContents' }]
+        }], hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], apiUrl: [{
             type: Input,
             args: [{ alias: 'apiUrl' }]
         }], authKey: [{
@@ -230,6 +246,9 @@ export class LuzmoItemSlotPicker {
         }], selects: [{
             type: Input,
             args: [{ alias: 'selects' }]
+        }], search: [{
+            type: Input,
+            args: [{ alias: 'search' }]
         }], icons: [{
             type: Input,
             args: [{ alias: 'icons' }]
@@ -257,9 +276,6 @@ export class LuzmoItemSlotPicker {
         }], language: [{
             type: Input,
             args: [{ alias: 'language' }]
-        }], search: [{
-            type: Input,
-            args: [{ alias: 'search' }]
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]

package/angular/esm/components/slot-menu.d.ts

@@ -5,7 +5,7 @@ import type { DatasetDataFields } from '@luzmo/analytics-components-kit/data-fie
 import type { LuzmoDisplaySettings } from '@luzmo/analytics-components-kit/display-settings';
 import type { LuzmoSlotMenuList } from '@luzmo/analytics-components-kit/slot-menu-list';
 import type { SlotContent } from '@luzmo/analytics-components-kit/types';
-import type { SlotName, VizItemType } from '@luzmo/dashboard-contents-types';
+import type { SlotName, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 import * as i0 from "@angular/core";
 export type { InfoVisibilityChangedEventDetail, MeasureColumnsItem, SlotContentChangedEventDetail, SlotContentsChangedEventDetail, SlotListChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/slot-menu';
 export declare class LuzmoSlotMenu implements OnChanges {
@@ -16,6 +16,10 @@ export declare class LuzmoSlotMenu implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoSlotMenuHostElement;
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents?: VizItemSlot[];
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter?: boolean;
     /** The language of the settings interface */
     language?: string;
     /** The language to use for locale-aware formatting and labels */
@@ -92,7 +96,8 @@ export declare class LuzmoSlotMenu implements OnChanges {
     private bindEvents;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoSlotMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSlotMenu, "luzmo-slot-menu", ["luzmoSlotMenu"], { "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotType": { "alias": "slotType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "noDrag": { "alias": "noDrag"; "required": false; }; "noClose": { "alias": "noClose"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "noTopMenuLabel": { "alias": "noTopMenuLabel"; "required": false; }; "noRemove": { "alias": "noRemove"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "areGrandTotalsEnabled": { "alias": "areGrandTotalsEnabled"; "required": false; }; "areDatetimeOptionsEnabled": { "alias": "areDatetimeOptionsEnabled"; "required": false; }; "isBinningDisabled": { "alias": "isBinningDisabled"; "required": false; }; "isAggregationDisabled": { "alias": "isAggregationDisabled"; "required": false; }; "isCumulativeSumEnabled": { "alias": "isCumulativeSumEnabled"; "required": false; }; "slotContents": { "alias": "slotContents"; "required": false; }; "measureColumns": { "alias": "measureColumns"; "required": false; }; "slotIndex": { "alias": "slotIndex"; "required": false; }; "displaySettingsElement": { "alias": "displaySettingsElement"; "required": false; }; "slotMenuListElement": { "alias": "slotMenuListElement"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; "luzmoClose": "luzmoClose"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSlotMenu, "luzmo-slot-menu", ["luzmoSlotMenu"], { "slotsContents": { "alias": "slotsContents"; "required": false; }; "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotType": { "alias": "slotType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "noDrag": { "alias": "noDrag"; "required": false; }; "noClose": { "alias": "noClose"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "noTopMenuLabel": { "alias": "noTopMenuLabel"; "required": false; }; "noRemove": { "alias": "noRemove"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "areGrandTotalsEnabled": { "alias": "areGrandTotalsEnabled"; "required": false; }; "areDatetimeOptionsEnabled": { "alias": "areDatetimeOptionsEnabled"; "required": false; }; "isBinningDisabled": { "alias": "isBinningDisabled"; "required": false; }; "isAggregationDisabled": { "alias": "isAggregationDisabled"; "required": false; }; "isCumulativeSumEnabled": { "alias": "isCumulativeSumEnabled"; "required": false; }; "slotContents": { "alias": "slotContents"; "required": false; }; "measureColumns": { "alias": "measureColumns"; "required": false; }; "slotIndex": { "alias": "slotIndex"; "required": false; }; "displaySettingsElement": { "alias": "displaySettingsElement"; "required": false; }; "slotMenuListElement": { "alias": "slotMenuListElement"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; "luzmoClose": "luzmoClose"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_noDrag: unknown;
     static ngAcceptInputType_noClose: unknown;
     static ngAcceptInputType_noTopMenuLabel: unknown;

package/angular/esm/components/slot-menu.js

@@ -15,6 +15,10 @@ export class LuzmoSlotMenu {
     get nativeElement() {
         return this.host;
     }
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The language of the settings interface */
     language;
     /** The language to use for locale-aware formatting and labels */
@@ -90,6 +94,12 @@ export class LuzmoSlotMenu {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'slotsContents':
+                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+                    break;
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'language':
                     this.setHostProperty('language', changes['language'].currentValue);
                     break;
@@ -212,7 +222,7 @@ export class LuzmoSlotMenu {
         return this.host.close();
     }
     static ɵfac = function LuzmoSlotMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoSlotMenu)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSlotMenu, selectors: [["luzmo-slot-menu"]], inputs: { language: "language", contentLanguage: "contentLanguage", slotType: "slotType", slotName: "slotName", itemType: "itemType", noDrag: [2, "noDrag", "noDrag", booleanAttribute], noClose: [2, "noClose", "noClose", booleanAttribute], variant: "variant", noTopMenuLabel: [2, "noTopMenuLabel", "noTopMenuLabel", booleanAttribute], noRemove: [2, "noRemove", "noRemove", booleanAttribute], dragBoundary: "dragBoundary", areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], slotContents: "slotContents", measureColumns: "measureColumns", slotIndex: "slotIndex", displaySettingsElement: "displaySettingsElement", slotMenuListElement: "slotMenuListElement", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", datasetsDataFields: "datasetsDataFields", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged", luzmoClose: "luzmoClose", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoSlotMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSlotMenu_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSlotMenu, selectors: [["luzmo-slot-menu"]], inputs: { slotsContents: "slotsContents", hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], language: "language", contentLanguage: "contentLanguage", slotType: "slotType", slotName: "slotName", itemType: "itemType", noDrag: [2, "noDrag", "noDrag", booleanAttribute], noClose: [2, "noClose", "noClose", booleanAttribute], variant: "variant", noTopMenuLabel: [2, "noTopMenuLabel", "noTopMenuLabel", booleanAttribute], noRemove: [2, "noRemove", "noRemove", booleanAttribute], dragBoundary: "dragBoundary", areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], slotContents: "slotContents", measureColumns: "measureColumns", slotIndex: "slotIndex", displaySettingsElement: "displaySettingsElement", slotMenuListElement: "slotMenuListElement", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", datasetsDataFields: "datasetsDataFields", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged", luzmoClose: "luzmoClose", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoSlotMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSlotMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -226,7 +236,13 @@ export class LuzmoSlotMenu {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { language: [{
+    }], () => [], { slotsContents: [{
+            type: Input,
+            args: [{ alias: 'slotsContents' }]
+        }], hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], language: [{
             type: Input,
             args: [{ alias: 'language' }]
         }], contentLanguage: [{

package/angular/package.json

@@ -29,9 +29,9 @@
   "peerDependencies": {
     "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
-    "@luzmo/analytics-components-kit": "1.3.0"
+    "@luzmo/analytics-components-kit": "2.0.0"
   },
-  "version": "1.3.0",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cumulio-internal/analytics-components-kit.git"

package/angular/utils/filters/expressions.d.ts

@@ -13,3 +13,5 @@ export type FilterExpressionConfiguration = {
 export type FilterExpressionKey = '? = ?' | '? != ?' | '? in ?' | '? not in ?' | '? like ?' | '? not like ?' | '? starts with ?' | '? not starts with ?' | '? ends with ?' | '? not ends with ?' | '? < ?' | '? <= ?' | '? > ?' | '? >= ?' | '? between ?' | 'last_now' | 'last_available' | 'last_completed' | 'next_now' | 'more_than_ago' | 'or_more_ago' | 'next_full' | 'to_date' | '? is null' | '? is not null';
 export declare const filterExpressionsConfigurations: () => FilterExpressionConfiguration[];
 export declare const getValidExpressions: (type?: ColumnType, subtype?: ColumnSubtype, isFormula?: boolean) => FilterExpressionConfiguration[];
+export declare const toDisplayedQuantity: (expression: string | undefined, quantity: number) => number;
+export declare const toStoredQuantity: (expression: string | undefined, quantity: number) => number;

package/angular/utils/slot-state/slot-store.d.ts

@@ -15,7 +15,8 @@ export declare class SlotStore {
         id: string;
         columns: any[];
     }[]>;
-    private readonly _popEnabledChartTypes;
+    readonly hasConnectedComparisonFilter: import("signal-polyfill").Signal.State<boolean>;
+    readonly itemType: import("signal-polyfill").Signal.State<VizItemType | undefined>;
     private readonly _popPeriodsWithoutDatetimeColumnItemTypes;
     private readonly _popWithoutPastValueItemTypes;
     readonly activeSlotContents: import("signal-polyfill").Signal.Computed<SlotContent>;
@@ -23,14 +24,8 @@ export declare class SlotStore {
      * Index of the content currently selected / active in a slot menu.
      */
     readonly activeIndex: import("signal-polyfill").Signal.State<number>;
-    private isArrayColumnType;
-    setPeriodOverPeriodCondition(itemType: VizItemType, currentSlotContents: SlotContent): void;
+    setPeriodOverPeriodCondition(itemType: VizItemType, _currentSlotContents?: SlotContent): void;
     private getUiConditionToApply;
-    private oldConditionalLogic;
-    /**
-     * Detects if there's a datetime column on Category or X-axis slots
-     */
-    private hasDatetimeColumnOnCategoryOrXAxis;
     /** Replace the full list (e.g. after dropping or re-ordering). */
     setContents(contents: SlotContent[], slotName?: SlotName): void;
     setFullContents(fullSlotsContents: VizItemSlot[]): void;

package/angular/utils/time/period-over-period-condition.const.d.ts

@@ -3,6 +3,5 @@ export declare const PeriodOverPeriodCondition: {
     readonly NoDatetimeColumnAndNoComparisonFilters: "noDatetimeColumnAndNoComparisonFilters";
     readonly NoDatetimeColumnButComparisonFilters: "noDatetimeColumnButComparisonFilters";
     readonly HasDatetimeColumnAndComparisonFilters: "hasDatetimeColumnAndComparisonFilters";
-    readonly OldImplementation: "oldImplementation";
 };
 export type PeriodOverPeriodCondition = (typeof PeriodOverPeriodCondition)[keyof typeof PeriodOverPeriodCondition];

package/angular/utils/time/period-over-period-context.d.ts

@@ -0,0 +1,75 @@
+import { type PeriodOverPeriod, type VizItemSlot, type VizItemType } from '@luzmo/dashboard-contents-types';
+import { PeriodOverPeriodCondition } from './period-over-period-condition.const';
+import type { SlotContent } from '../../types/slot.types';
+/** Resolve saved category axes and normalize pivot field identifiers for the shared level helper. */
+export declare function getPeriodOverPeriodContext(slots: readonly VizItemSlot[], itemType?: VizItemType): {
+    dimensions: {
+        set: string | undefined;
+        column: string | undefined;
+        field?: string;
+        type?: import("@luzmo/dashboard-contents-types").ColumnType | import("@luzmo/dashboard-contents-types").FormulaType;
+        subtype?: import("@luzmo/dashboard-contents-types").ColumnSubtype | import("@luzmo/dashboard-contents-types").FormulaSubtype | null;
+        label?: Record<string, string>;
+        formula?: string;
+        formulaId?: string;
+        expression?: string;
+        datasetId?: string;
+        columnId?: string;
+        format?: string;
+        currency?: string | null;
+        aggregationFunc?: import("@luzmo/dashboard-contents-types").ItemQueryAggregation;
+        aggregationWeight?: {
+            set: string;
+            column: string;
+            datasetId?: string;
+            columnId?: string;
+            columnSubType: import("@luzmo/dashboard-contents-types").ColumnSubtype;
+        };
+        color?: string | null;
+        level?: number | null;
+        lowestLevel?: number | null;
+        bins?: {
+            enabled: boolean;
+            number?: number;
+        };
+        duration?: {
+            levels: number[];
+            format: "short" | "long" | "time";
+        };
+        grandTotals?: {
+            enabled: boolean;
+        };
+        include_nonoccurring?: boolean;
+        datetimeDisplayMode?: import("@luzmo/dashboard-contents-types").DatetimeDisplayMode;
+        weekStart?: "sunday" | "monday";
+        weekDayNameFormat?: "long" | "short" | "letter";
+        monthNameFormat?: "long" | "short" | "letter";
+        cardinality?: number;
+        drilldownColumn?: import("@luzmo/dashboard-contents-types").GenericSlotContent;
+        drilldownLevel?: number;
+        id?: string;
+        index?: number;
+        multi?: boolean;
+        slotName?: string;
+        sortableIndex?: number;
+        sortableSelected?: boolean;
+        sortOrder?: number | string;
+        periodOverPeriod?: PeriodOverPeriod;
+    }[];
+    category: import("@luzmo/dashboard-contents-types").GenericSlotContent | undefined;
+};
+/**
+ * Derive comparison eligibility and the editor variant from runtime context. Chart categories
+ * retain the runtime restrictions on arrays, weekly levels and non-default datetime displays.
+ * KPI and pivot use their explicit offset context instead of a chart category.
+ */
+export declare function getPeriodOverPeriodUiType({ slots, itemType, hasConnectedComparisonFilter, hasRelatedDatetimeColumns }: {
+    slots: readonly VizItemSlot[];
+    itemType?: VizItemType;
+    hasConnectedComparisonFilter?: boolean;
+    hasRelatedDatetimeColumns?: boolean;
+}): PeriodOverPeriodCondition | null;
+/** Resolve the finest comparison level allowed by saved category, pivot or offset context. */
+export declare function getComparisonMaxLevel(comparison: Pick<PeriodOverPeriod, 'offsetDateColumn'> | undefined, slots: readonly VizItemSlot[], itemType?: VizItemType): number | undefined;
+/** Strip legacy UI flags and offset metadata at a slot-content output boundary. */
+export declare function compactSlotComparison<T extends SlotContent>(content: T, slots: readonly VizItemSlot[], itemType?: VizItemType): T;

package/angular/utils/time/tests/period-over-period-context.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/add-to-dashboard/dashboard-actions.d.ts

@@ -7,7 +7,8 @@ export declare function pageAcrossSources(sources: DashboardSource[], offset: nu
 /**
  * Built-in `DashboardActions` on the public API with the given credentials. Rights come from the token: an
  * embed token's `access.dashboards` grants plus the user's own access rights. `create` is only present for
- * an embed token with a designer or owner role or for any other token type. With the `flag_dashboard_variants`
+ * an embed token with a designer or owner role, or for any other token type unless the user is an
+ * organization viewer (a user with no organization role keeps it). With the `flag_dashboard_variants`
  * user flag, use-only dashboards and their variants are listed, and `addToVariant` follows the `create` rule.
  */
 export declare function createDashboardActions(config: BuiltInDashboardActionsConfig): Promise<DashboardActions>;

package/components/add-to-dashboard/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../add-to-dashboard-CzIuDtAq.cjs");Object.defineProperty(exports,"LuzmoAddToDashboard",{enumerable:!0,get:function(){return e.t}}),exports.createDashboardActions=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../add-to-dashboard-BC5SObl9.cjs");Object.defineProperty(exports,"LuzmoAddToDashboard",{enumerable:!0,get:function(){return e.t}}),exports.createDashboardActions=e.n;

package/components/add-to-dashboard/index.js

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-export { t as LuzmoAddToDashboard, n as createDashboardActions } from "../add-to-dashboard-DGC0_hRB.js";
+export { t as LuzmoAddToDashboard, n as createDashboardActions } from "../add-to-dashboard-B5egTFre.js";