@malva-ui/core 0.1.12

package/esm2022/index.js

@@ -0,0 +1,70 @@
+export * from '@malva-ui/core/alert';
+export * from '@malva-ui/core/autocomplete';
+export * from '@malva-ui/core/calendar';
+export * from '@malva-ui/core/chat';
+export * from '@malva-ui/core/checkbox';
+export * from '@malva-ui/core/color-picker';
+export * from '@malva-ui/core/combobox';
+export * from '@malva-ui/core/copy-to-clipboard';
+export * from '@malva-ui/core/date-range-picker';
+export * from '@malva-ui/core/day-picker';
+export * from '@malva-ui/core/dropdown';
+export * from '@malva-ui/core/filter';
+export * from '@malva-ui/core/form';
+export * from '@malva-ui/core/form-utils';
+export * from '@malva-ui/core/input';
+export * from '@malva-ui/core/number-input';
+export * from '@malva-ui/core/radio';
+export * from '@malva-ui/core/select';
+export * from '@malva-ui/core/slider';
+export * from '@malva-ui/core/switch';
+export * from '@malva-ui/core/tokenizer';
+export * from '@malva-ui/core/action-bar';
+export * from '@malva-ui/core/avatar';
+export * from '@malva-ui/core/avatar-group';
+export * from '@malva-ui/core/badge';
+export * from '@malva-ui/core/button';
+export * from '@malva-ui/core/card';
+export * from '@malva-ui/core/chip';
+export * from '@malva-ui/core/data-table';
+export * from '@malva-ui/core/dialog';
+export * from '@malva-ui/core/drawer';
+export * from '@malva-ui/core/accordion';
+export * from '@malva-ui/core/expand';
+export * from '@malva-ui/core/layout';
+export * from '@malva-ui/core/link';
+export * from '@malva-ui/core/list';
+export * from '@malva-ui/core/loader';
+export * from '@malva-ui/core/progress';
+export * from '@malva-ui/core/notification';
+export * from '@malva-ui/core/pagination';
+export * from '@malva-ui/core/popup';
+export * from '@malva-ui/core/scrollbar';
+export * from '@malva-ui/core/search-field';
+export * from '@malva-ui/core/segmented';
+export * from '@malva-ui/core/sidebar';
+export * from '@malva-ui/core/status-indicator';
+export * from '@malva-ui/core/tabs';
+export * from '@malva-ui/core/tile';
+export * from '@malva-ui/core/title';
+export * from '@malva-ui/core/toast';
+export * from '@malva-ui/core/textarea';
+export * from '@malva-ui/core/toolbar';
+export * from '@malva-ui/core/menu';
+export * from '@malva-ui/core/tooltip';
+export * from '@malva-ui/core/breadcrumb';
+export * from '@malva-ui/core/divider';
+export * from '@malva-ui/core/stepper';
+export * from '@malva-ui/core/skeleton';
+export * from '@malva-ui/core/timeline';
+export * from '@malva-ui/core/split-pane';
+export * from '@malva-ui/core/empty-state';
+export * from '@malva-ui/core/kbd';
+export * from '@malva-ui/core/page';
+export * from '@malva-ui/core/bottom-nav';
+export * from '@malva-ui/core/file-upload';
+export * from '@malva-ui/core/pin-input';
+export * from '@malva-ui/core/rating';
+export * from '@malva-ui/core/time-picker';
+export * from '@malva-ui/core/tree';
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/core/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC","sourcesContent":["export * from '@malva-ui/core/alert';\nexport * from '@malva-ui/core/autocomplete';\nexport * from '@malva-ui/core/calendar';\nexport * from '@malva-ui/core/chat';\nexport * from '@malva-ui/core/checkbox';\nexport * from '@malva-ui/core/color-picker';\nexport * from '@malva-ui/core/combobox';\nexport * from '@malva-ui/core/copy-to-clipboard';\nexport * from '@malva-ui/core/date-range-picker';\nexport * from '@malva-ui/core/day-picker';\nexport * from '@malva-ui/core/dropdown';\nexport * from '@malva-ui/core/filter';\nexport * from '@malva-ui/core/form';\nexport * from '@malva-ui/core/form-utils';\nexport * from '@malva-ui/core/input';\nexport * from '@malva-ui/core/number-input';\nexport * from '@malva-ui/core/radio';\nexport * from '@malva-ui/core/select';\nexport * from '@malva-ui/core/slider';\nexport * from '@malva-ui/core/switch';\nexport * from '@malva-ui/core/tokenizer';\nexport * from '@malva-ui/core/action-bar';\nexport * from '@malva-ui/core/avatar';\nexport * from '@malva-ui/core/avatar-group';\nexport * from '@malva-ui/core/badge';\nexport * from '@malva-ui/core/button';\nexport * from '@malva-ui/core/card';\nexport * from '@malva-ui/core/chip';\nexport * from '@malva-ui/core/data-table';\nexport * from '@malva-ui/core/dialog';\nexport * from '@malva-ui/core/drawer';\nexport * from '@malva-ui/core/accordion';\nexport * from '@malva-ui/core/expand';\nexport * from '@malva-ui/core/layout';\nexport * from '@malva-ui/core/link';\nexport * from '@malva-ui/core/list';\nexport * from '@malva-ui/core/loader';\nexport * from '@malva-ui/core/progress';\nexport * from '@malva-ui/core/notification';\nexport * from '@malva-ui/core/pagination';\nexport * from '@malva-ui/core/popup';\nexport * from '@malva-ui/core/scrollbar';\nexport * from '@malva-ui/core/search-field';\nexport * from '@malva-ui/core/segmented';\nexport * from '@malva-ui/core/sidebar';\nexport * from '@malva-ui/core/status-indicator';\nexport * from '@malva-ui/core/tabs';\nexport * from '@malva-ui/core/tile';\nexport * from '@malva-ui/core/title';\nexport * from '@malva-ui/core/toast';\nexport * from '@malva-ui/core/textarea';\nexport * from '@malva-ui/core/toolbar';\nexport * from '@malva-ui/core/menu';\nexport * from '@malva-ui/core/tooltip';\nexport * from '@malva-ui/core/breadcrumb';\nexport * from '@malva-ui/core/divider';\nexport * from '@malva-ui/core/stepper';\nexport * from '@malva-ui/core/skeleton';\nexport * from '@malva-ui/core/timeline';\nexport * from '@malva-ui/core/split-pane';\nexport * from '@malva-ui/core/empty-state';\nexport * from '@malva-ui/core/kbd';\nexport * from '@malva-ui/core/page';\nexport * from '@malva-ui/core/bottom-nav';\nexport * from '@malva-ui/core/file-upload';\nexport * from '@malva-ui/core/pin-input';\nexport * from '@malva-ui/core/rating';\nexport * from '@malva-ui/core/time-picker';\nexport * from '@malva-ui/core/tree';\n"]}

