@luzmo/ngx-lucero 2.1.0 → 2.2.0

package/esm/components/prompt-box.js

@@ -69,25 +69,25 @@ export class LuzmoPromptBox {
     segments;
     size;
     /** Fired when the prompt is submitted. */
-    luzmoSubmitEvent = output({ alias: 'luzmo-submit' });
+    luzmoSubmit = output({ alias: 'luzmo-submit' });
     /** Fired when the stop button is clicked. */
-    luzmoStopEvent = output({ alias: 'luzmo-stop' });
+    luzmoStop = output({ alias: 'luzmo-stop' });
     /** Fired when a trigger menu opens, closes, or the search string changes. */
-    luzmoTriggerChangeEvent = output({ alias: 'luzmo-trigger-change' });
+    luzmoTriggerChange = output({ alias: 'luzmo-trigger-change' });
     /** Fired when an inline element badge is inserted. */
-    luzmoElementInsertedEvent = output({ alias: 'luzmo-element-inserted' });
+    luzmoElementInserted = output({ alias: 'luzmo-element-inserted' });
     /** Fired when an inline element badge is removed. */
-    luzmoElementRemovedEvent = output({ alias: 'luzmo-element-removed' });
+    luzmoElementRemoved = output({ alias: 'luzmo-element-removed' });
     /** Fired when attachments change. */
-    luzmoAttachmentsChangeEvent = output({ alias: 'luzmo-attachments-change' });
+    luzmoAttachmentsChange = output({ alias: 'luzmo-attachments-change' });
     /** Fired when recording state changes. */
-    luzmoRecordEvent = output({ alias: 'luzmo-record' });
+    luzmoRecord = output({ alias: 'luzmo-record' });
     /** Fired when recording finishes. */
-    luzmoRecordingCompleteEvent = output({ alias: 'luzmo-recording-complete' });
+    luzmoRecordingComplete = output({ alias: 'luzmo-recording-complete' });
     /** Fired when recording is cancelled. */
-    luzmoRecordCancelEvent = output({ alias: 'luzmo-record-cancel' });
+    luzmoRecordCancel = output({ alias: 'luzmo-record-cancel' });
     /** Fired when recording errors. */
-    luzmoRecordErrorEvent = output({ alias: 'luzmo-record-error' });
+    luzmoRecordError = output({ alias: 'luzmo-record-error' });
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -187,34 +187,34 @@ export class LuzmoPromptBox {
     }
     bindEvents() {
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-submit', (event) => {
-            this.luzmoSubmitEvent.emit(event);
+            this.luzmoSubmit.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-stop', (event) => {
-            this.luzmoStopEvent.emit(event);
+            this.luzmoStop.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-trigger-change', (event) => {
-            this.luzmoTriggerChangeEvent.emit(event);
+            this.luzmoTriggerChange.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-element-inserted', (event) => {
-            this.luzmoElementInsertedEvent.emit(event);
+            this.luzmoElementInserted.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-element-removed', (event) => {
-            this.luzmoElementRemovedEvent.emit(event);
+            this.luzmoElementRemoved.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-attachments-change', (event) => {
-            this.luzmoAttachmentsChangeEvent.emit(event);
+            this.luzmoAttachmentsChange.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-record', (event) => {
-            this.luzmoRecordEvent.emit(event);
+            this.luzmoRecord.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-recording-complete', (event) => {
-            this.luzmoRecordingCompleteEvent.emit(event);
+            this.luzmoRecordingComplete.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-record-cancel', (event) => {
-            this.luzmoRecordCancelEvent.emit(event);
+            this.luzmoRecordCancel.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-record-error', (event) => {
-            this.luzmoRecordErrorEvent.emit(event);
+            this.luzmoRecordError.emit(event);
         }));
     }
     focus() {
@@ -227,7 +227,7 @@ export class LuzmoPromptBox {
         return this.host.submit();
     }
     static ɵfac = function LuzmoPromptBox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoPromptBox)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPromptBox, selectors: [["luzmo-prompt-box"]], inputs: { rows: "rows", grows: "grows", maxRows: "maxRows", recording: "recording", hideSubmit: "hideSubmit", disableSubmit: "disableSubmit", singleLine: "singleLine", placeholder: "placeholder", value: "value", disabled: "disabled", readonly: "readonly", maxlength: "maxlength", pending: "pending", stoppable: "stoppable", allowImages: "allowImages", allowFiles: "allowFiles", acceptedFileTypes: "acceptedFileTypes", fileIcons: "fileIcons", removeAttachmentLabel: "removeAttachmentLabel", allowElements: "allowElements", acceptedElementTypes: "acceptedElementTypes", triggers: "triggers", segments: "segments", size: "size" }, outputs: { luzmoSubmitEvent: "luzmo-submit", luzmoStopEvent: "luzmo-stop", luzmoTriggerChangeEvent: "luzmo-trigger-change", luzmoElementInsertedEvent: "luzmo-element-inserted", luzmoElementRemovedEvent: "luzmo-element-removed", luzmoAttachmentsChangeEvent: "luzmo-attachments-change", luzmoRecordEvent: "luzmo-record", luzmoRecordingCompleteEvent: "luzmo-recording-complete", luzmoRecordCancelEvent: "luzmo-record-cancel", luzmoRecordErrorEvent: "luzmo-record-error" }, exportAs: ["luzmoPromptBox"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPromptBox_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPromptBox, selectors: [["luzmo-prompt-box"]], inputs: { rows: "rows", grows: "grows", maxRows: "maxRows", recording: "recording", hideSubmit: "hideSubmit", disableSubmit: "disableSubmit", singleLine: "singleLine", placeholder: "placeholder", value: "value", disabled: "disabled", readonly: "readonly", maxlength: "maxlength", pending: "pending", stoppable: "stoppable", allowImages: "allowImages", allowFiles: "allowFiles", acceptedFileTypes: "acceptedFileTypes", fileIcons: "fileIcons", removeAttachmentLabel: "removeAttachmentLabel", allowElements: "allowElements", acceptedElementTypes: "acceptedElementTypes", triggers: "triggers", segments: "segments", size: "size" }, outputs: { luzmoSubmit: "luzmo-submit", luzmoStop: "luzmo-stop", luzmoTriggerChange: "luzmo-trigger-change", luzmoElementInserted: "luzmo-element-inserted", luzmoElementRemoved: "luzmo-element-removed", luzmoAttachmentsChange: "luzmo-attachments-change", luzmoRecord: "luzmo-record", luzmoRecordingComplete: "luzmo-recording-complete", luzmoRecordCancel: "luzmo-record-cancel", luzmoRecordError: "luzmo-record-error" }, exportAs: ["luzmoPromptBox"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPromptBox_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -313,5 +313,5 @@ export class LuzmoPromptBox {
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]
-        }], luzmoSubmitEvent: [{ type: i0.Output, args: ["luzmo-submit"] }], luzmoStopEvent: [{ type: i0.Output, args: ["luzmo-stop"] }], luzmoTriggerChangeEvent: [{ type: i0.Output, args: ["luzmo-trigger-change"] }], luzmoElementInsertedEvent: [{ type: i0.Output, args: ["luzmo-element-inserted"] }], luzmoElementRemovedEvent: [{ type: i0.Output, args: ["luzmo-element-removed"] }], luzmoAttachmentsChangeEvent: [{ type: i0.Output, args: ["luzmo-attachments-change"] }], luzmoRecordEvent: [{ type: i0.Output, args: ["luzmo-record"] }], luzmoRecordingCompleteEvent: [{ type: i0.Output, args: ["luzmo-recording-complete"] }], luzmoRecordCancelEvent: [{ type: i0.Output, args: ["luzmo-record-cancel"] }], luzmoRecordErrorEvent: [{ type: i0.Output, args: ["luzmo-record-error"] }] }); })();
+        }], luzmoSubmit: [{ type: i0.Output, args: ["luzmo-submit"] }], luzmoStop: [{ type: i0.Output, args: ["luzmo-stop"] }], luzmoTriggerChange: [{ type: i0.Output, args: ["luzmo-trigger-change"] }], luzmoElementInserted: [{ type: i0.Output, args: ["luzmo-element-inserted"] }], luzmoElementRemoved: [{ type: i0.Output, args: ["luzmo-element-removed"] }], luzmoAttachmentsChange: [{ type: i0.Output, args: ["luzmo-attachments-change"] }], luzmoRecord: [{ type: i0.Output, args: ["luzmo-record"] }], luzmoRecordingComplete: [{ type: i0.Output, args: ["luzmo-recording-complete"] }], luzmoRecordCancel: [{ type: i0.Output, args: ["luzmo-record-cancel"] }], luzmoRecordError: [{ type: i0.Output, args: ["luzmo-record-error"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoPromptBox, { className: "LuzmoPromptBox", filePath: "components/prompt-box.ts", lineNumber: 23 }); })();

