@luzmo/ngx-lucero 2.0.1 → 2.2.0

package/esm/components/options.js

@@ -23,7 +23,7 @@ export class LuzmoOptions {
     selects;
     emphasized;
     pending;
-    /** options - The options to be listed in the options menu OptionValue is an object with the following properties: - label: string - value: string | number | null - disabled: boolean - divider: boolean - icon: IconDefinition - imgSrc: string - shortcut: string (leaf options only) */
+    /** options - The options to be listed in the options menu OptionValue is an object with the following properties: - label: string - value: string | number | null - disabled: boolean - divider: boolean - header: boolean - icon: IconDefinition - imgSrc: string - shortcut: string (leaf options only) */
     options;
     noWrap;
     /** value - The value of the selected options */
@@ -32,13 +32,13 @@ export class LuzmoOptions {
     optionIconRenderer;
     size;
     /** 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 `value` of the element has changed */
-    changeEvent = output({ alias: 'change' });
+    changeEvent = output();
     /** Announces that the `arrowUp` key has been pressed and the top of the options menu has been exceeded */
-    luzmoExceededTopEvent = output({ alias: 'luzmo-exceeded-top' });
+    luzmoExceededTop = output({ alias: 'luzmo-exceeded-top' });
     /** Announces that the `arrowDown` key has been pressed and the bottom of the options menu has been exceeded */
-    luzmoExceededBottomEvent = output({ alias: 'luzmo-exceeded-bottom' });
+    luzmoExceededBottom = output({ alias: 'luzmo-exceeded-bottom' });
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -96,10 +96,9 @@ export class LuzmoOptions {
     }
     bindEvents() {
         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, 'change', (event) => {
-            this.changeEvent.emit(event);
             if (!this.isWritingValue) {
                 const eventWithDetail = event;
                 const eventTarget = event.target;
@@ -111,19 +110,19 @@ export class LuzmoOptions {
                     : (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-exceeded-top', (event) => {
-            this.luzmoExceededTopEvent.emit(event);
+            this.luzmoExceededTop.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-exceeded-bottom', (event) => {
-            this.luzmoExceededBottomEvent.emit(event);
+            this.luzmoExceededBottom.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'blur', () => {
             this.onTouched();
@@ -156,7 +155,7 @@ export class LuzmoOptions {
         return this.host.scrollToTop();
     }
     static ɵfac = function LuzmoOptions_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoOptions)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoOptions, selectors: [["luzmo-options"]], inputs: { label: "label", variant: "variant", selects: "selects", emphasized: "emphasized", pending: "pending", options: "options", noWrap: "noWrap", value: "value", optionIconRenderer: "optionIconRenderer", size: "size" }, outputs: { luzmoScrolledEvent: "luzmo-scrolled", changeEvent: "change", luzmoExceededTopEvent: "luzmo-exceeded-top", luzmoExceededBottomEvent: "luzmo-exceeded-bottom" }, exportAs: ["luzmoOptions"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoOptions, selectors: [["luzmo-options"]], inputs: { label: "label", variant: "variant", selects: "selects", emphasized: "emphasized", pending: "pending", options: "options", noWrap: "noWrap", value: "value", optionIconRenderer: "optionIconRenderer", size: "size" }, outputs: { luzmoScrolled: "luzmo-scrolled", changeEvent: "changeEvent", luzmoExceededTop: "luzmo-exceeded-top", luzmoExceededBottom: "luzmo-exceeded-bottom" }, exportAs: ["luzmoOptions"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoOptions),
@@ -213,5 +212,5 @@ export class LuzmoOptions {
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]
-        }], luzmoScrolledEvent: [{ type: i0.Output, args: ["luzmo-scrolled"] }], changeEvent: [{ type: i0.Output, args: ["change"] }], luzmoExceededTopEvent: [{ type: i0.Output, args: ["luzmo-exceeded-top"] }], luzmoExceededBottomEvent: [{ type: i0.Output, args: ["luzmo-exceeded-bottom"] }] }); })();
+        }], luzmoScrolled: [{ type: i0.Output, args: ["luzmo-scrolled"] }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }], luzmoExceededTop: [{ type: i0.Output, args: ["luzmo-exceeded-top"] }], luzmoExceededBottom: [{ type: i0.Output, args: ["luzmo-exceeded-bottom"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoOptions, { className: "LuzmoOptions", filePath: "components/options.ts", lineNumber: 26 }); })();

