@luzmo/analytics-components-kit 1.0.7 → 1.0.8-beta.1

package/README.md

@@ -102,7 +102,7 @@ Let users adjust how a chart looks and behaves (colors, labels, chart mode, lege
 | Item Option       | `@luzmo/analytics-components-kit/item-option`       | Single option control (expose only what you need) | [Docs](https://developer.luzmo.com/guide/ack--components--item-options--luzmo-item-option)       |
 | Item Option Panel | `@luzmo/analytics-components-kit/item-option-panel` | Full grouped options editor for a chart type      | [Docs](https://developer.luzmo.com/guide/ack--components--item-options--luzmo-item-option-panel) |
 
-Individual option control editors are also exported for fully custom option UIs: `item-option-action-button-group`, `item-option-color-palette-picker`, `item-option-color-picker`, `item-option-color-range`, `item-option-multi-language-field`, `item-option-number-field`, `item-option-picker`, `item-option-position-picker`, `item-option-positions-number-field`, `item-option-radio-button-group`, `item-option-slider`, `item-option-switch`, and `item-option-text-field`.
+Individual option control editors are also exported for fully custom option UIs: `item-option-action-button-group`, `item-option-color-palette-picker`, `item-option-color-picker`, `item-option-color-range`, `item-option-guidelines`, `item-option-multi-language-field`, `item-option-number-field`, `item-option-picker`, `item-option-position-picker`, `item-option-positions-number-field`, `item-option-radio-button-group`, `item-option-slider`, `item-option-switch`, and `item-option-text-field`.
 
 ### Filters
 

package/angular/components/ai-interaction-textarea.ts

@@ -70,6 +70,10 @@ export class LuzmoAiInteractionTextarea implements OnChanges {
   @Input({ alias: 'hideDatasetIcons', transform: booleanAttribute })
   hideDatasetIcons?: boolean;
 
+  /** Maximum number of selected dataset tags shown before the overflow control. */
+  @Input({ alias: 'maxVisibleSelectedDatasets' })
+  maxVisibleSelectedDatasets?: number;
+
   /** When true, disables the "+ Add dataset" button and disables dataset pill removal */
   @Input({ alias: 'disableDatasetModification', transform: booleanAttribute })
   disableDatasetModification?: boolean;
@@ -177,6 +181,9 @@ export class LuzmoAiInteractionTextarea implements OnChanges {
         case 'hideDatasetIcons':
           this.setHostProperty('hideDatasetIcons', changes['hideDatasetIcons'].currentValue);
           break;
+        case 'maxVisibleSelectedDatasets':
+          this.setHostProperty('maxVisibleSelectedDatasets', changes['maxVisibleSelectedDatasets'].currentValue);
+          break;
         case 'disableDatasetModification':
           this.setHostProperty('disableDatasetModification', changes['disableDatasetModification'].currentValue);
           break;

package/angular/components/dataset-selector-row.ts

@@ -57,10 +57,18 @@ export class LuzmoDatasetSelectorRow implements OnChanges {
   @Input({ alias: 'disabled', transform: booleanAttribute })
   disabled?: boolean;
 
+  /** When true, disables dataset search and removal while leaving informational controls interactive. */
+  @Input({ alias: 'disableDatasetModification', transform: booleanAttribute })
+  disableDatasetModification?: boolean;
+
   /** When true, hides dataset icons in selected tags and search options */
   @Input({ alias: 'hideDatasetIcons', transform: booleanAttribute })
   hideDatasetIcons?: boolean;
 
+  /** Maximum number of selected dataset tags shown before the overflow control; unset shows all tags. */
+  @Input({ alias: 'maxVisibleSelectedDatasets' })
+  maxVisibleSelectedDatasets?: number;
+
   /** Fired when a dataset is selected */
   readonly datasetSelected = output<CustomEvent<Dataset>>({ alias: 'datasetSelected' });
 
@@ -103,9 +111,15 @@ export class LuzmoDatasetSelectorRow implements OnChanges {
         case 'disabled':
           this.setHostProperty('disabled', changes['disabled'].currentValue);
           break;
+        case 'disableDatasetModification':
+          this.setHostProperty('disableDatasetModification', changes['disableDatasetModification'].currentValue);
+          break;
         case 'hideDatasetIcons':
           this.setHostProperty('hideDatasetIcons', changes['hideDatasetIcons'].currentValue);
           break;
+        case 'maxVisibleSelectedDatasets':
+          this.setHostProperty('maxVisibleSelectedDatasets', changes['maxVisibleSelectedDatasets'].currentValue);
+          break;
         default:
           break;
       }

package/angular/components/item-option-guidelines.ts

@@ -0,0 +1,84 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, OnChanges, output, Renderer2, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-guidelines';
+import type { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+export type { GuidelineLine, GuidelineLineType, GuidelineStyle, GuidelineStyleType, GuidelineWidth, Guidelines, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+
+@Component({
+  selector: 'luzmo-item-option-guidelines',
+  exportAs: 'luzmoItemOptionGuidelines',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content />'
+})
+/**
+ * Angular wrapper component for <luzmo-item-option-guidelines>
+ */
+export class LuzmoItemOptionGuidelines implements OnChanges {
+  private readonly elementRef = inject<ElementRef<LuzmoItemOptionGuidelinesHostElement>>(ElementRef);
+  private readonly renderer = inject<Renderer2>(Renderer2);
+  private readonly destroyRef = inject<DestroyRef>(DestroyRef);
+  private readonly host = this.elementRef.nativeElement;
+  private readonly listenerCleanup: Array<() => void> = [];
+
+  /** The underlying custom element instance. Use to call imperative methods. */
+  get nativeElement(): LuzmoItemOptionGuidelinesHostElement {
+    return this.host;
+  }
+
+  /** Default color used when adding a guideline. */
+  @Input({ alias: 'defaultColor' })
+  defaultColor?: string;
+
+  /** Delay in milliseconds before color and number changes are emitted. */
+  @Input({ alias: 'debounce' })
+  debounce?: number;
+
+  /** Emitted when the guidelines value changes. */
+  readonly luzmoOptionChanged = output<CustomEvent<ItemOptionChangedEventDetail>>({ alias: 'luzmoOptionChanged' });
+
+  constructor() {
+    this.bindEvents();
+    this.destroyRef.onDestroy(() => {
+      for (const cleanup of this.listenerCleanup) {
+        cleanup();
+      }
+    });
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    for (const key of Object.keys(changes)) {
+      switch (key) {
+        case 'defaultColor':
+          this.setHostProperty('defaultColor', changes['defaultColor'].currentValue);
+          break;
+        case 'debounce':
+          this.setHostProperty('debounce', changes['debounce'].currentValue);
+          break;
+        default:
+          break;
+      }
+    }
+  }
+
+  /**
+   * Forward a wrapper @Input to the underlying host element via Renderer2 so
+   * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+   * Unlike a "skip undefined" guard, this lets consumers reset values back to
+   * undefined / null by clearing their bindings.
+   */
+  private setHostProperty(key: string, value: unknown): void {
+    this.renderer.setProperty(this.host, key, value);
+  }
+
+  private bindEvents(): void {
+    this.listenerCleanup.push(
+      this.renderer.listen(this.host, 'luzmo-option-changed', (event: Event) => {
+        const typed = event as CustomEvent<ItemOptionChangedEventDetail>;
+        this.luzmoOptionChanged.emit(typed);
+      })
+    );
+  }
+}
+
+/** The underlying custom element type for LuzmoItemOptionGuidelines */
+export type LuzmoItemOptionGuidelinesElement = LuzmoItemOptionGuidelinesHostElement;

package/angular/esm/components/ai-interaction-textarea.d.ts

@@ -34,6 +34,8 @@ export declare class LuzmoAiInteractionTextarea implements OnChanges {
     hideDatasetButton?: boolean;
     /** When true, hides dataset-specific icons in selector tags and @ mention dataset headers */
     hideDatasetIcons?: boolean;
+    /** Maximum number of selected dataset tags shown before the overflow control. */
+    maxVisibleSelectedDatasets?: number;
     /** When true, disables the "+ Add dataset" button and disables dataset pill removal */
     disableDatasetModification?: boolean;
     /** When true, hides the dataset row entirely */
@@ -77,7 +79,7 @@ export declare class LuzmoAiInteractionTextarea implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoAiInteractionTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAiInteractionTextarea, "luzmo-ai-interaction-textarea", ["luzmoAiInteractionTextarea"], { "placeholder": { "alias": "placeholder"; "required": false; }; "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "hideDatasetButton": { "alias": "hideDatasetButton"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; "disableDatasetModification": { "alias": "disableDatasetModification"; "required": false; }; "hideSelectedDatasets": { "alias": "hideSelectedDatasets"; "required": false; }; "disableColumnMentions": { "alias": "disableColumnMentions"; "required": false; }; "isGenerating": { "alias": "isGenerating"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "retainOnSubmit": { "alias": "retainOnSubmit"; "required": false; }; "requireDataset": { "alias": "requireDataset"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowVoiceInput": { "alias": "allowVoiceInput"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "apiVersion": { "alias": "apiVersion"; "required": false; }; "uploadAttachments": { "alias": "uploadAttachments"; "required": false; }; "fileIcons": { "alias": "fileIcons"; "required": false; }; }, { "promptSubmitted": "promptSubmitted"; "promptStopped": "promptStopped"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoAiInteractionTextarea, "luzmo-ai-interaction-textarea", ["luzmoAiInteractionTextarea"], { "placeholder": { "alias": "placeholder"; "required": false; }; "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "hideDatasetButton": { "alias": "hideDatasetButton"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; "maxVisibleSelectedDatasets": { "alias": "maxVisibleSelectedDatasets"; "required": false; }; "disableDatasetModification": { "alias": "disableDatasetModification"; "required": false; }; "hideSelectedDatasets": { "alias": "hideSelectedDatasets"; "required": false; }; "disableColumnMentions": { "alias": "disableColumnMentions"; "required": false; }; "isGenerating": { "alias": "isGenerating"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "value": { "alias": "value"; "required": false; }; "retainOnSubmit": { "alias": "retainOnSubmit"; "required": false; }; "requireDataset": { "alias": "requireDataset"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowVoiceInput": { "alias": "allowVoiceInput"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "apiVersion": { "alias": "apiVersion"; "required": false; }; "uploadAttachments": { "alias": "uploadAttachments"; "required": false; }; "fileIcons": { "alias": "fileIcons"; "required": false; }; }, { "promptSubmitted": "promptSubmitted"; "promptStopped": "promptStopped"; }, never, ["*"], true, never>;
     static ngAcceptInputType_flagOpendata: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_singleLine: unknown;

package/angular/esm/components/ai-interaction-textarea.js

@@ -37,6 +37,8 @@ export class LuzmoAiInteractionTextarea {
     hideDatasetButton;
     /** When true, hides dataset-specific icons in selector tags and @ mention dataset headers */
     hideDatasetIcons;
+    /** Maximum number of selected dataset tags shown before the overflow control. */
+    maxVisibleSelectedDatasets;
     /** When true, disables the "+ Add dataset" button and disables dataset pill removal */
     disableDatasetModification;
     /** When true, hides the dataset row entirely */
@@ -113,6 +115,9 @@ export class LuzmoAiInteractionTextarea {
                 case 'hideDatasetIcons':
                     this.setHostProperty('hideDatasetIcons', changes['hideDatasetIcons'].currentValue);
                     break;
+                case 'maxVisibleSelectedDatasets':
+                    this.setHostProperty('maxVisibleSelectedDatasets', changes['maxVisibleSelectedDatasets'].currentValue);
+                    break;
                 case 'disableDatasetModification':
                     this.setHostProperty('disableDatasetModification', changes['disableDatasetModification'].currentValue);
                     break;
@@ -180,7 +185,7 @@ export class LuzmoAiInteractionTextarea {
         }));
     }
     static ɵfac = function LuzmoAiInteractionTextarea_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoAiInteractionTextarea)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAiInteractionTextarea, selectors: [["luzmo-ai-interaction-textarea"]], inputs: { placeholder: "placeholder", selectedDatasets: "selectedDatasets", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], singleLine: [2, "singleLine", "singleLine", booleanAttribute], hideDatasetButton: [2, "hideDatasetButton", "hideDatasetButton", booleanAttribute], hideDatasetIcons: [2, "hideDatasetIcons", "hideDatasetIcons", booleanAttribute], disableDatasetModification: [2, "disableDatasetModification", "disableDatasetModification", booleanAttribute], hideSelectedDatasets: [2, "hideSelectedDatasets", "hideSelectedDatasets", booleanAttribute], disableColumnMentions: [2, "disableColumnMentions", "disableColumnMentions", booleanAttribute], isGenerating: [2, "isGenerating", "isGenerating", booleanAttribute], stoppable: [2, "stoppable", "stoppable", booleanAttribute], value: "value", retainOnSubmit: [2, "retainOnSubmit", "retainOnSubmit", booleanAttribute], requireDataset: [2, "requireDataset", "requireDataset", booleanAttribute], allowImages: [2, "allowImages", "allowImages", booleanAttribute], allowVoiceInput: [2, "allowVoiceInput", "allowVoiceInput", booleanAttribute], acceptedFileTypes: "acceptedFileTypes", apiVersion: "apiVersion", uploadAttachments: "uploadAttachments", fileIcons: "fileIcons" }, outputs: { promptSubmitted: "promptSubmitted", promptStopped: "promptStopped" }, exportAs: ["luzmoAiInteractionTextarea"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAiInteractionTextarea_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAiInteractionTextarea, selectors: [["luzmo-ai-interaction-textarea"]], inputs: { placeholder: "placeholder", selectedDatasets: "selectedDatasets", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], singleLine: [2, "singleLine", "singleLine", booleanAttribute], hideDatasetButton: [2, "hideDatasetButton", "hideDatasetButton", booleanAttribute], hideDatasetIcons: [2, "hideDatasetIcons", "hideDatasetIcons", booleanAttribute], maxVisibleSelectedDatasets: "maxVisibleSelectedDatasets", disableDatasetModification: [2, "disableDatasetModification", "disableDatasetModification", booleanAttribute], hideSelectedDatasets: [2, "hideSelectedDatasets", "hideSelectedDatasets", booleanAttribute], disableColumnMentions: [2, "disableColumnMentions", "disableColumnMentions", booleanAttribute], isGenerating: [2, "isGenerating", "isGenerating", booleanAttribute], stoppable: [2, "stoppable", "stoppable", booleanAttribute], value: "value", retainOnSubmit: [2, "retainOnSubmit", "retainOnSubmit", booleanAttribute], requireDataset: [2, "requireDataset", "requireDataset", booleanAttribute], allowImages: [2, "allowImages", "allowImages", booleanAttribute], allowVoiceInput: [2, "allowVoiceInput", "allowVoiceInput", booleanAttribute], acceptedFileTypes: "acceptedFileTypes", apiVersion: "apiVersion", uploadAttachments: "uploadAttachments", fileIcons: "fileIcons" }, outputs: { promptSubmitted: "promptSubmitted", promptStopped: "promptStopped" }, exportAs: ["luzmoAiInteractionTextarea"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAiInteractionTextarea_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -227,6 +232,9 @@ export class LuzmoAiInteractionTextarea {
         }], hideDatasetIcons: [{
             type: Input,
             args: [{ alias: 'hideDatasetIcons', transform: booleanAttribute }]
+        }], maxVisibleSelectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'maxVisibleSelectedDatasets' }]
         }], disableDatasetModification: [{
             type: Input,
             args: [{ alias: 'disableDatasetModification', transform: booleanAttribute }]

package/angular/esm/components/dataset-selector-row.d.ts

@@ -27,8 +27,12 @@ export declare class LuzmoDatasetSelectorRow implements OnChanges {
     flagOpendata?: boolean;
     /** When true, disables all interactions: disables the add button, removes dataset pill delete buttons, and makes tags non-interactive */
     disabled?: boolean;
+    /** When true, disables dataset search and removal while leaving informational controls interactive. */
+    disableDatasetModification?: boolean;
     /** When true, hides dataset icons in selected tags and search options */
     hideDatasetIcons?: boolean;
+    /** Maximum number of selected dataset tags shown before the overflow control; unset shows all tags. */
+    maxVisibleSelectedDatasets?: number;
     /** Fired when a dataset is selected */
     readonly datasetSelected: import("@angular/core").OutputEmitterRef<CustomEvent<Dataset>>;
     /** Fired when a dataset is removed */
@@ -44,9 +48,10 @@ export declare class LuzmoDatasetSelectorRow implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoDatasetSelectorRow, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDatasetSelectorRow, "luzmo-dataset-selector-row", ["luzmoDatasetSelectorRow"], { "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; }, { "datasetSelected": "datasetSelected"; "datasetRemoved": "datasetRemoved"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoDatasetSelectorRow, "luzmo-dataset-selector-row", ["luzmoDatasetSelectorRow"], { "selectedDatasets": { "alias": "selectedDatasets"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "appServer": { "alias": "appServer"; "required": false; }; "flagOpendata": { "alias": "flagOpendata"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableDatasetModification": { "alias": "disableDatasetModification"; "required": false; }; "hideDatasetIcons": { "alias": "hideDatasetIcons"; "required": false; }; "maxVisibleSelectedDatasets": { "alias": "maxVisibleSelectedDatasets"; "required": false; }; }, { "datasetSelected": "datasetSelected"; "datasetRemoved": "datasetRemoved"; }, never, ["*"], true, never>;
     static ngAcceptInputType_flagOpendata: unknown;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_disableDatasetModification: unknown;
     static ngAcceptInputType_hideDatasetIcons: unknown;
 }
 /** The underlying custom element type for LuzmoDatasetSelectorRow */

package/angular/esm/components/dataset-selector-row.js

@@ -31,8 +31,12 @@ export class LuzmoDatasetSelectorRow {
     flagOpendata;
     /** When true, disables all interactions: disables the add button, removes dataset pill delete buttons, and makes tags non-interactive */
     disabled;
+    /** When true, disables dataset search and removal while leaving informational controls interactive. */
+    disableDatasetModification;
     /** When true, hides dataset icons in selected tags and search options */
     hideDatasetIcons;
+    /** Maximum number of selected dataset tags shown before the overflow control; unset shows all tags. */
+    maxVisibleSelectedDatasets;
     /** Fired when a dataset is selected */
     datasetSelected = output({ alias: 'datasetSelected' });
     /** Fired when a dataset is removed */
@@ -72,9 +76,15 @@ export class LuzmoDatasetSelectorRow {
                 case 'disabled':
                     this.setHostProperty('disabled', changes['disabled'].currentValue);
                     break;
+                case 'disableDatasetModification':
+                    this.setHostProperty('disableDatasetModification', changes['disableDatasetModification'].currentValue);
+                    break;
                 case 'hideDatasetIcons':
                     this.setHostProperty('hideDatasetIcons', changes['hideDatasetIcons'].currentValue);
                     break;
+                case 'maxVisibleSelectedDatasets':
+                    this.setHostProperty('maxVisibleSelectedDatasets', changes['maxVisibleSelectedDatasets'].currentValue);
+                    break;
                 default:
                     break;
             }
@@ -100,7 +110,7 @@ export class LuzmoDatasetSelectorRow {
         }));
     }
     static ɵfac = function LuzmoDatasetSelectorRow_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoDatasetSelectorRow)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDatasetSelectorRow, selectors: [["luzmo-dataset-selector-row"]], inputs: { selectedDatasets: "selectedDatasets", buttonLabel: "buttonLabel", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], hideDatasetIcons: [2, "hideDatasetIcons", "hideDatasetIcons", booleanAttribute] }, outputs: { datasetSelected: "datasetSelected", datasetRemoved: "datasetRemoved" }, exportAs: ["luzmoDatasetSelectorRow"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDatasetSelectorRow_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDatasetSelectorRow, selectors: [["luzmo-dataset-selector-row"]], inputs: { selectedDatasets: "selectedDatasets", buttonLabel: "buttonLabel", authKey: "authKey", authToken: "authToken", apiUrl: "apiUrl", appServer: "appServer", flagOpendata: [2, "flagOpendata", "flagOpendata", booleanAttribute], disabled: [2, "disabled", "disabled", booleanAttribute], disableDatasetModification: [2, "disableDatasetModification", "disableDatasetModification", booleanAttribute], hideDatasetIcons: [2, "hideDatasetIcons", "hideDatasetIcons", booleanAttribute], maxVisibleSelectedDatasets: "maxVisibleSelectedDatasets" }, outputs: { datasetSelected: "datasetSelected", datasetRemoved: "datasetRemoved" }, exportAs: ["luzmoDatasetSelectorRow"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDatasetSelectorRow_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -138,8 +148,14 @@ export class LuzmoDatasetSelectorRow {
         }], disabled: [{
             type: Input,
             args: [{ alias: 'disabled', transform: booleanAttribute }]
+        }], disableDatasetModification: [{
+            type: Input,
+            args: [{ alias: 'disableDatasetModification', transform: booleanAttribute }]
         }], hideDatasetIcons: [{
             type: Input,
             args: [{ alias: 'hideDatasetIcons', transform: booleanAttribute }]
+        }], maxVisibleSelectedDatasets: [{
+            type: Input,
+            args: [{ alias: 'maxVisibleSelectedDatasets' }]
         }], datasetSelected: [{ type: i0.Output, args: ["datasetSelected"] }], datasetRemoved: [{ type: i0.Output, args: ["datasetRemoved"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoDatasetSelectorRow, { className: "LuzmoDatasetSelectorRow", filePath: "components/dataset-selector-row.ts", lineNumber: 16 }); })();

package/angular/esm/components/item-option-guidelines.d.ts

@@ -0,0 +1,34 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-guidelines';
+import type { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesHostElement, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+import * as i0 from "@angular/core";
+export type { GuidelineLine, GuidelineLineType, GuidelineStyle, GuidelineStyleType, GuidelineWidth, Guidelines, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-guidelines';
+export declare class LuzmoItemOptionGuidelines implements OnChanges {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    private readonly host;
+    private readonly listenerCleanup;
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement(): LuzmoItemOptionGuidelinesHostElement;
+    /** Default color used when adding a guideline. */
+    defaultColor?: string;
+    /** Delay in milliseconds before color and number changes are emitted. */
+    debounce?: number;
+    /** Emitted when the guidelines value changes. */
+    readonly luzmoOptionChanged: import("@angular/core").OutputEmitterRef<CustomEvent<ItemOptionChangedEventDetail>>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    private setHostProperty;
+    private bindEvents;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoItemOptionGuidelines, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoItemOptionGuidelines, "luzmo-item-option-guidelines", ["luzmoItemOptionGuidelines"], { "defaultColor": { "alias": "defaultColor"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+}
+/** The underlying custom element type for LuzmoItemOptionGuidelines */
+export type LuzmoItemOptionGuidelinesElement = LuzmoItemOptionGuidelinesHostElement;

package/angular/esm/components/item-option-guidelines.js

@@ -0,0 +1,83 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, inject, Input, output, Renderer2 } from '@angular/core';
+import '@luzmo/analytics-components-kit/item-option-guidelines';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+/**
+ * Angular wrapper component for <luzmo-item-option-guidelines>
+ */
+export class LuzmoItemOptionGuidelines {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    destroyRef = inject(DestroyRef);
+    host = this.elementRef.nativeElement;
+    listenerCleanup = [];
+    /** The underlying custom element instance. Use to call imperative methods. */
+    get nativeElement() {
+        return this.host;
+    }
+    /** Default color used when adding a guideline. */
+    defaultColor;
+    /** Delay in milliseconds before color and number changes are emitted. */
+    debounce;
+    /** Emitted when the guidelines value changes. */
+    luzmoOptionChanged = output({ alias: 'luzmoOptionChanged' });
+    constructor() {
+        this.bindEvents();
+        this.destroyRef.onDestroy(() => {
+            for (const cleanup of this.listenerCleanup) {
+                cleanup();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        for (const key of Object.keys(changes)) {
+            switch (key) {
+                case 'defaultColor':
+                    this.setHostProperty('defaultColor', changes['defaultColor'].currentValue);
+                    break;
+                case 'debounce':
+                    this.setHostProperty('debounce', changes['debounce'].currentValue);
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    /**
+     * Forward a wrapper @Input to the underlying host element via Renderer2 so
+     * the wrapper stays compatible with non-DOM Angular platforms (SSR, tests).
+     * Unlike a "skip undefined" guard, this lets consumers reset values back to
+     * undefined / null by clearing their bindings.
+     */
+    setHostProperty(key, value) {
+        this.renderer.setProperty(this.host, key, value);
+    }
+    bindEvents() {
+        this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-option-changed', (event) => {
+            const typed = event;
+            this.luzmoOptionChanged.emit(typed);
+        }));
+    }
+    static ɵfac = function LuzmoItemOptionGuidelines_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoItemOptionGuidelines)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoItemOptionGuidelines, selectors: [["luzmo-item-option-guidelines"]], inputs: { defaultColor: "defaultColor", debounce: "debounce" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, exportAs: ["luzmoItemOptionGuidelines"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoItemOptionGuidelines_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵprojection(0);
+        } }, encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoItemOptionGuidelines, [{
+        type: Component,
+        args: [{
+                selector: 'luzmo-item-option-guidelines',
+                exportAs: 'luzmoItemOptionGuidelines',
+                standalone: true,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: '<ng-content />'
+            }]
+    }], () => [], { defaultColor: [{
+            type: Input,
+            args: [{ alias: 'defaultColor' }]
+        }], debounce: [{
+            type: Input,
+            args: [{ alias: 'debounce' }]
+        }], luzmoOptionChanged: [{ type: i0.Output, args: ["luzmoOptionChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoItemOptionGuidelines, { className: "LuzmoItemOptionGuidelines", filePath: "components/item-option-guidelines.ts", lineNumber: 16 }); })();

package/angular/esm/index.d.ts

@@ -33,6 +33,7 @@ import { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.js';
 import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.js';
 import { LuzmoItemOptionColorRange } from './components/item-option-color-range.js';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.js';
 import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.js';
 import { LuzmoItemOptionNumberField } from './components/item-option-number-field.js';
 import { LuzmoItemOptionPanel } from './components/item-option-panel.js';
@@ -85,6 +86,7 @@ export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroup
 export { LuzmoItemOptionColorPalettePicker, type LuzmoItemOptionColorPalettePickerElement } from './components/item-option-color-palette-picker.js';
 export { LuzmoItemOptionColorPicker, type LuzmoItemOptionColorPickerElement } from './components/item-option-color-picker.js';
 export { LuzmoItemOptionColorRange, type LuzmoItemOptionColorRangeElement } from './components/item-option-color-range.js';
+export { LuzmoItemOptionGuidelines, type LuzmoItemOptionGuidelinesElement } from './components/item-option-guidelines.js';
 export { LuzmoItemOptionMultiLanguageField, type LuzmoItemOptionMultiLanguageFieldElement } from './components/item-option-multi-language-field.js';
 export { LuzmoItemOptionNumberField, type LuzmoItemOptionNumberFieldElement } from './components/item-option-number-field.js';
 export { LuzmoItemOptionPanel, type LuzmoItemOptionPanelElement } from './components/item-option-panel.js';
@@ -102,6 +104,6 @@ export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from '
 export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.js';
 export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.js';
 export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.js';
-export declare const LUZMO_ANGULAR_COMPONENTS: readonly [typeof LuzmoAiChat, typeof LuzmoAiChatEmptyState, typeof LuzmoAiInteractionTextarea, typeof LuzmoDataField, typeof LuzmoDataFieldLevel, typeof LuzmoDataFieldPanel, typeof LuzmoDataFieldsSelect, typeof LuzmoDatasetIcon, typeof LuzmoDatasetSelectorList, typeof LuzmoDatasetSelectorRow, typeof LuzmoDisplaySettings, typeof LuzmoDisplaySettingsBinning, typeof LuzmoDisplaySettingsDatetime, typeof LuzmoDisplaySettingsGrandTotals, typeof LuzmoDisplaySettingsNumeric, typeof LuzmoDisplaySettingsPeriodOverPeriod, typeof LuzmoFilterExpressionPicker, typeof LuzmoFilterItem, typeof LuzmoFilterParameterPicker, typeof LuzmoFilterValuePicker, typeof LuzmoFilterValuePickerDatetime, typeof LuzmoFilterValuePickerHierarchy, typeof LuzmoFilterValuePickerNumeric, typeof LuzmoFilters, typeof LuzmoFormula, typeof LuzmoFormulaEditor, typeof LuzmoFormulaField, typeof LuzmoInteractiveVizItem, typeof LuzmoItemGrid, typeof LuzmoItemGridItemActionsMenu, typeof LuzmoItemOption, typeof LuzmoItemOptionActionButtonGroup, typeof LuzmoItemOptionColorPalettePicker, typeof LuzmoItemOptionColorPicker, typeof LuzmoItemOptionColorRange, typeof LuzmoItemOptionMultiLanguageField, typeof LuzmoItemOptionNumberField, typeof LuzmoItemOptionPanel, typeof LuzmoItemOptionPicker, typeof LuzmoItemOptionPositionPicker, typeof LuzmoItemOptionPositionsNumberField, typeof LuzmoItemOptionRadioButtonGroup, typeof LuzmoItemOptionSlider, typeof LuzmoItemOptionSwitch, typeof LuzmoItemOptionTextField, typeof LuzmoItemSlotDrop, typeof LuzmoItemSlotDropPanel, typeof LuzmoItemSlotPicker, typeof LuzmoItemSlotPickerPanel, typeof LuzmoSlotMenu, typeof LuzmoSlotMenuList, typeof LuzmoVizItemMenu];
-export declare const LUZMO_ANGULAR_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiChatEmptyState", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemGridItemActionsMenu", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
+export declare const LUZMO_ANGULAR_COMPONENTS: readonly [typeof LuzmoAiChat, typeof LuzmoAiChatEmptyState, typeof LuzmoAiInteractionTextarea, typeof LuzmoDataField, typeof LuzmoDataFieldLevel, typeof LuzmoDataFieldPanel, typeof LuzmoDataFieldsSelect, typeof LuzmoDatasetIcon, typeof LuzmoDatasetSelectorList, typeof LuzmoDatasetSelectorRow, typeof LuzmoDisplaySettings, typeof LuzmoDisplaySettingsBinning, typeof LuzmoDisplaySettingsDatetime, typeof LuzmoDisplaySettingsGrandTotals, typeof LuzmoDisplaySettingsNumeric, typeof LuzmoDisplaySettingsPeriodOverPeriod, typeof LuzmoFilterExpressionPicker, typeof LuzmoFilterItem, typeof LuzmoFilterParameterPicker, typeof LuzmoFilterValuePicker, typeof LuzmoFilterValuePickerDatetime, typeof LuzmoFilterValuePickerHierarchy, typeof LuzmoFilterValuePickerNumeric, typeof LuzmoFilters, typeof LuzmoFormula, typeof LuzmoFormulaEditor, typeof LuzmoFormulaField, typeof LuzmoInteractiveVizItem, typeof LuzmoItemGrid, typeof LuzmoItemGridItemActionsMenu, typeof LuzmoItemOption, typeof LuzmoItemOptionActionButtonGroup, typeof LuzmoItemOptionColorPalettePicker, typeof LuzmoItemOptionColorPicker, typeof LuzmoItemOptionColorRange, typeof LuzmoItemOptionGuidelines, typeof LuzmoItemOptionMultiLanguageField, typeof LuzmoItemOptionNumberField, typeof LuzmoItemOptionPanel, typeof LuzmoItemOptionPicker, typeof LuzmoItemOptionPositionPicker, typeof LuzmoItemOptionPositionsNumberField, typeof LuzmoItemOptionRadioButtonGroup, typeof LuzmoItemOptionSlider, typeof LuzmoItemOptionSwitch, typeof LuzmoItemOptionTextField, typeof LuzmoItemSlotDrop, typeof LuzmoItemSlotDropPanel, typeof LuzmoItemSlotPicker, typeof LuzmoItemSlotPickerPanel, typeof LuzmoSlotMenu, typeof LuzmoSlotMenuList, typeof LuzmoVizItemMenu];
+export declare const LUZMO_ANGULAR_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiChatEmptyState", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemGridItemActionsMenu", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionGuidelines", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
 export type LuzmoAngularComponentName = (typeof LUZMO_ANGULAR_COMPONENT_NAMES)[number];

package/angular/esm/index.js

@@ -34,6 +34,7 @@ import { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.js';
 import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.js';
 import { LuzmoItemOptionColorRange } from './components/item-option-color-range.js';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.js';
 import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.js';
 import { LuzmoItemOptionNumberField } from './components/item-option-number-field.js';
 import { LuzmoItemOptionPanel } from './components/item-option-panel.js';
@@ -86,6 +87,7 @@ export { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 export { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.js';
 export { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.js';
 export { LuzmoItemOptionColorRange } from './components/item-option-color-range.js';
+export { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.js';
 export { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.js';
 export { LuzmoItemOptionNumberField } from './components/item-option-number-field.js';
 export { LuzmoItemOptionPanel } from './components/item-option-panel.js';
@@ -139,6 +141,7 @@ export const LUZMO_ANGULAR_COMPONENTS = [
     LuzmoItemOptionColorPalettePicker,
     LuzmoItemOptionColorPicker,
     LuzmoItemOptionColorRange,
+    LuzmoItemOptionGuidelines,
     LuzmoItemOptionMultiLanguageField,
     LuzmoItemOptionNumberField,
     LuzmoItemOptionPanel,
@@ -193,6 +196,7 @@ export const LUZMO_ANGULAR_COMPONENT_NAMES = [
     'LuzmoItemOptionColorPalettePicker',
     'LuzmoItemOptionColorPicker',
     'LuzmoItemOptionColorRange',
+    'LuzmoItemOptionGuidelines',
     'LuzmoItemOptionMultiLanguageField',
     'LuzmoItemOptionNumberField',
     'LuzmoItemOptionPanel',

package/angular/index.ts

@@ -35,6 +35,7 @@ import { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.js';
 import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.js';
 import { LuzmoItemOptionColorRange } from './components/item-option-color-range.js';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.js';
 import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.js';
 import { LuzmoItemOptionNumberField } from './components/item-option-number-field.js';
 import { LuzmoItemOptionPanel } from './components/item-option-panel.js';
@@ -88,6 +89,7 @@ export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroup
 export { LuzmoItemOptionColorPalettePicker, type LuzmoItemOptionColorPalettePickerElement } from './components/item-option-color-palette-picker.js';
 export { LuzmoItemOptionColorPicker, type LuzmoItemOptionColorPickerElement } from './components/item-option-color-picker.js';
 export { LuzmoItemOptionColorRange, type LuzmoItemOptionColorRangeElement } from './components/item-option-color-range.js';
+export { LuzmoItemOptionGuidelines, type LuzmoItemOptionGuidelinesElement } from './components/item-option-guidelines.js';
 export { LuzmoItemOptionMultiLanguageField, type LuzmoItemOptionMultiLanguageFieldElement } from './components/item-option-multi-language-field.js';
 export { LuzmoItemOptionNumberField, type LuzmoItemOptionNumberFieldElement } from './components/item-option-number-field.js';
 export { LuzmoItemOptionPanel, type LuzmoItemOptionPanelElement } from './components/item-option-panel.js';
@@ -142,6 +144,7 @@ export const LUZMO_ANGULAR_COMPONENTS = [
   LuzmoItemOptionColorPalettePicker,
   LuzmoItemOptionColorPicker,
   LuzmoItemOptionColorRange,
+  LuzmoItemOptionGuidelines,
   LuzmoItemOptionMultiLanguageField,
   LuzmoItemOptionNumberField,
   LuzmoItemOptionPanel,
@@ -197,6 +200,7 @@ export const LUZMO_ANGULAR_COMPONENT_NAMES = [
   'LuzmoItemOptionColorPalettePicker',
   'LuzmoItemOptionColorPicker',
   'LuzmoItemOptionColorRange',
+  'LuzmoItemOptionGuidelines',
   'LuzmoItemOptionMultiLanguageField',
   'LuzmoItemOptionNumberField',
   'LuzmoItemOptionPanel',

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.0.7"
+    "@luzmo/analytics-components-kit": "1.0.8-beta.1"
   },
-  "version": "1.0.7",
+  "version": "1.0.8-beta.1",
   "peerDependenciesMeta": {
     "@angular/forms": {
       "optional": true

package/components/ai-chat/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("../ai-interaction-textarea-BXDeplJF.cjs"),t=require("../ai-chat-CVNU2mCV.cjs");exports.AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES=e.c,exports.AI_PROMPT_MAX_ATTACHMENTS=e.l,exports.AiChatSession=t.i,exports.AiChatSessionController=t.r,exports.LuzmoAiChat=t.n,exports.LuzmoAiChatEmptyState=t.E,exports.assertValidAiPromptAttachmentFiles=e.u,exports.assertValidAiPromptAttachmentUrls=e.d,exports.blobToBase64=e.n,exports.buildAiDictationRequest=e.r,exports.buildAiPromptDeleteRequest=t._,exports.buildAiPromptProperties=t.v,exports.buildAiPromptRequest=t.y,exports.buildAnalystAiPromptProperties=t.b,exports.buildDashboardAiPromptProperties=t.x,exports.buildItemAiPromptProperties=t.S,exports.buildSavedAgentAiPromptProperties=t.C,exports.chartToItemAsset=t.w,exports.createAiChatSession=t.a,exports.createInitialProgress=t.f,exports.createInitialStreamState=t.o,exports.createStreamHandler=t.s,exports.extractChartFromChunk=t.u,exports.extractDashboardFromChunk=t.d,exports.fetchStreamingResponse=t.m,exports.getAgentStreamDefinition=t.c,exports.getAiDictationUrl=e.i,exports.getAiPromptUrl=t.T,exports.getUploadUrl=e.o,exports.hasProgressChunk=t.p,exports.isAiPromptAcceptedImageFile=e.f,exports.isAiPromptAcceptedImageMimeType=e.p,exports.isAiPromptAcceptedImageUrl=e.m,exports.isRecognizedStep=t.t,exports.parseStreamLine=t.h,exports.processStreamChunk=t.l,exports.readNdjsonStream=t.g,exports.streamAiDictation=e.a,exports.uploadAiPromptImages=e.s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ai-interaction-textarea-DvILxmFe.cjs"),t=require("../ai-chat-Bo0ELL9Z.cjs");exports.AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES=e.c,exports.AI_PROMPT_MAX_ATTACHMENTS=e.l,exports.AiChatSession=t.i,exports.AiChatSessionController=t.r,exports.LuzmoAiChat=t.n,exports.LuzmoAiChatEmptyState=t.E,exports.assertValidAiPromptAttachmentFiles=e.u,exports.assertValidAiPromptAttachmentUrls=e.d,exports.blobToBase64=e.n,exports.buildAiDictationRequest=e.r,exports.buildAiPromptDeleteRequest=t._,exports.buildAiPromptProperties=t.v,exports.buildAiPromptRequest=t.y,exports.buildAnalystAiPromptProperties=t.b,exports.buildDashboardAiPromptProperties=t.x,exports.buildItemAiPromptProperties=t.S,exports.buildSavedAgentAiPromptProperties=t.C,exports.chartToItemAsset=t.w,exports.createAiChatSession=t.a,exports.createInitialProgress=t.f,exports.createInitialStreamState=t.o,exports.createStreamHandler=t.s,exports.extractChartFromChunk=t.u,exports.extractDashboardFromChunk=t.d,exports.fetchStreamingResponse=t.m,exports.getAgentStreamDefinition=t.c,exports.getAiDictationUrl=e.i,exports.getAiPromptUrl=t.T,exports.getUploadUrl=e.o,exports.hasProgressChunk=t.p,exports.isAiPromptAcceptedImageFile=e.f,exports.isAiPromptAcceptedImageMimeType=e.p,exports.isAiPromptAcceptedImageUrl=e.m,exports.isRecognizedStep=t.t,exports.parseStreamLine=t.h,exports.processStreamChunk=t.l,exports.readNdjsonStream=t.g,exports.streamAiDictation=e.a,exports.uploadAiPromptImages=e.s;

package/components/ai-chat/index.js

@@ -24,6 +24,6 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, u as f } from "../ai-interaction-textarea-BiMbUGCy.js";
-import { C as p, E as m, S as h, T as g, _, a as v, b as y, c as b, d as x, f as S, g as C, h as w, i as T, l as E, m as D, n as O, o as k, p as A, r as j, s as M, t as N, u as P, v as F, w as I, x as L, y as R } from "../ai-chat-CDSRFmJK.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, u as f } from "../ai-interaction-textarea-r77TFOk6.js";
+import { C as p, E as m, S as h, T as g, _, a as v, b as y, c as b, d as x, f as S, g as C, h as w, i as T, l as E, m as D, n as O, o as k, p as A, r as j, s as M, t as N, u as P, v as F, w as I, x as L, y as R } from "../ai-chat-hOxsY5sO.js";
 export { t as AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES, a as AI_PROMPT_MAX_ATTACHMENTS, T as AiChatSession, j as AiChatSessionController, O as LuzmoAiChat, m as LuzmoAiChatEmptyState, f as assertValidAiPromptAttachmentFiles, n as assertValidAiPromptAttachmentUrls, s as blobToBase64, u as buildAiDictationRequest, _ as buildAiPromptDeleteRequest, F as buildAiPromptProperties, R as buildAiPromptRequest, y as buildAnalystAiPromptProperties, L as buildDashboardAiPromptProperties, h as buildItemAiPromptProperties, p as buildSavedAgentAiPromptProperties, I as chartToItemAsset, v as createAiChatSession, S as createInitialProgress, k as createInitialStreamState, M as createStreamHandler, P as extractChartFromChunk, x as extractDashboardFromChunk, D as fetchStreamingResponse, b as getAgentStreamDefinition, i as getAiDictationUrl, g as getAiPromptUrl, c as getUploadUrl, A as hasProgressChunk, r as isAiPromptAcceptedImageFile, l as isAiPromptAcceptedImageMimeType, o as isAiPromptAcceptedImageUrl, N as isRecognizedStep, w as parseStreamLine, E as processStreamChunk, C as readNdjsonStream, e as streamAiDictation, d as uploadAiPromptImages };