package/esm/components/question-box.d.ts

@@ -38,11 +38,11 @@ export declare class LuzmoQuestionBox implements OnChanges, ControlValueAccessor
     /** An answer was committed by the user. */
     readonly changeEvent: import("@angular/core").OutputEmitterRef<Event>;
     /** The user accepted. `detail.action` is `accept`. */
-    readonly luzmoSubmitEvent: import("@angular/core").OutputEmitterRef<CustomEvent<QuestionBoxResultDetail>>;
+    readonly luzmoSubmit: import("@angular/core").OutputEmitterRef<CustomEvent<QuestionBoxResultDetail>>;
     /** The user explicitly skipped the request. `detail.action` is `decline`. */
-    readonly luzmoDeclineEvent: import("@angular/core").OutputEmitterRef<CustomEvent<QuestionBoxResultDetail>>;
+    readonly luzmoDecline: import("@angular/core").OutputEmitterRef<CustomEvent<QuestionBoxResultDetail>>;
     /** The user dismissed the interaction (Close, Escape, or `cancel()`). `detail.action` is `cancel`. */
-    readonly luzmoCancelEvent: import("@angular/core").OutputEmitterRef<CustomEvent<QuestionBoxResultDetail>>;
+    readonly luzmoCancel: import("@angular/core").OutputEmitterRef<CustomEvent<QuestionBoxResultDetail>>;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -72,7 +72,7 @@ export declare class LuzmoQuestionBox implements OnChanges, ControlValueAccessor
     /** Dismisses the interaction and emits `luzmo-cancel`. */
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoQuestionBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoQuestionBox, "luzmo-question-box", ["luzmoQuestionBox"], { "questions": { "alias": "questions"; "required": false; }; "value": { "alias": "value"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "hideClose": { "alias": "hideClose"; "required": false; }; "hideSkip": { "alias": "hideSkip"; "required": false; }; "showChange": { "alias": "showChange"; "required": false; }; "optionIndicator": { "alias": "optionIndicator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "inputEvent": "input"; "changeEvent": "change"; "luzmoSubmitEvent": "luzmo-submit"; "luzmoDeclineEvent": "luzmo-decline"; "luzmoCancelEvent": "luzmo-cancel"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoQuestionBox, "luzmo-question-box", ["luzmoQuestionBox"], { "questions": { "alias": "questions"; "required": false; }; "value": { "alias": "value"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "hideClose": { "alias": "hideClose"; "required": false; }; "hideSkip": { "alias": "hideSkip"; "required": false; }; "showChange": { "alias": "showChange"; "required": false; }; "optionIndicator": { "alias": "optionIndicator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "inputEvent": "inputEvent"; "changeEvent": "changeEvent"; "luzmoSubmit": "luzmo-submit"; "luzmoDecline": "luzmo-decline"; "luzmoCancel": "luzmo-cancel"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoQuestionBox */
 export type LuzmoQuestionBoxElement = LuzmoQuestionBoxHostElement;

package/esm/components/question-box.js

@@ -38,15 +38,15 @@ export class LuzmoQuestionBox {
     /** Writing direction (`ltr` or `rtl`) propagated to composed controls. */
     dir;
     /** The in-progress answer value changed. */
-    inputEvent = output({ alias: 'input' });
+    inputEvent = output();
     /** An answer was committed by the user. */
-    changeEvent = output({ alias: 'change' });
+    changeEvent = output();
     /** The user accepted. `detail.action` is `accept`. */
-    luzmoSubmitEvent = output({ alias: 'luzmo-submit' });
+    luzmoSubmit = output({ alias: 'luzmo-submit' });
     /** The user explicitly skipped the request. `detail.action` is `decline`. */
-    luzmoDeclineEvent = output({ alias: 'luzmo-decline' });
+    luzmoDecline = output({ alias: 'luzmo-decline' });
     /** The user dismissed the interaction (Close, Escape, or `cancel()`). `detail.action` is `cancel`. */
-    luzmoCancelEvent = output({ alias: 'luzmo-cancel' });
+    luzmoCancel = output({ alias: 'luzmo-cancel' });
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -107,7 +107,6 @@ export class LuzmoQuestionBox {
     }
     bindEvents() {
         this.listenerCleanup.push(this.renderer.listen(this.host, 'input', (event) => {
-            this.inputEvent.emit(event);
             if (!this.isWritingValue) {
                 const eventWithDetail = event;
                 const eventTarget = event.target;
@@ -119,25 +118,25 @@ export class LuzmoQuestionBox {
                     : (detailRecord === undefined ? detail : undefined)
                         ?? eventTarget?.['value']
                         ?? hostRecord['value']);
-                if (Object.is(this.lastCvaValue, nextValue)) {
-                    return;
+                if (!Object.is(this.lastCvaValue, nextValue)) {
+                    this.lastCvaValue = nextValue;
+                    this.setHostProperty('value', nextValue);
+                    this.onChange(nextValue);
                 }
-                this.lastCvaValue = nextValue;
-                this.setHostProperty('value', nextValue);
-                this.onChange(nextValue);
             }
+            this.inputEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'change', (event) => {
             this.changeEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-submit', (event) => {
-            this.luzmoSubmitEvent.emit(event);
+            this.luzmoSubmit.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-decline', (event) => {
-            this.luzmoDeclineEvent.emit(event);
+            this.luzmoDecline.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-cancel', (event) => {
-            this.luzmoCancelEvent.emit(event);
+            this.luzmoCancel.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'blur', () => {
             this.onTouched();
@@ -189,7 +188,7 @@ export class LuzmoQuestionBox {
         return this.host.cancel();
     }
     static ɵfac = function LuzmoQuestionBox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoQuestionBox)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoQuestionBox, selectors: [["luzmo-question-box"]], inputs: { questions: "questions", value: "value", labels: "labels", disabled: "disabled", readonly: "readonly", hideClose: "hideClose", hideSkip: "hideSkip", showChange: "showChange", optionIndicator: "optionIndicator", size: "size", dir: "dir" }, outputs: { inputEvent: "input", changeEvent: "change", luzmoSubmitEvent: "luzmo-submit", luzmoDeclineEvent: "luzmo-decline", luzmoCancelEvent: "luzmo-cancel" }, exportAs: ["luzmoQuestionBox"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoQuestionBox, selectors: [["luzmo-question-box"]], inputs: { questions: "questions", value: "value", labels: "labels", disabled: "disabled", readonly: "readonly", hideClose: "hideClose", hideSkip: "hideSkip", showChange: "showChange", optionIndicator: "optionIndicator", size: "size", dir: "dir" }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent", luzmoSubmit: "luzmo-submit", luzmoDecline: "luzmo-decline", luzmoCancel: "luzmo-cancel" }, exportAs: ["luzmoQuestionBox"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoQuestionBox),
@@ -249,5 +248,5 @@ export class LuzmoQuestionBox {
         }], dir: [{
             type: Input,
             args: [{ alias: 'dir' }]
-        }], inputEvent: [{ type: i0.Output, args: ["input"] }], changeEvent: [{ type: i0.Output, args: ["change"] }], luzmoSubmitEvent: [{ type: i0.Output, args: ["luzmo-submit"] }], luzmoDeclineEvent: [{ type: i0.Output, args: ["luzmo-decline"] }], luzmoCancelEvent: [{ type: i0.Output, args: ["luzmo-cancel"] }] }); })();
+        }], inputEvent: [{ type: i0.Output, args: ["inputEvent"] }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }], luzmoSubmit: [{ type: i0.Output, args: ["luzmo-submit"] }], luzmoDecline: [{ type: i0.Output, args: ["luzmo-decline"] }], luzmoCancel: [{ type: i0.Output, args: ["luzmo-cancel"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoQuestionBox, { className: "LuzmoQuestionBox", filePath: "components/question-box.ts", lineNumber: 24 }); })();

package/esm/components/radio-group.d.ts

@@ -34,7 +34,7 @@ export declare class LuzmoRadioGroup implements OnChanges {
     private bindEvents;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoRadioGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoRadioGroup, "luzmo-radio-group", ["luzmoRadioGroup"], { "name": { "alias": "name"; "required": false; }; "manualSelection": { "alias": "manualSelection"; "required": false; }; "rovingTabindexController": { "alias": "rovingTabindexController"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "helpTextManager": { "alias": "helpTextManager"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "changeEvent": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoRadioGroup, "luzmo-radio-group", ["luzmoRadioGroup"], { "name": { "alias": "name"; "required": false; }; "manualSelection": { "alias": "manualSelection"; "required": false; }; "rovingTabindexController": { "alias": "rovingTabindexController"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "helpTextManager": { "alias": "helpTextManager"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "changeEvent": "changeEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoRadioGroup */
 export type LuzmoRadioGroupElement = LuzmoRadioGroupHostElement;

package/esm/components/radio-group.js

@@ -30,7 +30,7 @@ export class LuzmoRadioGroup {
     label;
     vertical;
     /** An alteration to the value of the element has been committed by the user. */
-    changeEvent = output({ alias: 'change' });
+    changeEvent = output();
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -92,7 +92,7 @@ export class LuzmoRadioGroup {
         return this.host.focus();
     }
     static ɵfac = function LuzmoRadioGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoRadioGroup)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoRadioGroup, selectors: [["luzmo-radio-group"]], inputs: { name: "name", manualSelection: "manualSelection", rovingTabindexController: "rovingTabindexController", selected: "selected", helpTextManager: "helpTextManager", horizontal: "horizontal", invalid: "invalid", label: "label", vertical: "vertical" }, outputs: { changeEvent: "change" }, exportAs: ["luzmoRadioGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoRadioGroup_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoRadioGroup, selectors: [["luzmo-radio-group"]], inputs: { name: "name", manualSelection: "manualSelection", rovingTabindexController: "rovingTabindexController", selected: "selected", helpTextManager: "helpTextManager", horizontal: "horizontal", invalid: "invalid", label: "label", vertical: "vertical" }, outputs: { changeEvent: "changeEvent" }, exportAs: ["luzmoRadioGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoRadioGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -133,5 +133,5 @@ export class LuzmoRadioGroup {
         }], vertical: [{
             type: Input,
             args: [{ alias: 'vertical' }]
-        }], changeEvent: [{ type: i0.Output, args: ["change"] }] }); })();
+        }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoRadioGroup, { className: "LuzmoRadioGroup", filePath: "components/radio-group.ts", lineNumber: 19 }); })();

package/esm/components/radio.d.ts

@@ -41,7 +41,7 @@ export declare class LuzmoRadio implements OnChanges, ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoRadio, "luzmo-radio", ["luzmoRadio"], { "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emphasized": { "alias": "emphasized"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "keydownEvent": "keydown"; "changeEvent": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoRadio, "luzmo-radio", ["luzmoRadio"], { "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emphasized": { "alias": "emphasized"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "keydownEvent": "keydownEvent"; "changeEvent": "changeEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoRadio */
 export type LuzmoRadioElement = LuzmoRadioHostElement;

package/esm/components/radio.js

@@ -27,9 +27,9 @@ export class LuzmoRadio {
     readonly;
     size;
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
-    keydownEvent = output({ alias: 'keydown' });
+    keydownEvent = output();
     /** The checked value was committed by the user. */
-    changeEvent = output({ alias: 'change' });
+    changeEvent = output();
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -81,7 +81,6 @@ export class LuzmoRadio {
             this.keydownEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'change', (event) => {
-            this.changeEvent.emit(event);
             if (!this.isWritingValue) {
                 const eventWithDetail = event;
                 const eventTarget = event.target;
@@ -93,13 +92,13 @@ export class LuzmoRadio {
                     : (detailRecord === undefined ? detail : undefined)
                         ?? eventTarget?.['value']
                         ?? hostRecord['value']);
-                if (Object.is(this.lastCvaValue, nextValue)) {
-                    return;
+                if (!Object.is(this.lastCvaValue, nextValue)) {
+                    this.lastCvaValue = nextValue;
+                    this.setHostProperty('value', nextValue);
+                    this.onChange(nextValue);
                 }
-                this.lastCvaValue = nextValue;
-                this.setHostProperty('value', nextValue);
-                this.onChange(nextValue);
             }
+            this.changeEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'blur', () => {
             this.onTouched();
@@ -131,7 +130,7 @@ export class LuzmoRadio {
         }
     }
     static ɵfac = function LuzmoRadio_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoRadio)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoRadio, selectors: [["luzmo-radio"]], inputs: { value: "value", checked: "checked", disabled: "disabled", emphasized: "emphasized", invalid: "invalid", readonly: "readonly", size: "size" }, outputs: { keydownEvent: "keydown", changeEvent: "change" }, exportAs: ["luzmoRadio"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoRadio, selectors: [["luzmo-radio"]], inputs: { value: "value", checked: "checked", disabled: "disabled", emphasized: "emphasized", invalid: "invalid", readonly: "readonly", size: "size" }, outputs: { keydownEvent: "keydownEvent", changeEvent: "changeEvent" }, exportAs: ["luzmoRadio"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoRadio),
@@ -179,5 +178,5 @@ export class LuzmoRadio {
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]
-        }], keydownEvent: [{ type: i0.Output, args: ["keydown"] }], changeEvent: [{ type: i0.Output, args: ["change"] }] }); })();
+        }], keydownEvent: [{ type: i0.Output, args: ["keydownEvent"] }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoRadio, { className: "LuzmoRadio", filePath: "components/radio.ts", lineNumber: 26 }); })();

