@qualcomm-ui/angular-core 1.0.0

package/esm2022/switch/core-switch-control.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 { useSwitchContext } from "./switch-context.service";
+import * as i0 from "@angular/core";
+export class CoreSwitchControlDirective {
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().getControlBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSwitchControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreSwitchControlDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSwitchControlDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-switch-control.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-switch-control.directive.js","sourceRoot":"","sources":["../../../src/switch/core-switch-control.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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,0BAA0B;IAClB,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,kBAAkB,EAAE,CAC1C,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,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 {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"]}

package/esm2022/switch/core-switch-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 { useSwitchContext } from "./switch-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreSwitchErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreSwitchErrorTextDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-switch-error-text.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-switch-error-text.directive.js","sourceRoot":"","sources":["../../../src/switch/core-switch-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,4BAA4B;IACvC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,oBAAoB,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 {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"]}

package/esm2022/switch/core-switch-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 { useSwitchContext } from "./switch-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreSwitchHiddenInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreSwitchHiddenInputDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-switch-hidden-input.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-switch-hidden-input.directive.js","sourceRoot":"","sources":["../../../src/switch/core-switch-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,8BAA8B;IACzC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,sBAAsB,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 {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"]}

package/esm2022/switch/core-switch-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 { useSwitchContext } from "./switch-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreSwitchLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreSwitchLabelDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-switch-label.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-switch-label.directive.js","sourceRoot":"","sources":["../../../src/switch/core-switch-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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,wBAAwB;IACnC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,gBAAgB,CAAC;QACpC,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,wBAAwB;4FAAxB,wBAAwB;;4FAAxB,wBAAwB;kBADpC,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 {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"]}

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

@@ -0,0 +1,89 @@
+// 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 { AbstractCheckboxFormControlDirective } from "@qualcomm-ui/angular-core/checkbox";
+import { useId } from "@qualcomm-ui/angular-core/common";
+import { normalizeProps, useMachine, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import {} from "@qualcomm-ui/core/checkbox";
+import { createSwitchApi, switchMachine, } from "@qualcomm-ui/core/switch";
+import { SwitchContextService } from "./switch-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreSwitchRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=core-switch-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-switch-root.directive.js","sourceRoot":"","sources":["../../../src/switch/core-switch-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,KAAK,GAEN,MAAM,eAAe,CAAA;AACtB,OAAO,EAA2B,MAAM,gBAAgB,CAAA;AAExD,OAAO,EAAC,oCAAoC,EAAC,MAAM,oCAAoC,CAAA;AACvF,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAA;AACtD,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAAuB,MAAM,4BAA4B,CAAA;AAChE,OAAO,EACL,eAAe,EAEf,aAAa,GACd,MAAM,0BAA0B,CAAA;AAKjC,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAA;;AAG7D,MAAM,OAAO,uBACX,SAAQ,oCAAoC;IAM5C;;;;OAIG;IACM,GAAG,GAAG,KAAK,CAAwB,SAAS,+CAAC,CAAA;IAEtD;;;OAGG;IACM,WAAW,GAAG,KAAK,iEAEzB,CAAA;IAEH;;;OAGG;IACM,aAAa,GAAG,KAAK,CAAkC,SAAS,iDACvE,SAAS,EAAE,gBAAgB,OAD8C;YACzE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;OAGG;IACM,EAAE,GAAG,KAAK,CAAqB,SAAS,8CAAC,CAAA;IAElD;;;OAGG;IACM,KAAK,GAAG,KAAK,2DAAsB,CAAA;IAEzB,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAC5D,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAElB,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAC/C,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC,eAAe,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,EAAC,CAAC,CACzE,CAAA;IAEQ,QAAQ;QACf,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEhB,MAAM,OAAO,GAAG,UAAU,CACxB,aAAa,EACb,QAAQ,CAA2B,GAAG,EAAE,CAAC,CAAC;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;YACrC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE;YACf,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,qEAAqE;YACrE,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;YACxD,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;gBAC3B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;gBACtB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;oBAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;oBACjC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;gBAC3B,CAAC;gBACD,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;oBAC3C,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,EAAE,CAAA;gBACjC,CAAC;YACH,CAAC;YACD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE;gBACzB,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,oEAAoE;oBACpE,sDAAsD;oBACtD,IAAI,CAAC,SAAS,EAAE,CAAA;gBAClB,CAAC;YACH,CAAC;YACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACpB,CAAC,CAAC,EACH,IAAI,CAAC,QAAQ,CACd,CAAA;QAED,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAC5B,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CACzD,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA/FU,uBAAuB;4FAAvB,uBAAuB;;4FAAvB,uBAAuB;kBADnC,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  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 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"]}

