@luzmo/analytics-components-kit 1.4.0 → 2.0.1

package/angular/esm/components/display-settings-period-over-period.js

@@ -15,13 +15,19 @@ export class LuzmoDisplaySettingsPeriodOverPeriod {
     get nativeElement() {
         return this.host;
     }
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents;
+    /** Visualization type used to interpret comparison slot context. */
+    itemType;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The slotContent that is passed to the settings */
     slotContent;
-    /** Which period-over-period UI variant to render, based on available datetime columns and comparison filters. */
+    /** Optional UI variant supplied by a parent. When absent, derive it from runtime slot and filter context. */
     periodOverPeriodUiType;
-    /** Offer the "Periods" offset when there is no datetime category (an offset date column is needed). The item then shifts by the length of the period selected by its date filters. */
+    /** Offer the "Periods" offset when there is no datetime category (an offset date column is needed). The item then shifts by the length of the period selected by its date filters. Defaults to true for KPIs, false otherwise. */
     allowPeriodsWithoutDatetimeColumn;
-    /** Hide the "Past value" comparison type, e.g. for items that only show the change. */
+    /** Hide the "Past value" comparison type. Defaults to true for KPIs, false otherwise; explicit booleans override the default. */
     hidePastValue;
     /** Datetime columns from the linked dataset available as offset/comparison date columns. */
     linkedDatasetDatetimeColumns;
@@ -42,6 +48,15 @@ export class LuzmoDisplaySettingsPeriodOverPeriod {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'slotsContents':
+                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+                    break;
+                case 'itemType':
+                    this.setHostProperty('itemType', changes['itemType'].currentValue);
+                    break;
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'slotContent':
                     this.setHostProperty('slotContent', changes['slotContent'].currentValue);
                     break;
@@ -84,7 +99,7 @@ export class LuzmoDisplaySettingsPeriodOverPeriod {
         }));
     }
     static ɵfac = function LuzmoDisplaySettingsPeriodOverPeriod_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDisplaySettingsPeriodOverPeriod)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettingsPeriodOverPeriod, selectors: [["luzmo-display-settings-period-over-period"]], inputs: { slotContent: "slotContent", periodOverPeriodUiType: [0, "periodOverPeriodType", "periodOverPeriodUiType"], allowPeriodsWithoutDatetimeColumn: [2, "allowPeriodsWithoutDatetimeColumn", "allowPeriodsWithoutDatetimeColumn", booleanAttribute], hidePastValue: [2, "hidePastValue", "hidePastValue", booleanAttribute], linkedDatasetDatetimeColumns: "linkedDatasetDatetimeColumns", language: "language", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged" }, exportAs: ["luzmoDisplaySettingsPeriodOverPeriod"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettingsPeriodOverPeriod_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettingsPeriodOverPeriod, selectors: [["luzmo-display-settings-period-over-period"]], inputs: { slotsContents: "slotsContents", itemType: "itemType", hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], slotContent: "slotContent", periodOverPeriodUiType: [0, "periodOverPeriodType", "periodOverPeriodUiType"], allowPeriodsWithoutDatetimeColumn: [2, "allowPeriodsWithoutDatetimeColumn", "allowPeriodsWithoutDatetimeColumn", booleanAttribute], hidePastValue: [2, "hidePastValue", "hidePastValue", booleanAttribute], linkedDatasetDatetimeColumns: "linkedDatasetDatetimeColumns", language: "language", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged" }, exportAs: ["luzmoDisplaySettingsPeriodOverPeriod"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettingsPeriodOverPeriod_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -98,7 +113,16 @@ export class LuzmoDisplaySettingsPeriodOverPeriod {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { slotContent: [{
+    }], () => [], { slotsContents: [{
+            type: Input,
+            args: [{ alias: 'slotsContents' }]
+        }], itemType: [{
+            type: Input,
+            args: [{ alias: 'itemType' }]
+        }], hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], slotContent: [{
             type: Input,
             args: [{ alias: 'slotContent' }]
         }], periodOverPeriodUiType: [{

package/angular/esm/components/display-settings.d.ts

@@ -4,7 +4,7 @@ import type { LuzmoDisplaySettings as LuzmoDisplaySettingsHostElement, DisplaySe
 import type { DatasetDataFields } from '@luzmo/analytics-components-kit/data-field-panel';
 import type { MeasureColumnsItem } from '@luzmo/analytics-components-kit/slot-menu';
 import type { PeriodOverPeriodCondition, SlotContent } from '@luzmo/analytics-components-kit/types';
-import type { SlotName } from '@luzmo/dashboard-contents-types';
+import type { SlotName, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 import * as i0 from "@angular/core";
 export type { DisplaySettingsRemoveSlotContentEventDetail, DisplaySettingsSlotContentChangedEventDetail, InfoVisibilityChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings';
 export declare class LuzmoDisplaySettings implements OnChanges {
@@ -15,6 +15,12 @@ export declare class LuzmoDisplaySettings implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoDisplaySettingsHostElement;
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents?: VizItemSlot[];
+    /** Visualization type used to interpret comparison slot context. */
+    itemType?: VizItemType;
+    /** 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 */
@@ -31,7 +37,7 @@ export declare class LuzmoDisplaySettings implements OnChanges {
     isAggregationDisabled?: boolean;
     /** Whether to show the cumulative sum options */
     isCumulativeSumEnabled?: boolean;
-    /** Whether to show the period-over-period in numeric */
+    /** Optional comparison UI override for standalone use; null hides comparisons. Otherwise derived from slotsContents, itemType, filters, and datasetsDataFields. */
     periodOverPeriodUiType?: PeriodOverPeriodCondition | null;
     /** Whether to show the trash button next to the label */
     showRemoveButton?: boolean;
@@ -41,7 +47,7 @@ export declare class LuzmoDisplaySettings implements OnChanges {
     slotName?: SlotName;
     /** The slot content model (label, formatting, aggregation, etc.) for the field being configured. */
     slotContent?: SlotContent;
-    /** Datasets used to resolve column names in ad-hoc calculation previews. */
+    /** Datasets used for calculation previews and standalone comparison offset date choices (columns or dataFields). */
     datasetsDataFields?: DatasetDataFields[];
     /** The API URL used when resolving calculation previews by dataset id. */
     apiUrl?: string;
@@ -70,7 +76,8 @@ export declare class LuzmoDisplaySettings implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoDisplaySettings, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDisplaySettings, "luzmo-display-settings", ["luzmoDisplaySettings"], { "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "hideDisplaySettings": { "alias": "hideDisplaySettings"; "required": false; }; "isBinningDisabled": { "alias": "isBinningDisabled"; "required": false; }; "areDatetimeOptionsEnabled": { "alias": "areDatetimeOptionsEnabled"; "required": false; }; "areGrandTotalsEnabled": { "alias": "areGrandTotalsEnabled"; "required": false; }; "isAggregationDisabled": { "alias": "isAggregationDisabled"; "required": false; }; "isCumulativeSumEnabled": { "alias": "isCumulativeSumEnabled"; "required": false; }; "periodOverPeriodUiType": { "alias": "periodOverPeriodUiType"; "required": false; }; "showRemoveButton": { "alias": "showRemoveButton"; "required": false; }; "slotType": { "alias": "slotType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotContent": { "alias": "slotContent"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "measureColumns": { "alias": "measureColumns"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentChanged": "luzmoSlotContentChanged"; "luzmoRemoveSlotContent": "luzmoRemoveSlotContent"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDisplaySettings, "luzmo-display-settings", ["luzmoDisplaySettings"], { "slotsContents": { "alias": "slotsContents"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "language": { "alias": "language"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "hideDisplaySettings": { "alias": "hideDisplaySettings"; "required": false; }; "isBinningDisabled": { "alias": "isBinningDisabled"; "required": false; }; "areDatetimeOptionsEnabled": { "alias": "areDatetimeOptionsEnabled"; "required": false; }; "areGrandTotalsEnabled": { "alias": "areGrandTotalsEnabled"; "required": false; }; "isAggregationDisabled": { "alias": "isAggregationDisabled"; "required": false; }; "isCumulativeSumEnabled": { "alias": "isCumulativeSumEnabled"; "required": false; }; "periodOverPeriodUiType": { "alias": "periodOverPeriodUiType"; "required": false; }; "showRemoveButton": { "alias": "showRemoveButton"; "required": false; }; "slotType": { "alias": "slotType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotContent": { "alias": "slotContent"; "required": false; }; "datasetsDataFields": { "alias": "datasetsDataFields"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "measureColumns": { "alias": "measureColumns"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotContentChanged": "luzmoSlotContentChanged"; "luzmoRemoveSlotContent": "luzmoRemoveSlotContent"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_hideDisplaySettings: unknown;
     static ngAcceptInputType_isBinningDisabled: unknown;
     static ngAcceptInputType_areDatetimeOptionsEnabled: unknown;

package/angular/esm/components/display-settings.js

@@ -15,6 +15,12 @@ export class LuzmoDisplaySettings {
     get nativeElement() {
         return this.host;
     }
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents;
+    /** Visualization type used to interpret comparison slot context. */
+    itemType;
+    /** 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 */
@@ -31,7 +37,7 @@ export class LuzmoDisplaySettings {
     isAggregationDisabled;
     /** Whether to show the cumulative sum options */
     isCumulativeSumEnabled;
-    /** Whether to show the period-over-period in numeric */
+    /** Optional comparison UI override for standalone use; null hides comparisons. Otherwise derived from slotsContents, itemType, filters, and datasetsDataFields. */
     periodOverPeriodUiType;
     /** Whether to show the trash button next to the label */
     showRemoveButton;
@@ -41,7 +47,7 @@ export class LuzmoDisplaySettings {
     slotName;
     /** The slot content model (label, formatting, aggregation, etc.) for the field being configured. */
     slotContent;
-    /** Datasets used to resolve column names in ad-hoc calculation previews. */
+    /** Datasets used for calculation previews and standalone comparison offset date choices (columns or dataFields). */
     datasetsDataFields;
     /** The API URL used when resolving calculation previews by dataset id. */
     apiUrl;
@@ -70,6 +76,15 @@ export class LuzmoDisplaySettings {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'slotsContents':
+                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+                    break;
+                case 'itemType':
+                    this.setHostProperty('itemType', changes['itemType'].currentValue);
+                    break;
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'language':
                     this.setHostProperty('language', changes['language'].currentValue);
                     break;
@@ -156,7 +171,7 @@ export class LuzmoDisplaySettings {
         }));
     }
     static ɵfac = function LuzmoDisplaySettings_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDisplaySettings)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettings, selectors: [["luzmo-display-settings"]], inputs: { language: "language", contentLanguage: "contentLanguage", hideDisplaySettings: [2, "hideDisplaySettings", "hideDisplaySettings", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], periodOverPeriodUiType: "periodOverPeriodUiType", showRemoveButton: [2, "showRemoveButton", "showRemoveButton", booleanAttribute], slotType: "slotType", slotName: "slotName", slotContent: "slotContent", datasetsDataFields: "datasetsDataFields", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", measureColumns: "measureColumns", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged", luzmoRemoveSlotContent: "luzmoRemoveSlotContent", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoDisplaySettings"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettings_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDisplaySettings, selectors: [["luzmo-display-settings"]], inputs: { slotsContents: "slotsContents", itemType: "itemType", hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], language: "language", contentLanguage: "contentLanguage", hideDisplaySettings: [2, "hideDisplaySettings", "hideDisplaySettings", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], periodOverPeriodUiType: "periodOverPeriodUiType", showRemoveButton: [2, "showRemoveButton", "showRemoveButton", booleanAttribute], slotType: "slotType", slotName: "slotName", slotContent: "slotContent", datasetsDataFields: "datasetsDataFields", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", measureColumns: "measureColumns", size: "size" }, outputs: { luzmoSlotContentChanged: "luzmoSlotContentChanged", luzmoRemoveSlotContent: "luzmoRemoveSlotContent", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoDisplaySettings"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDisplaySettings_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -170,7 +185,16 @@ export class LuzmoDisplaySettings {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { language: [{
+    }], () => [], { slotsContents: [{
+            type: Input,
+            args: [{ alias: 'slotsContents' }]
+        }], itemType: [{
+            type: Input,
+            args: [{ alias: 'itemType' }]
+        }], hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], language: [{
             type: Input,
             args: [{ alias: 'language' }]
         }], contentLanguage: [{

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

@@ -13,6 +13,8 @@ export declare class LuzmoItemSlotDropPanel implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemSlotDropPanelHostElement;
+    /** 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 */
@@ -72,7 +74,8 @@ export declare class LuzmoItemSlotDropPanel implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotDropPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDropPanel, "luzmo-item-slot-drop-panel", ["luzmoItemSlotDropPanel"], { "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "positioningConfiguration": { "alias": "positioningConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "positioned": { "alias": "positioned"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotsgrid": { "alias": "slotsGrid"; "required": false; }; "slotcell": { "alias": "slotCell"; "required": false; }; "itemslotdrop": { "alias": "itemSlotDrop"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDropPanel, "luzmo-item-slot-drop-panel", ["luzmoItemSlotDropPanel"], { "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "slotsConfiguration": { "alias": "slotsConfiguration"; "required": false; }; "positioningConfiguration": { "alias": "positioningConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "positioned": { "alias": "positioned"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "slotMenuPlacement": { "alias": "slotMenuPlacement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "constraintMode": { "alias": "constraintMode"; "required": false; }; "slotMenuMode": { "alias": "slotMenuMode"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "slotspanel": { "alias": "slotsPanel"; "required": false; }; "slotsgrid": { "alias": "slotsGrid"; "required": false; }; "slotcell": { "alias": "slotCell"; "required": false; }; "itemslotdrop": { "alias": "itemSlotDrop"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotConstraintTriggered": "luzmoSlotConstraintTriggered"; "luzmoSlotsContentsChanged": "luzmoSlotsContentsChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_positioned: unknown;
     static ngAcceptInputType_hideDelete: unknown;
     static ngAcceptInputType_hideConfiguration: unknown;

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

@@ -15,6 +15,8 @@ export class LuzmoItemSlotDropPanel {
     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 */
@@ -74,6 +76,9 @@ export class LuzmoItemSlotDropPanel {
     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;
@@ -165,7 +170,7 @@ export class LuzmoItemSlotDropPanel {
         }));
     }
     static ɵfac = function LuzmoItemSlotDropPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemSlotDropPanel)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDropPanel, selectors: [["luzmo-item-slot-drop-panel"]], inputs: { itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", positioningConfiguration: "positioningConfiguration", slotsContents: "slotsContents", positioned: [2, "positioned", "positioned", booleanAttribute], dragBoundary: "dragBoundary", slotMenuPlacement: "slotMenuPlacement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], constraintMode: "constraintMode", slotMenuMode: "slotMenuMode", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", slotspanel: [0, "slotsPanel", "slotspanel"], slotsgrid: [0, "slotsGrid", "slotsgrid"], slotcell: [0, "slotCell", "slotcell"], itemslotdrop: [0, "itemSlotDrop", "itemslotdrop"], language: "language", size: "size" }, outputs: { luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged" }, exportAs: ["luzmoItemSlotDropPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDropPanel_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemSlotDropPanel, selectors: [["luzmo-item-slot-drop-panel"]], inputs: { hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], itemType: "itemType", contentLanguage: "contentLanguage", slotsConfiguration: "slotsConfiguration", positioningConfiguration: "positioningConfiguration", slotsContents: "slotsContents", positioned: [2, "positioned", "positioned", booleanAttribute], dragBoundary: "dragBoundary", slotMenuPlacement: "slotMenuPlacement", hideDelete: [2, "hideDelete", "hideDelete", booleanAttribute], hideConfiguration: [2, "hideConfiguration", "hideConfiguration", booleanAttribute], grows: [2, "grows", "grows", booleanAttribute], constraintMode: "constraintMode", slotMenuMode: "slotMenuMode", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", slotspanel: [0, "slotsPanel", "slotspanel"], slotsgrid: [0, "slotsGrid", "slotsgrid"], slotcell: [0, "slotCell", "slotcell"], itemslotdrop: [0, "itemSlotDrop", "itemslotdrop"], language: "language", size: "size" }, outputs: { luzmoSlotConstraintTriggered: "luzmoSlotConstraintTriggered", luzmoSlotsContentsChanged: "luzmoSlotsContentsChanged" }, exportAs: ["luzmoItemSlotDropPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemSlotDropPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -179,7 +184,10 @@ export class LuzmoItemSlotDropPanel {
                 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-drop.d.ts

@@ -13,6 +13,8 @@ export declare class LuzmoItemSlotDrop implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoItemSlotDropHostElement;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter?: boolean;
     /** The visualization item type that determines the available slots and their configuration. */
     itemType?: VizItemType;
     /** The name of the slot this drop target represents. */
@@ -68,7 +70,8 @@ export declare class LuzmoItemSlotDrop implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemSlotDrop, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDrop, "luzmo-item-slot-drop", ["luzmoItemSlotDrop"], { "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemSlotDrop, "luzmo-item-slot-drop", ["luzmoItemSlotDrop"], { "hasConnectedComparisonFilter": { "alias": "hasConnectedComparisonFilter"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; "slotConfiguration": { "alias": "slotConfiguration"; "required": false; }; "slotsContents": { "alias": "slotsContents"; "required": false; }; "label": { "alias": "label"; "required": false; }; "contentLanguage": { "alias": "contentLanguage"; "required": false; }; "dragBoundary": { "alias": "dragBoundary"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "hideDelete": { "alias": "hideDelete"; "required": false; }; "hideConfiguration": { "alias": "hideConfiguration"; "required": false; }; "language": { "alias": "language"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoSlotMenuInactive": "luzmoSlotMenuInactive"; "luzmoSlotMenuActive": "luzmoSlotMenuActive"; "luzmoSlotMenuHighlight": "luzmoSlotMenuHighlight"; "luzmoInfoVisibilityChanged": "luzmoInfoVisibilityChanged"; "luzmoSlotContentsChanged": "luzmoSlotContentsChanged"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_hasConnectedComparisonFilter: unknown;
     static ngAcceptInputType_rotate: unknown;
     static ngAcceptInputType_hideDelete: unknown;
     static ngAcceptInputType_hideConfiguration: unknown;

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 */
@@ -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 */
@@ -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 */
@@ -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; }; "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 ɵ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 */
@@ -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;
@@ -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", 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) {
+    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: [{

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;