package/esm/components/search.d.ts

@@ -98,7 +98,7 @@ export declare class LuzmoSearch implements OnChanges, ControlValueAccessor {
     checkValidity(): boolean;
     focus(options?: FocusOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSearch, "luzmo-search", ["luzmoSearch"], { "action": { "alias": "action"; "required": false; }; "label": { "alias": "label"; "required": false; }; "border": { "alias": "border"; "required": false; }; "method": { "alias": "method"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "holdValueOnEscape": { "alias": "holdValueOnEscape"; "required": false; }; "form": { "alias": "form"; "required": false; }; "value": { "alias": "value"; "required": false; }; "helpTextManager": { "alias": "helpTextManager"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowedKeys": { "alias": "allowedKeys"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "hideValidationIcons": { "alias": "hideValidationIcons"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "submitEvent": "submit"; "changeEvent": "change"; "inputEvent": "input"; "keypressEvent": "keypress"; "keydownEvent": "keydown"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSearch, "luzmo-search", ["luzmoSearch"], { "action": { "alias": "action"; "required": false; }; "label": { "alias": "label"; "required": false; }; "border": { "alias": "border"; "required": false; }; "method": { "alias": "method"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "holdValueOnEscape": { "alias": "holdValueOnEscape"; "required": false; }; "form": { "alias": "form"; "required": false; }; "value": { "alias": "value"; "required": false; }; "helpTextManager": { "alias": "helpTextManager"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowedKeys": { "alias": "allowedKeys"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "hideValidationIcons": { "alias": "hideValidationIcons"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "submitEvent": "submitEvent"; "changeEvent": "changeEvent"; "inputEvent": "inputEvent"; "keypressEvent": "keypressEvent"; "keydownEvent": "keydownEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoSearch */
 export type LuzmoSearchElement = LuzmoSearchHostElement;

package/esm/components/search.js

@@ -71,15 +71,15 @@ export class LuzmoSearch {
     /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
     tabIndex;
     /** The search form has been submitted. */
-    submitEvent = output({ alias: 'submit' });
+    submitEvent = output();
     /** An alteration to the value of the element has been committed by the user. */
-    changeEvent = output({ alias: 'change' });
+    changeEvent = output();
     /** The value of the element has changed. */
-    inputEvent = output({ alias: 'input' });
+    inputEvent = output();
     /** A key has been pressed. */
-    keypressEvent = output({ alias: 'keypress' });
+    keypressEvent = output();
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
-    keydownEvent = output({ alias: 'keydown' });
+    keydownEvent = output();
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -200,7 +200,6 @@ export class LuzmoSearch {
             this.submitEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'change', (event) => {
-            this.changeEvent.emit(event);
             if (!this.isWritingValue) {
                 const eventWithDetail = event;
                 const eventTarget = event.target;
@@ -212,13 +211,13 @@ export class LuzmoSearch {
                     : (detailRecord === undefined ? detail : undefined)
                         ?? eventTarget?.['value']
                         ?? hostRecord['value']);
-                if (Object.is(this.lastCvaValue, nextValue)) {
-                    return;
+                if (!Object.is(this.lastCvaValue, nextValue)) {
+                    this.lastCvaValue = nextValue;
+                    this.setHostProperty('value', nextValue);
+                    this.onChange(nextValue);
                 }
-                this.lastCvaValue = nextValue;
-                this.setHostProperty('value', nextValue);
-                this.onChange(nextValue);
             }
+            this.changeEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'input', (event) => {
             this.inputEvent.emit(event);
@@ -276,7 +275,7 @@ export class LuzmoSearch {
         return this.host.focus(options);
     }
     static ɵfac = function LuzmoSearch_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoSearch)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSearch, selectors: [["luzmo-search"]], inputs: { action: "action", label: "label", border: "border", method: "method", placeholder: "placeholder", hideIcon: "hideIcon", holdValueOnEscape: "holdValueOnEscape", form: "form", value: "value", helpTextManager: "helpTextManager", size: "size", allowedKeys: "allowedKeys", invalid: "invalid", name: "name", type: "type", pattern: "pattern", grows: "grows", maxlength: "maxlength", minlength: "minlength", multiline: "multiline", readonly: "readonly", rows: "rows", maxRows: "maxRows", valid: "valid", hideValidationIcons: "hideValidationIcons", quiet: "quiet", required: "required", autocomplete: "autocomplete", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { submitEvent: "submit", changeEvent: "change", inputEvent: "input", keypressEvent: "keypress", keydownEvent: "keydown" }, exportAs: ["luzmoSearch"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSearch, selectors: [["luzmo-search"]], inputs: { action: "action", label: "label", border: "border", method: "method", placeholder: "placeholder", hideIcon: "hideIcon", holdValueOnEscape: "holdValueOnEscape", form: "form", value: "value", helpTextManager: "helpTextManager", size: "size", allowedKeys: "allowedKeys", invalid: "invalid", name: "name", type: "type", pattern: "pattern", grows: "grows", maxlength: "maxlength", minlength: "minlength", multiline: "multiline", readonly: "readonly", rows: "rows", maxRows: "maxRows", valid: "valid", hideValidationIcons: "hideValidationIcons", quiet: "quiet", required: "required", autocomplete: "autocomplete", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { submitEvent: "submitEvent", changeEvent: "changeEvent", inputEvent: "inputEvent", keypressEvent: "keypressEvent", keydownEvent: "keydownEvent" }, exportAs: ["luzmoSearch"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoSearch),
@@ -393,5 +392,5 @@ export class LuzmoSearch {
         }], tabIndex: [{
             type: Input,
             args: [{ alias: 'tabIndex' }]
-        }], submitEvent: [{ type: i0.Output, args: ["submit"] }], changeEvent: [{ type: i0.Output, args: ["change"] }], inputEvent: [{ type: i0.Output, args: ["input"] }], keypressEvent: [{ type: i0.Output, args: ["keypress"] }], keydownEvent: [{ type: i0.Output, args: ["keydown"] }] }); })();
+        }], submitEvent: [{ type: i0.Output, args: ["submitEvent"] }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }], inputEvent: [{ type: i0.Output, args: ["inputEvent"] }], keypressEvent: [{ type: i0.Output, args: ["keypressEvent"] }], keydownEvent: [{ type: i0.Output, args: ["keydownEvent"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoSearch, { className: "LuzmoSearch", filePath: "components/search.ts", lineNumber: 26 }); })();

package/esm/components/select.d.ts

@@ -51,13 +51,13 @@ export declare class LuzmoSelect implements OnChanges, ControlValueAccessor {
     /** Announces that the `value` of the element has changed */
     readonly changeEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Announces that the user has scrolled within the options menu. Only fires when the options menu is virtualized. */
-    readonly luzmoScrolledEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoScrolled: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Announces that the search has been updated */
-    readonly luzmoSearchEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoSearch: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Announces that the overlay has been opened */
-    readonly luzmoOpenedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoOpened: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Announces that the overlay has been closed */
-    readonly luzmoClosedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoClosed: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
     readonly keydownEvent: import("@angular/core").OutputEmitterRef<unknown>;
     constructor();
@@ -82,7 +82,7 @@ export declare class LuzmoSelect implements OnChanges, ControlValueAccessor {
     toggle(target?: boolean): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSelect, "luzmo-select", ["luzmoSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "emphasized": { "alias": "emphasized"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "search": { "alias": "search"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "retrieving": { "alias": "retrieving"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDropdownIcon": { "alias": "hideDropdownIcon"; "required": false; }; "pendingLabel": { "alias": "pendingLabel"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "noResultsLabel": { "alias": "noResultsLabel"; "required": false; }; "noDataLabel": { "alias": "noDataLabel"; "required": false; }; "multipleLabelTemplate": { "alias": "multipleLabelTemplate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelAlignment": { "alias": "labelAlignment"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionIconRenderer": { "alias": "optionIconRenderer"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changeEvent": "change"; "luzmoScrolledEvent": "luzmo-scrolled"; "luzmoSearchEvent": "luzmo-search"; "luzmoOpenedEvent": "luzmo-opened"; "luzmoClosedEvent": "luzmo-closed"; "keydownEvent": "keydown"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSelect, "luzmo-select", ["luzmoSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "emphasized": { "alias": "emphasized"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "search": { "alias": "search"; "required": false; }; "noWrap": { "alias": "noWrap"; "required": false; }; "retrieving": { "alias": "retrieving"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "hideDropdownIcon": { "alias": "hideDropdownIcon"; "required": false; }; "pendingLabel": { "alias": "pendingLabel"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "noResultsLabel": { "alias": "noResultsLabel"; "required": false; }; "noDataLabel": { "alias": "noDataLabel"; "required": false; }; "multipleLabelTemplate": { "alias": "multipleLabelTemplate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelAlignment": { "alias": "labelAlignment"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionIconRenderer": { "alias": "optionIconRenderer"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changeEvent": "changeEvent"; "luzmoScrolled": "luzmo-scrolled"; "luzmoSearch": "luzmo-search"; "luzmoOpened": "luzmo-opened"; "luzmoClosed": "luzmo-closed"; "keydownEvent": "keydownEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoSelect */
 export type LuzmoSelectElement = LuzmoSelectHostElement;

package/esm/components/select.js

@@ -58,17 +58,17 @@ export class LuzmoSelect {
     /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
     tabIndex;
     /** Announces that the `value` of the element has changed */
-    changeEvent = output({ alias: 'change' });
+    changeEvent = output();
     /** Announces that the user has scrolled within the options menu. Only fires when the options menu is virtualized. */
-    luzmoScrolledEvent = output({ alias: 'luzmo-scrolled' });
+    luzmoScrolled = output({ alias: 'luzmo-scrolled' });
     /** Announces that the search has been updated */
-    luzmoSearchEvent = output({ alias: 'luzmo-search' });
+    luzmoSearch = output({ alias: 'luzmo-search' });
     /** Announces that the overlay has been opened */
-    luzmoOpenedEvent = output({ alias: 'luzmo-opened' });
+    luzmoOpened = output({ alias: 'luzmo-opened' });
     /** Announces that the overlay has been closed */
-    luzmoClosedEvent = output({ alias: 'luzmo-closed' });
+    luzmoClosed = output({ alias: 'luzmo-closed' });
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
-    keydownEvent = output({ alias: 'keydown' });
+    keydownEvent = output();
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -183,7 +183,6 @@ export class LuzmoSelect {
     }
     bindEvents() {
         this.listenerCleanup.push(this.renderer.listen(this.host, 'change', (event) => {
-            this.changeEvent.emit(event);
             if (!this.isWritingValue) {
                 const eventWithDetail = event;
                 const eventTarget = event.target;
@@ -195,25 +194,25 @@ export class LuzmoSelect {
                     : (detailRecord === undefined ? detail : undefined)
                         ?? eventTarget?.['value']
                         ?? hostRecord['value']);
-                if (Object.is(this.lastCvaValue, nextValue)) {
-                    return;
+                if (!Object.is(this.lastCvaValue, nextValue)) {
+                    this.lastCvaValue = nextValue;
+                    this.setHostProperty('value', nextValue);
+                    this.onChange(nextValue);
                 }
-                this.lastCvaValue = nextValue;
-                this.setHostProperty('value', nextValue);
-                this.onChange(nextValue);
             }
+            this.changeEvent.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-scrolled', (event) => {
-            this.luzmoScrolledEvent.emit(event);
+            this.luzmoScrolled.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-search', (event) => {
-            this.luzmoSearchEvent.emit(event);
+            this.luzmoSearch.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-opened', (event) => {
-            this.luzmoOpenedEvent.emit(event);
+            this.luzmoOpened.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-closed', (event) => {
-            this.luzmoClosedEvent.emit(event);
+            this.luzmoClosed.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'keydown', (event) => {
             this.keydownEvent.emit(event);
@@ -257,7 +256,7 @@ export class LuzmoSelect {
         return this.host.close();
     }
     static ɵfac = function LuzmoSelect_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoSelect)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSelect, selectors: [["luzmo-select"]], inputs: { disabled: "disabled", focused: "focused", icons: "icons", variant: "variant", emphasized: "emphasized", invalid: "invalid", search: "search", noWrap: "noWrap", retrieving: "retrieving", pending: "pending", clearable: "clearable", hideDropdownIcon: "hideDropdownIcon", pendingLabel: "pendingLabel", searchLabel: "searchLabel", noResultsLabel: "noResultsLabel", noDataLabel: "noDataLabel", multipleLabelTemplate: "multipleLabelTemplate", label: "label", open: "open", readonly: "readonly", labelAlignment: "labelAlignment", placement: "placement", quiet: "quiet", value: "value", options: "options", optionIconRenderer: "optionIconRenderer", selects: "selects", size: "size", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", luzmoScrolledEvent: "luzmo-scrolled", luzmoSearchEvent: "luzmo-search", luzmoOpenedEvent: "luzmo-opened", luzmoClosedEvent: "luzmo-closed", keydownEvent: "keydown" }, exportAs: ["luzmoSelect"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSelect, selectors: [["luzmo-select"]], inputs: { disabled: "disabled", focused: "focused", icons: "icons", variant: "variant", emphasized: "emphasized", invalid: "invalid", search: "search", noWrap: "noWrap", retrieving: "retrieving", pending: "pending", clearable: "clearable", hideDropdownIcon: "hideDropdownIcon", pendingLabel: "pendingLabel", searchLabel: "searchLabel", noResultsLabel: "noResultsLabel", noDataLabel: "noDataLabel", multipleLabelTemplate: "multipleLabelTemplate", label: "label", open: "open", readonly: "readonly", labelAlignment: "labelAlignment", placement: "placement", quiet: "quiet", value: "value", options: "options", optionIconRenderer: "optionIconRenderer", selects: "selects", size: "size", tabIndex: "tabIndex" }, outputs: { changeEvent: "changeEvent", luzmoScrolled: "luzmo-scrolled", luzmoSearch: "luzmo-search", luzmoOpened: "luzmo-opened", luzmoClosed: "luzmo-closed", keydownEvent: "keydownEvent" }, exportAs: ["luzmoSelect"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoSelect),
@@ -371,5 +370,5 @@ export class LuzmoSelect {
         }], tabIndex: [{
             type: Input,
             args: [{ alias: 'tabIndex' }]
-        }], changeEvent: [{ type: i0.Output, args: ["change"] }], luzmoScrolledEvent: [{ type: i0.Output, args: ["luzmo-scrolled"] }], luzmoSearchEvent: [{ type: i0.Output, args: ["luzmo-search"] }], luzmoOpenedEvent: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosedEvent: [{ type: i0.Output, args: ["luzmo-closed"] }], keydownEvent: [{ type: i0.Output, args: ["keydown"] }] }); })();
+        }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }], luzmoScrolled: [{ type: i0.Output, args: ["luzmo-scrolled"] }], luzmoSearch: [{ type: i0.Output, args: ["luzmo-search"] }], luzmoOpened: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosed: [{ type: i0.Output, args: ["luzmo-closed"] }], keydownEvent: [{ type: i0.Output, args: ["keydownEvent"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoSelect, { className: "LuzmoSelect", filePath: "components/select.ts", lineNumber: 27 }); })();

package/esm/components/slider-handle.d.ts

@@ -57,7 +57,7 @@ export declare class LuzmoSliderHandle implements OnChanges, ControlValueAccesso
     setDisabledState(isDisabled: boolean): void;
     focus(options?: FocusOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoSliderHandle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSliderHandle, "luzmo-slider-handle", ["luzmoSliderHandle"], { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "color": { "alias": "color"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "normalization": { "alias": "normalization"; "required": false; }; "getAriaHandleText": { "alias": "getAriaHandleText"; "required": false; }; }, { "inputEvent": "input"; "changeEvent": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoSliderHandle, "luzmo-slider-handle", ["luzmoSliderHandle"], { "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "color": { "alias": "color"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "normalization": { "alias": "normalization"; "required": false; }; "getAriaHandleText": { "alias": "getAriaHandleText"; "required": false; }; }, { "inputEvent": "inputEvent"; "changeEvent": "changeEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoSliderHandle */
 export type LuzmoSliderHandleElement = LuzmoSliderHandleHostElement;