package/esm/components/overlay-trigger.d.ts

@@ -25,9 +25,9 @@ export declare class LuzmoOverlayTrigger implements OnChanges {
     longpressOverlayElement?: LuzmoOverlay;
     hoverOverlayElement?: LuzmoOverlay;
     /** 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>>;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -39,7 +39,7 @@ export declare class LuzmoOverlayTrigger implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoOverlayTrigger, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoOverlayTrigger, "luzmo-overlay-trigger", ["luzmoOverlayTrigger"], { "content": { "alias": "content"; "required": false; }; "triggeredBy": { "alias": "triggeredBy"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "type": { "alias": "type"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "receivesFocus": { "alias": "receivesFocus"; "required": false; }; "clickOverlayElement": { "alias": "clickOverlayElement"; "required": false; }; "longpressOverlayElement": { "alias": "longpressOverlayElement"; "required": false; }; "hoverOverlayElement": { "alias": "hoverOverlayElement"; "required": false; }; }, { "luzmoOpenedEvent": "luzmo-opened"; "luzmoClosedEvent": "luzmo-closed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoOverlayTrigger, "luzmo-overlay-trigger", ["luzmoOverlayTrigger"], { "content": { "alias": "content"; "required": false; }; "triggeredBy": { "alias": "triggeredBy"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "type": { "alias": "type"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "receivesFocus": { "alias": "receivesFocus"; "required": false; }; "clickOverlayElement": { "alias": "clickOverlayElement"; "required": false; }; "longpressOverlayElement": { "alias": "longpressOverlayElement"; "required": false; }; "hoverOverlayElement": { "alias": "hoverOverlayElement"; "required": false; }; }, { "luzmoOpened": "luzmo-opened"; "luzmoClosed": "luzmo-closed"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoOverlayTrigger */
 export type LuzmoOverlayTriggerElement = LuzmoOverlayTriggerHostElement;

package/esm/components/overlay-trigger.js

@@ -34,9 +34,9 @@ export class LuzmoOverlayTrigger {
     longpressOverlayElement;
     hoverOverlayElement;
     /** 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' });
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -97,14 +97,14 @@ export class LuzmoOverlayTrigger {
     }
     bindEvents() {
         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);
         }));
     }
     static ɵfac = function LuzmoOverlayTrigger_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoOverlayTrigger)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoOverlayTrigger, selectors: [["luzmo-overlay-trigger"]], inputs: { content: "content", triggeredBy: "triggeredBy", placement: "placement", type: "type", offset: "offset", open: "open", disabled: "disabled", receivesFocus: "receivesFocus", clickOverlayElement: "clickOverlayElement", longpressOverlayElement: "longpressOverlayElement", hoverOverlayElement: "hoverOverlayElement" }, outputs: { luzmoOpenedEvent: "luzmo-opened", luzmoClosedEvent: "luzmo-closed" }, exportAs: ["luzmoOverlayTrigger"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoOverlayTrigger_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoOverlayTrigger, selectors: [["luzmo-overlay-trigger"]], inputs: { content: "content", triggeredBy: "triggeredBy", placement: "placement", type: "type", offset: "offset", open: "open", disabled: "disabled", receivesFocus: "receivesFocus", clickOverlayElement: "clickOverlayElement", longpressOverlayElement: "longpressOverlayElement", hoverOverlayElement: "hoverOverlayElement" }, outputs: { luzmoOpened: "luzmo-opened", luzmoClosed: "luzmo-closed" }, exportAs: ["luzmoOverlayTrigger"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoOverlayTrigger_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -151,5 +151,5 @@ export class LuzmoOverlayTrigger {
         }], hoverOverlayElement: [{
             type: Input,
             args: [{ alias: 'hoverOverlayElement' }]
-        }], luzmoOpenedEvent: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosedEvent: [{ type: i0.Output, args: ["luzmo-closed"] }] }); })();
+        }], luzmoOpened: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosed: [{ type: i0.Output, args: ["luzmo-closed"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoOverlayTrigger, { className: "LuzmoOverlayTrigger", filePath: "components/overlay-trigger.ts", lineNumber: 23 }); })();

package/esm/components/overlay.d.ts

@@ -47,11 +47,11 @@ export declare class LuzmoOverlay implements OnChanges {
     /** Configures the open/close heuristics of the Overlay. */
     type?: ('auto' | 'hint' | 'manual' | 'modal' | 'page');
     /** announces that an overlay has completed any entry animations */
-    readonly luzmoOpenedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoOpened: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** announce that an overlay has compelted any exit animations */
-    readonly luzmoClosedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoClosed: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** requests to add or remove slottable content */
-    readonly slottableRequestEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly slottableRequest: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -63,7 +63,7 @@ export declare class LuzmoOverlay implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoOverlay, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoOverlay, "luzmo-overlay", ["luzmoOverlay"], { "delayed": { "alias": "delayed"; "required": false; }; "dialogEl": { "alias": "dialogEl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elements": { "alias": "elements"; "required": false; }; "parentOverlayToForceClose": { "alias": "parentOverlayToForceClose"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "receivesFocus": { "alias": "receivesFocus"; "required": false; }; "slotEl": { "alias": "slotEl"; "required": false; }; "state": { "alias": "state"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "tipPadding": { "alias": "tipPadding"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerElement": { "alias": "triggerElement"; "required": false; }; "triggerInteraction": { "alias": "triggerInteraction"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "luzmoOpenedEvent": "luzmo-opened"; "luzmoClosedEvent": "luzmo-closed"; "slottableRequestEvent": "slottable-request"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoOverlay, "luzmo-overlay", ["luzmoOverlay"], { "delayed": { "alias": "delayed"; "required": false; }; "dialogEl": { "alias": "dialogEl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elements": { "alias": "elements"; "required": false; }; "parentOverlayToForceClose": { "alias": "parentOverlayToForceClose"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "receivesFocus": { "alias": "receivesFocus"; "required": false; }; "slotEl": { "alias": "slotEl"; "required": false; }; "state": { "alias": "state"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "tipPadding": { "alias": "tipPadding"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "triggerElement": { "alias": "triggerElement"; "required": false; }; "triggerInteraction": { "alias": "triggerInteraction"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "luzmoOpened": "luzmo-opened"; "luzmoClosed": "luzmo-closed"; "slottableRequest": "slottable-request"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoOverlay */
 export type LuzmoOverlayElement = LuzmoOverlayHostElement;

package/esm/components/overlay.js

@@ -50,11 +50,11 @@ export class LuzmoOverlay {
     /** Configures the open/close heuristics of the Overlay. */
     type;
     /** announces that an overlay has completed any entry animations */
-    luzmoOpenedEvent = output({ alias: 'luzmo-opened' });
+    luzmoOpened = output({ alias: 'luzmo-opened' });
     /** announce that an overlay has compelted any exit animations */
-    luzmoClosedEvent = output({ alias: 'luzmo-closed' });
+    luzmoClosed = output({ alias: 'luzmo-closed' });
     /** requests to add or remove slottable content */
-    slottableRequestEvent = output({ alias: 'slottable-request' });
+    slottableRequest = output({ alias: 'slottable-request' });
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -133,17 +133,17 @@ export class LuzmoOverlay {
     }
     bindEvents() {
         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, 'slottable-request', (event) => {
-            this.slottableRequestEvent.emit(event);
+            this.slottableRequest.emit(event);
         }));
     }
     static ɵfac = function LuzmoOverlay_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoOverlay)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoOverlay, selectors: [["luzmo-overlay"]], inputs: { delayed: "delayed", dialogEl: "dialogEl", disabled: "disabled", elements: "elements", parentOverlayToForceClose: "parentOverlayToForceClose", offset: "offset", open: "open", placement: "placement", receivesFocus: "receivesFocus", slotEl: "slotEl", state: "state", strategy: "strategy", tipPadding: "tipPadding", trigger: "trigger", triggerElement: "triggerElement", triggerInteraction: "triggerInteraction", type: "type" }, outputs: { luzmoOpenedEvent: "luzmo-opened", luzmoClosedEvent: "luzmo-closed", slottableRequestEvent: "slottable-request" }, exportAs: ["luzmoOverlay"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoOverlay_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoOverlay, selectors: [["luzmo-overlay"]], inputs: { delayed: "delayed", dialogEl: "dialogEl", disabled: "disabled", elements: "elements", parentOverlayToForceClose: "parentOverlayToForceClose", offset: "offset", open: "open", placement: "placement", receivesFocus: "receivesFocus", slotEl: "slotEl", state: "state", strategy: "strategy", tipPadding: "tipPadding", trigger: "trigger", triggerElement: "triggerElement", triggerInteraction: "triggerInteraction", type: "type" }, outputs: { luzmoOpened: "luzmo-opened", luzmoClosed: "luzmo-closed", slottableRequest: "slottable-request" }, exportAs: ["luzmoOverlay"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoOverlay_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -208,5 +208,5 @@ export class LuzmoOverlay {
         }], type: [{
             type: Input,
             args: [{ alias: 'type' }]
-        }], luzmoOpenedEvent: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosedEvent: [{ type: i0.Output, args: ["luzmo-closed"] }], slottableRequestEvent: [{ type: i0.Output, args: ["slottable-request"] }] }); })();
+        }], luzmoOpened: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosed: [{ type: i0.Output, args: ["luzmo-closed"] }], slottableRequest: [{ type: i0.Output, args: ["slottable-request"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoOverlay, { className: "LuzmoOverlay", filePath: "components/overlay.ts", lineNumber: 17 }); })();

