@luzmo/ngx-lucero 1.0.3-alpha.3 → 1.0.3-alpha.5

package/esm/components/accordion-item.js

@@ -83,7 +83,7 @@ export class LuzmoAccordionItem {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAccordionItem, selectors: [["luzmo-accordion-item"]], inputs: { open: "open", label: "label", disabled: "disabled", size: "size", tabIndex: "tabIndex" }, outputs: { luzmoAccordionItemToggleEvent: "luzmo-accordion-item-toggle", keydownEvent: "keydown" }, exportAs: ["luzmoAccordionItem"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAccordionItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoAccordionItem, [{
         type: Component,

package/esm/components/accordion.js

@@ -81,7 +81,7 @@ export class LuzmoAccordion {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAccordion, selectors: [["luzmo-accordion"]], inputs: { allowMultiple: "allowMultiple", density: "density", headerCase: "headerCase", noContentPadding: "noContentPadding", variant: "variant", size: "size" }, exportAs: ["luzmoAccordion"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAccordion_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoAccordion, [{
         type: Component,

package/esm/components/action-bar.js

@@ -62,7 +62,7 @@ export class LuzmoActionBar {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoActionBar, selectors: [["luzmo-action-bar"]], inputs: { emphasized: "emphasized", open: "open" }, outputs: { closeEvent: "close" }, exportAs: ["luzmoActionBar"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoActionBar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoActionBar, [{
         type: Component,

package/esm/components/action-button.js

@@ -218,7 +218,7 @@ export class LuzmoActionButton {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoActionButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoActionButton, [{
         type: Component,

package/esm/components/action-group.js

@@ -108,7 +108,7 @@ export class LuzmoActionGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoActionGroup, selectors: [["luzmo-action-group"]], inputs: { buttons: "buttons", rovingTabindexController: "rovingTabindexController", compact: "compact", emphasized: "emphasized", justified: "justified", label: "label", quiet: "quiet", selects: "selects", staticColor: "staticColor", vertical: "vertical", selected: "selected", slotElement: "slotElement", size: "size" }, outputs: { changeEvent: "change" }, exportAs: ["luzmoActionGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoActionGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoActionGroup, [{
         type: Component,

package/esm/components/action-menu.js

@@ -255,7 +255,7 @@ export class LuzmoActionMenu {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoActionMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoActionMenu, [{
         type: Component,

package/esm/components/avatar.js

@@ -118,7 +118,7 @@ export class LuzmoAvatar {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoAvatar, selectors: [["luzmo-avatar"]], inputs: { border: "border", rounding: "rounding", src: "src", isDecorative: "isDecorative", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", size: "size", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydown" }, exportAs: ["luzmoAvatar"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoAvatar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoAvatar, [{
         type: Component,

package/esm/components/badge.js

@@ -66,7 +66,7 @@ export class LuzmoBadge {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoBadge, selectors: [["luzmo-badge"]], inputs: { variant: "variant", treatment: "treatment", fixed: "fixed", size: "size" }, exportAs: ["luzmoBadge"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoBadge_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoBadge, [{
         type: Component,

package/esm/components/button-group.js

@@ -57,7 +57,7 @@ export class LuzmoButtonGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoButtonGroup, selectors: [["luzmo-button-group"]], inputs: { vertical: "vertical", size: "size" }, exportAs: ["luzmoButtonGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoButtonGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoButtonGroup, [{
         type: Component,

package/esm/components/button.d.ts

@@ -12,7 +12,7 @@ export declare class LuzmoButton implements OnChanges {
     get nativeElement(): LuzmoButtonHostElement;
     pendingLabel?: string;
     pending?: boolean;
-    variant?: ('primary' | 'secondary' | 'negative' | 'positive' | ('white' | 'black'));
+    variant?: ('primary' | 'secondary' | 'neutral' | 'negative' | 'positive' | ('white' | 'black'));
     staticColor?: 'black' | 'white';
     treatment?: ('fill' | 'outline');
     quiet?: boolean;

package/esm/components/button.js

@@ -147,7 +147,7 @@ export class LuzmoButton {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoButton, selectors: [["luzmo-button"]], inputs: { pendingLabel: "pendingLabel", pending: "pending", variant: "variant", staticColor: "staticColor", treatment: "treatment", quiet: "quiet", noWrap: "noWrap", pendingStateController: "pendingStateController", size: "size", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", keydownEvent: "keydown" }, exportAs: ["luzmoButton"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoButton, [{
         type: Component,

package/esm/components/calendar.js

@@ -173,7 +173,7 @@ export class LuzmoCalendar {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoCalendar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoCalendar, [{
         type: Component,

package/esm/components/chat-message-group.js

@@ -62,7 +62,7 @@ export class LuzmoChatMessageGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoChatMessageGroup, selectors: [["luzmo-chat-message-group"]], inputs: { avatarPlacement: "avatarPlacement", size: "size" }, exportAs: ["luzmoChatMessageGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoChatMessageGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoChatMessageGroup, [{
         type: Component,

package/esm/components/chat-message.js

@@ -112,7 +112,7 @@ export class LuzmoChatMessage {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoChatMessage, selectors: [["luzmo-chat-message"]], inputs: { position: "position", variant: "variant", treatment: "treatment", quiet: "quiet", name: "name", datetime: "datetime", datetimeFormatOptions: "datetimeFormatOptions", datetimeLanguage: "datetimeLanguage", meta: "meta", actionsPosition: [0, "actions", "actionsPosition"], avatarPlacement: "avatarPlacement", size: "size" }, exportAs: ["luzmoChatMessage"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoChatMessage_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoChatMessage, [{
         type: Component,

package/esm/components/checkbox.js

@@ -154,7 +154,7 @@ export class LuzmoCheckbox {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoCheckbox_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoCheckbox, [{
         type: Component,

package/esm/components/clear-button.js

@@ -115,7 +115,7 @@ export class LuzmoClearButton {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoClearButton, selectors: [["luzmo-clear-button"]], inputs: { variant: "variant", size: "size", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydown" }, exportAs: ["luzmoClearButton"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoClearButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoClearButton, [{
         type: Component,

package/esm/components/close-button.js

@@ -119,7 +119,7 @@ export class LuzmoCloseButton {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoCloseButton, selectors: [["luzmo-close-button"]], inputs: { variant: "variant", staticColor: "staticColor", size: "size", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydown" }, exportAs: ["luzmoCloseButton"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoCloseButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoCloseButton, [{
         type: Component,

package/esm/components/color-area.js

@@ -105,7 +105,7 @@ export class LuzmoColorArea {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorArea, selectors: [["luzmo-color-area"]], inputs: { disabled: "disabled", focused: "focused", labelX: "labelX", labelY: "labelY", hue: "hue", color: "color", x: "x", y: "y", step: "step", inputX: "inputX", inputY: "inputY" }, outputs: { inputEvent: "input", changeEvent: "change" }, exportAs: ["luzmoColorArea"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorArea_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorArea, [{
         type: Component,

package/esm/components/color-field.js

@@ -260,7 +260,7 @@ export class LuzmoColorField {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorField, [{
         type: Component,

package/esm/components/color-handle.js

@@ -63,7 +63,7 @@ export class LuzmoColorHandle {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorHandle, selectors: [["luzmo-color-handle"]], inputs: { disabled: "disabled", focused: "focused", open: "open", color: "color" }, exportAs: ["luzmoColorHandle"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorHandle_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorHandle, [{
         type: Component,

package/esm/components/color-loupe.js

@@ -55,7 +55,7 @@ export class LuzmoColorLoupe {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorLoupe, selectors: [["luzmo-color-loupe"]], inputs: { open: "open", color: "color" }, exportAs: ["luzmoColorLoupe"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorLoupe_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorLoupe, [{
         type: Component,

package/esm/components/color-menu.js

@@ -92,7 +92,7 @@ export class LuzmoColorMenu {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorMenu, selectors: [["luzmo-color-menu"]], inputs: { color: "color", noAlphaChannel: "noAlphaChannel", swatches: "swatches", areaElement: "areaElement", size: "size", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", keydownEvent: "keydown" }, exportAs: ["luzmoColorMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorMenu, [{
         type: Component,

package/esm/components/color-palette-group.js

@@ -88,7 +88,7 @@ export class LuzmoColorPaletteGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorPaletteGroup, selectors: [["luzmo-color-palette-group"]], inputs: { disabled: "disabled", horizontal: "horizontal", rovingTabindexController: "rovingTabindexController", label: "label", selected: "selected", slotElement: "slotElement", size: "size" }, outputs: { changeEvent: "change" }, exportAs: ["luzmoColorPaletteGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorPaletteGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorPaletteGroup, [{
         type: Component,

package/esm/components/color-palette.js

@@ -103,7 +103,7 @@ export class LuzmoColorPalette {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorPalette, selectors: [["luzmo-color-palette"]], inputs: { disabled: "disabled", focused: "focused", selected: "selected", active: "active", value: "value", colors: "colors", reverse: "reverse", horizontal: "horizontal", size: "size", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydown" }, exportAs: ["luzmoColorPalette"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorPalette_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorPalette, [{
         type: Component,

package/esm/components/color-picker.js

@@ -105,7 +105,7 @@ export class LuzmoColorPicker {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoColorPicker, selectors: [["luzmo-color-picker"]], inputs: { color: "color", open: "open", disabled: "disabled", readOnly: "readOnly", placement: "placement", rounding: "rounding", shape: "shape", swatches: "swatches", noAlphaChannel: "noAlphaChannel", size: "size" }, outputs: { changeEvent: "change", inputEvent: "input" }, exportAs: ["luzmoColorPicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorPicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorPicker, [{
         type: Component,

package/esm/components/color-slider.js

@@ -163,7 +163,7 @@ export class LuzmoColorSlider {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoColorSlider_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoColorSlider, [{
         type: Component,

package/esm/components/date-range-picker.js

@@ -178,7 +178,7 @@ export class LuzmoDateRangePicker {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDateRangePicker, selectors: [["luzmo-date-range-picker"]], inputs: { startDate: "startDate", endDate: "endDate", min: "min", max: "max", dateFormat: "dateFormat", dateSeparator: "dateSeparator", precision: "precision", calendars: "calendars", showDefinedRanges: "showDefinedRanges", definedRanges: "definedRanges", invalid: "invalid", readonly: "readonly", quiet: "quiet", placement: "placement", timeZone: "timeZone", language: "language", labels: "labels", focused: "focused", helpTextManager: "helpTextManager", size: "size", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", inputEvent: "input", keydownEvent: "keydown" }, exportAs: ["luzmoDateRangePicker"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDateRangePicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDateRangePicker, [{
         type: Component,

package/esm/components/date-time-picker.js

@@ -212,7 +212,7 @@ export class LuzmoDateTimePicker {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDateTimePicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDateTimePicker, [{
         type: Component,

package/esm/components/divider.js

@@ -61,7 +61,7 @@ export class LuzmoDivider {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoDivider, selectors: [["luzmo-divider"]], inputs: { vertical: "vertical", staticColor: "staticColor", size: "size" }, exportAs: ["luzmoDivider"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoDivider_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoDivider, [{
         type: Component,

package/esm/components/field-group.js

@@ -71,7 +71,7 @@ export class LuzmoFieldGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFieldGroup, selectors: [["luzmo-field-group"]], inputs: { horizontal: "horizontal", invalid: "invalid", label: "label", vertical: "vertical", helpTextManager: "helpTextManager" }, exportAs: ["luzmoFieldGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFieldGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFieldGroup, [{
         type: Component,

package/esm/components/field-label.js

@@ -78,7 +78,7 @@ export class LuzmoFieldLabel {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoFieldLabel, selectors: [["luzmo-field-label"]], inputs: { disabled: "disabled", for: "for", required: "required", slotEl: "slotEl", sideAligned: "sideAligned", size: "size" }, exportAs: ["luzmoFieldLabel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoFieldLabel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoFieldLabel, [{
         type: Component,

package/esm/components/help-text.js

@@ -60,7 +60,7 @@ export class LuzmoHelpText {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoHelpText, selectors: [["luzmo-help-text"]], inputs: { icon: "icon", variant: "variant", size: "size" }, exportAs: ["luzmoHelpText"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoHelpText_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoHelpText, [{
         type: Component,

package/esm/components/icon.js

@@ -71,7 +71,7 @@ export class LuzmoIcon {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoIcon, selectors: [["luzmo-icon"]], inputs: { src: "src", options: "options", icon: "icon", block: "block", label: "label", size: "size" }, exportAs: ["luzmoIcon"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoIcon_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoIcon, [{
         type: Component,

package/esm/components/infield-button.js

@@ -124,7 +124,7 @@ export class LuzmoInfieldButton {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoInfieldButton, selectors: [["luzmo-infield-button"]], inputs: { block: "block", inline: "inline", quiet: "quiet", size: "size", download: "download", label: "label", href: "href", target: "target", referrerpolicy: "referrerpolicy", rel: "rel", active: "active", type: "type", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { keydownEvent: "keydown" }, exportAs: ["luzmoInfieldButton"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoInfieldButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoInfieldButton, [{
         type: Component,

package/esm/components/label.js

@@ -55,7 +55,7 @@ export class LuzmoLabel {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoLabel, selectors: [["luzmo-label"]], inputs: { label: "label", tooltip: "tooltip" }, exportAs: ["luzmoLabel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoLabel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoLabel, [{
         type: Component,

package/esm/components/menu.js

@@ -164,7 +164,7 @@ export class LuzmoMenu {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoMenu, [{
         type: Component,

package/esm/components/multi-language-field.js

@@ -188,7 +188,7 @@ export class LuzmoMultiLanguageField {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoMultiLanguageField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoMultiLanguageField, [{
         type: Component,

package/esm/components/number-field.js

@@ -293,7 +293,7 @@ export class LuzmoNumberField {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoNumberField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoNumberField, [{
         type: Component,

package/esm/components/options.js

@@ -165,7 +165,7 @@ export class LuzmoOptions {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoOptions_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoOptions, [{
         type: Component,

package/esm/components/overlay.js

@@ -146,7 +146,7 @@ export class 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoOverlay, [{
         type: Component,

package/esm/components/picker-button.js

@@ -122,7 +122,7 @@ export class 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoPickerButton, [{
         type: Component,

package/esm/components/picker.js

@@ -257,7 +257,7 @@ export class LuzmoPicker {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPicker_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoPicker, [{
         type: Component,

package/esm/components/popover.js

@@ -70,7 +70,7 @@ export class LuzmoPopover {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoPopover, selectors: [["luzmo-popover"]], inputs: { open: "open", placement: "placement", tip: "tip", tipElement: "tipElement", size: "size" }, exportAs: ["luzmoPopover"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoPopover_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoPopover, [{
         type: Component,

package/esm/components/progress-bar.js

@@ -86,7 +86,7 @@ export class LuzmoProgressBar {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoProgressBar, selectors: [["luzmo-progress-bar"]], inputs: { indeterminate: "indeterminate", label: "label", progress: "progress", staticColor: "staticColor", sideLabel: "sideLabel", hideValue: "hideValue", valueLabel: "valueLabel", variant: "variant", size: "size" }, exportAs: ["luzmoProgressBar"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoProgressBar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoProgressBar, [{
         type: Component,

package/esm/components/progress-circle.js

@@ -71,7 +71,7 @@ export class LuzmoProgressCircle {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoProgressCircle, selectors: [["luzmo-progress-circle"]], inputs: { indeterminate: "indeterminate", label: "label", staticColor: "staticColor", progress: "progress", size: "size" }, exportAs: ["luzmoProgressCircle"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoProgressCircle_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoProgressCircle, [{
         type: Component,

package/esm/components/progress-steps.js

@@ -95,7 +95,7 @@ export class 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoProgressSteps, [{
         type: Component,

package/esm/components/prompt-box.js

@@ -219,7 +219,7 @@ export class 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", 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoPromptBox, [{
         type: Component,

package/esm/components/radio-group.js

@@ -94,7 +94,7 @@ export class LuzmoRadioGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoRadioGroup, selectors: [["luzmo-radio-group"]], inputs: { name: "name", defaultNodes: "defaultNodes", 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoRadioGroup, [{
         type: Component,

package/esm/components/radio.js

@@ -139,7 +139,7 @@ export class LuzmoRadio {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoRadio_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoRadio, [{
         type: Component,

package/esm/components/search.js

@@ -281,7 +281,7 @@ export class LuzmoSearch {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSearch_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSearch, [{
         type: Component,

package/esm/components/select.d.ts

@@ -41,7 +41,7 @@ export declare class LuzmoSelect implements OnChanges, ControlValueAccessor {
     /** The value of the select. */
     value?: (string | number | null)[];
     /** The options of the select. */
-    options?: any[];
+    options?: unknown;
     /** Optional icon renderer callback forwarded to luzmo-options. Return null to use the default icon/imgSrc rendering. */
     optionIconRenderer?: unknown;
     selects?: never | 'single' | 'multiple';

package/esm/components/select.js

@@ -266,7 +266,7 @@ export class LuzmoSelect {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSelect_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSelect, [{
         type: Component,

package/esm/components/skeleton-loader.js

@@ -62,7 +62,7 @@ export class LuzmoSkeletonLoader {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSkeletonLoader, selectors: [["luzmo-skeleton-loader"]], inputs: { width: "width", height: "height" }, exportAs: ["luzmoSkeletonLoader"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSkeletonLoader_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSkeletonLoader, [{
         type: Component,

package/esm/components/slider.js

@@ -143,7 +143,7 @@ export class LuzmoSlider {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSlider_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSlider, [{
         type: Component,

package/esm/components/status-light.js

@@ -61,7 +61,7 @@ export class LuzmoStatusLight {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoStatusLight, selectors: [["luzmo-status-light"]], inputs: { variant: "variant", disabled: "disabled", size: "size" }, exportAs: ["luzmoStatusLight"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoStatusLight_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoStatusLight, [{
         type: Component,

package/esm/components/swatch-group.js

@@ -91,7 +91,7 @@ export class LuzmoSwatchGroup {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSwatchGroup, selectors: [["luzmo-swatch-group"]], inputs: { border: "border", density: "density", rounding: "rounding", selected: "selected", selects: "selects", shape: "shape", swatches: "swatches", rovingTabindexController: "rovingTabindexController", size: "size" }, outputs: { changeEvent: "change" }, exportAs: ["luzmoSwatchGroup"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSwatchGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSwatchGroup, [{
         type: Component,

package/esm/components/swatch.js

@@ -172,7 +172,7 @@ export class LuzmoSwatch {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSwatch_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSwatch, [{
         type: Component,

package/esm/components/switch.js

@@ -153,7 +153,7 @@ export class LuzmoSwitch {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSwitch_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoSwitch, [{
         type: Component,

package/esm/components/tab-panel.js

@@ -57,7 +57,7 @@ export class LuzmoTabPanel {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTabPanel, selectors: [["luzmo-tab-panel"]], inputs: { selected: "selected", value: "value" }, exportAs: ["luzmoTabPanel"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTabPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTabPanel, [{
         type: Component,

package/esm/components/tab.js

@@ -74,7 +74,7 @@ export class LuzmoTab {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTab, selectors: [["luzmo-tab"]], inputs: { disabled: "disabled", label: "label", selected: "selected", vertical: "vertical", value: "value", managePresenceObservedSlot: "managePresenceObservedSlot" }, exportAs: ["luzmoTab"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTab_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTab, [{
         type: Component,

package/esm/components/tabs-overflow.js

@@ -67,7 +67,7 @@ export class LuzmoTabsOverflow {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTabsOverflow, selectors: [["luzmo-tabs-overflow"]], inputs: { compact: "compact", labelPrevious: "labelPrevious", labelNext: "labelNext", resizeController: "resizeController", size: "size" }, exportAs: ["luzmoTabsOverflow"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTabsOverflow_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTabsOverflow, [{
         type: Component,

package/esm/components/tabs.js

@@ -120,7 +120,7 @@ export class LuzmoTabs {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTabs, selectors: [["luzmo-tabs"]], inputs: { auto: "auto", compact: "compact", direction: "direction", emphasized: "emphasized", label: "label", enableTabsScroll: "enableTabsScroll", quiet: "quiet", selectionIndicatorStyle: "selectionIndicatorStyle", shouldAnimate: "shouldAnimate", selected: "selected", size: "size", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", keydownEvent: "keydown" }, exportAs: ["luzmoTabs"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTabs_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTabs, [{
         type: Component,

package/esm/components/tag.js

@@ -80,7 +80,7 @@ export class LuzmoTag {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTag, selectors: [["luzmo-tag"]], inputs: { variant: "variant", treatment: "treatment", deletable: "deletable", disabled: "disabled", readonly: "readonly", size: "size" }, outputs: { deleteEvent: "delete" }, exportAs: ["luzmoTag"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTag_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTag, [{
         type: Component,

package/esm/components/tags.js

@@ -64,7 +64,7 @@ export class LuzmoTags {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTags, selectors: [["luzmo-tags"]], inputs: { defaultNodes: "defaultNodes", rovingTabindexController: "rovingTabindexController", size: "size" }, exportAs: ["luzmoTags"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTags_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTags, [{
         type: Component,

package/esm/components/text-field.js

@@ -253,7 +253,7 @@ export class LuzmoTextField {
             ]), i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTextField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTextField, [{
         type: Component,

package/esm/components/toast.js

@@ -53,7 +53,7 @@ export class LuzmoToast {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoToast, selectors: [["luzmo-toast"]], outputs: { closeEvent: "close" }, exportAs: ["luzmoToast"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoToast_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoToast, [{
         type: Component,

package/esm/components/tooltip.js

@@ -107,7 +107,7 @@ export class LuzmoTooltip {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTooltip, selectors: [["luzmo-tooltip"]], inputs: { delayed: "delayed", disabled: "disabled", showOnlyIfTruncated: "showOnlyIfTruncated", truncatedElementSelector: "truncatedElementSelector", selfManaged: "selfManaged", offset: "offset", open: "open", overlayElement: "overlayElement", placement: "placement", tipElement: "tipElement", tipPadding: "tipPadding", variant: "variant", size: "size" }, exportAs: ["luzmoTooltip"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTooltip_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTooltip, [{
         type: Component,

package/esm/components/top-nav-item.js

@@ -81,7 +81,7 @@ export class LuzmoTopNavItem {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTopNavItem, selectors: [["luzmo-top-nav-item"]], inputs: { href: "href", target: "target", download: "download", rel: "rel", label: "label", selected: "selected", disabled: "disabled", value: "value" }, exportAs: ["luzmoTopNavItem"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTopNavItem_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTopNavItem, [{
         type: Component,

package/esm/components/top-nav.js

@@ -99,7 +99,7 @@ export class LuzmoTopNav {
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTopNav, selectors: [["luzmo-top-nav"]], inputs: { label: "label", quiet: "quiet", selected: "selected", selectionIndicatorStyle: "selectionIndicatorStyle", shouldAnimate: "shouldAnimate", rovingTabindexController: "rovingTabindexController", size: "size", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { changeEvent: "change", keydownEvent: "keydown" }, exportAs: ["luzmoTopNav"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTopNav_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 });
+        } }, encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LuzmoTopNav, [{
         type: Component,

package/package.json

@@ -27,11 +27,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
-    "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
-    "@luzmo/lucero": "1.0.3-alpha.3"
+    "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
+    "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
+    "@luzmo/lucero": "1.0.3-alpha.5"
   },
-  "version": "1.0.3-alpha.3",
+  "version": "1.0.3-alpha.5",
   "peerDependenciesMeta": {
     "@angular/forms": {
       "optional": true