package/esm2022/input/index.js

@@ -0,0 +1,4 @@
+export * from './lib/input/input';
+export * from './lib/input/input-native';
+export * from './lib/input/password-strength';
+//# sourceMappingURL=index.js.map

package/esm2022/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/input/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './lib/input/input';\nexport * from './lib/input/input-native';\nexport * from './lib/input/password-strength';\n"]}

package/esm2022/input/lib/input/input-native.js

@@ -0,0 +1,49 @@
+import { Directive, ElementRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Marks a consumer-provided native `<input>` that should be adopted as the
+ * control element of a `<mlv-input projectControl>`.
+ *
+ * `mlv-input` normally renders and owns its own internal `<input>`. Some
+ * headless behaviours — most notably `@angular/aria`'s combobox family, whose
+ * trigger directive (`[ngCombobox]`, formerly `input[ngComboboxInput]`) must
+ * sit directly on the interactive `<input>` element — need to attach their own
+ * attribute directives to that input. Because Angular cannot attach an external
+ * directive to a component's *internal* template element, `mlv-input` instead
+ * exposes an opt-in projection slot: set `projectControl` on `<mlv-input>` and
+ * project your own `<input mlvInputNative …>` carrying whatever directives you
+ * need. This directive applies the shared `mlv-input__native` styling hook and
+ * makes the element discoverable to the host `mlv-input` so focus/selection
+ * helpers keep working.
+ *
+ * @example
+ * ```html
+ * <mlv-input bare projectControl>
+ *   <input mlvInputNative ngCombobox [(value)]="query" [(expanded)]="open" />
+ * </mlv-input>
+ * ```
+ */
+export class MlvInputNative {
+    /**
+     * @protected The projected native `<input>` element reference, used by the
+     * host `mlv-input` to forward `focus()` / `select()` calls.
+     */
+    _elementRef = inject(ElementRef);
+    /** The projected native `<input>` element. */
+    get nativeElement() {
+        return this._elementRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvInputNative, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvInputNative, isStandalone: true, selector: "input[mlvInputNative]", host: { classAttribute: "mlv-input__native" }, exportAs: ["mlvInputNative"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvInputNative, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[mlvInputNative]',
+                    exportAs: 'mlvInputNative',
+                    host: {
+                        class: 'mlv-input__native',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=input-native.js.map

package/esm2022/input/lib/input/input-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-native.js","sourceRoot":"","sources":["../../../../../../../libs/core/input/src/lib/input/input-native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAE9D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAQH,MAAM,OAAO,cAAc;IACzB;;;OAGG;IACgB,WAAW,GAC5B,MAAM,CAA+B,UAAU,CAAC,CAAC;IAEnD,8CAA8C;IAC9C,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;IACxC,CAAC;uGAXU,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,mBAAmB;qBAC3B;iBACF","sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\n\n/**\n * Marks a consumer-provided native `<input>` that should be adopted as the\n * control element of a `<mlv-input projectControl>`.\n *\n * `mlv-input` normally renders and owns its own internal `<input>`. Some\n * headless behaviours — most notably `@angular/aria`'s combobox family, whose\n * trigger directive (`[ngCombobox]`, formerly `input[ngComboboxInput]`) must\n * sit directly on the interactive `<input>` element — need to attach their own\n * attribute directives to that input. Because Angular cannot attach an external\n * directive to a component's *internal* template element, `mlv-input` instead\n * exposes an opt-in projection slot: set `projectControl` on `<mlv-input>` and\n * project your own `<input mlvInputNative …>` carrying whatever directives you\n * need. This directive applies the shared `mlv-input__native` styling hook and\n * makes the element discoverable to the host `mlv-input` so focus/selection\n * helpers keep working.\n *\n * @example\n * ```html\n * <mlv-input bare projectControl>\n *   <input mlvInputNative ngCombobox [(value)]=\"query\" [(expanded)]=\"open\" />\n * </mlv-input>\n * ```\n */\n@Directive({\n  selector: 'input[mlvInputNative]',\n  exportAs: 'mlvInputNative',\n  host: {\n    class: 'mlv-input__native',\n  },\n})\nexport class MlvInputNative {\n  /**\n   * @protected The projected native `<input>` element reference, used by the\n   * host `mlv-input` to forward `focus()` / `select()` calls.\n   */\n  protected readonly _elementRef =\n    inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  /** The projected native `<input>` element. */\n  get nativeElement(): HTMLInputElement {\n    return this._elementRef.nativeElement;\n  }\n}\n"]}

package/esm2022/input/lib/input/input-value-accessor.js

@@ -0,0 +1,4 @@
+import { InjectionToken } from '@angular/core';
+/** @internal Injection token for the active input value signal. */
+export const MLV_INPUT_VALUE = new InjectionToken('MLV_INPUT_VALUE');
+//# sourceMappingURL=input-value-accessor.js.map

package/esm2022/input/lib/input/input-value-accessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-value-accessor.js","sourceRoot":"","sources":["../../../../../../../libs/core/input/src/lib/input/input-value-accessor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAU/C,mEAAmE;AACnE,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,iBAAiB,CAClB,CAAC","sourcesContent":["import type { Signal } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\n\n/**\n * @internal Minimal host contract consumed by input-attached behavior\n * directives without importing the concrete input component.\n */\nexport interface MlvInputValueAccessor {\n  readonly value: Signal<string>;\n}\n\n/** @internal Injection token for the active input value signal. */\nexport const MLV_INPUT_VALUE = new InjectionToken<MlvInputValueAccessor>(\n  'MLV_INPUT_VALUE',\n);\n"]}

package/esm2022/input/lib/input/input.js

@@ -0,0 +1,277 @@
+import { ChangeDetectionStrategy, Component, contentChild, forwardRef, input, model, output, viewChild, ViewEncapsulation, computed, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvSignalFormControlBase, MlvDescription, MlvFormControlWrapper, MlvFormControlWrapperControl, MlvHint, MlvLabel, MLV_FORM_CONTROL, MlvMessage, } from '@malva-ui/core/form-utils';
+import { MlvInputNative } from './input-native';
+import { MLV_INPUT_VALUE } from './input-value-accessor';
+import * as i0 from "@angular/core";
+export class MlvInput extends MlvSignalFormControlBase {
+    type = input('text', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /**
+     * Native HTML `autocomplete` hint forwarded to the underlying `<input>`.
+     * When empty, no `autocomplete` attribute is rendered.
+     * @default ''
+     */
+    autocomplete = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    /**
+     * Native HTML `inputmode` attribute forwarded to the underlying `<input>`.
+     * Controls the virtual keyboard on mobile devices.
+     * @default null
+     */
+    inputMode = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputMode" }] : /* istanbul ignore next */ []));
+    /**
+     * Maximum number of characters the user may enter. Forwarded to the
+     * underlying `<input>` `maxlength` attribute. `null` removes the cap.
+     */
+    maxLength = input(null, { ...(ngDevMode ? { debugName: "maxLength" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * Minimum number of characters the user must enter for the form control
+     * to validate. Forwarded to the underlying `<input>` `minlength` attribute.
+     */
+    minLength = input(null, { ...(ngDevMode ? { debugName: "minLength" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * Native HTML5 validation pattern (regular-expression source) forwarded
+     * to the underlying `<input>` `pattern` attribute.
+     */
+    pattern = input(null, { ...(ngDevMode ? { debugName: "pattern" } : /* istanbul ignore next */ {}), 
+        // Signal forms' `pattern` rule binds `readonly RegExp[]`; the native
+        // attribute wants one regex source. Normalise: single source pass-through,
+        // multiple sources OR-combined.
+        transform: (value) => {
+            if (value == null)
+                return null;
+            if (typeof value === 'string')
+                return value;
+            if (value instanceof RegExp)
+                return value.source;
+            if (value.length === 0)
+                return null;
+            return value.length === 1
+                ? value[0].source
+                : value.map((r) => `(?:${r.source})`).join('|');
+        } });
+    /**
+     * Native HTML `name` attribute. Required for non-Angular form submission;
+     * Reactive Forms / template-driven forms do not need this.
+     */
+    name = input(null, { ...(ngDevMode ? { debugName: "name" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * When `true`, the underlying `<input>` is focused as soon as it mounts.
+     * Use sparingly — autofocus is generally an a11y anti-pattern outside of
+     * dialogs and confirmation flows.
+     */
+    autofocus = input(false, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Numeric `min` attribute forwarded to the underlying `<input>`.
+     * Only meaningful when `type` is `'number'`.
+     */
+    min = input(null, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * Numeric `max` attribute forwarded to the underlying `<input>`.
+     * Only meaningful when `type` is `'number'`.
+     */
+    max = input(null, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * Numeric `step` attribute forwarded to the underlying `<input>`.
+     * Only meaningful when `type` is `'number'`. `null` falls back to the
+     * browser default of `1`.
+     */
+    step = input(null, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * When `true`, renders only the bare `<input>` element with no
+     * `mlv-form-control-wrapper` chrome (no label, no message, no
+     * prefix/suffix slots). Used by composite controls (combobox,
+     * tokenizer, command-palette, color-picker) that own their own
+     * surrounding container.
+     */
+    bare = input(false, { ...(ngDevMode ? { debugName: "bare" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * When `true`, `mlv-input` does not render its own internal `<input>` and
+     * instead adopts a consumer-projected `<input mlvInputNative>` as the control
+     * element. Opt in when an external attribute directive must sit directly on
+     * the native input — e.g. `@angular/aria`'s combobox trigger, which requires
+     * `[ngCombobox]` on the `<input>` itself. In this mode the projected input
+     * owns its own value/keyboard wiring; `mlv-input` provides the surrounding
+     * chrome, styling hook (`mlv-input__native`), and focus/select forwarding.
+     *
+     * Ignored unless a matching `<input mlvInputNative>` is projected.
+     */
+    projectControl = input(false, { ...(ngDevMode ? { debugName: "projectControl" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Optional explicit `role` attribute forwarded to the underlying
+     * `<input>`. Use for combobox-style consumers — leave `null` for
+     * a vanilla text field.
+     */
+    role = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+    /**
+     * Forwarded to `aria-expanded`. Use with `role="combobox"` to
+     * communicate dropdown state.
+     */
+    ariaExpanded = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []));
+    /**
+     * Forwarded to `aria-haspopup` (typically `'listbox'`).
+     */
+    ariaHasPopup = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaHasPopup" }] : /* istanbul ignore next */ []));
+    /**
+     * Forwarded to `aria-autocomplete` (typically `'list'`). Use with
+     * `role="combobox"` to describe the autocomplete behaviour of the field.
+     */
+    ariaAutocomplete = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaAutocomplete" }] : /* istanbul ignore next */ []));
+    /**
+     * Forwarded to `aria-controls` — the id of the listbox / popup the
+     * input drives.
+     */
+    ariaControls = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaControls" }] : /* istanbul ignore next */ []));
+    /**
+     * Forwarded to `aria-activedescendant` — the id of the currently
+     * highlighted option in the listbox.
+     */
+    ariaActiveDescendant = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaActiveDescendant" }] : /* istanbul ignore next */ []));
+    /**
+     * Explicit `aria-describedby` for the underlying `<input>`, overriding the
+     * ids the control derives from its own `description` / `message`. Composite
+     * controls (`mlv-pin-input`, `mlv-tokenizer`, `mlv-combobox`) that render the
+     * description and message themselves point the inner input here.
+     */
+    ariaDescribedBy = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    /**
+     * The input's text value — the signal-forms `FormValueControl` model.
+     * Two-way bindable (`[(value)]`), one-way bindable by composite controls
+     * (`[value]="searchQuery()"`), and kept in sync with the bound field by
+     * `[formField]` / `[formControl]` / `ngModel`.
+     */
+    value = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * Emitted when the underlying native `<input>` gains focus. Re-emitted from
+     * the input's own `focus` handler so composite controls (e.g. `mlv-combobox`)
+     * can react to focus without relying on the non-bubbling native `focus`
+     * event reaching the `mlv-input` host. Carries the original `FocusEvent`.
+     */
+    inputFocus = output();
+    /**
+     * Emitted when the underlying native `<input>` loses focus. Re-emitted from
+     * the input's own `blur` handler (fired after the touch output), so composite
+     * controls can run blur-driven logic (close dropdowns, revert text, mark
+     * touched) reliably. Carries the original `FocusEvent`.
+     */
+    inputBlur = output();
+    /**
+     * @private Reference to the internally-rendered native `<input>` element so
+     * the component can imperatively focus / select its contents.
+     */
+    _nativeRef = viewChild('native', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_nativeRef" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Reference to a consumer-projected `<input mlvInputNative>` used
+     * when {@link projectControl} is enabled.
+     */
+    _projectedNative = contentChild(MlvInputNative, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_projectedNative" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Resolves the active native `<input>` — the projected one when
+     * projection is enabled and present, otherwise the internally-rendered input.
+     */
+    _resolveNative() {
+        if (this.projectControl()) {
+            return this._projectedNative()?.nativeElement ?? null;
+        }
+        return this._nativeRef()?.nativeElement ?? null;
+    }
+    /**
+     * Direct access to the underlying native `<input>`. Use sparingly —
+     * required only for selection-range / paste-distribution flows in
+     * composite controls. Resolves to the projected input when
+     * {@link projectControl} is enabled.
+     */
+    get nativeElement() {
+        return this._resolveNative();
+    }
+    /**
+     * Focuses the underlying native input.
+     */
+    focus() {
+        this._resolveNative()?.focus();
+    }
+    /**
+     * Selects the current text inside the underlying native input.
+     */
+    select() {
+        this._resolveNative()?.select();
+    }
+    onInput(event) {
+        this.value.set(event.target.value);
+    }
+    /**
+     * Handles the native `<input>` focus event: sets the focused state and
+     * re-emits {@link inputFocus} for composite-control consumers.
+     */
+    onFocus(event) {
+        this.setFocused(true);
+        this.inputFocus.emit(event);
+    }
+    onBlur(event) {
+        this.setFocused(false);
+        this._markTouched();
+        this.inputBlur.emit(event);
+    }
+    /** Whether the control holds a clearable value — Non-empty text present. */
+    hasValue = computed(() => (this.value() ?? '').length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+    /** Clears the text value (wired to the wrapper's clear button). */
+    clearValue() {
+        this.value.set('');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvInput, isStandalone: true, selector: "mlv-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, inputMode: { classPropertyName: "inputMode", publicName: "inputMode", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, bare: { classPropertyName: "bare", publicName: "bare", isSignal: true, isRequired: false, transformFunction: null }, projectControl: { classPropertyName: "projectControl", publicName: "projectControl", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaExpanded: { classPropertyName: "ariaExpanded", publicName: "ariaExpanded", isSignal: true, isRequired: false, transformFunction: null }, ariaHasPopup: { classPropertyName: "ariaHasPopup", publicName: "ariaHasPopup", isSignal: true, isRequired: false, transformFunction: null }, ariaAutocomplete: { classPropertyName: "ariaAutocomplete", publicName: "ariaAutocomplete", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null }, ariaActiveDescendant: { classPropertyName: "ariaActiveDescendant", publicName: "ariaActiveDescendant", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.mlv-input--default": "resolvedState() === \"default\"", "class.mlv-input--success": "resolvedState() === \"success\"", "class.mlv-input--info": "resolvedState() === \"info\"", "class.mlv-input--warning": "resolvedState() === \"warning\"", "class.mlv-input--error": "resolvedState() === \"error\"", "class.mlv-input--disabled": "disabled()", "class.mlv-input--focused": "focused()" }, classAttribute: "mlv-input" }, providers: [
+            {
+                provide: MLV_FORM_CONTROL,
+                useExisting: forwardRef(() => MlvInput),
+            },
+            {
+                provide: MLV_INPUT_VALUE,
+                useExisting: forwardRef(() => MlvInput),
+            },
+        ], queries: [{ propertyName: "_projectedNative", first: true, predicate: MlvInputNative, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_nativeRef", first: true, predicate: ["native"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (bare()) { @if (projectControl()) {\n<!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n<ng-content select=\"input[mlvInputNative]\" />\n} @else {\n<!-- autofocus is an opt-in API forwarded to the native input (see best-practices.md);\n     it stays off unless the consumer explicitly sets it. -->\n<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<input\n  #native\n  class=\"mlv-input__native\"\n  [id]=\"id()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"computedDisabled()\"\n  [readOnly]=\"readonly()\"\n  [value]=\"value() ?? ''\"\n  [attr.name]=\"name()\"\n  [attr.autocomplete]=\"autocomplete() || null\"\n  [attr.autofocus]=\"autofocus() ? '' : null\"\n  [attr.inputmode]=\"inputMode()\"\n  [attr.maxlength]=\"maxLength()\"\n  [attr.minlength]=\"minLength()\"\n  [attr.pattern]=\"pattern()\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  [attr.step]=\"step()\"\n  [attr.role]=\"role()\"\n  [attr.aria-expanded]=\"ariaExpanded()\"\n  [attr.aria-haspopup]=\"ariaHasPopup()\"\n  [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-required]=\"required() || null\"\n  [attr.aria-invalid]=\"resolvedState() === 'error'\"\n  [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onFocus($event)\"\n  (blur)=\"onBlur($event)\"\n/>\n<!-- eslint-enable @angular-eslint/template/no-autofocus -->\n} } @else {\n<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    @if (projectControl()) {\n    <!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n    <ng-content select=\"input[mlvInputNative]\" />\n    } @else {\n    <!-- eslint-disable @angular-eslint/template/no-autofocus -->\n    <input\n      #native\n      class=\"mlv-input__native\"\n      [id]=\"id()\"\n      [type]=\"type()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"value() ?? ''\"\n      [attr.name]=\"name()\"\n      [attr.autocomplete]=\"autocomplete() || null\"\n      [attr.autofocus]=\"autofocus() ? '' : null\"\n      [attr.inputmode]=\"inputMode()\"\n      [attr.maxlength]=\"maxLength()\"\n      [attr.minlength]=\"minLength()\"\n      [attr.pattern]=\"pattern()\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.role]=\"role()\"\n      [attr.aria-expanded]=\"ariaExpanded()\"\n      [attr.aria-haspopup]=\"ariaHasPopup()\"\n      [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n      [attr.aria-controls]=\"ariaControls()\"\n      [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error'\"\n      [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n      (input)=\"onInput($event)\"\n      (focus)=\"onFocus($event)\"\n      (blur)=\"onBlur($event)\"\n    />\n    <!-- eslint-enable @angular-eslint/template/no-autofocus -->\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n}\n", styles: [".mlv-input__native{position:relative;display:block;width:100%;border:none;outline:none;appearance:none;padding:var(--mlv-spacing-1);background:none;height:100%}.mlv-input__native::placeholder{color:var(--mlv-text-tertiary)}\n"], dependencies: [{ kind: "component", type: MlvLabel, selector: "mlv-label", inputs: ["for", "required"] }, { kind: "component", type: MlvHint, selector: "mlv-hint" }, { kind: "component", type: MlvDescription, selector: "mlv-description" }, { kind: "component", type: MlvFormControlWrapper, selector: "mlv-form-control-wrapper", outputs: ["clear"] }, { kind: "directive", type: MlvFormControlWrapperControl, selector: "[mlvFormControlWrapperControl]" }, { kind: "component", type: MlvMessage, selector: "mlv-message", inputs: ["state"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-input', imports: [
+                        MlvLabel,
+                        MlvHint,
+                        MlvDescription,
+                        MlvFormControlWrapper,
+                        MlvFormControlWrapperControl,
+                        MlvMessage,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MLV_FORM_CONTROL,
+                            useExisting: forwardRef(() => MlvInput),
+                        },
+                        {
+                            provide: MLV_INPUT_VALUE,
+                            useExisting: forwardRef(() => MlvInput),
+                        },
+                    ], host: {
+                        class: 'mlv-input',
+                        '[class.mlv-input--default]': 'resolvedState() === "default"',
+                        '[class.mlv-input--success]': 'resolvedState() === "success"',
+                        '[class.mlv-input--info]': 'resolvedState() === "info"',
+                        '[class.mlv-input--warning]': 'resolvedState() === "warning"',
+                        '[class.mlv-input--error]': 'resolvedState() === "error"',
+                        '[class.mlv-input--disabled]': 'disabled()',
+                        '[class.mlv-input--focused]': 'focused()',
+                    }, template: "@if (bare()) { @if (projectControl()) {\n<!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n<ng-content select=\"input[mlvInputNative]\" />\n} @else {\n<!-- autofocus is an opt-in API forwarded to the native input (see best-practices.md);\n     it stays off unless the consumer explicitly sets it. -->\n<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<input\n  #native\n  class=\"mlv-input__native\"\n  [id]=\"id()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"computedDisabled()\"\n  [readOnly]=\"readonly()\"\n  [value]=\"value() ?? ''\"\n  [attr.name]=\"name()\"\n  [attr.autocomplete]=\"autocomplete() || null\"\n  [attr.autofocus]=\"autofocus() ? '' : null\"\n  [attr.inputmode]=\"inputMode()\"\n  [attr.maxlength]=\"maxLength()\"\n  [attr.minlength]=\"minLength()\"\n  [attr.pattern]=\"pattern()\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  [attr.step]=\"step()\"\n  [attr.role]=\"role()\"\n  [attr.aria-expanded]=\"ariaExpanded()\"\n  [attr.aria-haspopup]=\"ariaHasPopup()\"\n  [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-required]=\"required() || null\"\n  [attr.aria-invalid]=\"resolvedState() === 'error'\"\n  [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onFocus($event)\"\n  (blur)=\"onBlur($event)\"\n/>\n<!-- eslint-enable @angular-eslint/template/no-autofocus -->\n} } @else {\n<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    @if (projectControl()) {\n    <!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n    <ng-content select=\"input[mlvInputNative]\" />\n    } @else {\n    <!-- eslint-disable @angular-eslint/template/no-autofocus -->\n    <input\n      #native\n      class=\"mlv-input__native\"\n      [id]=\"id()\"\n      [type]=\"type()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"value() ?? ''\"\n      [attr.name]=\"name()\"\n      [attr.autocomplete]=\"autocomplete() || null\"\n      [attr.autofocus]=\"autofocus() ? '' : null\"\n      [attr.inputmode]=\"inputMode()\"\n      [attr.maxlength]=\"maxLength()\"\n      [attr.minlength]=\"minLength()\"\n      [attr.pattern]=\"pattern()\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.role]=\"role()\"\n      [attr.aria-expanded]=\"ariaExpanded()\"\n      [attr.aria-haspopup]=\"ariaHasPopup()\"\n      [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n      [attr.aria-controls]=\"ariaControls()\"\n      [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error'\"\n      [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n      (input)=\"onInput($event)\"\n      (focus)=\"onFocus($event)\"\n      (blur)=\"onBlur($event)\"\n    />\n    <!-- eslint-enable @angular-eslint/template/no-autofocus -->\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n}\n", styles: [".mlv-input__native{position:relative;display:block;width:100%;border:none;outline:none;appearance:none;padding:var(--mlv-spacing-1);background:none;height:100%}.mlv-input__native::placeholder{color:var(--mlv-text-tertiary)}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputMode", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], bare: [{ type: i0.Input, args: [{ isSignal: true, alias: "bare", required: false }] }], projectControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "projectControl", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], ariaExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaExpanded", required: false }] }], ariaHasPopup: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHasPopup", required: false }] }], ariaAutocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaAutocomplete", required: false }] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaControls", required: false }] }], ariaActiveDescendant: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaActiveDescendant", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], inputFocus: [{ type: i0.Output, args: ["inputFocus"] }], inputBlur: [{ type: i0.Output, args: ["inputBlur"] }], _nativeRef: [{ type: i0.ViewChild, args: ['native', { isSignal: true }] }], _projectedNative: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvInputNative), { isSignal: true }] }] } });
+//# sourceMappingURL=input.js.map

package/esm2022/input/lib/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../../libs/core/input/src/lib/input/input.ts","../../../../../../../libs/core/input/src/lib/input/input.html"],"names":[],"mappings":"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","sourcesContent":["import type { ElementRef } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  forwardRef,\n  input,\n  model,\n  output,\n  viewChild,\n  ViewEncapsulation,\n  computed,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { MlvFormState, MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvSignalFormControlBase,\n  MlvDescription,\n  MlvFormControlWrapper,\n  MlvFormControlWrapperControl,\n  MlvHint,\n  MlvLabel,\n  MLV_FORM_CONTROL,\n  MlvMessage,\n} from '@malva-ui/core/form-utils';\nimport { MlvInputNative } from './input-native';\nimport { MLV_INPUT_VALUE } from './input-value-accessor';\n\nexport type MlvInputType =\n  | 'text'\n  | 'password'\n  | 'email'\n  | 'number'\n  | 'tel'\n  | 'search'\n  | 'url';\n/**\n * Visual/validation state of the input. Mirrors {@link MlvFormState}.\n */\nexport type MlvInputState = MlvFormState;\nexport type MlvInputInputMode =\n  | 'none'\n  | 'text'\n  | 'decimal'\n  | 'numeric'\n  | 'tel'\n  | 'search'\n  | 'email'\n  | 'url';\n\n@Component({\n  selector: 'mlv-input',\n  imports: [\n    MlvLabel,\n    MlvHint,\n    MlvDescription,\n    MlvFormControlWrapper,\n    MlvFormControlWrapperControl,\n    MlvMessage,\n  ],\n  templateUrl: './input.html',\n  styleUrl: './input.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvInput),\n    },\n    {\n      provide: MLV_INPUT_VALUE,\n      useExisting: forwardRef(() => MlvInput),\n    },\n  ],\n  host: {\n    class: 'mlv-input',\n    '[class.mlv-input--default]': 'resolvedState() === \"default\"',\n    '[class.mlv-input--success]': 'resolvedState() === \"success\"',\n    '[class.mlv-input--info]': 'resolvedState() === \"info\"',\n    '[class.mlv-input--warning]': 'resolvedState() === \"warning\"',\n    '[class.mlv-input--error]': 'resolvedState() === \"error\"',\n    '[class.mlv-input--disabled]': 'disabled()',\n    '[class.mlv-input--focused]': 'focused()',\n  },\n})\nexport class MlvInput\n  extends MlvSignalFormControlBase<string>\n  implements MlvFormControl\n{\n  readonly type = input<MlvInputType>('text');\n  readonly placeholder = input('');\n\n  /**\n   * Native HTML `autocomplete` hint forwarded to the underlying `<input>`.\n   * When empty, no `autocomplete` attribute is rendered.\n   * @default ''\n   */\n  readonly autocomplete = input<string>('');\n\n  /**\n   * Native HTML `inputmode` attribute forwarded to the underlying `<input>`.\n   * Controls the virtual keyboard on mobile devices.\n   * @default null\n   */\n  readonly inputMode = input<MlvInputInputMode | null>(null);\n\n  /**\n   * Maximum number of characters the user may enter. Forwarded to the\n   * underlying `<input>` `maxlength` attribute. `null` removes the cap.\n   */\n  readonly maxLength = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * Minimum number of characters the user must enter for the form control\n   * to validate. Forwarded to the underlying `<input>` `minlength` attribute.\n   */\n  readonly minLength = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * Native HTML5 validation pattern (regular-expression source) forwarded\n   * to the underlying `<input>` `pattern` attribute.\n   */\n  readonly pattern = input<\n    string | null,\n    string | RegExp | readonly RegExp[] | null | undefined\n  >(null, {\n    // Signal forms' `pattern` rule binds `readonly RegExp[]`; the native\n    // attribute wants one regex source. Normalise: single source pass-through,\n    // multiple sources OR-combined.\n    transform: (value) => {\n      if (value == null) return null;\n      if (typeof value === 'string') return value;\n      if (value instanceof RegExp) return value.source;\n      if (value.length === 0) return null;\n      return value.length === 1\n        ? value[0].source\n        : value.map((r) => `(?:${r.source})`).join('|');\n    },\n  });\n\n  /**\n   * Native HTML `name` attribute. Required for non-Angular form submission;\n   * Reactive Forms / template-driven forms do not need this.\n   */\n  readonly name = input<string | null, string | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * When `true`, the underlying `<input>` is focused as soon as it mounts.\n   * Use sparingly — autofocus is generally an a11y anti-pattern outside of\n   * dialogs and confirmation flows.\n   */\n  readonly autofocus = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Numeric `min` attribute forwarded to the underlying `<input>`.\n   * Only meaningful when `type` is `'number'`.\n   */\n  readonly min = input<\n    number | string | null,\n    number | string | null | undefined\n  >(null, { transform: (value) => value ?? null });\n\n  /**\n   * Numeric `max` attribute forwarded to the underlying `<input>`.\n   * Only meaningful when `type` is `'number'`.\n   */\n  readonly max = input<\n    number | string | null,\n    number | string | null | undefined\n  >(null, { transform: (value) => value ?? null });\n\n  /**\n   * Numeric `step` attribute forwarded to the underlying `<input>`.\n   * Only meaningful when `type` is `'number'`. `null` falls back to the\n   * browser default of `1`.\n   */\n  readonly step = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * When `true`, renders only the bare `<input>` element with no\n   * `mlv-form-control-wrapper` chrome (no label, no message, no\n   * prefix/suffix slots). Used by composite controls (combobox,\n   * tokenizer, command-palette, color-picker) that own their own\n   * surrounding container.\n   */\n  readonly bare = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true`, `mlv-input` does not render its own internal `<input>` and\n   * instead adopts a consumer-projected `<input mlvInputNative>` as the control\n   * element. Opt in when an external attribute directive must sit directly on\n   * the native input — e.g. `@angular/aria`'s combobox trigger, which requires\n   * `[ngCombobox]` on the `<input>` itself. In this mode the projected input\n   * owns its own value/keyboard wiring; `mlv-input` provides the surrounding\n   * chrome, styling hook (`mlv-input__native`), and focus/select forwarding.\n   *\n   * Ignored unless a matching `<input mlvInputNative>` is projected.\n   */\n  readonly projectControl = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Optional explicit `role` attribute forwarded to the underlying\n   * `<input>`. Use for combobox-style consumers — leave `null` for\n   * a vanilla text field.\n   */\n  readonly role = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-expanded`. Use with `role=\"combobox\"` to\n   * communicate dropdown state.\n   */\n  readonly ariaExpanded = input<boolean | string | null>(null);\n\n  /**\n   * Forwarded to `aria-haspopup` (typically `'listbox'`).\n   */\n  readonly ariaHasPopup = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-autocomplete` (typically `'list'`). Use with\n   * `role=\"combobox\"` to describe the autocomplete behaviour of the field.\n   */\n  readonly ariaAutocomplete = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-controls` — the id of the listbox / popup the\n   * input drives.\n   */\n  readonly ariaControls = input<string | null>(null);\n\n  /**\n   * Forwarded to `aria-activedescendant` — the id of the currently\n   * highlighted option in the listbox.\n   */\n  readonly ariaActiveDescendant = input<string | null>(null);\n\n  /**\n   * Explicit `aria-describedby` for the underlying `<input>`, overriding the\n   * ids the control derives from its own `description` / `message`. Composite\n   * controls (`mlv-pin-input`, `mlv-tokenizer`, `mlv-combobox`) that render the\n   * description and message themselves point the inner input here.\n   */\n  readonly ariaDescribedBy = input<string | null>(null);\n\n  /**\n   * The input's text value — the signal-forms `FormValueControl` model.\n   * Two-way bindable (`[(value)]`), one-way bindable by composite controls\n   * (`[value]=\"searchQuery()\"`), and kept in sync with the bound field by\n   * `[formField]` / `[formControl]` / `ngModel`.\n   */\n  readonly value = model<string>('');\n\n  /**\n   * Emitted when the underlying native `<input>` gains focus. Re-emitted from\n   * the input's own `focus` handler so composite controls (e.g. `mlv-combobox`)\n   * can react to focus without relying on the non-bubbling native `focus`\n   * event reaching the `mlv-input` host. Carries the original `FocusEvent`.\n   */\n  readonly inputFocus = output<FocusEvent>();\n\n  /**\n   * Emitted when the underlying native `<input>` loses focus. Re-emitted from\n   * the input's own `blur` handler (fired after the touch output), so composite\n   * controls can run blur-driven logic (close dropdowns, revert text, mark\n   * touched) reliably. Carries the original `FocusEvent`.\n   */\n  readonly inputBlur = output<FocusEvent>();\n\n  /**\n   * @private Reference to the internally-rendered native `<input>` element so\n   * the component can imperatively focus / select its contents.\n   */\n  private readonly _nativeRef =\n    viewChild<ElementRef<HTMLInputElement>>('native');\n\n  /**\n   * @private Reference to a consumer-projected `<input mlvInputNative>` used\n   * when {@link projectControl} is enabled.\n   */\n  private readonly _projectedNative = contentChild(MlvInputNative);\n\n  /**\n   * @private Resolves the active native `<input>` — the projected one when\n   * projection is enabled and present, otherwise the internally-rendered input.\n   */\n  private _resolveNative(): HTMLInputElement | null {\n    if (this.projectControl()) {\n      return this._projectedNative()?.nativeElement ?? null;\n    }\n    return this._nativeRef()?.nativeElement ?? null;\n  }\n\n  /**\n   * Direct access to the underlying native `<input>`. Use sparingly —\n   * required only for selection-range / paste-distribution flows in\n   * composite controls. Resolves to the projected input when\n   * {@link projectControl} is enabled.\n   */\n  get nativeElement(): HTMLInputElement | null {\n    return this._resolveNative();\n  }\n\n  /**\n   * Focuses the underlying native input.\n   */\n  focus(): void {\n    this._resolveNative()?.focus();\n  }\n\n  /**\n   * Selects the current text inside the underlying native input.\n   */\n  select(): void {\n    this._resolveNative()?.select();\n  }\n\n  onInput(event: Event): void {\n    this.value.set((event.target as HTMLInputElement).value);\n  }\n\n  /**\n   * Handles the native `<input>` focus event: sets the focused state and\n   * re-emits {@link inputFocus} for composite-control consumers.\n   */\n  onFocus(event: FocusEvent): void {\n    this.setFocused(true);\n    this.inputFocus.emit(event);\n  }\n\n  onBlur(event: FocusEvent): void {\n    this.setFocused(false);\n    this._markTouched();\n    this.inputBlur.emit(event);\n  }\n\n  /** Whether the control holds a clearable value — Non-empty text present. */\n  readonly hasValue = computed(() => (this.value() ?? '').length > 0);\n\n  /** Clears the text value (wired to the wrapper's clear button). */\n  clearValue(): void {\n    this.value.set('');\n  }\n}\n","@if (bare()) { @if (projectControl()) {\n<!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n<ng-content select=\"input[mlvInputNative]\" />\n} @else {\n<!-- autofocus is an opt-in API forwarded to the native input (see best-practices.md);\n     it stays off unless the consumer explicitly sets it. -->\n<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<input\n  #native\n  class=\"mlv-input__native\"\n  [id]=\"id()\"\n  [type]=\"type()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"computedDisabled()\"\n  [readOnly]=\"readonly()\"\n  [value]=\"value() ?? ''\"\n  [attr.name]=\"name()\"\n  [attr.autocomplete]=\"autocomplete() || null\"\n  [attr.autofocus]=\"autofocus() ? '' : null\"\n  [attr.inputmode]=\"inputMode()\"\n  [attr.maxlength]=\"maxLength()\"\n  [attr.minlength]=\"minLength()\"\n  [attr.pattern]=\"pattern()\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  [attr.step]=\"step()\"\n  [attr.role]=\"role()\"\n  [attr.aria-expanded]=\"ariaExpanded()\"\n  [attr.aria-haspopup]=\"ariaHasPopup()\"\n  [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n  [attr.aria-controls]=\"ariaControls()\"\n  [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-required]=\"required() || null\"\n  [attr.aria-invalid]=\"resolvedState() === 'error'\"\n  [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onFocus($event)\"\n  (blur)=\"onBlur($event)\"\n/>\n<!-- eslint-enable @angular-eslint/template/no-autofocus -->\n} } @else {\n<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    @if (projectControl()) {\n    <!-- Consumer-projected native input (e.g. carrying @angular/aria's [ngCombobox]). -->\n    <ng-content select=\"input[mlvInputNative]\" />\n    } @else {\n    <!-- eslint-disable @angular-eslint/template/no-autofocus -->\n    <input\n      #native\n      class=\"mlv-input__native\"\n      [id]=\"id()\"\n      [type]=\"type()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"value() ?? ''\"\n      [attr.name]=\"name()\"\n      [attr.autocomplete]=\"autocomplete() || null\"\n      [attr.autofocus]=\"autofocus() ? '' : null\"\n      [attr.inputmode]=\"inputMode()\"\n      [attr.maxlength]=\"maxLength()\"\n      [attr.minlength]=\"minLength()\"\n      [attr.pattern]=\"pattern()\"\n      [attr.min]=\"min()\"\n      [attr.max]=\"max()\"\n      [attr.step]=\"step()\"\n      [attr.role]=\"role()\"\n      [attr.aria-expanded]=\"ariaExpanded()\"\n      [attr.aria-haspopup]=\"ariaHasPopup()\"\n      [attr.aria-autocomplete]=\"ariaAutocomplete()\"\n      [attr.aria-controls]=\"ariaControls()\"\n      [attr.aria-activedescendant]=\"ariaActiveDescendant()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error'\"\n      [attr.aria-describedby]=\"ariaDescribedBy() ?? _describedBy()\"\n      (input)=\"onInput($event)\"\n      (focus)=\"onFocus($event)\"\n      (blur)=\"onBlur($event)\"\n    />\n    <!-- eslint-enable @angular-eslint/template/no-autofocus -->\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n}\n"]}

package/esm2022/input/lib/input/password-strength.js

@@ -0,0 +1,46 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { MLV_INPUT_VALUE } from './input-value-accessor';
+import * as i0 from "@angular/core";
+/**
+ * Headless password-strength calculator for `mlv-input`.
+ *
+ * The directive evaluates consumer-provided rules against the input's current
+ * value and exposes reactive score metadata through `exportAs`. It renders no
+ * UI, allowing consumers to present bars, text, emoji, or another indicator.
+ */
+export class MlvPasswordStrength {
+    /**
+     * Synchronous rules evaluated against the current input value.
+     */
+    mlvPasswordStrength = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mlvPasswordStrength" }] : /* istanbul ignore next */ []));
+    /** @private Input value accessor provided by the host `mlv-input`. */
+    _input = inject(MLV_INPUT_VALUE);
+    /** Number of rules currently satisfied by the input value. */
+    score = computed(() => {
+        const value = this._input.value() ?? '';
+        return this.mlvPasswordStrength().reduce((total, rule) => total + (rule(value) ? 1 : 0), 0);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "score" }] : /* istanbul ignore next */ []));
+    /** Total number of configured rules. */
+    maxScore = computed(() => this.mlvPasswordStrength().length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxScore" }] : /* istanbul ignore next */ []));
+    /**
+     * Normalized score from `0` to `1`. Returns `0` when no rules are configured.
+     */
+    ratio = computed(() => {
+        const maximum = this.maxScore();
+        return maximum === 0 ? 0 : this.score() / maximum;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ratio" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPasswordStrength, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvPasswordStrength, isStandalone: true, selector: "mlv-input[mlvPasswordStrength]", inputs: { mlvPasswordStrength: { classPropertyName: "mlvPasswordStrength", publicName: "mlvPasswordStrength", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["mlvPasswordStrength"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPasswordStrength, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'mlv-input[mlvPasswordStrength]',
+                    exportAs: 'mlvPasswordStrength',
+                }]
+        }], propDecorators: { mlvPasswordStrength: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvPasswordStrength", required: false }] }] } });
+//# sourceMappingURL=password-strength.js.map

package/esm2022/input/lib/input/password-strength.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.js","sourceRoot":"","sources":["../../../../../../../libs/core/input/src/lib/input/password-strength.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;;AAWzD;;;;;;GAMG;AAKH,MAAM,OAAO,mBAAmB;IAC9B;;OAEG;IACM,mBAAmB,GAAG,KAAK,CAAqC,EAAE;4FAAC,CAAC;IAE7E,sEAAsE;IACrD,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IAElD,8DAA8D;IACrD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QACxC,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC,MAAM,CACtC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9C,CAAC,CACF,CAAC;IACJ,CAAC;8EAAC,CAAC;IAEH,wCAAwC;IAC/B,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,MAAM;iFAAC,CAAC;IAEtE;;OAEG;IACM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC;IACpD,CAAC;8EAAC,CAAC;uGA3BQ,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAJ/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,QAAQ,EAAE,qBAAqB;iBAChC","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { MLV_INPUT_VALUE } from './input-value-accessor';\n\n/**\n * A synchronous password-strength rule supplied by the consumer.\n *\n * Return `true` when the password satisfies the rule and `false` otherwise.\n */\nexport interface MlvPasswordStrengthRule {\n  (value: string): boolean;\n}\n\n/**\n * Headless password-strength calculator for `mlv-input`.\n *\n * The directive evaluates consumer-provided rules against the input's current\n * value and exposes reactive score metadata through `exportAs`. It renders no\n * UI, allowing consumers to present bars, text, emoji, or another indicator.\n */\n@Directive({\n  selector: 'mlv-input[mlvPasswordStrength]',\n  exportAs: 'mlvPasswordStrength',\n})\nexport class MlvPasswordStrength {\n  /**\n   * Synchronous rules evaluated against the current input value.\n   */\n  readonly mlvPasswordStrength = input<readonly MlvPasswordStrengthRule[]>([]);\n\n  /** @private Input value accessor provided by the host `mlv-input`. */\n  private readonly _input = inject(MLV_INPUT_VALUE);\n\n  /** Number of rules currently satisfied by the input value. */\n  readonly score = computed(() => {\n    const value = this._input.value() ?? '';\n    return this.mlvPasswordStrength().reduce(\n      (total, rule) => total + (rule(value) ? 1 : 0),\n      0,\n    );\n  });\n\n  /** Total number of configured rules. */\n  readonly maxScore = computed(() => this.mlvPasswordStrength().length);\n\n  /**\n   * Normalized score from `0` to `1`. Returns `0` when no rules are configured.\n   */\n  readonly ratio = computed(() => {\n    const maximum = this.maxScore();\n    return maximum === 0 ? 0 : this.score() / maximum;\n  });\n}\n"]}

package/esm2022/input/malva-ui-core-input.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-input.js.map

package/esm2022/input/malva-ui-core-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-input.js","sourceRoot":"","sources":["../../../../../libs/core/input/src/malva-ui-core-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/kbd/index.js

@@ -0,0 +1,2 @@
+export * from './lib/kbd/kbd';
+//# sourceMappingURL=index.js.map

package/esm2022/kbd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/kbd/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './lib/kbd/kbd';\n"]}