@qualcomm-ui/angular-core 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-checkbox-form-control.directive.js","sourceRoot":"","sources":["../../../src/checkbox/abstract-checkbox-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  output,\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  NgControl,\n  NgForm,\n  NgModel,\n  PristineChangeEvent,\n  Validators,\n} from \"@angular/forms\"\n\nimport {useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {\n  allEventsSignal,\n  type FormEventData,\n} from \"@qualcomm-ui/angular-core/forms\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\n@Directive()\nexport abstract class AbstractCheckboxFormControlDirective\n  implements ControlValueAccessor, OnInit\n{\n  /**\n   * The initial checked state of the checkbox when rendered. Use when you don't\n   * need to control the checked state of the checkbox. This property will be\n   * ignored if you opt into controlled state via form control bindings.\n   */\n  readonly defaultChecked = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\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   * The name of the input field in a checkbox. 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  /**\n   * Event emitted when the checkbox is checked or unchecked. This is only emitted\n   * on interaction. It doesn't emit in response to programmatic form control\n   * changes.\n   */\n  readonly checkedChanged = output<boolean>()\n\n  /* the internal \"checked\" state of the checkbox */\n  protected readonly checked = signal<boolean>(false)\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  protected readonly ngControl: NgControl | null = inject(NgControl, {\n    optional: true,\n    self: true,\n  })\n\n  protected readonly formEventData = signal<FormEventData<\n    boolean | undefined\n  > | null>(null)\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 invalid = computed(() => {\n    const formEventData = this.formEventData()\n    const submitted = this.formSubmitted()\n    if (!this.control) {\n      return false\n    }\n\n    let invalid, touched, dirty\n\n    if (this.isTemplateDrivenForm) {\n      invalid = 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 false\n    }\n\n    if (submitted) {\n      return invalid\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.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.ngControl) {\n      this.ngControl.valueAccessor = this\n    }\n\n    afterNextRender(() => {\n      const required = this.required()\n      if (required && this.isReactiveForm && isDevMode()) {\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.isTemplateDrivenForm) {\n        if (required) {\n          this.control.addValidators(Validators.requiredTrue)\n        } else if (this.control.hasValidator(Validators.requiredTrue)) {\n          this.control.removeValidators(Validators.requiredTrue)\n        }\n      }\n    })\n  }\n\n  ngOnInit() {\n    // Ensure the form control receives the initial value\n    if (!this.control && this.defaultChecked()) {\n      this.checked.set(true)\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<boolean | undefined>(this.control)\n          effect(() => {\n            this.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.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  /** `true` when used with template-driven forms (`[(ngModel)]`, `ngModel`, …). */\n  get isTemplateDrivenForm(): boolean {\n    return this.ngControl instanceof NgModel\n  }\n\n  /** `true` when used with reactive-forms (`formControl`, `formControlName`, …). */\n  get isReactiveForm(): boolean {\n    // Any NgControl that is *not* NgModel belongs to the reactive-forms package\n    return !!this.ngControl && !this.isTemplateDrivenForm\n  }\n\n  /** Convenience access to the underlying AbstractControl (can be null). */\n  protected get control(): AbstractControl | null {\n    return this.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.checked.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.checked.set(_value)\n      this.checkedChanged.emit(_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"]}

package/esm2022/checkbox/checkbox-context.service.js

@@ -0,0 +1,14 @@
+// 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 CheckboxContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CheckboxContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CheckboxContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CheckboxContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [CHECKBOX_CONTEXT, useCheckboxContext, provideCheckboxContext,] = createApiContext("CheckboxContext", CheckboxContextService);
+//# sourceMappingURL=checkbox-context.service.js.map

package/esm2022/checkbox/checkbox-context.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-context.service.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox-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,sBAAuB,SAAQ,qBAAkC;wGAAjE,sBAAsB;4GAAtB,sBAAsB;;4FAAtB,sBAAsB;kBADlC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACvB,GAA4B,gBAAgB,CAC3C,iBAAiB,EACjB,sBAAsB,CACvB,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 {CheckboxApi} from \"@qualcomm-ui/core/checkbox\"\n\n@Injectable()\nexport class CheckboxContextService extends BaseApiContextService<CheckboxApi> {}\n\nexport const [\n  CHECKBOX_CONTEXT,\n  useCheckboxContext,\n  provideCheckboxContext,\n]: ApiContext<CheckboxApi> = createApiContext<CheckboxApi>(\n  \"CheckboxContext\",\n  CheckboxContextService,\n)\n"]}

