@qualcomm-ui/angular-core 1.0.2 → 1.0.4

package/esm2022/inline-notification/core-inline-notification-root.directive.js

@@ -1,71 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { DOCUMENT } from "@angular/common";
-import { computed, Directive, inject, Injector, input, output, } from "@angular/core";
-import { useId, useIsMounted, useOnDestroy, } from "@qualcomm-ui/angular-core/common";
-import { normalizeProps, useMachine, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import { createInlineNotificationApi, inlineNotificationMachine, } from "@qualcomm-ui/core/inline-notification";
-import { InlineNotificationContextService } from "./inline-notification-context.service";
-import * as i0 from "@angular/core";
-export class CoreInlineNotificationRootDirective {
-    /**
-     * The document's text/writing direction.
-     *
-     * @default "ltr"
-     */
-    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
-    /**
-     * A root node to correctly resolve the Document in custom environments. i.e.,
-     * Iframes, Electron.
-     */
-    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
-    /**
-     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
-     * omitted, a unique identifier will be generated for accessibility.
-     */
-    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
-    /**
-     * The WAI-ARIA {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles role} of the notification.
-     * @option `'alert'`: Use this role when the notification is an alert that requires the user's immediate attention, like for errors or urgent information.
-     * @option `'status'`: Use this role when the notification is a status message that doesn't require the user's immediate attention, like for success or informational messages.
-     *
-     * @default 'status'
-     */
-    role = input(...(ngDevMode ? [undefined, { debugName: "role" }] : []));
-    /**
-     * Function invoked when the notification is dismissed
-     */
-    dismissed = output();
-    inlineNotificationService = inject(InlineNotificationContextService);
-    trackBindings = useTrackBindings(() => {
-        return this.inlineNotificationService.context().getRootBindings({
-            id: this.hostId(),
-            onDestroy: this.onDestroy,
-        });
-    });
-    onDestroy = useOnDestroy();
-    injector = inject(Injector);
-    isMounted = useIsMounted();
-    document = inject(DOCUMENT);
-    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
-    ngOnInit() {
-        const machine = useMachine(inlineNotificationMachine, computed(() => ({
-            dir: this.dir(),
-            getRootNode: this.getRootNode() || (() => this.document),
-            onDismiss: () => {
-                if (this.isMounted()) {
-                    this.dismissed.emit();
-                }
-            },
-            role: this.role(),
-        })), this.injector);
-        this.inlineNotificationService.init(computed(() => createInlineNotificationApi(machine, normalizeProps)));
-        this.trackBindings();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreInlineNotificationRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreInlineNotificationRootDirective, isStandalone: true, inputs: { dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreInlineNotificationRootDirective, decorators: [{
-            type: Directive
-        }], propDecorators: { dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
-//# sourceMappingURL=core-inline-notification-root.directive.js.map

package/esm2022/inline-notification/core-inline-notification-root.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-inline-notification-root.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/core-inline-notification-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACxC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EAEL,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,2BAA2B,EAE3B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAA;AAI9C,OAAO,EAAC,gCAAgC,EAAC,MAAM,uCAAuC,CAAA;;AAGtF,MAAM,OAAO,mCAAmC;IAG9C;;;;OAIG;IACM,GAAG,GAAG,KAAK,CAAwB,SAAS,+CAAC,CAAA;IAEtD;;;OAGG;IACM,WAAW,GAAG,KAAK,iEAEzB,CAAA;IAEH;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAE7B;;;;;;OAMG;IACM,IAAI,GAAG,KAAK,0DAAsB,CAAA;IAE3C;;OAEG;IACM,SAAS,GAAG,MAAM,EAAQ,CAAA;IAEhB,yBAAyB,GAAG,MAAM,CACnD,gCAAgC,CACjC,CAAA;IAEkB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,yBAAyB,CAAC,OAAO,EAAE,CAAC,eAAe,CAAC;YAC9D,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEiB,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAE3B,SAAS,GAAG,YAAY,EAAE,CAAA;IAErC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAElB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAEhE,QAAQ;QACN,MAAM,OAAO,GAAG,UAAU,CACxB,yBAAyB,EACzB,QAAQ,CAAuC,GAAG,EAAE,CAAC,CAAC;YACpD,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;YACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;YACxD,SAAS,EAAE,GAAG,EAAE;gBACd,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;oBACrB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;gBACvB,CAAC;YACH,CAAC;YACD,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;SAClB,CAAC,CAAC,EACH,IAAI,CAAC,QAAQ,CACd,CAAA;QAED,IAAI,CAAC,yBAAyB,CAAC,IAAI,CACjC,QAAQ,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CACrE,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAhFU,mCAAmC;4FAAnC,mCAAmC;;4FAAnC,mCAAmC;kBAD/C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {DOCUMENT} from \"@angular/common\"\nimport {\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  output,\n} from \"@angular/core\"\n\nimport {\n  useId,\n  useIsMounted,\n  useOnDestroy,\n} from \"@qualcomm-ui/angular-core/common\"\nimport {\n  normalizeProps,\n  useMachine,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createInlineNotificationApi,\n  type InlineNotificationApiProps,\n  inlineNotificationMachine,\n} from \"@qualcomm-ui/core/inline-notification\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {InlineNotificationContextService} from \"./inline-notification-context.service\"\n\n@Directive()\nexport class CoreInlineNotificationRootDirective\n  implements SignalifyInput<InlineNotificationApiProps>, OnInit\n{\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>(undefined)\n\n  /**\n   * A root node to correctly resolve the Document in custom environments. i.e.,\n   * Iframes, Electron.\n   */\n  readonly getRootNode = input<\n    (() => ShadowRoot | Document | Node) | undefined\n  >()\n\n  /**\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\n   * omitted, a unique identifier will be generated for accessibility.\n   */\n  readonly id = input<string>()\n\n  /**\n   * The WAI-ARIA {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles role} of the notification.\n   * @option `'alert'`: Use this role when the notification is an alert that requires the user's immediate attention, like for errors or urgent information.\n   * @option `'status'`: Use this role when the notification is a status message that doesn't require the user's immediate attention, like for success or informational messages.\n   *\n   * @default 'status'\n   */\n  readonly role = input<\"alert\" | \"status\">()\n\n  /**\n   * Function invoked when the notification is dismissed\n   */\n  readonly dismissed = output<void>()\n\n  protected readonly inlineNotificationService = inject(\n    InlineNotificationContextService,\n  )\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.inlineNotificationService.context().getRootBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    })\n  })\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly injector = inject(Injector)\n\n  protected readonly isMounted = useIsMounted()\n\n  private document = inject(DOCUMENT)\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  ngOnInit() {\n    const machine = useMachine(\n      inlineNotificationMachine,\n      computed<Explicit<InlineNotificationApiProps>>(() => ({\n        dir: this.dir(),\n        getRootNode: this.getRootNode() || (() => this.document),\n        onDismiss: () => {\n          if (this.isMounted()) {\n            this.dismissed.emit()\n          }\n        },\n        role: this.role(),\n      })),\n      this.injector,\n    )\n\n    this.inlineNotificationService.init(\n      computed(() => createInlineNotificationApi(machine, normalizeProps)),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/inline-notification/index.js

@@ -1,8 +0,0 @@
-export * from "./core-inline-notification-action.directive";
-export * from "./core-inline-notification-close-trigger.directive";
-export * from "./core-inline-notification-description.directive";
-export * from "./core-inline-notification-icon.directive";
-export * from "./core-inline-notification-label.directive";
-export * from "./core-inline-notification-root.directive";
-export * from "./inline-notification-context.service";
-//# sourceMappingURL=index.js.map

package/esm2022/inline-notification/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/inline-notification/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAA;AAC3D,cAAc,oDAAoD,CAAA;AAClE,cAAc,kDAAkD,CAAA;AAChE,cAAc,2CAA2C,CAAA;AACzD,cAAc,4CAA4C,CAAA;AAC1D,cAAc,2CAA2C,CAAA;AACzD,cAAc,uCAAuC,CAAA","sourcesContent":["export * from \"./core-inline-notification-action.directive\"\nexport * from \"./core-inline-notification-close-trigger.directive\"\nexport * from \"./core-inline-notification-description.directive\"\nexport * from \"./core-inline-notification-icon.directive\"\nexport * from \"./core-inline-notification-label.directive\"\nexport * from \"./core-inline-notification-root.directive\"\nexport * from \"./inline-notification-context.service\"\n"]}

package/esm2022/inline-notification/inline-notification-context.service.js

@@ -1,14 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Injectable } from "@angular/core";
-import { BaseApiContextService, createApiContext, } from "@qualcomm-ui/angular-core/machine";
-import * as i0 from "@angular/core";
-export class InlineNotificationContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationContextService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationContextService, decorators: [{
-            type: Injectable
-        }] });
-export const [INLINE_NOTIFICATION_CONTEXT, useInlineNotificationContext, provideInlineNotificationContext,] = createApiContext("InlineNotificationContext", InlineNotificationContextService);
-//# sourceMappingURL=inline-notification-context.service.js.map