package/esm2022/switch/core-switch-thumb.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 { useSwitchContext } from "./switch-context.service";
+import * as i0 from "@angular/core";
+export class CoreSwitchThumbDirective {
+    switchContext = useSwitchContext();
+    trackBindings = useTrackBindings(() => this.switchContext().getThumbBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSwitchThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: CoreSwitchThumbDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: CoreSwitchThumbDirective, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=core-switch-thumb.directive.js.map

package/esm2022/switch/core-switch-thumb.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-switch-thumb.directive.js","sourceRoot":"","sources":["../../../src/switch/core-switch-thumb.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,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;;AAGzD,MAAM,OAAO,wBAAwB;IAChB,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,IAAI,CAAC,aAAa,EAAE,CAAC,gBAAgB,EAAE,CACxC,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGATU,wBAAwB;4FAAxB,wBAAwB;;4FAAxB,wBAAwB;kBADpC,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 {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"]}

package/esm2022/switch/index.js

@@ -0,0 +1,8 @@
+export * from "./core-switch-control.directive";
+export * from "./core-switch-error-text.directive";
+export * from "./core-switch-hidden-input.directive";
+export * from "./core-switch-label.directive";
+export * from "./core-switch-root.directive";
+export * from "./core-switch-thumb.directive";
+export * from "./switch-context.service";
+//# sourceMappingURL=index.js.map

package/esm2022/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA","sourcesContent":["export * from \"./core-switch-control.directive\"\nexport * from \"./core-switch-error-text.directive\"\nexport * from \"./core-switch-hidden-input.directive\"\nexport * from \"./core-switch-label.directive\"\nexport * from \"./core-switch-root.directive\"\nexport * from \"./core-switch-thumb.directive\"\nexport * from \"./switch-context.service\"\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-core-switch.js","sourceRoot":"","sources":["../../../src/switch/qualcomm-ui-angular-core-switch.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/switch/switch-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 SwitchContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SwitchContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SwitchContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SwitchContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [SWITCH_CONTEXT, useSwitchContext, provideSwitchContext,] = createApiContext("SwitchContext", SwitchContextService);
+//# sourceMappingURL=switch-context.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-context.service.js","sourceRoot":"","sources":["../../../src/switch/switch-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,oBAAqB,SAAQ,qBAAgC;wGAA7D,oBAAoB;4GAApB,oBAAoB;;4FAApB,oBAAoB;kBADhC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACrB,GAA0B,gBAAgB,CACzC,eAAe,EACf,oBAAoB,CACrB,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 {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"]}

package/esm2022/tabs/core-tab-button.directive.js

@@ -0,0 +1,35 @@
+// 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 { useTabContext } from "./tab-context.service";
+import { useTabsContext } from "./tabs-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreTabButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreTabButtonDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-tab-button.directive.js.map

package/esm2022/tabs/core-tab-button.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-tab-button.directive.js","sourceRoot":"","sources":["../../../src/tabs/core-tab-button.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,aAAa,EAAC,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,sBAAsB;IACjC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,UAAU,GAAG,aAAa,EAAE,CAAA;IAE5B,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;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,oBAAoB,CAAC;YAC7C,GAAG,IAAI,CAAC,UAAU,EAAE;YACpB,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAxBU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBADlC,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 {useTabContext} from \"./tab-context.service\"\nimport {useTabsContext} from \"./tabs-context.service\"\n\n@Directive()\nexport class CoreTabButtonDirective 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 tabsContext = useTabsContext()\n  protected readonly tabContext = useTabContext()\n\n  protected readonly hostId = computed(() => useId(this, this.id()))\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.tabsContext().getTabButtonBindings({\n      ...this.tabContext(),\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    })\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/tabs/core-tab-dismiss-button.directive.js

@@ -0,0 +1,26 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Directive, input } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { useTabsContext } from "./tabs-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreTabDismissButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreTabDismissButtonDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+//# sourceMappingURL=core-tab-dismiss-button.directive.js.map

package/esm2022/tabs/core-tab-dismiss-button.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-tab-dismiss-button.directive.js","sourceRoot":"","sources":["../../../src/tabs/core-tab-dismiss-button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAElE,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,6BAA6B;IAC/B,SAAS,GAAG,KAAK,CAAqB,SAAS,6CACtD,KAAK,EAAE,YAAY,OADqC;YACxD,KAAK,EAAE,YAAY;SACpB,GAAC,CAAA;IAEiB,WAAW,GAAG,cAAc,EAAE,CAAA;IAE9B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,2BAA2B,CAAC;YACpD,YAAY,EAAE,IAAI,CAAC,SAAS,EAAE;SAC/B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAfU,6BAA6B;4FAA7B,6BAA6B;;4FAA7B,6BAA6B;kBADzC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, input, type OnInit} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {useTabsContext} from \"./tabs-context.service\"\n\n@Directive()\nexport class CoreTabDismissButtonDirective implements OnInit {\n  readonly ariaLabel = input<string | undefined>(undefined, {\n    alias: \"aria-label\",\n  })\n\n  protected readonly tabsContext = useTabsContext()\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.tabsContext().getTabDismissButtonBindings({\n      \"aria-label\": this.ariaLabel(),\n    })\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/tabs/core-tab-root.directive.js

@@ -0,0 +1,37 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, computed, Directive, inject, input, } from "@angular/core";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { TabContextService } from "./tab-context.service";
+import { useTabsContext } from "./tabs-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreTabRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=core-tab-root.directive.js.map

package/esm2022/tabs/core-tab-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-tab-root.directive.js","sourceRoot":"","sources":["../../../src/tabs/core-tab-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GAEN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAMlE,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,oBAAoB;IAC/B;;OAEG;IACM,QAAQ,GAAG,KAAK,CAAkC,SAAS,4CAClE,SAAS,EAAE,gBAAgB,OADyC;YACpE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;OAEG;IACM,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAA;IAEtB,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;IAElC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,EAAE,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,MAAM,CAAC,IAAI,CACd,QAAQ,CAAqB,GAAG,EAAE,CAAC,CAAC;YAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACpB,CAAC,CAAC,CACJ,CAAA;QAED,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA7BU,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBADhC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  input,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport type {TabProps} from \"@qualcomm-ui/core/tabs\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {TabContextService} from \"./tab-context.service\"\nimport {useTabsContext} from \"./tabs-context.service\"\n\n@Directive()\nexport class CoreTabRootDirective implements OnInit, SignalifyInput<TabProps> {\n  /**\n   * Whether the tab is disabled\n   */\n  readonly disabled = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * The value of the tab\n   */\n  readonly value = input.required<string>()\n\n  protected readonly tabsContext = useTabsContext()\n  protected readonly tabApi = inject(TabContextService)\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.tabsContext().getTabBindings()\n  })\n\n  ngOnInit() {\n    this.tabApi.init(\n      computed<Explicit<TabProps>>(() => ({\n        disabled: this.disabled(),\n        value: this.value(),\n      })),\n    )\n\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/tabs/core-tabs-indicator.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 { useTabsContext } from "./tabs-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreTabsIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreTabsIndicatorDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-tabs-indicator.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-tabs-indicator.directive.js","sourceRoot":"","sources":["../../../src/tabs/core-tabs-indicator.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,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,0BAA0B;IACrC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAE9B,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,oBAAoB,CAAC;YAC7C,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEe,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IAEhE,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 {useTabsContext} from \"./tabs-context.service\"\n\n@Directive()\nexport class CoreTabsIndicatorDirective 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 tabsContext = useTabsContext()\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.tabsContext().getIndicatorBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    })\n  })\n\n  private readonly hostId = computed(() => useId(this, this.id()))\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/tabs/core-tabs-list.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 { useTabsContext } from "./tabs-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreTabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", ngImport: i0, type: CoreTabsListDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=core-tabs-list.directive.js.map

package/esm2022/tabs/core-tabs-list.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-tabs-list.directive.js","sourceRoot":"","sources":["../../../src/tabs/core-tabs-list.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,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,qBAAqB;IAChC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAEV,WAAW,GAAG,cAAc,EAAE,CAAA;IAE9B,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;IAE1B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,eAAe,CAAC;YACxC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAtBU,qBAAqB;4FAArB,qBAAqB;;4FAArB,qBAAqB;kBADjC,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 {useTabsContext} from \"./tabs-context.service\"\n\n@Directive()\nexport class CoreTabsListDirective 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 tabsContext = useTabsContext()\n\n  protected readonly hostId = computed(() => useId(this, this.id()))\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.tabsContext().getListBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n    })\n  })\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/tabs/core-tabs-panel.directive.js

@@ -0,0 +1,61 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, effect, ElementRef, inject, Injector, input, linkedSignal, } from "@angular/core";
+import { useId, useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { useMachine, useTrackBindings } from "@qualcomm-ui/angular-core/machine";
+import { PresenceContextService, usePresenceRenderer, useRenderStrategyContext, } from "@qualcomm-ui/angular-core/presence";
+import { createPresenceApi, presenceMachine } from "@qualcomm-ui/core/presence";
+import { useTabsContext } from "./tabs-context.service";
+import * as i0 from "@angular/core";
+export 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.10", ngImport: i0, type: CoreTabsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
+//# sourceMappingURL=core-tabs-panel.directive.js.map

package/esm2022/tabs/core-tabs-panel.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-tabs-panel.directive.js","sourceRoot":"","sources":["../../../src/tabs/core-tabs-panel.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,EACV,MAAM,EACN,QAAQ,EACR,KAAK,EACL,YAAY,GAEb,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAC9E,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,oCAAoC,CAAA;AAE3C,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAG7E,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAA;;AAGrD,MAAM,OAAO,sBAAsB;IAGjC;;;OAGG;IACM,EAAE,GAAG,KAAK,wDAAU,CAAA;IAE7B;;OAEG;IACM,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAA;IAEtB,WAAW,GAAG,cAAc,EAAE,CAAA;IAC9B,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAE/B,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kDAAC,CAAA;IACnD,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAChD,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAElD,SAAS,GAAG,YAAY,EAAE,CAAA;IAE1B,gBAAgB,GAAG,mBAAmB,EAAE,CAAA;IAExC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAE3B,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,gBAAgB,CAAC;YACzC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACpB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF;QACE,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAA;YAC7C,IAAI,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;YACpC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACvC,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,QAAQ;QACN,MAAM,OAAO,GAAG,UAAU,CACxB,eAAe,EACf,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;YACd,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,SAAS;YACjD,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;YAClD,aAAa,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC,aAAa;SAC1D,CAAC,CAAC,EACH,IAAI,CAAC,QAAQ,CACd,CAAA;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAErE,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA5DU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBADlC,SAAS","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  linkedSignal,\n  type OnInit,\n} from \"@angular/core\"\n\nimport {useId, useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {useMachine, useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  PresenceContextService,\n  usePresenceRenderer,\n  useRenderStrategyContext,\n} from \"@qualcomm-ui/angular-core/presence\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {createPresenceApi, presenceMachine} from \"@qualcomm-ui/core/presence\"\nimport type {PanelProps} from \"@qualcomm-ui/core/tabs\"\n\nimport {useTabsContext} from \"./tabs-context.service\"\n\n@Directive()\nexport class CoreTabsPanelDirective\n  implements OnInit, SignalifyInput<PanelProps>\n{\n  /**\n   * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If\n   * omitted, a unique identifier will be generated for accessibility.\n   */\n  readonly id = input<string>()\n\n  /**\n   * The value of the associated tab\n   */\n  readonly value = input.required<string>()\n\n  protected readonly tabsContext = useTabsContext()\n  protected readonly elementRef = inject(ElementRef)\n\n  protected readonly hostId = linkedSignal(() => useId(this, this.id()))\n  protected readonly presenceService = inject(PresenceContextService)\n  protected readonly renderStrategyContext = useRenderStrategyContext()\n\n  protected readonly onDestroy = useOnDestroy()\n\n  protected readonly presenceRenderer = usePresenceRenderer()\n\n  protected readonly injector = inject(Injector)\n\n  protected readonly trackBindings = useTrackBindings(() => {\n    return this.tabsContext().getPanelBindings({\n      id: this.hostId(),\n      onDestroy: this.onDestroy,\n      value: this.value(),\n    })\n  })\n\n  constructor() {\n    effect(() => {\n      const element = this.elementRef.nativeElement\n      if (this.presenceService.unmounted()) {\n        this.presenceService.setNode(null)\n      } else {\n        this.presenceService.setNode(element)\n      }\n    })\n  }\n\n  ngOnInit() {\n    const machine = useMachine(\n      presenceMachine,\n      computed(() => ({\n        lazyMount: this.renderStrategyContext().lazyMount,\n        present: this.tabsContext().value === this.value(),\n        unmountOnExit: this.renderStrategyContext().unmountOnExit,\n      })),\n      this.injector,\n    )\n\n    this.presenceService.init(computed(() => createPresenceApi(machine)))\n\n    this.trackBindings()\n  }\n}\n"]}