package/esm2022/checkbox/core-checkbox-control.directive.js

@@ -0,0 +1,30 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useCheckboxContext } from "./checkbox-context.service";
+import * as i0 from "@angular/core";
+export class CoreCheckboxControlDirective {
+    /**
+     * {@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" }] : []));
+    checkboxContext = useCheckboxContext();
+    trackBindings = useTrackBindings(() => this.checkboxContext().getControlBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCheckboxControlDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxControlDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-checkbox-control.directive.js.map

package/esm2022/checkbox/core-checkbox-control.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-checkbox-control.directive.js","sourceRoot":"","sources":["../../../src/checkbox/core-checkbox-control.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,4BAA4B;IACvC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,kBAAkB,CAAC;QACxC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAEgB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,4BAA4B;4FAA5B,4BAA4B;;4FAA5B,4BAA4B;kBADxC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useCheckboxContext} from \"./checkbox-context.service\"\n\n@Directive()\nexport class CoreCheckboxControlDirective implements OnInit {\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  protected readonly checkboxContext = useCheckboxContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.checkboxContext().getControlBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly onDestroy = useOnDestroy()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/checkbox/core-checkbox-error-text.directive.js

@@ -0,0 +1,30 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useCheckboxContext } from "./checkbox-context.service";
+import * as i0 from "@angular/core";
+export class CoreCheckboxErrorTextDirective {
+    /**
+     * {@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" }] : []));
+    checkboxContext = useCheckboxContext();
+    trackBindings = useTrackBindings(() => this.checkboxContext().getErrorTextBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCheckboxErrorTextDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxErrorTextDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-checkbox-error-text.directive.js.map

package/esm2022/checkbox/core-checkbox-error-text.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-checkbox-error-text.directive.js","sourceRoot":"","sources":["../../../src/checkbox/core-checkbox-error-text.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,8BAA8B;IACzC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,oBAAoB,CAAC;QAC1C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAEgB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,8BAA8B;4FAA9B,8BAA8B;;4FAA9B,8BAA8B;kBAD1C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useCheckboxContext} from \"./checkbox-context.service\"\n\n@Directive()\nexport class CoreCheckboxErrorTextDirective implements OnInit {\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  protected readonly checkboxContext = useCheckboxContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.checkboxContext().getErrorTextBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly onDestroy = useOnDestroy()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/checkbox/core-checkbox-hidden-input.directive.js

@@ -0,0 +1,30 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useCheckboxContext } from "./checkbox-context.service";
+import * as i0 from "@angular/core";
+export class CoreCheckboxHiddenInputDirective {
+    /**
+     * {@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" }] : []));
+    checkboxContext = useCheckboxContext();
+    trackBindings = useTrackBindings(() => this.checkboxContext().getHiddenInputBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCheckboxHiddenInputDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxHiddenInputDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-checkbox-hidden-input.directive.js.map

package/esm2022/checkbox/core-checkbox-hidden-input.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-checkbox-hidden-input.directive.js","sourceRoot":"","sources":["../../../src/checkbox/core-checkbox-hidden-input.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,gCAAgC;IAC3C;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,sBAAsB,CAAC;QAC5C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAEgB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAD5C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useCheckboxContext} from \"./checkbox-context.service\"\n\n@Directive()\nexport class CoreCheckboxHiddenInputDirective implements OnInit {\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  protected readonly checkboxContext = useCheckboxContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.checkboxContext().getHiddenInputBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly onDestroy = useOnDestroy()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/checkbox/core-checkbox-indicator.directive.js

@@ -0,0 +1,19 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useCheckboxContext } from "./checkbox-context.service";
+import * as i0 from "@angular/core";
+export class CoreCheckboxIndicatorDirective {
+    checkboxContext = useCheckboxContext();
+    trackBindings = useTrackBindings(() => this.checkboxContext().getIndicatorBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreCheckboxIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-checkbox-indicator.directive.js.map

package/esm2022/checkbox/core-checkbox-indicator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-checkbox-indicator.directive.js","sourceRoot":"","sources":["../../../src/checkbox/core-checkbox-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAc,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,8BAA8B;IACtB,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,oBAAoB,EAAE,CAC9C,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,8BAA8B;4FAA9B,8BAA8B;;4FAA9B,8BAA8B;kBAD1C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useCheckboxContext} from \"./checkbox-context.service\"\n\n@Directive()\nexport class CoreCheckboxIndicatorDirective implements OnInit {\n  protected readonly checkboxContext = useCheckboxContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.checkboxContext().getIndicatorBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/checkbox/core-checkbox-label.directive.js

@@ -0,0 +1,30 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useCheckboxContext } from "./checkbox-context.service";
+import * as i0 from "@angular/core";
+export class CoreCheckboxLabelDirective {
+    /**
+     * {@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" }] : []));
+    checkboxContext = useCheckboxContext();
+    trackBindings = useTrackBindings(() => this.checkboxContext().getLabelBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCheckboxLabelDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxLabelDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-checkbox-label.directive.js.map

package/esm2022/checkbox/core-checkbox-label.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-checkbox-label.directive.js","sourceRoot":"","sources":["../../../src/checkbox/core-checkbox-label.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;;AAG7D,MAAM,OAAO,0BAA0B;IACrC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAEtC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,eAAe,EAAE,CAAC,gBAAgB,CAAC;QACtC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC,CACH,CAAA;IAEgB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE3C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBADtC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useCheckboxContext} from \"./checkbox-context.service\"\n\n@Directive()\nexport class CoreCheckboxLabelDirective implements OnInit {\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  protected readonly checkboxContext = useCheckboxContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.checkboxContext().getLabelBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    }),\n  )\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  private readonly onDestroy = useOnDestroy()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/checkbox/core-checkbox-root.directive.js

@@ -0,0 +1,88 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DOCUMENT } from "@angular/common";
+import { booleanAttribute, computed, Directive, inject, input, } from "@angular/core";
+import {} from "@angular/forms";
+import { useId } from "@qualcomm-ui/angular-core/common";
+import { normalizeProps, useMachine, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import { checkboxMachine, createCheckboxApi, } from "@qualcomm-ui/core/checkbox";
+import { AbstractCheckboxFormControlDirective } from "./abstract-checkbox-form-control.directive";
+import { CheckboxContextService } from "./checkbox-context.service";
+import * as i0 from "@angular/core";
+export class CoreCheckboxRootDirective extends AbstractCheckboxFormControlDirective {
+    /**
+     * 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" }] : []));
+    /**
+     * If true and the checkbox is not checked, the checkbox will be in the
+     * `indeterminate` state.
+     */
+    indeterminate = input(undefined, ...(ngDevMode ? [{ debugName: "indeterminate", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.)
+     */
+    id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    /**
+     * The value of checkbox input. Useful for form submission.
+     * @default "on"
+     */
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    checkboxContextService = inject(CheckboxContextService);
+    document = inject(DOCUMENT);
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    trackBindings = useTrackBindings(() => this.checkboxContextService.context().getRootBindings({ id: this.hostId() }));
+    ngOnInit() {
+        super.ngOnInit();
+        const machine = useMachine(checkboxMachine, computed(() => ({
+            checked: this.checked(),
+            defaultChecked: this.defaultChecked(),
+            dir: this.dir(),
+            disabled: this.isDisabled(),
+            // angular handles this automatically with ngModel and Reactive Forms
+            form: undefined,
+            getRootNode: this.getRootNode() || (() => this.document),
+            ids: undefined,
+            indeterminate: this.indeterminate(),
+            invalid: this.invalid(),
+            name: this.name(),
+            onCheckedChange: (checked) => {
+                this.onChange(checked);
+                if (!this.control) {
+                    this.checkedChanged.emit(checked);
+                    this.checked.set(checked);
+                }
+                if (this.control && !this.control?.touched) {
+                    this.onTouched();
+                }
+            },
+            onFocusChange: (focused) => {
+                if (!focused) {
+                    // only trigger onTouched on blur.
+                    this.onTouched();
+                }
+            },
+            readOnly: this.readOnly(),
+            required: this.isRequired(),
+            value: this.value(),
+        })), this.injector);
+        this.checkboxContextService.init(computed(() => createCheckboxApi(machine, normalizeProps)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCheckboxRootDirective, 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 }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCheckboxRootDirective, 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 }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+//# sourceMappingURL=core-checkbox-root.directive.js.map

package/esm2022/checkbox/core-checkbox-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-checkbox-root.directive.js","sourceRoot":"","sources":["../../../src/checkbox/core-checkbox-root.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 {DOCUMENT} from \"@angular/common\"\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\nimport {type ControlValueAccessor} from \"@angular/forms\"\n\nimport {useId} 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  type CheckboxApiProps,\n  checkboxMachine,\n  createCheckboxApi,\n} from \"@qualcomm-ui/core/checkbox\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {AbstractCheckboxFormControlDirective} from \"./abstract-checkbox-form-control.directive\"\nimport {CheckboxContextService} from \"./checkbox-context.service\"\n\n@Directive()\nexport class CoreCheckboxRootDirective\n  extends AbstractCheckboxFormControlDirective\n  implements\n    SignalifyInput<Omit<CheckboxApiProps, \"checked\" | \"form\" | \"ids\">>,\n    ControlValueAccessor,\n    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   * If true and the checkbox is not checked, the checkbox will be in the\n   * `indeterminate` state.\n   */\n  readonly indeterminate = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\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 | undefined>(undefined)\n\n  /**\n   * The value of checkbox input. Useful for form submission.\n   * @default \"on\"\n   */\n  readonly value = input<string | undefined>()\n\n  protected readonly checkboxContextService = inject(CheckboxContextService)\n  protected document = inject(DOCUMENT)\n\n  protected readonly hostId = computed(() => useId(this, this.id()))\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.checkboxContextService.context().getRootBindings({id: this.hostId()}),\n  )\n\n  override ngOnInit() {\n    super.ngOnInit()\n\n    const machine = useMachine(\n      checkboxMachine,\n      computed<Explicit<CheckboxApiProps>>(() => ({\n        checked: this.checked(),\n        defaultChecked: this.defaultChecked(),\n        dir: this.dir(),\n        disabled: this.isDisabled(),\n        // angular handles this automatically with ngModel and Reactive Forms\n        form: undefined,\n        getRootNode: this.getRootNode() || (() => this.document),\n        ids: undefined,\n        indeterminate: this.indeterminate(),\n        invalid: this.invalid(),\n        name: this.name(),\n        onCheckedChange: (checked) => {\n          this.onChange(checked)\n          if (!this.control) {\n            this.checkedChanged.emit(checked)\n            this.checked.set(checked)\n          }\n          if (this.control && !this.control?.touched) {\n            this.onTouched()\n          }\n        },\n        onFocusChange: (focused) => {\n          if (!focused) {\n            // only trigger onTouched on blur.\n            this.onTouched()\n          }\n        },\n        readOnly: this.readOnly(),\n        required: this.isRequired(),\n        value: this.value(),\n      })),\n      this.injector,\n    )\n\n    this.checkboxContextService.init(\n      computed(() => createCheckboxApi(machine, normalizeProps)),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/checkbox/index.js

@@ -0,0 +1,10 @@
+export * from "./abstract-checkbox-form-control.directive";
+export * from "./checkbox-context.service";
+export * from "./core-checkbox-control.directive";
+export * from "./core-checkbox-error-text.directive";
+export * from "./core-checkbox-hidden-input.directive";
+export * from "./core-checkbox-indicator.directive";
+export * from "./core-checkbox-label.directive";
+export * from "./core-checkbox-root.directive";
+export * from "./use-checkbox-group";
+//# sourceMappingURL=index.js.map

package/esm2022/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAA;AAC1D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mCAAmC,CAAA;AACjD,cAAc,sCAAsC,CAAA;AACpD,cAAc,wCAAwC,CAAA;AACtD,cAAc,qCAAqC,CAAA;AACnD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,sBAAsB,CAAA","sourcesContent":["export * from \"./abstract-checkbox-form-control.directive\"\nexport * from \"./checkbox-context.service\"\nexport * from \"./core-checkbox-control.directive\"\nexport * from \"./core-checkbox-error-text.directive\"\nexport * from \"./core-checkbox-hidden-input.directive\"\nexport * from \"./core-checkbox-indicator.directive\"\nexport * from \"./core-checkbox-label.directive\"\nexport * from \"./core-checkbox-root.directive\"\nexport * from \"./use-checkbox-group\"\n"]}

package/esm2022/checkbox/qualcomm-ui-angular-core-checkbox.js

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

package/esm2022/checkbox/qualcomm-ui-angular-core-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-core-checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/qualcomm-ui-angular-core-checkbox.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/checkbox/use-checkbox-group.js

@@ -0,0 +1,62 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed } from "@angular/core";
+import { useControlledState } from "@qualcomm-ui/angular-core/state";
+export function useCheckboxGroup(props = {}) {
+    const { defaultValue, disabled, onValueChange, readOnly, value: controlledValue, } = props;
+    const state = useControlledState({
+        defaultValue: computed(() => access(defaultValue) || []),
+        onChange: (value) => onValueChange?.(value || []),
+        value: controlledValue,
+    });
+    const { setValue, value: getValue } = state();
+    const value = computed(() => getValue() || [], ...(ngDevMode ? [{ debugName: "value" }] : []));
+    const interactive = !disabled && !readOnly;
+    const getIsChecked = (val) => {
+        return computed(() => value().some((v) => String(v) === String(val)));
+    };
+    const isChecked = (val) => getIsChecked(val)();
+    const toggleValue = (val) => {
+        if (!interactive) {
+            return;
+        }
+        if (isChecked(val)) {
+            removeValue(val);
+        }
+        else {
+            addValue(val);
+        }
+    };
+    const addValue = (val) => {
+        if (!interactive) {
+            return;
+        }
+        if (isChecked(val)) {
+            return;
+        }
+        setValue(value().concat(val));
+    };
+    const removeValue = (val) => {
+        if (!interactive) {
+            return;
+        }
+        setValue(value().filter((v) => String(v) !== String(val)));
+    };
+    return {
+        isChecked,
+        removeValue,
+        setValue,
+        toggleValue,
+        value,
+    };
+}
+function access(value) {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (typeof value === "function") {
+        return value();
+    }
+    return value;
+}
+//# sourceMappingURL=use-checkbox-group.js.map

package/esm2022/checkbox/use-checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-group.js","sourceRoot":"","sources":["../../../src/checkbox/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAc,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAA;AAqClE,MAAM,UAAU,gBAAgB,CAC9B,QAA+B,EAAE;IAEjC,MAAM,EACJ,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,KAAK,EAAE,eAAe,GACvB,GAAG,KAAK,CAAA;IAET,MAAM,KAAK,GAAG,kBAAkB,CAAC;QAC/B,YAAY,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC;QACjD,KAAK,EAAE,eAAe;KACvB,CAAC,CAAA;IAEF,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC,GAAG,KAAK,EAAE,CAAA;IAE3C,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,iDAAC,CAAA;IAE9C,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAA;IAE1C,MAAM,YAAY,GAAG,CAAC,GAAuB,EAAE,EAAE;QAC/C,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IACvE,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,GAAuB,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAA;IAElE,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QACD,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,WAAW,CAAC,GAAG,CAAC,CAAA;QAClB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,GAAG,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QACD,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,OAAM;QACR,CAAC;QACD,QAAQ,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QACD,QAAQ,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,OAAO;QACL,SAAS;QACT,WAAW;QACX,QAAQ;QACR,WAAW;QACX,KAAK;KACN,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAI,KAAgC;IACjD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;QAChC,OAAQ,KAA8B,EAAE,CAAA;IAC1C,CAAC;IACD,OAAO,KAAU,CAAA;AACnB,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, type Signal} from \"@angular/core\"\n\nimport {useControlledState} from \"@qualcomm-ui/angular-core/state\"\n\nexport interface UseCheckboxGroupProps {\n  /**\n   * The initial value of `value` when uncontrolled\n   */\n  defaultValue?: Signal<string[] | undefined> | string[] | undefined\n\n  /**\n   * If `true`, the checkbox group is disabled\n   */\n  disabled?: boolean | undefined\n\n  /**\n   * The callback to call when the value changes\n   */\n  onValueChange?: ((value: string[]) => void) | undefined\n\n  /**\n   * If `true`, the checkbox group is read-only\n   */\n  readOnly?: boolean | undefined\n\n  /**\n   * The controlled value of the checkbox group\n   */\n  value?: Signal<string[] | undefined>\n}\n\nexport interface CheckboxGroupState {\n  isChecked: (val: string | undefined) => boolean\n  removeValue: (val: string) => void\n  setValue: (value: string[]) => void\n  toggleValue: (val: string) => void\n  value: Signal<string[]>\n}\n\nexport function useCheckboxGroup(\n  props: UseCheckboxGroupProps = {},\n): CheckboxGroupState {\n  const {\n    defaultValue,\n    disabled,\n    onValueChange,\n    readOnly,\n    value: controlledValue,\n  } = props\n\n  const state = useControlledState({\n    defaultValue: computed(() => access(defaultValue) || []),\n    onChange: (value) => onValueChange?.(value || []),\n    value: controlledValue,\n  })\n\n  const {setValue, value: getValue} = state()\n\n  const value = computed(() => getValue() || [])\n\n  const interactive = !disabled && !readOnly\n\n  const getIsChecked = (val: string | undefined) => {\n    return computed(() => value().some((v) => String(v) === String(val)))\n  }\n\n  const isChecked = (val: string | undefined) => getIsChecked(val)()\n\n  const toggleValue = (val: string) => {\n    if (!interactive) {\n      return\n    }\n    if (isChecked(val)) {\n      removeValue(val)\n    } else {\n      addValue(val)\n    }\n  }\n\n  const addValue = (val: string) => {\n    if (!interactive) {\n      return\n    }\n    if (isChecked(val)) {\n      return\n    }\n    setValue(value().concat(val))\n  }\n\n  const removeValue = (val: string) => {\n    if (!interactive) {\n      return\n    }\n    setValue(value().filter((v) => String(v) !== String(val)))\n  }\n\n  return {\n    isChecked,\n    removeValue,\n    setValue,\n    toggleValue,\n    value,\n  }\n}\n\nfunction access<T>(value: Signal<T> | T | undefined): T | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n  if (typeof value === \"function\") {\n    return (value as unknown as Signal<T>)()\n  }\n  return value as T\n}\n"]}

