@luzmo/analytics-components-kit 1.0.1-alpha.147 → 1.0.1-alpha.149

package/angular/esm/components/{edit-option-action-button-group.component.js → item-option-action-button-group.component.js}

@@ -1,14 +1,14 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionActionButtonGroupComponent {
+export class ItemOptionActionButtonGroupComponent {
     values;
     disabled;
     selects;
     value;
     default;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionActionButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionActionButtonGroupComponent, isStandalone: true, selector: "luzmo-edit-option-action-button-group", inputs: { values: "values", disabled: "disabled", selects: "selects", value: "value", default: "default" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-action-button-group
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionActionButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionActionButtonGroupComponent, isStandalone: true, selector: "luzmo-item-option-action-button-group", inputs: { values: "values", disabled: "disabled", selects: "selects", value: "value", default: "default" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-action-button-group
         [attr.values]="values"
         [attr.disabled]="disabled"
         [attr.selects]="selects"
@@ -16,15 +16,15 @@ export class EditOptionActionButtonGroupComponent {
         [attr.default]="default"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-action-button-group>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionActionButtonGroupComponent, selector: "luzmo-edit-option-action-button-group", inputs: ["values", "disabled", "selects", "value", "default"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-action-button-group>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionActionButtonGroupComponent, selector: "luzmo-item-option-action-button-group", inputs: ["values", "disabled", "selects", "value", "default"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionActionButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionActionButtonGroupComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-action-button-group',
+                    selector: 'luzmo-item-option-action-button-group',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-action-button-group
+                    template: `<luzmo-item-option-action-button-group
         [attr.values]="values"
         [attr.disabled]="disabled"
         [attr.selects]="selects"
@@ -32,7 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.default]="default"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-action-button-group>`
+</luzmo-item-option-action-button-group>`
                 }]
         }], propDecorators: { values: [{
                 type: Input

package/angular/esm/components/{edit-option-color-palette-picker.component.d.ts → item-option-color-palette-picker.component.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionColorPalettePickerComponent {
+export declare class ItemOptionColorPalettePickerComponent {
     value?: any;
     default?: any;
     values?: any;
@@ -10,6 +10,6 @@ export declare class EditOptionColorPalettePickerComponent {
     toValue?: any;
     numberOfColors?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionColorPalettePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionColorPalettePickerComponent, "luzmo-edit-option-color-palette-picker", never, { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "numberOfColors": { "alias": "numberOfColors"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionColorPalettePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionColorPalettePickerComponent, "luzmo-item-option-color-palette-picker", never, { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "numberOfColors": { "alias": "numberOfColors"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/{edit-option-color-palette-picker.component.js → item-option-color-palette-picker.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionColorPalettePickerComponent {
+export class ItemOptionColorPalettePickerComponent {
     value;
     default;
     values;
@@ -10,8 +10,8 @@ export class EditOptionColorPalettePickerComponent {
     toValue;
     numberOfColors;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionColorPalettePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionColorPalettePickerComponent, isStandalone: true, selector: "luzmo-edit-option-color-palette-picker", inputs: { value: "value", default: "default", values: "values", disabled: "disabled", horizontal: "horizontal", parseValue: "parseValue", toValue: "toValue", numberOfColors: "numberOfColors" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-color-palette-picker
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionColorPalettePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionColorPalettePickerComponent, isStandalone: true, selector: "luzmo-item-option-color-palette-picker", inputs: { value: "value", default: "default", values: "values", disabled: "disabled", horizontal: "horizontal", parseValue: "parseValue", toValue: "toValue", numberOfColors: "numberOfColors" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-color-palette-picker
         [attr.value]="value"
         [attr.default]="default"
         [attr.values]="values"
@@ -22,15 +22,15 @@ export class EditOptionColorPalettePickerComponent {
         [attr.number-of-colors]="numberOfColors"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-color-palette-picker>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionColorPalettePickerComponent, selector: "luzmo-edit-option-color-palette-picker", inputs: ["value", "default", "values", "disabled", "horizontal", "parseValue", "toValue", "numberOfColors"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-color-palette-picker>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionColorPalettePickerComponent, selector: "luzmo-item-option-color-palette-picker", inputs: ["value", "default", "values", "disabled", "horizontal", "parseValue", "toValue", "numberOfColors"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionColorPalettePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionColorPalettePickerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-color-palette-picker',
+                    selector: 'luzmo-item-option-color-palette-picker',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-color-palette-picker
+                    template: `<luzmo-item-option-color-palette-picker
         [attr.value]="value"
         [attr.default]="default"
         [attr.values]="values"
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.number-of-colors]="numberOfColors"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-color-palette-picker>`
+</luzmo-item-option-color-palette-picker>`
                 }]
         }], propDecorators: { value: [{
                 type: Input

package/angular/esm/components/{edit-option-color-picker.component.d.ts → item-option-color-picker.component.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionColorPickerComponent {
+export declare class ItemOptionColorPickerComponent {
     swatches?: string[];
     rounding?: 'full' | 'light' | 'none';
     shape?: 'circle' | 'rectangle';
@@ -10,6 +10,6 @@ export declare class EditOptionColorPickerComponent {
     noAlphaChannel?: any;
     placement?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionColorPickerComponent, "luzmo-edit-option-color-picker", never, { "swatches": { "alias": "swatches"; "required": false; }; "rounding": { "alias": "rounding"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noAlphaChannel": { "alias": "noAlphaChannel"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionColorPickerComponent, "luzmo-item-option-color-picker", never, { "swatches": { "alias": "swatches"; "required": false; }; "rounding": { "alias": "rounding"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noAlphaChannel": { "alias": "noAlphaChannel"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/{edit-option-color-picker.component.js → item-option-color-picker.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionColorPickerComponent {
+export class ItemOptionColorPickerComponent {
     swatches;
     rounding;
     shape;
@@ -10,8 +10,8 @@ export class EditOptionColorPickerComponent {
     noAlphaChannel;
     placement;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionColorPickerComponent, isStandalone: true, selector: "luzmo-edit-option-color-picker", inputs: { swatches: "swatches", rounding: "rounding", shape: "shape", debounce: "debounce", value: "value", disabled: "disabled", noAlphaChannel: "noAlphaChannel", placement: "placement" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-color-picker
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionColorPickerComponent, isStandalone: true, selector: "luzmo-item-option-color-picker", inputs: { swatches: "swatches", rounding: "rounding", shape: "shape", debounce: "debounce", value: "value", disabled: "disabled", noAlphaChannel: "noAlphaChannel", placement: "placement" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-color-picker
         [attr.swatches]="swatches"
         [attr.rounding]="rounding"
         [attr.shape]="shape"
@@ -22,15 +22,15 @@ export class EditOptionColorPickerComponent {
         [attr.placement]="placement"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-color-picker>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionColorPickerComponent, selector: "luzmo-edit-option-color-picker", inputs: ["swatches", "rounding", "shape", "debounce", "value", "disabled", "noAlphaChannel", "placement"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-color-picker>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionColorPickerComponent, selector: "luzmo-item-option-color-picker", inputs: ["swatches", "rounding", "shape", "debounce", "value", "disabled", "noAlphaChannel", "placement"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionColorPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionColorPickerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-color-picker',
+                    selector: 'luzmo-item-option-color-picker',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-color-picker
+                    template: `<luzmo-item-option-color-picker
         [attr.swatches]="swatches"
         [attr.rounding]="rounding"
         [attr.shape]="shape"
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.placement]="placement"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-color-picker>`
+</luzmo-item-option-color-picker>`
                 }]
         }], propDecorators: { swatches: [{
                 type: Input

package/angular/esm/components/{edit-option-color-range.component.d.ts → item-option-color-range.component.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionColorRangeComponent {
+export declare class ItemOptionColorRangeComponent {
     value?: any;
     default?: any;
     disabled?: any;
@@ -16,6 +16,6 @@ export declare class EditOptionColorRangeComponent {
     parseValue?: any;
     toValue?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionColorRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionColorRangeComponent, "luzmo-edit-option-color-range", never, { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "noAlphaChannel": { "alias": "noAlphaChannel"; "required": false; }; "editRangeSize": { "alias": "editRangeSize"; "required": false; }; "noValues": { "alias": "noValues"; "required": false; }; "minimumRangeSize": { "alias": "minimumRangeSize"; "required": false; }; "negativeInfinityValue": { "alias": "negativeInfinityValue"; "required": false; }; "readOnlyColorPicker": { "alias": "readOnlyColorPicker"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionColorRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionColorRangeComponent, "luzmo-item-option-color-range", never, { "value": { "alias": "value"; "required": false; }; "default": { "alias": "default"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "noAlphaChannel": { "alias": "noAlphaChannel"; "required": false; }; "editRangeSize": { "alias": "editRangeSize"; "required": false; }; "noValues": { "alias": "noValues"; "required": false; }; "minimumRangeSize": { "alias": "minimumRangeSize"; "required": false; }; "negativeInfinityValue": { "alias": "negativeInfinityValue"; "required": false; }; "readOnlyColorPicker": { "alias": "readOnlyColorPicker"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/{edit-option-color-range.component.js → item-option-color-range.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionColorRangeComponent {
+export class ItemOptionColorRangeComponent {
     value;
     default;
     disabled;
@@ -16,8 +16,8 @@ export class EditOptionColorRangeComponent {
     parseValue;
     toValue;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionColorRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionColorRangeComponent, isStandalone: true, selector: "luzmo-edit-option-color-range", inputs: { value: "value", default: "default", disabled: "disabled", percentage: "percentage", noAlphaChannel: "noAlphaChannel", editRangeSize: "editRangeSize", noValues: "noValues", minimumRangeSize: "minimumRangeSize", negativeInfinityValue: "negativeInfinityValue", readOnlyColorPicker: "readOnlyColorPicker", reverse: "reverse", debounce: "debounce", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-color-range
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionColorRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionColorRangeComponent, isStandalone: true, selector: "luzmo-item-option-color-range", inputs: { value: "value", default: "default", disabled: "disabled", percentage: "percentage", noAlphaChannel: "noAlphaChannel", editRangeSize: "editRangeSize", noValues: "noValues", minimumRangeSize: "minimumRangeSize", negativeInfinityValue: "negativeInfinityValue", readOnlyColorPicker: "readOnlyColorPicker", reverse: "reverse", debounce: "debounce", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-color-range
         [attr.value]="value"
         [attr.default]="default"
         [attr.disabled]="disabled"
@@ -34,15 +34,15 @@ export class EditOptionColorRangeComponent {
         [attr.toValue]="toValue"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-color-range>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionColorRangeComponent, selector: "luzmo-edit-option-color-range", inputs: ["value", "default", "disabled", "percentage", "noAlphaChannel", "editRangeSize", "noValues", "minimumRangeSize", "negativeInfinityValue", "readOnlyColorPicker", "reverse", "debounce", "parseValue", "toValue"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-color-range>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionColorRangeComponent, selector: "luzmo-item-option-color-range", inputs: ["value", "default", "disabled", "percentage", "noAlphaChannel", "editRangeSize", "noValues", "minimumRangeSize", "negativeInfinityValue", "readOnlyColorPicker", "reverse", "debounce", "parseValue", "toValue"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionColorRangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionColorRangeComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-color-range',
+                    selector: 'luzmo-item-option-color-range',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-color-range
+                    template: `<luzmo-item-option-color-range
         [attr.value]="value"
         [attr.default]="default"
         [attr.disabled]="disabled"
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.toValue]="toValue"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-color-range>`
+</luzmo-item-option-color-range>`
                 }]
         }], propDecorators: { value: [{
                 type: Input

package/angular/esm/components/{edit-option-multi-language-field.component.d.ts → item-option-multi-language-field.component.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionMultiLanguageFieldComponent {
+export declare class ItemOptionMultiLanguageFieldComponent {
     value?: any;
     invalid?: any;
     readonly?: any;
@@ -10,6 +10,6 @@ export declare class EditOptionMultiLanguageFieldComponent {
     toValue?: any;
     debounce?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionMultiLanguageFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionMultiLanguageFieldComponent, "luzmo-edit-option-multi-language-field", never, { "value": { "alias": "value"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "language": { "alias": "language"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionMultiLanguageFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionMultiLanguageFieldComponent, "luzmo-item-option-multi-language-field", never, { "value": { "alias": "value"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "language": { "alias": "language"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/{edit-option-multi-language-field.component.js → item-option-multi-language-field.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionMultiLanguageFieldComponent {
+export class ItemOptionMultiLanguageFieldComponent {
     value;
     invalid;
     readonly;
@@ -10,8 +10,8 @@ export class EditOptionMultiLanguageFieldComponent {
     toValue;
     debounce;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionMultiLanguageFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionMultiLanguageFieldComponent, isStandalone: true, selector: "luzmo-edit-option-multi-language-field", inputs: { value: "value", invalid: "invalid", readonly: "readonly", language: "language", placeholder: "placeholder", parseValue: "parseValue", toValue: "toValue", debounce: "debounce" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-multi-language-field
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionMultiLanguageFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionMultiLanguageFieldComponent, isStandalone: true, selector: "luzmo-item-option-multi-language-field", inputs: { value: "value", invalid: "invalid", readonly: "readonly", language: "language", placeholder: "placeholder", parseValue: "parseValue", toValue: "toValue", debounce: "debounce" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-multi-language-field
         [attr.value]="value"
         [attr.invalid]="invalid"
         [attr.readonly]="readonly"
@@ -22,15 +22,15 @@ export class EditOptionMultiLanguageFieldComponent {
         [attr.debounce]="debounce"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-multi-language-field>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionMultiLanguageFieldComponent, selector: "luzmo-edit-option-multi-language-field", inputs: ["value", "invalid", "readonly", "language", "placeholder", "parseValue", "toValue", "debounce"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-multi-language-field>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionMultiLanguageFieldComponent, selector: "luzmo-item-option-multi-language-field", inputs: ["value", "invalid", "readonly", "language", "placeholder", "parseValue", "toValue", "debounce"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionMultiLanguageFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionMultiLanguageFieldComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-multi-language-field',
+                    selector: 'luzmo-item-option-multi-language-field',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-multi-language-field
+                    template: `<luzmo-item-option-multi-language-field
         [attr.value]="value"
         [attr.invalid]="invalid"
         [attr.readonly]="readonly"
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.debounce]="debounce"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-multi-language-field>`
+</luzmo-item-option-multi-language-field>`
                 }]
         }], propDecorators: { value: [{
                 type: Input

package/angular/esm/components/{edit-option-number-field.component.d.ts → item-option-number-field.component.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionNumberFieldComponent {
+export declare class ItemOptionNumberFieldComponent {
     debounce?: number;
     disabled?: any;
     min?: any;
@@ -14,6 +14,6 @@ export declare class EditOptionNumberFieldComponent {
     parseValue?: any;
     toValue?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionNumberFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionNumberFieldComponent, "luzmo-edit-option-number-field", never, { "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "default": { "alias": "default"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minWidthInputField": { "alias": "minWidthInputField"; "required": false; }; "step": { "alias": "step"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionNumberFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionNumberFieldComponent, "luzmo-item-option-number-field", never, { "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "default": { "alias": "default"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minWidthInputField": { "alias": "minWidthInputField"; "required": false; }; "step": { "alias": "step"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/{edit-option-number-field.component.js → item-option-number-field.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionNumberFieldComponent {
+export class ItemOptionNumberFieldComponent {
     debounce;
     disabled;
     min;
@@ -14,8 +14,8 @@ export class EditOptionNumberFieldComponent {
     parseValue;
     toValue;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionNumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionNumberFieldComponent, isStandalone: true, selector: "luzmo-edit-option-number-field", inputs: { debounce: "debounce", disabled: "disabled", min: "min", max: "max", default: "default", value: "value", placeholder: "placeholder", minWidthInputField: "minWidthInputField", step: "step", unit: "unit", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-number-field
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionNumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionNumberFieldComponent, isStandalone: true, selector: "luzmo-item-option-number-field", inputs: { debounce: "debounce", disabled: "disabled", min: "min", max: "max", default: "default", value: "value", placeholder: "placeholder", minWidthInputField: "minWidthInputField", step: "step", unit: "unit", parseValue: "parseValue", toValue: "toValue" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-number-field
         [attr.debounce]="debounce"
         [attr.disabled]="disabled"
         [attr.min]="min"
@@ -30,15 +30,15 @@ export class EditOptionNumberFieldComponent {
         [attr.toValue]="toValue"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-number-field>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionNumberFieldComponent, selector: "luzmo-edit-option-number-field", inputs: ["debounce", "disabled", "min", "max", "default", "value", "placeholder", "minWidthInputField", "step", "unit", "parseValue", "toValue"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-number-field>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionNumberFieldComponent, selector: "luzmo-item-option-number-field", inputs: ["debounce", "disabled", "min", "max", "default", "value", "placeholder", "minWidthInputField", "step", "unit", "parseValue", "toValue"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionNumberFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionNumberFieldComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-number-field',
+                    selector: 'luzmo-item-option-number-field',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-number-field
+                    template: `<luzmo-item-option-number-field
         [attr.debounce]="debounce"
         [attr.disabled]="disabled"
         [attr.min]="min"
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.toValue]="toValue"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-number-field>`
+</luzmo-item-option-number-field>`
                 }]
         }], propDecorators: { debounce: [{
                 type: Input

package/angular/esm/components/item-option-panel.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import type { VizItemType, Slot, OptionsConfig, TranslationOverrides, TranslationsFile, ThemeConfig, ElementSize } from '../types';
+import * as i0 from "@angular/core";
+export declare class ItemOptionPanelComponent {
+    language?: string;
+    itemType?: VizItemType;
+    options?: Record<string, unknown>;
+    slots?: Slot[];
+    customOptionsConfiguration?: OptionsConfig;
+    customTranslations?: TranslationOverrides | TranslationsFile;
+    theme?: ThemeConfig & Record<string, any>;
+    size?: ElementSize;
+    apiUrl?: string;
+    authKey?: string;
+    authToken?: string;
+    luzmoOptionsChanged: EventEmitter<CustomEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionPanelComponent, "luzmo-item-option-panel", never, { "language": { "alias": "language"; "required": false; }; "itemType": { "alias": "itemType"; "required": false; }; "options": { "alias": "options"; "required": false; }; "slots": { "alias": "slots"; "required": false; }; "customOptionsConfiguration": { "alias": "customOptionsConfiguration"; "required": false; }; "customTranslations": { "alias": "customTranslations"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "apiUrl": { "alias": "apiUrl"; "required": false; }; "authKey": { "alias": "authKey"; "required": false; }; "authToken": { "alias": "authToken"; "required": false; }; }, { "luzmoOptionsChanged": "luzmoOptionsChanged"; }, never, ["*"], true, never>;
+}

package/angular/esm/components/{edit-item.component.js → item-option-panel.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditItemComponent {
+export class ItemOptionPanelComponent {
     language;
     itemType;
     options;
@@ -13,8 +13,8 @@ export class EditItemComponent {
     authKey;
     authToken;
     luzmoOptionsChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditItemComponent, isStandalone: true, selector: "luzmo-edit-item", inputs: { language: "language", itemType: "itemType", options: "options", slots: "slots", customOptionsConfiguration: "customOptionsConfiguration", customTranslations: "customTranslations", theme: "theme", size: "size", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken" }, outputs: { luzmoOptionsChanged: "luzmoOptionsChanged" }, ngImport: i0, template: `<luzmo-edit-item
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionPanelComponent, isStandalone: true, selector: "luzmo-item-option-panel", inputs: { language: "language", itemType: "itemType", options: "options", slots: "slots", customOptionsConfiguration: "customOptionsConfiguration", customTranslations: "customTranslations", theme: "theme", size: "size", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken" }, outputs: { luzmoOptionsChanged: "luzmoOptionsChanged" }, ngImport: i0, template: `<luzmo-item-option-panel
         [attr.language]="language"
         [attr.item-type]="itemType"
         [attr.options]="options"
@@ -28,15 +28,15 @@ export class EditItemComponent {
         [attr.auth-token]="authToken"
         (luzmo-options-changed)="luzmoOptionsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-item>`, isInline: true, dependencies: [{ kind: "component", type: EditItemComponent, selector: "luzmo-edit-item", inputs: ["language", "itemType", "options", "slots", "customOptionsConfiguration", "customTranslations", "theme", "size", "apiUrl", "authKey", "authToken"], outputs: ["luzmoOptionsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-panel>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionPanelComponent, selector: "luzmo-item-option-panel", inputs: ["language", "itemType", "options", "slots", "customOptionsConfiguration", "customTranslations", "theme", "size", "apiUrl", "authKey", "authToken"], outputs: ["luzmoOptionsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionPanelComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-item',
+                    selector: 'luzmo-item-option-panel',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-item
+                    template: `<luzmo-item-option-panel
         [attr.language]="language"
         [attr.item-type]="itemType"
         [attr.options]="options"
@@ -50,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.auth-token]="authToken"
         (luzmo-options-changed)="luzmoOptionsChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-item>`
+</luzmo-item-option-panel>`
                 }]
         }], propDecorators: { language: [{
                 type: Input

package/angular/esm/components/{edit-option-picker.component.d.ts → item-option-picker.component.d.ts}

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionPickerComponent {
+export declare class ItemOptionPickerComponent {
     values?: any;
     disabled?: any;
     placement?: any;
@@ -9,6 +9,6 @@ export declare class EditOptionPickerComponent {
     toValue?: any;
     default?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionPickerComponent, "luzmo-edit-option-picker", never, { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "value": { "alias": "value"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionPickerComponent, "luzmo-item-option-picker", never, { "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "value": { "alias": "value"; "required": false; }; "parseValue": { "alias": "parseValue"; "required": false; }; "toValue": { "alias": "toValue"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }

package/angular/esm/components/{edit-option-picker.component.js → item-option-picker.component.js}

@@ -1,6 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-export class EditOptionPickerComponent {
+export class ItemOptionPickerComponent {
     values;
     disabled;
     placement;
@@ -9,8 +9,8 @@ export class EditOptionPickerComponent {
     toValue;
     default;
     luzmoOptionChanged = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: EditOptionPickerComponent, isStandalone: true, selector: "luzmo-edit-option-picker", inputs: { values: "values", disabled: "disabled", placement: "placement", value: "value", parseValue: "parseValue", toValue: "toValue", default: "default" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-edit-option-picker
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.3", type: ItemOptionPickerComponent, isStandalone: true, selector: "luzmo-item-option-picker", inputs: { values: "values", disabled: "disabled", placement: "placement", value: "value", parseValue: "parseValue", toValue: "toValue", default: "default" }, outputs: { luzmoOptionChanged: "luzmoOptionChanged" }, ngImport: i0, template: `<luzmo-item-option-picker
         [attr.values]="values"
         [attr.disabled]="disabled"
         [attr.placement]="placement"
@@ -20,15 +20,15 @@ export class EditOptionPickerComponent {
         [attr.default]="default"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-picker>`, isInline: true, dependencies: [{ kind: "component", type: EditOptionPickerComponent, selector: "luzmo-edit-option-picker", inputs: ["values", "disabled", "placement", "value", "parseValue", "toValue", "default"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+</luzmo-item-option-picker>`, isInline: true, dependencies: [{ kind: "component", type: ItemOptionPickerComponent, selector: "luzmo-item-option-picker", inputs: ["values", "disabled", "placement", "value", "parseValue", "toValue", "default"], outputs: ["luzmoOptionChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: EditOptionPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImport: i0, type: ItemOptionPickerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'luzmo-edit-option-picker',
+                    selector: 'luzmo-item-option-picker',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<luzmo-edit-option-picker
+                    template: `<luzmo-item-option-picker
         [attr.values]="values"
         [attr.disabled]="disabled"
         [attr.placement]="placement"
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.3", ngImpor
         [attr.default]="default"
         (luzmo-option-changed)="luzmoOptionChanged.emit($event)">
   <ng-content></ng-content>
-</luzmo-edit-option-picker>`
+</luzmo-item-option-picker>`
                 }]
         }], propDecorators: { values: [{
                 type: Input

package/angular/esm/components/{edit-option-position-picker.component.d.ts → item-option-position-picker.component.d.ts}

@@ -1,11 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class EditOptionPositionPickerComponent {
+export declare class ItemOptionPositionPickerComponent {
     value?: any;
     defaultPosition?: any;
     positions?: any;
     readonly?: any;
     luzmoOptionChanged: EventEmitter<CustomEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EditOptionPositionPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditOptionPositionPickerComponent, "luzmo-edit-option-position-picker", never, { "value": { "alias": "value"; "required": false; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; }; "positions": { "alias": "positions"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemOptionPositionPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemOptionPositionPickerComponent, "luzmo-item-option-position-picker", never, { "value": { "alias": "value"; "required": false; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; }; "positions": { "alias": "positions"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "luzmoOptionChanged": "luzmoOptionChanged"; }, never, ["*"], true, never>;
 }