package/esm/components/picker-button.d.ts

@@ -47,7 +47,7 @@ export declare class LuzmoPickerButton implements OnChanges {
     private bindEvents;
     focus(options?: FocusOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoPickerButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPickerButton, "luzmo-picker-button", ["luzmoPickerButton"], { "invalid": { "alias": "invalid"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "required": false; }; "managePresenceObservedSlot": { "alias": "managePresenceObservedSlot"; "required": false; }; "download": { "alias": "download"; "required": false; }; "label": { "alias": "label"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "referrerpolicy": { "alias": "referrerpolicy"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "active": { "alias": "active"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "keydownEvent": "keydown"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPickerButton, "luzmo-picker-button", ["luzmoPickerButton"], { "invalid": { "alias": "invalid"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "required": false; }; "managePresenceObservedSlot": { "alias": "managePresenceObservedSlot"; "required": false; }; "download": { "alias": "download"; "required": false; }; "label": { "alias": "label"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "referrerpolicy": { "alias": "referrerpolicy"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "active": { "alias": "active"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "keydownEvent": "keydownEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoPickerButton */
 export type LuzmoPickerButtonElement = LuzmoPickerButtonHostElement;

package/esm/components/picker-button.js

@@ -42,7 +42,7 @@ export class LuzmoPickerButton {
     /** The tab index to apply to this control. See general documentation about the tabindex HTML property */
     tabIndex;
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
-    keydownEvent = output({ alias: 'keydown' });
+    keydownEvent = output();
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -119,7 +119,7 @@ export class LuzmoPickerButton {
         return this.host.focus(options);
     }
     static ɵfac = function LuzmoPickerButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoPickerButton)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPickerButton, selectors: [["luzmo-picker-button"]], inputs: { invalid: "invalid", position: "position", size: "size", managePresenceObservedSlot: "managePresenceObservedSlot", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydown" }, exportAs: ["luzmoPickerButton"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPickerButton_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPickerButton, selectors: [["luzmo-picker-button"]], inputs: { invalid: "invalid", position: "position", size: "size", managePresenceObservedSlot: "managePresenceObservedSlot", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydownEvent" }, exportAs: ["luzmoPickerButton"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPickerButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -175,5 +175,5 @@ export class LuzmoPickerButton {
         }], tabIndex: [{
             type: Input,
             args: [{ alias: 'tabIndex' }]
-        }], keydownEvent: [{ type: i0.Output, args: ["keydown"] }] }); })();
+        }], keydownEvent: [{ type: i0.Output, args: ["keydownEvent"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoPickerButton, { className: "LuzmoPickerButton", filePath: "components/picker-button.ts", lineNumber: 18 }); })();

package/esm/components/picker.d.ts

@@ -51,9 +51,9 @@ export declare class LuzmoPicker implements OnChanges, ControlValueAccessor {
     /** Announces that the `value` of the element has changed */
     readonly changeEvent: 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>>;
     readonly scrollEvent: import("@angular/core").OutputEmitterRef<Event>;
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
     readonly keydownEvent: import("@angular/core").OutputEmitterRef<unknown>;
@@ -79,7 +79,7 @@ export declare class LuzmoPicker implements OnChanges, ControlValueAccessor {
     toggle(target?: boolean): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPicker, "luzmo-picker", ["luzmoPicker"], { "size": { "alias": "size"; "required": false; }; "appliedLabel": { "alias": "appliedLabel"; "required": false; }; "button": { "alias": "button"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "pendingLabel": { "alias": "pendingLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelAlignment": { "alias": "labelAlignment"; "required": false; }; "optionsMenu": { "alias": "optionsMenu"; "required": false; }; "overlayElement": { "alias": "overlayElement"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dependencyManager": { "alias": "dependencyManager"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "isTouchDevice": { "alias": "isTouchDevice"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "pendingStateController": { "alias": "pendingStateController"; "required": false; }; "handleSlottableRequest": { "alias": "handleSlottableRequest"; "required": false; }; "applyFocusElementLabel": { "alias": "applyFocusElementLabel"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changeEvent": "change"; "luzmoOpenedEvent": "luzmo-opened"; "luzmoClosedEvent": "luzmo-closed"; "scrollEvent": "scroll"; "keydownEvent": "keydown"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPicker, "luzmo-picker", ["luzmoPicker"], { "size": { "alias": "size"; "required": false; }; "appliedLabel": { "alias": "appliedLabel"; "required": false; }; "button": { "alias": "button"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "icons": { "alias": "icons"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "pendingLabel": { "alias": "pendingLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "labelAlignment": { "alias": "labelAlignment"; "required": false; }; "optionsMenu": { "alias": "optionsMenu"; "required": false; }; "overlayElement": { "alias": "overlayElement"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "quiet": { "alias": "quiet"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "selects": { "alias": "selects"; "required": false; }; "dependencyManager": { "alias": "dependencyManager"; "required": false; }; "isMobile": { "alias": "isMobile"; "required": false; }; "isTouchDevice": { "alias": "isTouchDevice"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; "pendingStateController": { "alias": "pendingStateController"; "required": false; }; "handleSlottableRequest": { "alias": "handleSlottableRequest"; "required": false; }; "applyFocusElementLabel": { "alias": "applyFocusElementLabel"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changeEvent": "changeEvent"; "luzmoOpened": "luzmo-opened"; "luzmoClosed": "luzmo-closed"; "scrollEvent": "scrollEvent"; "keydownEvent": "keydownEvent"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoPicker */
 export type LuzmoPickerElement = LuzmoPickerHostElement;

package/esm/components/picker.js

@@ -59,14 +59,14 @@ export class LuzmoPicker {
     /** 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 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' });
-    scrollEvent = output({ alias: 'scroll' });
+    luzmoClosed = output({ alias: 'luzmo-closed' });
+    scrollEvent = output();
     /** Trick :focus-visible polyfill into thinking keyboard based focus */
-    keydownEvent = output({ alias: 'keydown' });
+    keydownEvent = output();
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -181,7 +181,6 @@ export class LuzmoPicker {
     }
     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;
@@ -193,19 +192,19 @@ export class LuzmoPicker {
                     : (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-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, 'scroll', (event) => {
             this.scrollEvent.emit(event);
@@ -252,7 +251,7 @@ export class LuzmoPicker {
         return this.host.close();
     }
     static ɵfac = function LuzmoPicker_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoPicker)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPicker, selectors: [["luzmo-picker"]], inputs: { size: "size", appliedLabel: "appliedLabel", button: "button", disabled: "disabled", focused: "focused", icons: "icons", variant: "variant", invalid: "invalid", pending: "pending", pendingLabel: "pendingLabel", label: "label", open: "open", readonly: "readonly", labelAlignment: "labelAlignment", optionsMenu: "optionsMenu", overlayElement: "overlayElement", placement: "placement", quiet: "quiet", value: "value", selectedItem: "selectedItem", selects: "selects", dependencyManager: "dependencyManager", isMobile: "isMobile", isTouchDevice: "isTouchDevice", strategy: "strategy", pendingStateController: "pendingStateController", handleSlottableRequest: "handleSlottableRequest", applyFocusElementLabel: "applyFocusElementLabel", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", luzmoOpenedEvent: "luzmo-opened", luzmoClosedEvent: "luzmo-closed", scrollEvent: "scroll", keydownEvent: "keydown" }, exportAs: ["luzmoPicker"], features: [i0.ɵɵProvidersFeature([
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPicker, selectors: [["luzmo-picker"]], inputs: { size: "size", appliedLabel: "appliedLabel", button: "button", disabled: "disabled", focused: "focused", icons: "icons", variant: "variant", invalid: "invalid", pending: "pending", pendingLabel: "pendingLabel", label: "label", open: "open", readonly: "readonly", labelAlignment: "labelAlignment", optionsMenu: "optionsMenu", overlayElement: "overlayElement", placement: "placement", quiet: "quiet", value: "value", selectedItem: "selectedItem", selects: "selects", dependencyManager: "dependencyManager", isMobile: "isMobile", isTouchDevice: "isTouchDevice", strategy: "strategy", pendingStateController: "pendingStateController", handleSlottableRequest: "handleSlottableRequest", applyFocusElementLabel: "applyFocusElementLabel", tabIndex: "tabIndex" }, outputs: { changeEvent: "changeEvent", luzmoOpened: "luzmo-opened", luzmoClosed: "luzmo-closed", scrollEvent: "scrollEvent", keydownEvent: "keydownEvent" }, exportAs: ["luzmoPicker"], features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef(() => LuzmoPicker),
@@ -366,5 +365,5 @@ export class LuzmoPicker {
         }], tabIndex: [{
             type: Input,
             args: [{ alias: 'tabIndex' }]
-        }], changeEvent: [{ type: i0.Output, args: ["change"] }], luzmoOpenedEvent: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosedEvent: [{ type: i0.Output, args: ["luzmo-closed"] }], scrollEvent: [{ type: i0.Output, args: ["scroll"] }], keydownEvent: [{ type: i0.Output, args: ["keydown"] }] }); })();
+        }], changeEvent: [{ type: i0.Output, args: ["changeEvent"] }], luzmoOpened: [{ type: i0.Output, args: ["luzmo-opened"] }], luzmoClosed: [{ type: i0.Output, args: ["luzmo-closed"] }], scrollEvent: [{ type: i0.Output, args: ["scrollEvent"] }], keydownEvent: [{ type: i0.Output, args: ["keydownEvent"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoPicker, { className: "LuzmoPicker", filePath: "components/picker.ts", lineNumber: 28 }); })();

package/esm/components/progress-steps.d.ts

@@ -27,9 +27,9 @@ export declare class LuzmoProgressSteps implements OnChanges {
     noAnimate?: boolean;
     size?: ('xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl');
     /** Fired when a step is collapsed */
-    readonly luzmoStepCollapsedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoStepCollapsed: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when a step is expanded */
-    readonly luzmoStepExpandedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoStepExpanded: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -41,7 +41,7 @@ export declare class LuzmoProgressSteps implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoProgressSteps, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoProgressSteps, "luzmo-progress-steps", ["luzmoProgressSteps"], { "progress": { "alias": "progress"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "condensed": { "alias": "condensed"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "noAnimate": { "alias": "noAnimate"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoStepCollapsedEvent": "luzmo-step-collapsed"; "luzmoStepExpandedEvent": "luzmo-step-expanded"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoProgressSteps, "luzmo-progress-steps", ["luzmoProgressSteps"], { "progress": { "alias": "progress"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "condensed": { "alias": "condensed"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "noAnimate": { "alias": "noAnimate"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "luzmoStepCollapsed": "luzmo-step-collapsed"; "luzmoStepExpanded": "luzmo-step-expanded"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoProgressSteps */
 export type LuzmoProgressStepsElement = LuzmoProgressStepsHostElement;

package/esm/components/progress-steps.js

@@ -31,9 +31,9 @@ export class LuzmoProgressSteps {
     noAnimate;
     size;
     /** Fired when a step is collapsed */
-    luzmoStepCollapsedEvent = output({ alias: 'luzmo-step-collapsed' });
+    luzmoStepCollapsed = output({ alias: 'luzmo-step-collapsed' });
     /** Fired when a step is expanded */
-    luzmoStepExpandedEvent = output({ alias: 'luzmo-step-expanded' });
+    luzmoStepExpanded = output({ alias: 'luzmo-step-expanded' });
     constructor() {
         this.bindEvents();
         this.destroyRef.onDestroy(() => {
@@ -85,14 +85,14 @@ export class LuzmoProgressSteps {
     }
     bindEvents() {
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-step-collapsed', (event) => {
-            this.luzmoStepCollapsedEvent.emit(event);
+            this.luzmoStepCollapsed.emit(event);
         }));
         this.listenerCleanup.push(this.renderer.listen(this.host, 'luzmo-step-expanded', (event) => {
-            this.luzmoStepExpandedEvent.emit(event);
+            this.luzmoStepExpanded.emit(event);
         }));
     }
     static ɵfac = function LuzmoProgressSteps_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoProgressSteps)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoProgressSteps, selectors: [["luzmo-progress-steps"]], inputs: { progress: "progress", locale: "locale", collapsed: "collapsed", displayMode: "displayMode", condensed: "condensed", labels: "labels", noAnimate: "noAnimate", size: "size" }, outputs: { luzmoStepCollapsedEvent: "luzmo-step-collapsed", luzmoStepExpandedEvent: "luzmo-step-expanded" }, exportAs: ["luzmoProgressSteps"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoProgressSteps_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoProgressSteps, selectors: [["luzmo-progress-steps"]], inputs: { progress: "progress", locale: "locale", collapsed: "collapsed", displayMode: "displayMode", condensed: "condensed", labels: "labels", noAnimate: "noAnimate", size: "size" }, outputs: { luzmoStepCollapsed: "luzmo-step-collapsed", luzmoStepExpanded: "luzmo-step-expanded" }, exportAs: ["luzmoProgressSteps"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoProgressSteps_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -130,5 +130,5 @@ export class LuzmoProgressSteps {
         }], size: [{
             type: Input,
             args: [{ alias: 'size' }]
-        }], luzmoStepCollapsedEvent: [{ type: i0.Output, args: ["luzmo-step-collapsed"] }], luzmoStepExpandedEvent: [{ type: i0.Output, args: ["luzmo-step-expanded"] }] }); })();
+        }], luzmoStepCollapsed: [{ type: i0.Output, args: ["luzmo-step-collapsed"] }], luzmoStepExpanded: [{ type: i0.Output, args: ["luzmo-step-expanded"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoProgressSteps, { className: "LuzmoProgressSteps", filePath: "components/progress-steps.ts", lineNumber: 16 }); })();

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

@@ -58,25 +58,25 @@ export declare class LuzmoPromptBox implements OnChanges {
     segments?: PromptBoxSegment[];
     size?: ('xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl');
     /** Fired when the prompt is submitted. */
-    readonly luzmoSubmitEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoSubmit: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when the stop button is clicked. */
-    readonly luzmoStopEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoStop: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when a trigger menu opens, closes, or the search string changes. */
-    readonly luzmoTriggerChangeEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoTriggerChange: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when an inline element badge is inserted. */
-    readonly luzmoElementInsertedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoElementInserted: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when an inline element badge is removed. */
-    readonly luzmoElementRemovedEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoElementRemoved: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when attachments change. */
-    readonly luzmoAttachmentsChangeEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoAttachmentsChange: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when recording state changes. */
-    readonly luzmoRecordEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoRecord: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when recording finishes. */
-    readonly luzmoRecordingCompleteEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoRecordingComplete: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when recording is cancelled. */
-    readonly luzmoRecordCancelEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoRecordCancel: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     /** Fired when recording errors. */
-    readonly luzmoRecordErrorEvent: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
+    readonly luzmoRecordError: import("@angular/core").OutputEmitterRef<CustomEvent<unknown>>;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     /**
@@ -91,7 +91,7 @@ export declare class LuzmoPromptBox implements OnChanges {
     clear(): void;
     submit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoPromptBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPromptBox, "luzmo-prompt-box", ["luzmoPromptBox"], { "rows": { "alias": "rows"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "recording": { "alias": "recording"; "required": false; }; "hideSubmit": { "alias": "hideSubmit"; "required": false; }; "disableSubmit": { "alias": "disableSubmit"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowFiles": { "alias": "allowFiles"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "fileIcons": { "alias": "fileIcons"; "required": false; }; "removeAttachmentLabel": { "alias": "removeAttachmentLabel"; "required": false; }; "allowElements": { "alias": "allowElements"; "required": false; }; "acceptedElementTypes": { "alias": "acceptedElementTypes"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "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"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoPromptBox, "luzmo-prompt-box", ["luzmoPromptBox"], { "rows": { "alias": "rows"; "required": false; }; "grows": { "alias": "grows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "recording": { "alias": "recording"; "required": false; }; "hideSubmit": { "alias": "hideSubmit"; "required": false; }; "disableSubmit": { "alias": "disableSubmit"; "required": false; }; "singleLine": { "alias": "singleLine"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "stoppable": { "alias": "stoppable"; "required": false; }; "allowImages": { "alias": "allowImages"; "required": false; }; "allowFiles": { "alias": "allowFiles"; "required": false; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "fileIcons": { "alias": "fileIcons"; "required": false; }; "removeAttachmentLabel": { "alias": "removeAttachmentLabel"; "required": false; }; "allowElements": { "alias": "allowElements"; "required": false; }; "acceptedElementTypes": { "alias": "acceptedElementTypes"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "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"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoPromptBox */
 export type LuzmoPromptBoxElement = LuzmoPromptBoxHostElement;