package/esm2022/collapsible/collapsible-context.service.js

@@ -0,0 +1,14 @@
+// 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 CollapsibleContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CollapsibleContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CollapsibleContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CollapsibleContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [COLLAPSIBLE_CONTEXT, useCollapsibleContext, provideCollapsibleContext,] = createApiContext("CollapsibleContext", CollapsibleContextService);
+//# sourceMappingURL=collapsible-context.service.js.map

package/esm2022/collapsible/collapsible-context.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-context.service.js","sourceRoot":"","sources":["../../../src/collapsible/collapsible-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,yBAA0B,SAAQ,qBAAqC;wGAAvE,yBAAyB;4GAAzB,yBAAyB;;4FAAzB,yBAAyB;kBADrC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EAC1B,GAA+B,gBAAgB,CAC9C,oBAAoB,EACpB,yBAAyB,CAC1B,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 {CollapsibleApi} from \"@qualcomm-ui/core/collapsible\"\n\n@Injectable()\nexport class CollapsibleContextService extends BaseApiContextService<CollapsibleApi> {}\n\nexport const [\n  COLLAPSIBLE_CONTEXT,\n  useCollapsibleContext,\n  provideCollapsibleContext,\n]: ApiContext<CollapsibleApi> = createApiContext<CollapsibleApi>(\n  \"CollapsibleContext\",\n  CollapsibleContextService,\n)\n"]}

