@qualcomm-ui/angular-core 1.0.2 → 1.0.4

package/fesm2022/qualcomm-ui-angular-core-switch.mjs

@@ -0,0 +1,211 @@
+import * as i0 from '@angular/core';
+import { Injectable, Directive, input, computed, booleanAttribute, inject } from '@angular/core';
+import { BaseApiContextService, createApiContext, useTrackBindings, useMachine, normalizeProps } from '@qualcomm-ui/angular-core/machine';
+import { useId, useOnDestroy } from '@qualcomm-ui/angular-core/common';
+import { DOCUMENT } from '@angular/common';
+import '@angular/forms';
+import { AbstractCheckboxFormControlDirective } from '@qualcomm-ui/angular-core/checkbox';
+import '@qualcomm-ui/core/checkbox';
+import { switchMachine, createSwitchApi } from '@qualcomm-ui/core/switch';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SwitchContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SwitchContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SwitchContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SwitchContextService, decorators: [{
+            type: Injectable
+        }] });
+const [SWITCH_CONTEXT, useSwitchContext, provideSwitchContext,] = createApiContext("SwitchContext", SwitchContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreSwitchControlDirective {
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().getControlBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreSwitchControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreSwitchControlDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreSwitchControlDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreSwitchErrorTextDirective {
+    /**
+     * {@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" }] : []));
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().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.12", ngImport: i0, type: CoreSwitchErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreSwitchErrorTextDirective, 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.12", ngImport: i0, type: CoreSwitchErrorTextDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreSwitchHiddenInputDirective {
+    /**
+     * {@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" }] : []));
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().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.12", ngImport: i0, type: CoreSwitchHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreSwitchHiddenInputDirective, 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.12", ngImport: i0, type: CoreSwitchHiddenInputDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreSwitchLabelDirective {
+    /**
+     * {@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" }] : []));
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().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.12", ngImport: i0, type: CoreSwitchLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreSwitchLabelDirective, 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.12", ngImport: i0, type: CoreSwitchLabelDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreSwitchRootDirective 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" }] : []));
+    switchContextService = inject(SwitchContextService);
+    document = inject(DOCUMENT);
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    trackBindings = useTrackBindings(() => this.switchContextService.context().getRootBindings({ id: this.hostId() }));
+    ngOnInit() {
+        super.ngOnInit();
+        const machine = useMachine(switchMachine, 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,
+            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.control?.markAsTouched?.();
+                }
+            },
+            onFocusChange: (focused) => {
+                if (!focused) {
+                    // only trigger on blur to prevent immediate validation, which would
+                    // occur as soon as the user interacts with the field.
+                    this.onTouched();
+                }
+            },
+            readOnly: this.readOnly(),
+            required: this.isRequired(),
+            value: this.value(),
+        })), this.injector);
+        this.switchContextService.init(computed(() => createSwitchApi(machine, normalizeProps)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreSwitchRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreSwitchRootDirective, 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.12", ngImport: i0, type: CoreSwitchRootDirective, 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 }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreSwitchThumbDirective {
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().getThumbBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreSwitchThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreSwitchThumbDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreSwitchThumbDirective, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CoreSwitchControlDirective, CoreSwitchErrorTextDirective, CoreSwitchHiddenInputDirective, CoreSwitchLabelDirective, CoreSwitchRootDirective, CoreSwitchThumbDirective, SWITCH_CONTEXT, SwitchContextService, provideSwitchContext, useSwitchContext };
+//# sourceMappingURL=qualcomm-ui-angular-core-switch.mjs.map

package/fesm2022/qualcomm-ui-angular-core-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-core-switch.mjs","sources":["../../src/switch/switch-context.service.ts","../../src/switch/core-switch-control.directive.ts","../../src/switch/core-switch-error-text.directive.ts","../../src/switch/core-switch-hidden-input.directive.ts","../../src/switch/core-switch-label.directive.ts","../../src/switch/core-switch-root.directive.ts","../../src/switch/core-switch-thumb.directive.ts","../../src/switch/qualcomm-ui-angular-core-switch.ts"],"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 {SwitchApi} from \"@qualcomm-ui/core/switch\"\n\n@Injectable()\nexport class SwitchContextService extends BaseApiContextService<SwitchApi> {}\n\nexport const [\n  SWITCH_CONTEXT,\n  useSwitchContext,\n  provideSwitchContext,\n]: ApiContext<SwitchApi> = createApiContext<SwitchApi>(\n  \"SwitchContext\",\n  SwitchContextService,\n)\n","// 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 {useSwitchContext} from \"./switch-context.service\"\n\n@Directive()\nexport class CoreSwitchControlDirective implements OnInit {\n  protected readonly switchContext = useSwitchContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.switchContext().getControlBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n","// 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 {useSwitchContext} from \"./switch-context.service\"\n\n@Directive()\nexport class CoreSwitchErrorTextDirective 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 switchContext = useSwitchContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.switchContext().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","// 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 {useSwitchContext} from \"./switch-context.service\"\n\n@Directive()\nexport class CoreSwitchHiddenInputDirective 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 switchContext = useSwitchContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.switchContext().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","// 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 {useSwitchContext} from \"./switch-context.service\"\n\n@Directive()\nexport class CoreSwitchLabelDirective 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 switchContext = useSwitchContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.switchContext().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","// 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 {AbstractCheckboxFormControlDirective} from \"@qualcomm-ui/angular-core/checkbox\"\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 {type CheckboxApiProps} from \"@qualcomm-ui/core/checkbox\"\nimport {\n  createSwitchApi,\n  type SwitchApiProps,\n  switchMachine,\n} from \"@qualcomm-ui/core/switch\"\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 {SwitchContextService} from \"./switch-context.service\"\n\n@Directive()\nexport class CoreSwitchRootDirective\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 switchContextService = inject(SwitchContextService)\n  protected readonly document = inject(DOCUMENT)\n\n  protected readonly hostId = computed(() => useId(this, this.id()))\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.switchContextService.context().getRootBindings({id: this.hostId()}),\n  )\n\n  override ngOnInit() {\n    super.ngOnInit()\n\n    const machine = useMachine(\n      switchMachine,\n      computed<Explicit<SwitchApiProps>>(() => ({\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        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.control?.markAsTouched?.()\n          }\n        },\n        onFocusChange: (focused) => {\n          if (!focused) {\n            // only trigger on blur to prevent immediate validation, which would\n            // occur as soon as the user interacts with the field.\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.switchContextService.init(\n      computed(() => createSwitchApi(machine, normalizeProps)),\n    )\n\n    this.trackBindings()\n  }\n}\n","// 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 {useSwitchContext} from \"./switch-context.service\"\n\n@Directive()\nexport class CoreSwitchThumbDirective implements OnInit {\n  protected readonly switchContext = useSwitchContext()\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.switchContext().getThumbBindings(),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/qualcomm-ui-angular-core-tabs.mjs

@@ -0,0 +1,366 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, computed, Directive, booleanAttribute, inject, ElementRef, linkedSignal, Injector, effect, output } from '@angular/core';
+import { useId, useOnDestroy, useIsMounted } from '@qualcomm-ui/angular-core/common';
+import { BaseApiContextService, createApiContext, useTrackBindings, useMachine, normalizeProps } from '@qualcomm-ui/angular-core/machine';
+import { PresenceContextService, useRenderStrategyContext, usePresenceRenderer, RenderStrategyContextService } from '@qualcomm-ui/angular-core/presence';
+import { presenceMachine, createPresenceApi } from '@qualcomm-ui/core/presence';
+import { DOCUMENT } from '@angular/common';
+import { tabsMachine, createTabsApi } from '@qualcomm-ui/core/tabs';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TabContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TabContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TabContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TabContextService, decorators: [{
+            type: Injectable
+        }] });
+const [TAB_CONTEXT, useTabContext, provideTabContext,] = createApiContext("TabContext", TabContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class TabsContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TabsContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TabsContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TabsContextService, decorators: [{
+            type: Injectable
+        }] });
+const [TABS_CONTEXT, useTabsContext, provideTabsContext,] = createApiContext("TabsContext", TabsContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabButtonDirective {
+    /**
+     * {@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" }] : []));
+    tabsContext = useTabsContext();
+    tabContext = useTabContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => {
+        return this.tabsContext().getTabButtonBindings({
+            ...this.tabContext(),
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabButtonDirective, 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.12", ngImport: i0, type: CoreTabButtonDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabDismissButtonDirective {
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: "aria-label" }] : [{
+            alias: "aria-label",
+        }]));
+    tabsContext = useTabsContext();
+    trackBindings = useTrackBindings(() => {
+        return this.tabsContext().getTabDismissButtonBindings({
+            "aria-label": this.ariaLabel(),
+        });
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabDismissButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabDismissButtonDirective, isStandalone: true, inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabDismissButtonDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabRootDirective {
+    /**
+     * Whether the tab is disabled
+     */
+    disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The value of the tab
+     */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    tabsContext = useTabsContext();
+    tabApi = inject(TabContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.tabsContext().getTabBindings();
+    });
+    ngOnInit() {
+        this.tabApi.init(computed(() => ({
+            disabled: this.disabled(),
+            value: this.value(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabRootDirective, isStandalone: true, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabsIndicatorDirective {
+    /**
+     * {@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" }] : []));
+    tabsContext = useTabsContext();
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => {
+        return this.tabsContext().getIndicatorBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabsIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabsIndicatorDirective, 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.12", ngImport: i0, type: CoreTabsIndicatorDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabsListDirective {
+    /**
+     * {@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" }] : []));
+    tabsContext = useTabsContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => {
+        return this.tabsContext().getListBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+        });
+    });
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabsListDirective, 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.12", ngImport: i0, type: CoreTabsListDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabsPanelDirective {
+    /**
+     * {@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 value of the associated tab
+     */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    tabsContext = useTabsContext();
+    elementRef = inject(ElementRef);
+    hostId = linkedSignal(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    presenceService = inject(PresenceContextService);
+    renderStrategyContext = useRenderStrategyContext();
+    onDestroy = useOnDestroy();
+    presenceRenderer = usePresenceRenderer();
+    injector = inject(Injector);
+    trackBindings = useTrackBindings(() => {
+        return this.tabsContext().getPanelBindings({
+            id: this.hostId(),
+            onDestroy: this.onDestroy,
+            value: this.value(),
+        });
+    });
+    constructor() {
+        effect(() => {
+            const element = this.elementRef.nativeElement;
+            if (this.presenceService.unmounted()) {
+                this.presenceService.setNode(null);
+            }
+            else {
+                this.presenceService.setNode(element);
+            }
+        });
+    }
+    ngOnInit() {
+        const machine = useMachine(presenceMachine, computed(() => ({
+            lazyMount: this.renderStrategyContext().lazyMount,
+            present: this.tabsContext().value === this.value(),
+            unmountOnExit: this.renderStrategyContext().unmountOnExit,
+        })), this.injector);
+        this.presenceService.init(computed(() => createPresenceApi(machine)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabsPanelDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabsPanelDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreTabsRootDirective {
+    /**
+     * The activation mode of the tabs.
+     * @option `'automatic'`: Tabs are activated when receiving focus
+     * @option `'manual'`: Tabs are activated when clicked or the enter key is pressed.
+     *
+     * @default "automatic"
+     */
+    activationMode = input(...(ngDevMode ? [undefined, { debugName: "activationMode" }] : []));
+    /**
+     * Determines whether tabs act as a standalone composite widget (true) or as a
+     * non-focusable component within another widget (false).
+     *
+     * @default true
+     */
+    composite = input(undefined, ...(ngDevMode ? [{ debugName: "composite", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The initial selected tab value when rendered.
+     * Use when you don't need to control the selected tab value.
+     */
+    defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : []));
+    /**
+     * Whether the active tab can be deselected when clicking on it.
+     */
+    deselectable = input(undefined, ...(ngDevMode ? [{ debugName: "deselectable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * 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" }] : []));
+    /**
+     * When true, the component will not be rendered in the DOM until it becomes
+     * visible or active.
+     *
+     * @default false
+     */
+    lazyMount = input(undefined, ...(ngDevMode ? [{ debugName: "lazyMount", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the keyboard navigation will loop from last tab to first, and vice versa.
+     * @default true
+     */
+    loopFocus = input(undefined, ...(ngDevMode ? [{ debugName: "loopFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The orientation of the tabs. Can be `horizontal` or `vertical`
+     * @option `'horizontal'`: only left and right arrow key navigation will work.
+     * @option `'vertical'`: only up and down arrow key navigation will work.
+     *
+     * @default "horizontal"
+     */
+    orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : []));
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and
+     * their states
+     */
+    translations = input(...(ngDevMode ? [undefined, { debugName: "translations" }] : []));
+    /**
+     * When true, the component will be completely removed from the DOM when it
+     * becomes inactive or hidden, rather than just being hidden with CSS.
+     *
+     * @default false
+     */
+    unmountOnExit = input(undefined, ...(ngDevMode ? [{ debugName: "unmountOnExit", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The controlled selected tab value
+     */
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    /**
+     * Callback to be called when the focused tab changes
+     */
+    focusChanged = output();
+    /**
+     * Callback to be called when the selected/active tab changes
+     */
+    valueChanged = output();
+    document = inject(DOCUMENT);
+    injector = inject(Injector);
+    onDestroy = useOnDestroy();
+    isMounted = useIsMounted();
+    renderStrategyApi = inject(RenderStrategyContextService);
+    tabsApi = inject(TabsContextService);
+    trackBindings = useTrackBindings(() => {
+        return this.tabsApi.context().getRootBindings();
+    });
+    ngOnInit() {
+        const machine = useMachine(tabsMachine, computed(() => ({
+            activationMode: this.activationMode(),
+            composite: this.composite(),
+            defaultValue: this.defaultValue(),
+            deselectable: this.deselectable(),
+            dir: this.dir(),
+            getRootNode: this.getRootNode() ?? (() => this.document),
+            loopFocus: this.loopFocus(),
+            onFocusChange: (value) => {
+                if (this.isMounted()) {
+                    this.focusChanged.emit(value);
+                }
+            },
+            onValueChange: (value) => {
+                if (this.isMounted()) {
+                    this.valueChanged.emit(value);
+                }
+            },
+            orientation: this.orientation(),
+            translations: this.translations(),
+            value: this.value(),
+        })), this.injector);
+        this.tabsApi.init(computed(() => createTabsApi(machine, normalizeProps)));
+        this.renderStrategyApi.init(computed(() => ({
+            lazyMount: this.lazyMount(),
+            unmountOnExit: this.unmountOnExit(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabsRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreTabsRootDirective, isStandalone: true, inputs: { activationMode: { classPropertyName: "activationMode", publicName: "activationMode", isSignal: true, isRequired: false, transformFunction: null }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, deselectable: { classPropertyName: "deselectable", publicName: "deselectable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, lazyMount: { classPropertyName: "lazyMount", publicName: "lazyMount", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, unmountOnExit: { classPropertyName: "unmountOnExit", publicName: "unmountOnExit", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { focusChanged: "focusChanged", valueChanged: "valueChanged" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreTabsRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { activationMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activationMode", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], deselectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deselectable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], lazyMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyMount", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], unmountOnExit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmountOnExit", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], focusChanged: [{ type: i0.Output, args: ["focusChanged"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CoreTabButtonDirective, CoreTabDismissButtonDirective, CoreTabRootDirective, CoreTabsIndicatorDirective, CoreTabsListDirective, CoreTabsPanelDirective, CoreTabsRootDirective, TABS_CONTEXT, TAB_CONTEXT, TabContextService, TabsContextService, provideTabContext, provideTabsContext, useTabContext, useTabsContext };
+//# sourceMappingURL=qualcomm-ui-angular-core-tabs.mjs.map