package/esm2022/inline-notification/inline-notification-context.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-notification-context.service.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;;AAI1C,MAAM,OAAO,gCAAiC,SAAQ,qBAA4C;wGAArF,gCAAgC;4GAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAD5C,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,2BAA2B,EAC3B,4BAA4B,EAC5B,gCAAgC,EACjC,GAAsC,gBAAgB,CACrD,2BAA2B,EAC3B,gCAAgC,CACjC,CAAA","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {InlineNotificationApi} from \"@qualcomm-ui/core/inline-notification\"\n\n@Injectable()\nexport class InlineNotificationContextService extends BaseApiContextService<InlineNotificationApi> {}\n\nexport const [\n  INLINE_NOTIFICATION_CONTEXT,\n  useInlineNotificationContext,\n  provideInlineNotificationContext,\n]: ApiContext<InlineNotificationApi> = createApiContext<InlineNotificationApi>(\n  \"InlineNotificationContext\",\n  InlineNotificationContextService,\n)\n"]}

package/esm2022/inline-notification/qualcomm-ui-angular-core-inline-notification.js

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

package/esm2022/inline-notification/qualcomm-ui-angular-core-inline-notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"qualcomm-ui-angular-core-inline-notification.js","sourceRoot":"","sources":["../../../src/inline-notification/qualcomm-ui-angular-core-inline-notification.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/input/abstract-input-form-control.directive.js

@@ -1,254 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { afterNextRender, booleanAttribute, computed, Directive, effect, inject, Injector, input, isDevMode, linkedSignal, runInInjectionContext, signal, } from "@angular/core";
-import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
-import { FormGroupDirective, FormSubmittedEvent, NgForm, PristineChangeEvent, Validators, } from "@angular/forms";
-import { useOnDestroy } from "@qualcomm-ui/angular-core/common";
-import { allEventsSignal } from "@qualcomm-ui/angular-core/forms";
-import { defined, isDefined } from "@qualcomm-ui/utils/guard";
-import { initInputFormControl } from "./input-form-control-provider";
-import * as i0 from "@angular/core";
-export class AbstractInputFormControlDirective {
-    /**
-     * The initial state of the input when rendered. Use when you don't
-     * need to control the checked state of the input. This property will be
-     * ignored if you opt into controlled state via form control bindings.
-     */
-    defaultValue = input(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : []));
-    /**
-     * Controls whether the input is disabled in template-driven forms. When true,
-     * prevents user interaction and applies visual styling to indicate the disabled
-     * state.
-     */
-    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Controls the visual error state of the input. When true, applies semantic error
-     * styling to indicate validation failure.
-     */
-    invalid = input(undefined, ...(ngDevMode ? [{ debugName: "invalid", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * The name of the input field. Useful for form submission.
-     */
-    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
-    /**
-     * Whether the input is read-only. When true, prevents user interaction while
-     * keeping the input focusable and visible.
-     */
-    readOnly = input(undefined, ...(ngDevMode ? [{ debugName: "readOnly", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Controls whether the input is required in template-driven forms. When
-     * true, the input must have a value for form validation to pass.
-     */
-    required = input(undefined, ...(ngDevMode ? [{ debugName: "required", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /* the internal "value" state of the input */
-    value = signal("", ...(ngDevMode ? [{ debugName: "value" }] : []));
-    onDestroy = useOnDestroy();
-    injector = inject(Injector);
-    formControlStatus = signal(undefined, ...(ngDevMode ? [{ debugName: "formControlStatus" }] : []));
-    formSubmitted = signal(false, ...(ngDevMode ? [{ debugName: "formSubmitted" }] : []));
-    formControlContext = initInputFormControl();
-    /**
-     * If the component is bound to an Angular AbstractControl, its state wins.
-     * If not, fall back to the host attribute.
-     */
-    isDisabled = linkedSignal(() => {
-        /**
-         * When the component is bound to any AbstractControl, status is guaranteed to
-         * be non-undefined.
-         */
-        const status = this.formControlStatus();
-        const disabled = this.disabled();
-        if (status !== undefined) {
-            return status === "DISABLED";
-        }
-        return !!disabled;
-    }, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-    isInvalid = computed(() => {
-        const formEventData = this.formControlContext.formEventData();
-        this.formSubmitted();
-        const isInvalidDefined = defined(this.invalid());
-        const invalidProp = this.invalid() || false;
-        if (!this.control) {
-            return invalidProp;
-        }
-        let invalid, touched, dirty;
-        if (this.formControlContext.isTemplateDrivenForm()) {
-            invalid = isInvalidDefined ? invalidProp : this.control.invalid;
-            touched = this.control.touched;
-            dirty = this.control.dirty;
-        }
-        else if (formEventData) {
-            invalid = formEventData.invalid;
-            touched = formEventData.touched;
-            dirty = formEventData.dirty;
-        }
-        else {
-            return invalidProp;
-        }
-        switch (this.control.updateOn) {
-            case "submit":
-                return invalid;
-            case "blur":
-                return invalid && touched;
-            default:
-                // "change"
-                return dirty && invalid;
-        }
-    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : []));
-    isRequired = linkedSignal(() => {
-        const control = this.control;
-        const required = this.required();
-        if (!control || !this.formControlContext.isReactiveForm()) {
-            return required;
-        }
-        if (typeof control.hasValidator === "function") {
-            return (control.hasValidator(Validators.required) ||
-                control.hasValidator(Validators.requiredTrue));
-        }
-        return false;
-    }, ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
-    constructor() {
-        if (this.formControlContext.ngControl) {
-            this.formControlContext.ngControl.valueAccessor = this;
-            this.value.set(this.formControlContext.ngControl.control?.value || "");
-        }
-        afterNextRender(() => {
-            if (isDefined(this.required()) &&
-                this.formControlContext.isReactiveForm() &&
-                isDevMode()) {
-                console.warn("The required attribute is not supported on reactive forms. Use Validators instead. https://angular.dev/guide/forms/form-validation#validating-input-in-reactive-forms");
-            }
-        });
-        effect(() => {
-            const required = this.required();
-            if (this.control && this.formControlContext.isTemplateDrivenForm()) {
-                if (required) {
-                    this.control.addValidators(Validators.required);
-                }
-                else if (this.control.hasValidator(Validators.required)) {
-                    this.control.removeValidators(Validators.required);
-                }
-            }
-        });
-    }
-    ngOnInit() {
-        // Ensure the form control receives the initial value
-        const defaultValue = this.defaultValue();
-        if (!this.control && defaultValue) {
-            this.value.set(defaultValue);
-        }
-        else if (this.control) {
-            const subscription = this.control.statusChanges.subscribe((status) => {
-                this.formControlStatus.set(status);
-            });
-            this.onDestroy(() => {
-                subscription.unsubscribe();
-            });
-            const parent = this.getParentForm();
-            runInInjectionContext(this.injector, () => {
-                if (this.control) {
-                    const formSignal = allEventsSignal(this.control);
-                    effect(() => {
-                        this.formControlContext.formEventData.set(formSignal());
-                    });
-                }
-                if (parent) {
-                    let prevPristine = this.control?.pristine || false;
-                    parent.form.events.pipe(takeUntilDestroyed()).subscribe((event) => {
-                        if (event instanceof PristineChangeEvent) {
-                            if (event.pristine && !prevPristine) {
-                                // if this event fires with pristine status and the control was
-                                // previously not pristine, this means that the form was reset. There
-                                // isn't another way to determine form resets programmatically,
-                                // unfortunately.
-                                this.formSubmitted.set(false);
-                            }
-                            prevPristine = event.pristine;
-                        }
-                        else if (event instanceof FormSubmittedEvent) {
-                            this.formSubmitted.set(true);
-                            this.control?.markAsDirty();
-                        }
-                    });
-                    parent.ngSubmit.pipe(takeUntilDestroyed()).subscribe(() => {
-                        if (this.formControlContext.isReactiveForm()) {
-                            // already accounted for in the above event subscription.
-                            return;
-                        }
-                        this.formSubmitted.set(true);
-                        this.control?.markAsDirty();
-                    });
-                }
-            });
-        }
-    }
-    /** Convenience access to the underlying AbstractControl (can be null). */
-    get control() {
-        return this.formControlContext.ngControl?.control ?? null;
-    }
-    /**
-     * Used to subscribe to form submit events.
-     */
-    getParentForm() {
-        if (!this.control) {
-            return null;
-        }
-        // Try to find NgForm first
-        try {
-            const ngForm = this.injector.get(NgForm, null);
-            if (ngForm) {
-                return ngForm;
-            }
-        }
-        catch { }
-        // Fall back to FormGroupDirective
-        try {
-            const formGroupDirective = this.injector.get(FormGroupDirective, null);
-            if (formGroupDirective) {
-                return formGroupDirective;
-            }
-        }
-        catch { }
-        return null;
-    }
-    /*
-     * Control value accessor methods
-     */
-    writeValue(value) {
-        this.value.set(value);
-    }
-    // placeholder
-    onChange = (_value) => { };
-    registerOnChange(fn) {
-        this.onChange = (_value) => {
-            fn(_value);
-            this.value.set(_value);
-        };
-    }
-    onTouched = () => { };
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /**
-     * NgModel never calls setDisabledState, but ReactiveForms does. Everything else
-     * (writeValue, registerOnChange, registerOnTouched) is identical between Reactive
-     * and Template forms.
-     */
-    setDisabledState(isDisabled) {
-        this.isDisabled.set(isDisabled);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AbstractInputFormControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: AbstractInputFormControlDirective, isStandalone: true, inputs: { defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AbstractInputFormControlDirective, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [], propDecorators: { defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
-//# sourceMappingURL=abstract-input-form-control.directive.js.map

package/esm2022/input/abstract-input-form-control.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-input-form-control.directive.js","sourceRoot":"","sources":["../../../src/input/abstract-input-form-control.directive.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  Directive,\n  effect,\n  inject,\n  Injector,\n  input,\n  isDevMode,\n  linkedSignal,\n  type OnInit,\n  runInInjectionContext,\n  signal,\n} from \"@angular/core\"\nimport {takeUntilDestroyed} from \"@angular/core/rxjs-interop\"\nimport {\n  type AbstractControl,\n  type ControlValueAccessor,\n  type FormControlStatus,\n  FormGroupDirective,\n  FormSubmittedEvent,\n  NgForm,\n  PristineChangeEvent,\n  Validators,\n} from \"@angular/forms\"\n\nimport {useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {allEventsSignal} from \"@qualcomm-ui/angular-core/forms\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport {defined, isDefined} from \"@qualcomm-ui/utils/guard\"\n\nimport {initInputFormControl} from \"./input-form-control-provider\"\n\n@Directive()\nexport abstract class AbstractInputFormControlDirective\n  implements ControlValueAccessor, OnInit\n{\n  /**\n   * The initial state of the input when rendered. Use when you don't\n   * need to control the checked state of the input. This property will be\n   * ignored if you opt into controlled state via form control bindings.\n   */\n  readonly defaultValue = input<string | undefined>(undefined)\n\n  /**\n   * Controls whether the input is disabled in template-driven forms. When true,\n   * prevents user interaction and applies visual styling to indicate the disabled\n   * state.\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Controls the visual error state of the input. When true, applies semantic error\n   * styling to indicate validation failure.\n   */\n  readonly invalid = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The name of the input field. Useful for form submission.\n   */\n  readonly name = input<string | undefined>()\n\n  /**\n   * Whether the input is read-only. When true, prevents user interaction while\n   * keeping the input focusable and visible.\n   */\n  readonly readOnly = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Controls whether the input is required in template-driven forms. When\n   * true, the input must have a value for form validation to pass.\n   */\n  readonly required = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /* the internal \"value\" state of the input */\n  protected readonly value = signal<string>(\"\")\n  protected readonly onDestroy = useOnDestroy()\n  protected readonly injector = inject(Injector)\n  protected readonly formControlStatus = signal<FormControlStatus | undefined>(\n    undefined,\n  )\n  protected readonly formSubmitted = signal(false)\n\n  readonly formControlContext = initInputFormControl()\n\n  /**\n   * If the component is bound to an Angular AbstractControl, its state wins.\n   * If not, fall back to the host attribute.\n   */\n  protected readonly isDisabled = linkedSignal(() => {\n    /**\n     * When the component is bound to any AbstractControl, status is guaranteed to\n     * be non-undefined.\n     */\n    const status = this.formControlStatus()\n    const disabled = this.disabled()\n    if (status !== undefined) {\n      return status === \"DISABLED\"\n    }\n\n    return !!disabled\n  })\n\n  readonly isInvalid = computed(() => {\n    const formEventData = this.formControlContext.formEventData()\n    this.formSubmitted()\n    const isInvalidDefined = defined(this.invalid())\n    const invalidProp = this.invalid() || false\n    if (!this.control) {\n      return invalidProp\n    }\n\n    let invalid, touched, dirty\n\n    if (this.formControlContext.isTemplateDrivenForm()) {\n      invalid = isInvalidDefined ? invalidProp : this.control.invalid\n      touched = this.control.touched\n      dirty = this.control.dirty\n    } else if (formEventData) {\n      invalid = formEventData.invalid\n      touched = formEventData.touched\n      dirty = formEventData.dirty\n    } else {\n      return invalidProp\n    }\n\n    switch (this.control.updateOn) {\n      case \"submit\":\n        return invalid\n      case \"blur\":\n        return invalid && touched\n      default:\n        // \"change\"\n        return dirty && invalid\n    }\n  })\n\n  readonly isRequired = linkedSignal(() => {\n    const control = this.control\n    const required = this.required()\n    if (!control || !this.formControlContext.isReactiveForm()) {\n      return required\n    }\n\n    if (typeof control.hasValidator === \"function\") {\n      return (\n        control.hasValidator(Validators.required) ||\n        control.hasValidator(Validators.requiredTrue)\n      )\n    }\n    return false\n  })\n\n  constructor() {\n    if (this.formControlContext.ngControl) {\n      this.formControlContext.ngControl.valueAccessor = this\n      this.value.set(this.formControlContext.ngControl.control?.value || \"\")\n    }\n\n    afterNextRender(() => {\n      if (\n        isDefined(this.required()) &&\n        this.formControlContext.isReactiveForm() &&\n        isDevMode()\n      ) {\n        console.warn(\n          \"The required attribute is not supported on reactive forms. Use Validators instead. https://angular.dev/guide/forms/form-validation#validating-input-in-reactive-forms\",\n        )\n      }\n    })\n\n    effect(() => {\n      const required = this.required()\n      if (this.control && this.formControlContext.isTemplateDrivenForm()) {\n        if (required) {\n          this.control.addValidators(Validators.required)\n        } else if (this.control.hasValidator(Validators.required)) {\n          this.control.removeValidators(Validators.required)\n        }\n      }\n    })\n  }\n\n  ngOnInit() {\n    // Ensure the form control receives the initial value\n    const defaultValue = this.defaultValue()\n    if (!this.control && defaultValue) {\n      this.value.set(defaultValue)\n    } else if (this.control) {\n      const subscription = this.control.statusChanges.subscribe((status) => {\n        this.formControlStatus.set(status)\n      })\n      this.onDestroy(() => {\n        subscription.unsubscribe()\n      })\n\n      const parent = this.getParentForm()\n\n      runInInjectionContext(this.injector, () => {\n        if (this.control) {\n          const formSignal = allEventsSignal<string | undefined>(this.control)\n          effect(() => {\n            this.formControlContext.formEventData.set(formSignal())\n          })\n        }\n\n        if (parent) {\n          let prevPristine = this.control?.pristine || false\n          parent.form.events.pipe(takeUntilDestroyed()).subscribe((event) => {\n            if (event instanceof PristineChangeEvent) {\n              if (event.pristine && !prevPristine) {\n                // if this event fires with pristine status and the control was\n                // previously not pristine, this means that the form was reset. There\n                // isn't another way to determine form resets programmatically,\n                // unfortunately.\n                this.formSubmitted.set(false)\n              }\n              prevPristine = event.pristine\n            } else if (event instanceof FormSubmittedEvent) {\n              this.formSubmitted.set(true)\n              this.control?.markAsDirty()\n            }\n          })\n          parent.ngSubmit.pipe(takeUntilDestroyed()).subscribe(() => {\n            if (this.formControlContext.isReactiveForm()) {\n              // already accounted for in the above event subscription.\n              return\n            }\n            this.formSubmitted.set(true)\n            this.control?.markAsDirty()\n          })\n        }\n      })\n    }\n  }\n\n  /** Convenience access to the underlying AbstractControl (can be null). */\n  get control(): AbstractControl | null {\n    return this.formControlContext.ngControl?.control ?? null\n  }\n\n  /**\n   * Used to subscribe to form submit events.\n   */\n  private getParentForm(): NgForm | FormGroupDirective | null {\n    if (!this.control) {\n      return null\n    }\n\n    // Try to find NgForm first\n    try {\n      const ngForm = this.injector.get(NgForm, null)\n      if (ngForm) {\n        return ngForm\n      }\n    } catch {}\n\n    // Fall back to FormGroupDirective\n    try {\n      const formGroupDirective = this.injector.get(FormGroupDirective, null)\n      if (formGroupDirective) {\n        return formGroupDirective\n      }\n    } catch {}\n\n    return null\n  }\n\n  /*\n   * Control value accessor methods\n   */\n  writeValue(value: any): void {\n    this.value.set(value)\n  }\n\n  // placeholder\n  protected onChange = (_value: any) => {}\n\n  registerOnChange(fn: (value: any) => void): void {\n    this.onChange = (_value) => {\n      fn(_value)\n      this.value.set(_value)\n    }\n  }\n\n  protected onTouched = () => {}\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn\n  }\n\n  /**\n   * NgModel never calls setDisabledState, but ReactiveForms does. Everything else\n   * (writeValue, registerOnChange, registerOnTouched) is identical between Reactive\n   * and Template forms.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled)\n  }\n}\n"]}