package/esm2022/collapsible/core-collapsible-content.directive.js

@@ -0,0 +1,32 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, input } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useCollapsibleContext } from "./collapsible-context.service";
+import * as i0 from "@angular/core";
+export class CoreCollapsibleContentDirective {
+    /**
+     * {@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" }] : []));
+    collapsibleContext = useCollapsibleContext();
+    trackBindings = useTrackBindings(() => {
+        return this.collapsibleContext().getContentBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCollapsibleContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCollapsibleContentDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCollapsibleContentDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-collapsible-content.directive.js.map

package/esm2022/collapsible/core-collapsible-content.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-collapsible-content.directive.js","sourceRoot":"","sources":["../../../src/collapsible/core-collapsible-content.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAErE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAA;;AAGnE,MAAM,OAAO,+BAA+B;IAC1C;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,kBAAkB,GAAG,qBAAqB,EAAE,CAAA;IAE5C,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,kBAAkB,CAAC;YAClD,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEiB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAE/C,SAAS,GAAG,YAAY,EAAE,CAAA;IAE7C,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAD3C,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useCollapsibleContext} from \"./collapsible-context.service\"\n\n@Directive()\nexport class CoreCollapsibleContentDirective implements OnInit {\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  protected readonly collapsibleContext = useCollapsibleContext()\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.collapsibleContext().getContentBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    })\n  })\n\n  protected readonly hostId = computed(() => useId(this, this.id()))\n\n  protected readonly onDestroy = useOnDestroy()\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/collapsible/core-collapsible-root.directive.js

@@ -0,0 +1,71 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DOCUMENT } from "@angular/common";
+import { booleanAttribute, computed, Directive, inject, Injector, input, output, } from "@angular/core";
+import { normalizeProps, useMachine, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import { collapsibleMachine, createCollapsibleApi, } from "@qualcomm-ui/core/collapsible";
+import { CollapsibleContextService } from "./collapsible-context.service";
+import * as i0 from "@angular/core";
+export class CoreCollapsibleRootDirective {
+    /**
+     * The initial open state of the collapsible when rendered.
+     * Use when you don't need to control the open state of the collapsible.
+     */
+    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(undefined, ...(ngDevMode ? [{ debugName: "dir" }] : []));
+    /**
+     * Whether the collapsible is disabled.
+     */
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
+    /**
+     * A root node to correctly resolve the Document in custom environments. i.e.,
+     * Iframes, Electron.
+     */
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    /**
+     * The controlled open state of the collapsible
+     */
+    open = input(...(ngDevMode ? [undefined, { debugName: "open" }] : []));
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitCompleted = output();
+    /**
+     * Function called when {@link open} changes.
+     */
+    openChanged = output();
+    collapsibleService = inject(CollapsibleContextService);
+    injector = inject(Injector);
+    document = inject(DOCUMENT);
+    trackBindings = useTrackBindings(() => {
+        return this.collapsibleService.context().getRootBindings();
+    });
+    ngOnInit() {
+        const machine = useMachine(collapsibleMachine, computed(() => ({
+            defaultOpen: this.defaultOpen(),
+            dir: this.dir(),
+            disabled: this.disabled(),
+            forceMeasureOnOpen: true,
+            getRootNode: this.getRootNode() || (() => this.document),
+            onExitComplete: () => this.exitCompleted.emit(),
+            onOpenChange: (open) => this.openChanged.emit(open),
+            open: this.open(),
+        })), this.injector);
+        const collapsibleApi = computed(() => createCollapsibleApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "collapsibleApi" }] : []));
+        this.collapsibleService.init(collapsibleApi);
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCollapsibleRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: CoreCollapsibleRootDirective, isStandalone: true, inputs: { defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exitCompleted: "exitCompleted", openChanged: "openChanged" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreCollapsibleRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], exitCompleted: [{ type: i0.Output, args: ["exitCompleted"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }] } });
+//# sourceMappingURL=core-collapsible-root.directive.js.map

package/esm2022/collapsible/core-collapsible-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-collapsible-root.directive.js","sourceRoot":"","sources":["../../../src/collapsible/core-collapsible-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACxC,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EAEL,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAEL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,+BAA+B,CAAA;AAKtC,OAAO,EAAC,yBAAyB,EAAC,MAAM,+BAA+B,CAAA;;AAGvE,MAAM,OAAO,4BAA4B;IAGvC;;;OAGG;IACM,WAAW,GAAG,KAAK,CAAkC,SAAS,+CACrE,SAAS,EAAE,gBAAgB,OAD4C;YACvE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;OAIG;IACM,GAAG,GAAG,KAAK,CAAwB,SAAS,+CAAC,CAAA;IAEtD;;OAEG;IACM,QAAQ,GAAG,KAAK,8DAAuB,CAAA;IAEhD;;;OAGG;IACM,WAAW,GAAG,KAAK,iEAEzB,CAAA;IAEH;;OAEG;IACM,IAAI,GAAG,KAAK,0DAAuB,CAAA;IAE5C;;OAEG;IACM,aAAa,GAAG,MAAM,EAAQ,CAAA;IAEvC;;OAEG;IACM,WAAW,GAAG,MAAM,EAAW,CAAA;IAE/B,kBAAkB,GAAG,MAAM,CAAC,yBAAyB,CAAC,CAAA;IAE9C,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAC3B,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEzB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,MAAM,OAAO,GAAG,UAAU,CACxB,kBAAkB,EAClB,QAAQ,CAAgC,GAAG,EAAE,CAAC,CAAC;YAC7C,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;YAC/B,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,kBAAkB,EAAE,IAAI;YACxB,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;YACxD,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;YAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;YACnD,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;SAClB,CAAC,CAAC,EACH,IAAI,CAAC,QAAQ,CACd,CAAA;QAED,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CACnC,oBAAoB,CAAC,OAAO,EAAE,cAAc,CAAC,0DAC9C,CAAA;QAED,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAE5C,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA9EU,4BAA4B;4FAA5B,4BAA4B;;4FAA5B,4BAA4B;kBADxC,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  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  type OnInit,\n  output,\n} from \"@angular/core\"\n\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  type CollapsibleApiProps,\n  collapsibleMachine,\n  createCollapsibleApi,\n} from \"@qualcomm-ui/core/collapsible\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Direction} from \"@qualcomm-ui/utils/direction\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {CollapsibleContextService} from \"./collapsible-context.service\"\n\n@Directive()\nexport class CoreCollapsibleRootDirective\n  implements OnInit, SignalifyInput<CollapsibleApiProps>\n{\n  /**\n   * The initial open state of the collapsible when rendered.\n   * Use when you don't need to control the open state of the collapsible.\n   */\n  readonly defaultOpen = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The document's text/writing direction.\n   *\n   * @default \"ltr\"\n   */\n  readonly dir = input<Direction | undefined>(undefined)\n\n  /**\n   * Whether the collapsible is disabled.\n   */\n  readonly disabled = input<boolean | 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   * The controlled open state of the collapsible\n   */\n  readonly open = input<boolean | undefined>()\n\n  /**\n   * Function called when the animation ends in the closed state\n   */\n  readonly exitCompleted = output<void>()\n\n  /**\n   * Function called when {@link open} changes.\n   */\n  readonly openChanged = output<boolean>()\n\n  readonly collapsibleService = inject(CollapsibleContextService)\n\n  private readonly injector = inject(Injector)\n  private readonly document = inject(DOCUMENT)\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.collapsibleService.context().getRootBindings()\n  })\n\n  ngOnInit() {\n    const machine = useMachine(\n      collapsibleMachine,\n      computed<Explicit<CollapsibleApiProps>>(() => ({\n        defaultOpen: this.defaultOpen(),\n        dir: this.dir(),\n        disabled: this.disabled(),\n        forceMeasureOnOpen: true,\n        getRootNode: this.getRootNode() || (() => this.document),\n        onExitComplete: () => this.exitCompleted.emit(),\n        onOpenChange: (open) => this.openChanged.emit(open),\n        open: this.open(),\n      })),\n      this.injector,\n    )\n\n    const collapsibleApi = computed(() =>\n      createCollapsibleApi(machine, normalizeProps),\n    )\n\n    this.collapsibleService.init(collapsibleApi)\n\n    this.trackBindings()\n  }\n}\n"]}