@qualcomm-ui/angular 1.0.0

package/esm2022/text-input/text-input-root.directive.js

@@ -0,0 +1,71 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive, inject, input } from "@angular/core";
+import { provideQdsInputContext, QdsInputContextService, } from "@qualcomm-ui/angular/input";
+import { mergeProps, normalizeProps, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import { CoreTextInputRootDirective, provideTextInputContext, } from "@qualcomm-ui/angular-core/text-input";
+import { createQdsInputApi } from "@qualcomm-ui/qds-core/input";
+import * as i0 from "@angular/core";
+/**
+ * Groups all parts of the text input.
+ */
+export class TextInputRootDirective extends CoreTextInputRootDirective {
+    /**
+     * {@link https://lucide.dev lucide-angular} icon, positioned after
+     * the input.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-input-group>
+     *   <div q-input-end-icon [icon]="..."></div>
+     * </div>
+     * ```
+     */
+    endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
+    /**
+     * The size of the input field and its elements. Governs properties like font
+     * size, item padding, and icon sizes.
+     *
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * {@link https://lucide.dev lucide-angular} icon, positioned before
+     * the input.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-input-group>
+     *   <div q-input-start-icon [icon]="..."></div>
+     * </div>
+     * ```
+     */
+    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
+    qdsInputService = inject(QdsInputContextService);
+    trackBindings = useTrackBindings(() => mergeProps(this.textInputService.context().getRootBindings(), this.qdsInputService.context().getRootBindings()));
+    ngOnInit() {
+        super.ngOnInit();
+        const inputApi = computed(() => createQdsInputApi({
+            endIcon: this.endIcon(),
+            size: this.size(),
+            startIcon: this.startIcon(),
+        }, normalizeProps), ...(ngDevMode ? [{ debugName: "inputApi" }] : []));
+        this.qdsInputService.init(inputApi);
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: TextInputRootDirective, isStandalone: false, selector: "[q-text-input-root]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTextInputContext(), provideQdsInputContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideTextInputContext(), provideQdsInputContext()],
+                    selector: "[q-text-input-root]",
+                    standalone: false,
+                }]
+        }], propDecorators: { endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }] } });
+//# sourceMappingURL=text-input-root.directive.js.map

package/esm2022/text-input/text-input-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input-root.directive.js","sourceRoot":"","sources":["../../../src/text-input/text-input-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE7E,OAAO,EACL,sBAAsB,EAEtB,sBAAsB,GACvB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EACL,UAAU,EACV,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAC,iBAAiB,EAAoB,MAAM,6BAA6B,CAAA;;AAEhF;;GAEG;AAMH,MAAM,OAAO,sBACX,SAAQ,0BAA0B;IAGlC;;;;;;;;;;;;OAYG;IACM,OAAO,GAAG,KAAK,6DAAmC,CAAA;IAE3D;;;;;OAKG;IACM,IAAI,GAAG,KAAK,0DAAgB,CAAA;IAErC;;;;;;;;;;;;OAYG;IACM,SAAS,GAAG,KAAK,+DAAmC,CAAA;IAE1C,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAEvC,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAChE,UAAU,CACR,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,EACjD,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CACjD,CACF,CAAA;IAEQ,QAAQ;QACf,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEhB,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7B,iBAAiB,CACf;YACE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;SAC5B,EACD,cAAc,CACf,oDACF,CAAA;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACnC,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGAnEU,sBAAsB;4FAAtB,sBAAsB,scAJtB,CAAC,uBAAuB,EAAE,EAAE,sBAAsB,EAAE,CAAC;;4FAIrD,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,uBAAuB,EAAE,EAAE,sBAAsB,EAAE,CAAC;oBAChE,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, input, type OnInit} from \"@angular/core\"\n\nimport {\n  provideQdsInputContext,\n  type QdsAngularInputApiProps,\n  QdsInputContextService,\n} from \"@qualcomm-ui/angular/input\"\nimport type {LucideIcon} from \"@qualcomm-ui/angular-core/lucide\"\nimport {\n  mergeProps,\n  normalizeProps,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  CoreTextInputRootDirective,\n  provideTextInputContext,\n} from \"@qualcomm-ui/angular-core/text-input\"\nimport {createQdsInputApi, type QdsInputSize} from \"@qualcomm-ui/qds-core/input\"\n\n/**\n * Groups all parts of the text input.\n */\n@Directive({\n  providers: [provideTextInputContext(), provideQdsInputContext()],\n  selector: \"[q-text-input-root]\",\n  standalone: false,\n})\nexport class TextInputRootDirective\n  extends CoreTextInputRootDirective\n  implements SignalifyInput<QdsAngularInputApiProps>, OnInit\n{\n  /**\n   * {@link https://lucide.dev lucide-angular} icon, positioned after\n   * the input.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-text-input-input-group>\n   *   <div q-input-end-icon [icon]=\"...\"></div>\n   * </div>\n   * ```\n   */\n  readonly endIcon = input<LucideIcon | string | undefined>()\n\n  /**\n   * The size of the input field and its elements. Governs properties like font\n   * size, item padding, and icon sizes.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsInputSize>()\n\n  /**\n   * {@link https://lucide.dev lucide-angular} icon, positioned before\n   * the input.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-text-input-input-group>\n   *   <div q-input-start-icon [icon]=\"...\"></div>\n   * </div>\n   * ```\n   */\n  readonly startIcon = input<LucideIcon | string | undefined>()\n\n  protected readonly qdsInputService = inject(QdsInputContextService)\n\n  protected override readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.textInputService.context().getRootBindings(),\n      this.qdsInputService.context().getRootBindings(),\n    ),\n  )\n\n  override ngOnInit() {\n    super.ngOnInit()\n\n    const inputApi = computed(() =>\n      createQdsInputApi(\n        {\n          endIcon: this.endIcon(),\n          size: this.size(),\n          startIcon: this.startIcon(),\n        },\n        normalizeProps,\n      ),\n    )\n\n    this.qdsInputService.init(inputApi)\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/text-input/text-input.component.js

@@ -0,0 +1,156 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { booleanAttribute, Component, input } from "@angular/core";
+import { AlertCircle } from "lucide-angular";
+import { provideQdsInputContext } from "@qualcomm-ui/angular/input";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { provideTextInputContext } from "@qualcomm-ui/angular-core/text-input";
+import { TextInputRootDirective } from "./text-input-root.directive";
+import * as i0 from "@angular/core";
+import * as i1 from "./text-input-clear-trigger.directive";
+import * as i2 from "./text-input-error-text.directive";
+import * as i3 from "./text-input-hint.directive";
+import * as i4 from "./text-input-input.directive";
+import * as i5 from "./text-input-input-group.directive";
+import * as i6 from "./text-input-label.directive";
+import * as i7 from "./text-input-error-indicator.directive";
+export class TextInputComponent extends TextInputRootDirective {
+    /**
+     * When `true`, renders a clear button that resets the input value on click.
+     * The button only appears when the input has a value.
+     *
+     * @default true
+     */
+    clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Optional error that describes the element when {@link invalid} is true.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-error-text>...</div>
+     * ```
+     */
+    errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : []));
+    /**
+     * Optional hint describing the element. This element is automatically
+     * associated with the component's input element for accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-hint>...</div>
+     * ```
+     */
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
+    /**
+     * Optional label describing the element. Recommended. This element is
+     * automatically associated with the component's input element for
+     * accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-label>...</div>
+     * ```
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    /**
+     * HTML {@link https://www.w3schools.com/tags/att_input_placeholder.asp placeholder} attribute,
+     * passed to the internal input element.
+     */
+    placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: TextInputComponent, isStandalone: false, selector: "q-text-input:not([q-text-input-root])", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideTextInputContext(),
+            provideQdsInputContext(),
+            provideIcons({ AlertCircle }),
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-text-input-label]">
+      @if (label()) {
+        <label q-text-input-label>{{ label() }}</label>
+      }
+    </ng-content>
+    <div q-text-input-input-group>
+      <input q-text-input-input [placeholder]="placeholder()" />
+
+      <ng-content select="[q-text-input-clear-trigger]">
+        @if (clearable()) {
+          <button q-text-input-clear-trigger></button>
+        }
+      </ng-content>
+
+      <ng-content select="[q-text-input-error-indicator]">
+        <span q-text-input-error-indicator></span>
+      </ng-content>
+    </div>
+    <ng-content select="[q-text-input-hint]">
+      @if (hint()) {
+        <span q-text-input-hint>
+          {{ hint() }}
+        </span>
+      }
+    </ng-content>
+
+    <ng-content select="[q-text-input-error-text]">
+      @if (errorText()) {
+        <div q-text-input-error-text>
+          {{ errorText() }}
+        </div>
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.TextInputClearTriggerDirective, selector: "[q-text-input-clear-trigger]" }, { kind: "component", type: i2.TextInputErrorTextDirective, selector: "[q-text-input-error-text]", inputs: ["icon"] }, { kind: "directive", type: i3.TextInputHintDirective, selector: "[q-text-input-hint]" }, { kind: "directive", type: i4.TextInputInputDirective, selector: "[q-text-input-input]" }, { kind: "component", type: i5.TextInputInputGroupDirective, selector: "[q-text-input-input-group]" }, { kind: "component", type: i6.TextInputLabelDirective, selector: "[q-text-input-label]" }, { kind: "component", type: i7.TextInputErrorIndicatorDirective, selector: "[q-text-input-error-indicator]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        provideTextInputContext(),
+                        provideQdsInputContext(),
+                        provideIcons({ AlertCircle }),
+                    ],
+                    selector: "q-text-input:not([q-text-input-root])",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-text-input-label]">
+      @if (label()) {
+        <label q-text-input-label>{{ label() }}</label>
+      }
+    </ng-content>
+    <div q-text-input-input-group>
+      <input q-text-input-input [placeholder]="placeholder()" />
+
+      <ng-content select="[q-text-input-clear-trigger]">
+        @if (clearable()) {
+          <button q-text-input-clear-trigger></button>
+        }
+      </ng-content>
+
+      <ng-content select="[q-text-input-error-indicator]">
+        <span q-text-input-error-indicator></span>
+      </ng-content>
+    </div>
+    <ng-content select="[q-text-input-hint]">
+      @if (hint()) {
+        <span q-text-input-hint>
+          {{ hint() }}
+        </span>
+      }
+    </ng-content>
+
+    <ng-content select="[q-text-input-error-text]">
+      @if (errorText()) {
+        <div q-text-input-error-text>
+          {{ errorText() }}
+        </div>
+      }
+    </ng-content>
+  `,
+                }]
+        }], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+//# sourceMappingURL=text-input.component.js.map

package/esm2022/text-input/text-input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.component.js","sourceRoot":"","sources":["../../../src/text-input/text-input.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAChE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,uBAAuB,EAAC,MAAM,sCAAsC,CAAA;AAG5E,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAA;;;;;;;;;AA8ClE,MAAM,OAAO,kBAAmB,SAAQ,sBAAsB;IAC5D;;;;;OAKG;IACM,SAAS,GAAG,KAAK,CAAkC,IAAI,6CAC9D,SAAS,EAAE,gBAAgB,OADqC;YAChE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;;;;;;OASG;IACM,SAAS,GAAG,KAAK,+DAA6B,CAAA;IAEvD;;;;;;;;;;OAUG;IACM,IAAI,GAAG,KAAK,0DAA6B,CAAA;IAElD;;;;;;;;;;;OAWG;IACM,KAAK,GAAG,KAAK,2DAAsB,CAAA;IAE5C;;;OAGG;IACM,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC,CAAA;wGAtD7B,kBAAkB;4FAAlB,kBAAkB,guBA3ClB;YACT,uBAAuB,EAAE;YACzB,sBAAsB,EAAE;YACxB,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC;SAC5B,iDAGS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT;;4FAEU,kBAAkB;kBA5C9B,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,uBAAuB,EAAE;wBACzB,sBAAsB,EAAE;wBACxB,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC;qBAC5B;oBACD,QAAQ,EAAE,uCAAuC;oBACjD,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanAttribute, Component, input} from \"@angular/core\"\nimport {AlertCircle} from \"lucide-angular\"\n\nimport {provideQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {provideTextInputContext} from \"@qualcomm-ui/angular-core/text-input\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {TextInputRootDirective} from \"./text-input-root.directive\"\n\n@Component({\n  providers: [\n    provideTextInputContext(),\n    provideQdsInputContext(),\n    provideIcons({AlertCircle}),\n  ],\n  selector: \"q-text-input:not([q-text-input-root])\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-text-input-label]\">\n      @if (label()) {\n        <label q-text-input-label>{{ label() }}</label>\n      }\n    </ng-content>\n    <div q-text-input-input-group>\n      <input q-text-input-input [placeholder]=\"placeholder()\" />\n\n      <ng-content select=\"[q-text-input-clear-trigger]\">\n        @if (clearable()) {\n          <button q-text-input-clear-trigger></button>\n        }\n      </ng-content>\n\n      <ng-content select=\"[q-text-input-error-indicator]\">\n        <span q-text-input-error-indicator></span>\n      </ng-content>\n    </div>\n    <ng-content select=\"[q-text-input-hint]\">\n      @if (hint()) {\n        <span q-text-input-hint>\n          {{ hint() }}\n        </span>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-text-input-error-text]\">\n      @if (errorText()) {\n        <div q-text-input-error-text>\n          {{ errorText() }}\n        </div>\n      }\n    </ng-content>\n  `,\n})\nexport class TextInputComponent extends TextInputRootDirective {\n  /**\n   * When `true`, renders a clear button that resets the input value on click.\n   * The button only appears when the input has a value.\n   *\n   * @default true\n   */\n  readonly clearable = input<boolean | undefined, Booleanish>(true, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Optional error that describes the element when {@link invalid} is true.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-text-input-error-text>...</div>\n   * ```\n   */\n  readonly errorText = input<string | undefined | null>()\n\n  /**\n   * Optional hint describing the element. This element is automatically\n   * associated with the component's input element for accessibility.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-text-input-hint>...</div>\n   * ```\n   */\n  readonly hint = input<string | undefined | null>()\n\n  /**\n   * Optional label describing the element. Recommended. This element is\n   * automatically associated with the component's input element for\n   * accessibility.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-text-input-label>...</div>\n   * ```\n   */\n  readonly label = input<string | undefined>()\n\n  /**\n   * HTML {@link https://www.w3schools.com/tags/att_input_placeholder.asp placeholder} attribute,\n   * passed to the internal input element.\n   */\n  readonly placeholder = input<string>(\"\")\n}\n"]}

package/esm2022/text-input/text-input.module.js

@@ -0,0 +1,75 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { NgModule } from "@angular/core";
+import { IconDirective } from "@qualcomm-ui/angular/icon";
+import { InputEndIconComponent, InputStartIconComponent, } from "@qualcomm-ui/angular/input";
+import { QBindDirective } from "@qualcomm-ui/angular-core/machine";
+import { TextInputClearTriggerDirective } from "./text-input-clear-trigger.directive";
+import { TextInputErrorIndicatorDirective } from "./text-input-error-indicator.directive";
+import { TextInputErrorTextDirective } from "./text-input-error-text.directive";
+import { TextInputHintDirective } from "./text-input-hint.directive";
+import { TextInputInputGroupDirective } from "./text-input-input-group.directive";
+import { TextInputInputDirective } from "./text-input-input.directive";
+import { TextInputLabelDirective } from "./text-input-label.directive";
+import { TextInputRootDirective } from "./text-input-root.directive";
+import { TextInputComponent } from "./text-input.component";
+import * as i0 from "@angular/core";
+export class TextInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: TextInputModule, declarations: [TextInputComponent,
+            TextInputClearTriggerDirective,
+            TextInputRootDirective,
+            TextInputErrorTextDirective,
+            TextInputHintDirective,
+            TextInputInputDirective,
+            TextInputInputGroupDirective,
+            TextInputLabelDirective,
+            TextInputErrorIndicatorDirective], imports: [QBindDirective,
+            IconDirective,
+            InputStartIconComponent,
+            InputEndIconComponent], exports: [TextInputComponent,
+            TextInputClearTriggerDirective,
+            TextInputRootDirective,
+            TextInputErrorTextDirective,
+            TextInputHintDirective,
+            TextInputInputDirective,
+            TextInputInputGroupDirective,
+            TextInputLabelDirective,
+            TextInputErrorIndicatorDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputModule, imports: [InputStartIconComponent,
+            InputEndIconComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TextInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TextInputComponent,
+                        TextInputClearTriggerDirective,
+                        TextInputRootDirective,
+                        TextInputErrorTextDirective,
+                        TextInputHintDirective,
+                        TextInputInputDirective,
+                        TextInputInputGroupDirective,
+                        TextInputLabelDirective,
+                        TextInputErrorIndicatorDirective,
+                    ],
+                    exports: [
+                        TextInputComponent,
+                        TextInputClearTriggerDirective,
+                        TextInputRootDirective,
+                        TextInputErrorTextDirective,
+                        TextInputHintDirective,
+                        TextInputInputDirective,
+                        TextInputInputGroupDirective,
+                        TextInputLabelDirective,
+                        TextInputErrorIndicatorDirective,
+                    ],
+                    imports: [
+                        QBindDirective,
+                        IconDirective,
+                        InputStartIconComponent,
+                        InputEndIconComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=text-input.module.js.map

package/esm2022/text-input/text-input.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.module.js","sourceRoot":"","sources":["../../../src/text-input/text-input.module.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AACvD,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EAAC,8BAA8B,EAAC,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAC,gCAAgC,EAAC,MAAM,wCAAwC,CAAA;AACvF,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;;AAgCzD,MAAM,OAAO,eAAe;wGAAf,eAAe;yGAAf,eAAe,iBA5BxB,kBAAkB;YAClB,8BAA8B;YAC9B,sBAAsB;YACtB,2BAA2B;YAC3B,sBAAsB;YACtB,uBAAuB;YACvB,4BAA4B;YAC5B,uBAAuB;YACvB,gCAAgC,aAchC,cAAc;YACd,aAAa;YACb,uBAAuB;YACvB,qBAAqB,aAdrB,kBAAkB;YAClB,8BAA8B;YAC9B,sBAAsB;YACtB,2BAA2B;YAC3B,sBAAsB;YACtB,uBAAuB;YACvB,4BAA4B;YAC5B,uBAAuB;YACvB,gCAAgC;yGASvB,eAAe,YAJxB,uBAAuB;YACvB,qBAAqB;;4FAGZ,eAAe;kBA9B3B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,kBAAkB;wBAClB,8BAA8B;wBAC9B,sBAAsB;wBACtB,2BAA2B;wBAC3B,sBAAsB;wBACtB,uBAAuB;wBACvB,4BAA4B;wBAC5B,uBAAuB;wBACvB,gCAAgC;qBACjC;oBACD,OAAO,EAAE;wBACP,kBAAkB;wBAClB,8BAA8B;wBAC9B,sBAAsB;wBACtB,2BAA2B;wBAC3B,sBAAsB;wBACtB,uBAAuB;wBACvB,4BAA4B;wBAC5B,uBAAuB;wBACvB,gCAAgC;qBACjC;oBACD,OAAO,EAAE;wBACP,cAAc;wBACd,aAAa;wBACb,uBAAuB;wBACvB,qBAAqB;qBACtB;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {NgModule} from \"@angular/core\"\n\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\nimport {\n  InputEndIconComponent,\n  InputStartIconComponent,\n} from \"@qualcomm-ui/angular/input\"\nimport {QBindDirective} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {TextInputClearTriggerDirective} from \"./text-input-clear-trigger.directive\"\nimport {TextInputErrorIndicatorDirective} from \"./text-input-error-indicator.directive\"\nimport {TextInputErrorTextDirective} from \"./text-input-error-text.directive\"\nimport {TextInputHintDirective} from \"./text-input-hint.directive\"\nimport {TextInputInputGroupDirective} from \"./text-input-input-group.directive\"\nimport {TextInputInputDirective} from \"./text-input-input.directive\"\nimport {TextInputLabelDirective} from \"./text-input-label.directive\"\nimport {TextInputRootDirective} from \"./text-input-root.directive\"\nimport {TextInputComponent} from \"./text-input.component\"\n\n@NgModule({\n  declarations: [\n    TextInputComponent,\n    TextInputClearTriggerDirective,\n    TextInputRootDirective,\n    TextInputErrorTextDirective,\n    TextInputHintDirective,\n    TextInputInputDirective,\n    TextInputInputGroupDirective,\n    TextInputLabelDirective,\n    TextInputErrorIndicatorDirective,\n  ],\n  exports: [\n    TextInputComponent,\n    TextInputClearTriggerDirective,\n    TextInputRootDirective,\n    TextInputErrorTextDirective,\n    TextInputHintDirective,\n    TextInputInputDirective,\n    TextInputInputGroupDirective,\n    TextInputLabelDirective,\n    TextInputErrorIndicatorDirective,\n  ],\n  imports: [\n    QBindDirective,\n    IconDirective,\n    InputStartIconComponent,\n    InputEndIconComponent,\n  ],\n})\nexport class TextInputModule {}\n"]}

package/esm2022/theme/index.js

@@ -0,0 +1,3 @@
+export * from "./qds-theme-providers";
+export * from "./qds-theme.service";
+//# sourceMappingURL=index.js.map

package/esm2022/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA","sourcesContent":["export * from \"./qds-theme-providers\"\nexport * from \"./qds-theme.service\"\nexport type * from \"./qds-theme.types\"\n"]}

package/esm2022/theme/qds-theme-providers.js

@@ -0,0 +1,73 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { inject, InjectionToken, makeEnvironmentProviders, REQUEST, } from "@angular/core";
+export const THEME_COOKIE_NAME = "qds-theme";
+export const BRAND_COOKIE_NAME = "qds-brand";
+/**
+ * Concrete values are provided at bootstrap, but we attach a
+ * factory so injection works even if the caller forgets to register them,
+ * falling back to the light theme / first brand.
+ */
+export const THEME_COOKIE = new InjectionToken("THEME_COOKIE", {
+    factory: () => "dark",
+});
+export const BRAND_COOKIE = new InjectionToken("BRAND_COOKIE", {
+    factory: () => "qualcomm",
+});
+/**
+ * Reads the cookie in both the browser (document.cookie) and during SSR
+ * (Fetch Request.headers) and makes it available through THEME_COOKIE.
+ */
+export function provideThemeCookie() {
+    return makeEnvironmentProviders([
+        {
+            provide: THEME_COOKIE,
+            useFactory: () => {
+                const opts = inject(QDS_THEME_OPTIONS, { optional: true });
+                return (opts?.themeOverride || readCookie(THEME_COOKIE_NAME, "dark"));
+            },
+        },
+    ]);
+}
+/**
+ * Same helper for the brand cookie.
+ */
+export function provideBrandCookie() {
+    return makeEnvironmentProviders([
+        {
+            provide: BRAND_COOKIE,
+            useFactory: () => {
+                const opts = inject(QDS_THEME_OPTIONS, { optional: true });
+                return (opts?.brandOverride ||
+                    readCookie(BRAND_COOKIE_NAME, "qualcomm"));
+            },
+        },
+    ]);
+}
+export const QDS_THEME_OPTIONS = new InjectionToken("QDS_THEME_OPTIONS");
+export function provideQdsTheme(opts) {
+    return {
+        provide: QDS_THEME_OPTIONS,
+        useValue: opts || {
+            skipAttributes: false,
+        },
+    };
+}
+function readCookie(name, fallback) {
+    // Browser path
+    // eslint-disable-next-line no-restricted-globals
+    if (typeof document !== "undefined") {
+        // eslint-disable-next-line no-restricted-globals
+        const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`));
+        return match?.[1] ?? fallback;
+    }
+    // Server path – Fetch Request is registered in the injector
+    const request = inject(REQUEST, { optional: true });
+    if (request) {
+        const cookieHeader = request.headers.get("cookie") ?? "";
+        const match = cookieHeader.match(new RegExp(`(?:^|; )${name}=([^;]*)`));
+        return match?.[1] ?? fallback;
+    }
+    return fallback;
+}
+//# sourceMappingURL=qds-theme-providers.js.map

package/esm2022/theme/qds-theme-providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-theme-providers.js","sourceRoot":"","sources":["../../../src/theme/qds-theme-providers.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAEL,MAAM,EACN,cAAc,EACd,wBAAwB,EAExB,OAAO,GACR,MAAM,eAAe,CAAA;AAItB,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAC5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,cAAc,CAAQ,cAAc,EAAE;IACpE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM;CACtB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,cAAc,CAAQ,cAAc,EAAE;IACpE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU;CAC1B,CAAC,CAAA;AAEF;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,wBAAwB,CAAC;QAC9B;YACE,OAAO,EAAE,YAAY;YACrB,UAAU,EAAE,GAAG,EAAE;gBACf,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;gBACxD,OAAO,CACL,IAAI,EAAE,aAAa,IAAI,UAAU,CAAQ,iBAAiB,EAAE,MAAM,CAAC,CACpE,CAAA;YACH,CAAC;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB;IAChC,OAAO,wBAAwB,CAAC;QAC9B;YACE,OAAO,EAAE,YAAY;YACrB,UAAU,EAAE,GAAG,EAAE;gBACf,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;gBACxD,OAAO,CACL,IAAI,EAAE,aAAa;oBACnB,UAAU,CAAQ,iBAAiB,EAAE,UAAU,CAAC,CACjD,CAAA;YACH,CAAC;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,cAAc,CAEjD,mBAAmB,CAAC,CAAA;AAEtB,MAAM,UAAU,eAAe,CAAC,IAA8B;IAC5D,OAAO;QACL,OAAO,EAAE,iBAAiB;QAC1B,QAAQ,EAAE,IAAI,IAAI;YAChB,cAAc,EAAE,KAAK;SACtB;KACF,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAmB,IAAY,EAAE,QAAW;IAC7D,eAAe;IACf,iDAAiD;IACjD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,iDAAiD;QACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,CAAA;QAC1E,OAAQ,KAAK,EAAE,CAAC,CAAC,CAAmB,IAAI,QAAQ,CAAA;IAClD,CAAC;IAED,4DAA4D;IAC5D,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAA;IACjD,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;QACxD,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,CAAA;QACvE,OAAQ,KAAK,EAAE,CAAC,CAAC,CAAmB,IAAI,QAAQ,CAAA;IAClD,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  type EnvironmentProviders,\n  inject,\n  InjectionToken,\n  makeEnvironmentProviders,\n  type Provider,\n  REQUEST,\n} from \"@angular/core\"\n\nimport type {Brand, QdsThemeProviderOptions, Theme} from \"./qds-theme.types\"\n\nexport const THEME_COOKIE_NAME = \"qds-theme\"\nexport const BRAND_COOKIE_NAME = \"qds-brand\"\n\n/**\n * Concrete values are provided at bootstrap, but we attach a\n * factory so injection works even if the caller forgets to register them,\n * falling back to the light theme / first brand.\n */\nexport const THEME_COOKIE = new InjectionToken<Theme>(\"THEME_COOKIE\", {\n  factory: () => \"dark\",\n})\n\nexport const BRAND_COOKIE = new InjectionToken<Brand>(\"BRAND_COOKIE\", {\n  factory: () => \"qualcomm\",\n})\n\n/**\n * Reads the cookie in both the browser (document.cookie) and during SSR\n * (Fetch Request.headers) and makes it available through THEME_COOKIE.\n */\nexport function provideThemeCookie(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: THEME_COOKIE,\n      useFactory: () => {\n        const opts = inject(QDS_THEME_OPTIONS, {optional: true})\n        return (\n          opts?.themeOverride || readCookie<Theme>(THEME_COOKIE_NAME, \"dark\")\n        )\n      },\n    },\n  ])\n}\n\n/**\n * Same helper for the brand cookie.\n */\nexport function provideBrandCookie(): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: BRAND_COOKIE,\n      useFactory: () => {\n        const opts = inject(QDS_THEME_OPTIONS, {optional: true})\n        return (\n          opts?.brandOverride ||\n          readCookie<Brand>(BRAND_COOKIE_NAME, \"qualcomm\")\n        )\n      },\n    },\n  ])\n}\n\nexport const QDS_THEME_OPTIONS = new InjectionToken<\n  Partial<QdsThemeProviderOptions>\n>(\"QDS_THEME_OPTIONS\")\n\nexport function provideQdsTheme(opts?: QdsThemeProviderOptions): Provider {\n  return {\n    provide: QDS_THEME_OPTIONS,\n    useValue: opts || {\n      skipAttributes: false,\n    },\n  }\n}\n\nfunction readCookie<T extends string>(name: string, fallback: T): T {\n  // Browser path\n  // eslint-disable-next-line no-restricted-globals\n  if (typeof document !== \"undefined\") {\n    // eslint-disable-next-line no-restricted-globals\n    const match = document.cookie.match(new RegExp(`(?:^|; )${name}=([^;]*)`))\n    return (match?.[1] as T | undefined) ?? fallback\n  }\n\n  // Server path – Fetch Request is registered in the injector\n  const request = inject(REQUEST, {optional: true})\n  if (request) {\n    const cookieHeader = request.headers.get(\"cookie\") ?? \"\"\n    const match = cookieHeader.match(new RegExp(`(?:^|; )${name}=([^;]*)`))\n    return (match?.[1] as T | undefined) ?? fallback\n  }\n\n  return fallback\n}\n"]}

package/esm2022/theme/qds-theme.service.js

@@ -0,0 +1,89 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { DOCUMENT, isPlatformBrowser, isPlatformServer } from "@angular/common";
+import { effect, inject, Injectable, PLATFORM_ID, signal, } from "@angular/core";
+import { BRAND_COOKIE, BRAND_COOKIE_NAME, QDS_THEME_OPTIONS, THEME_COOKIE, THEME_COOKIE_NAME, } from "./qds-theme-providers";
+import * as i0 from "@angular/core";
+export class QdsThemeService {
+    theme = signal(inject(THEME_COOKIE), ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    brand = signal(inject(BRAND_COOKIE), ...(ngDevMode ? [{ debugName: "brand" }] : []));
+    platformId = inject(PLATFORM_ID);
+    response = inject(Response, { optional: true });
+    document = inject(DOCUMENT);
+    themeOpts = inject(QDS_THEME_OPTIONS, { optional: true });
+    get themeOptions() {
+        const opts = this.themeOpts || {};
+        let rootElement = opts.rootElement;
+        if (!rootElement) {
+            if (isPlatformServer(this.platformId)) {
+                rootElement = globalThis.document?.documentElement;
+            }
+            else {
+                rootElement = this.document.documentElement;
+            }
+        }
+        return {
+            rootElement,
+            skipAttributes: typeof opts.skipAttributes === "object"
+                ? {
+                    brand: opts.skipAttributes.brand || false,
+                    theme: opts.skipAttributes.theme || false,
+                }
+                : opts.skipAttributes || false,
+        };
+    }
+    get rootElement() {
+        const elementOrFn = this.themeOptions.rootElement;
+        return typeof elementOrFn === "function" ? elementOrFn() : elementOrFn;
+    }
+    get skipBrandAttribute() {
+        const skipAttributes = this.themeOptions.skipAttributes;
+        return typeof skipAttributes === "object"
+            ? skipAttributes.brand || false
+            : skipAttributes || false;
+    }
+    get skipThemeAttribute() {
+        const skipAttributes = this.themeOptions.skipAttributes;
+        return typeof skipAttributes === "object"
+            ? skipAttributes.theme || false
+            : skipAttributes || false;
+    }
+    constructor() {
+        effect(() => this.syncSideEffects(this.theme(), this.brand()));
+    }
+    toggleTheme() {
+        this.theme.update((theme) => (theme === "dark" ? "light" : "dark"));
+    }
+    syncSideEffects(theme, brand) {
+        if (!this.skipBrandAttribute) {
+            console.debug("applying brand");
+            this.updateHtmlAttribute("data-brand", brand);
+        }
+        if (!this.skipThemeAttribute) {
+            this.updateHtmlAttribute("data-theme", theme);
+        }
+        if (isPlatformBrowser(this.platformId)) {
+            const maxAge = 60 * 60 * 24 * 365; // 1 year
+            this.document.cookie = `${THEME_COOKIE_NAME}=${theme}; Path=/; Max-Age=${maxAge}; SameSite=Lax`;
+            this.document.cookie = `${BRAND_COOKIE_NAME}=${brand}; Path=/; Max-Age=${maxAge}; SameSite=Lax`;
+        }
+        else if (this.response) {
+            // Persist cookies by appending headers to the Fetch Response
+            this.appendSetCookieHeader(THEME_COOKIE_NAME, theme);
+            this.appendSetCookieHeader(BRAND_COOKIE_NAME, brand);
+        }
+    }
+    updateHtmlAttribute(name, value) {
+        this.rootElement?.setAttribute?.(name, value);
+    }
+    appendSetCookieHeader(name, value) {
+        this.response.headers.append("Set-Cookie", `${name}=${value}; Path=/; Max-Age=${60 * 60 * 24 * 365}; SameSite=Lax`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsThemeService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=qds-theme.service.js.map

package/esm2022/theme/qds-theme.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-theme.service.js","sourceRoot":"","sources":["../../../src/theme/qds-theme.service.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {DOCUMENT, isPlatformBrowser, isPlatformServer} from \"@angular/common\"\nimport {\n  effect,\n  inject,\n  Injectable,\n  PLATFORM_ID,\n  signal,\n  type WritableSignal,\n} from \"@angular/core\"\n\nimport {\n  BRAND_COOKIE,\n  BRAND_COOKIE_NAME,\n  QDS_THEME_OPTIONS,\n  THEME_COOKIE,\n  THEME_COOKIE_NAME,\n} from \"./qds-theme-providers\"\nimport type {Brand, QdsThemeProviderOptions, Theme} from \"./qds-theme.types\"\n\n@Injectable({providedIn: \"root\"})\nexport class QdsThemeService {\n  readonly theme: WritableSignal<Theme> = signal(inject(THEME_COOKIE))\n  readonly brand: WritableSignal<Brand> = signal(inject(BRAND_COOKIE))\n\n  private readonly platformId = inject(PLATFORM_ID)\n  private readonly response = inject(Response, {optional: true})\n  private readonly document = inject(DOCUMENT)\n\n  private readonly themeOpts: Partial<QdsThemeProviderOptions | null> = inject(\n    QDS_THEME_OPTIONS,\n    {optional: true},\n  )\n\n  get themeOptions(): Required<\n    Omit<QdsThemeProviderOptions, \"brandOverride\" | \"themeOverride\">\n  > {\n    const opts = this.themeOpts || {}\n    let rootElement = opts.rootElement\n    if (!rootElement) {\n      if (isPlatformServer(this.platformId)) {\n        rootElement = globalThis.document?.documentElement\n      } else {\n        rootElement = this.document.documentElement\n      }\n    }\n    return {\n      rootElement,\n      skipAttributes:\n        typeof opts.skipAttributes === \"object\"\n          ? {\n              brand: opts.skipAttributes.brand || false,\n              theme: opts.skipAttributes.theme || false,\n            }\n          : opts.skipAttributes || false,\n    }\n  }\n\n  get rootElement(): HTMLElement {\n    const elementOrFn = this.themeOptions.rootElement\n    return typeof elementOrFn === \"function\" ? elementOrFn() : elementOrFn\n  }\n\n  get skipBrandAttribute(): boolean {\n    const skipAttributes = this.themeOptions.skipAttributes\n    return typeof skipAttributes === \"object\"\n      ? skipAttributes.brand || false\n      : skipAttributes || false\n  }\n\n  get skipThemeAttribute(): boolean {\n    const skipAttributes = this.themeOptions.skipAttributes\n    return typeof skipAttributes === \"object\"\n      ? skipAttributes.theme || false\n      : skipAttributes || false\n  }\n\n  constructor() {\n    effect(() => this.syncSideEffects(this.theme(), this.brand()))\n  }\n\n  toggleTheme(): void {\n    this.theme.update((theme) => (theme === \"dark\" ? \"light\" : \"dark\"))\n  }\n\n  private syncSideEffects(theme: Theme, brand: Brand): void {\n    if (!this.skipBrandAttribute) {\n      console.debug(\"applying brand\")\n      this.updateHtmlAttribute(\"data-brand\", brand)\n    }\n    if (!this.skipThemeAttribute) {\n      this.updateHtmlAttribute(\"data-theme\", theme)\n    }\n\n    if (isPlatformBrowser(this.platformId)) {\n      const maxAge = 60 * 60 * 24 * 365 // 1 year\n\n      this.document.cookie = `${THEME_COOKIE_NAME}=${theme}; Path=/; Max-Age=${maxAge}; SameSite=Lax`\n      this.document.cookie = `${BRAND_COOKIE_NAME}=${brand}; Path=/; Max-Age=${maxAge}; SameSite=Lax`\n    } else if (this.response) {\n      // Persist cookies by appending headers to the Fetch Response\n      this.appendSetCookieHeader(THEME_COOKIE_NAME, theme)\n      this.appendSetCookieHeader(BRAND_COOKIE_NAME, brand)\n    }\n  }\n\n  private updateHtmlAttribute(name: string, value: string): void {\n    this.rootElement?.setAttribute?.(name, value)\n  }\n\n  private appendSetCookieHeader(name: string, value: string): void {\n    this.response!.headers.append(\n      \"Set-Cookie\",\n      `${name}=${value}; Path=/; Max-Age=${60 * 60 * 24 * 365}; SameSite=Lax`,\n    )\n  }\n}\n"]}

package/esm2022/theme/qds-theme.types.js

@@ -0,0 +1,4 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+export {};
+//# sourceMappingURL=qds-theme.types.js.map

package/esm2022/theme/qds-theme.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-theme.types.js","sourceRoot":"","sources":["../../../src/theme/qds-theme.types.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport type Brand = \"qualcomm\" | \"snapdragon\" | \"dragonwing\"\nexport type Theme = \"light\" | \"dark\"\n\nexport interface QdsThemeProviderOptions {\n  /**\n   * The forced QDS Brand for the application. This setting, if supplied, overrides\n   * the value from the cookie.\n   *\n   * @default 'qualcomm'\n   */\n  brandOverride?: Brand\n\n  /**\n   * A root node to apply the theme/brand attributes to. Used for CSS scoping.\n   *\n   * @default `document.documentElement`\n   */\n  rootElement?: HTMLElement | (() => HTMLElement)\n\n  /**\n   * If `true`, skip writing the theme and brand attributes to data attributes on\n   * the {@link rootElement}. This will not prevent the value of the brand/theme\n   * from being updated in storage. Useful if you want to scope a subsection of your\n   * application to a specific brand/theme without changing the global attributes.\n   *\n   * @default false\n   */\n  skipAttributes?:\n    | boolean\n    | {\n        brand?: boolean | undefined\n        theme?: boolean | undefined\n      }\n\n  /**\n   * The forced QDS theme for the application. This setting, if supplied, overrides\n   * the value from the cookie.\n   *\n   * @default 'dark'\n   */\n  themeOverride?: Theme\n}\n"]}

package/esm2022/theme/qualcomm-ui-angular-theme.js

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

package/esm2022/theme/qualcomm-ui-angular-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qualcomm-ui-angular-theme.js","sourceRoot":"","sources":["../../../src/theme/qualcomm-ui-angular-theme.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/toast/create-toaster.js

@@ -0,0 +1,7 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { createToastStore, } from "@qualcomm-ui/core/toast";
+export function createToaster(options) {
+    return createToastStore(options);
+}
+//# sourceMappingURL=create-toaster.js.map

package/esm2022/toast/create-toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-toaster.js","sourceRoot":"","sources":["../../../src/toast/create-toaster.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,GAIjB,MAAM,yBAAyB,CAAA;AAMhC,MAAM,UAAU,aAAa,CAAC,OAA6B;IACzD,OAAO,gBAAgB,CAAS,OAAO,CAAC,CAAA;AAC1C,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  createToastStore,\n  type ToasterCreateOptions,\n  type ToastOptions,\n  type ToastStore,\n} from \"@qualcomm-ui/core/toast\"\n\nexport interface ToasterInstance extends ToastStore<string> {}\n\nexport interface ToastCreateOptions extends ToastOptions<string> {}\n\nexport function createToaster(options: ToasterCreateOptions): ToasterInstance {\n  return createToastStore<string>(options)\n}\n"]}

package/esm2022/toast/index.js

@@ -0,0 +1,14 @@
+export * from "./create-toaster";
+export * from "./qds-toast-context.service";
+export * from "./toast-action.directive";
+export * from "./toast-close-button.directive";
+export * from "./toast-context.directive";
+export * from "./toast-description.directive";
+export * from "./toast-icon.directive";
+export * from "./toast-label.directive";
+export * from "./toast-provider.directive";
+export * from "./toast-root.directive";
+export * from "./toast.module";
+export * from "./toaster.directive";
+export * from "./toaster.service";
+//# sourceMappingURL=index.js.map

package/esm2022/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA","sourcesContent":["export * from \"./create-toaster\"\nexport * from \"./qds-toast-context.service\"\nexport * from \"./toast-action.directive\"\nexport * from \"./toast-close-button.directive\"\nexport * from \"./toast-context.directive\"\nexport * from \"./toast-description.directive\"\nexport * from \"./toast-icon.directive\"\nexport * from \"./toast-label.directive\"\nexport * from \"./toast-provider.directive\"\nexport * from \"./toast-root.directive\"\nexport * from \"./toast.module\"\nexport * from \"./toaster.directive\"\nexport * from \"./toaster.service\"\n"]}

package/esm2022/toast/qds-toast-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 QdsToastContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsToastContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsToastContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: QdsToastContextService, decorators: [{
+            type: Injectable
+        }] });
+export const [QDS_TOAST_CONTEXT, useQdsToastContext, provideQdsToastContext,] = createApiContext("QdsToastContext", QdsToastContextService);
+//# sourceMappingURL=qds-toast-context.service.js.map

package/esm2022/toast/qds-toast-context.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-toast-context.service.js","sourceRoot":"","sources":["../../../src/toast/qds-toast-context.service.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAExC,OAAO,EAEL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;;AAI1C,MAAM,OAAO,sBAAuB,SAAQ,qBAAkC;wGAAjE,sBAAsB;4GAAtB,sBAAsB;;4FAAtB,sBAAsB;kBADlC,UAAU;;AAGX,MAAM,CAAC,MAAM,CACX,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACvB,GAA4B,gBAAgB,CAC3C,iBAAiB,EACjB,sBAAsB,CACvB,CAAA","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Injectable} from \"@angular/core\"\n\nimport {\n  type ApiContext,\n  BaseApiContextService,\n  createApiContext,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {QdsToastApi} from \"@qualcomm-ui/qds-core/toast\"\n\n@Injectable()\nexport class QdsToastContextService extends BaseApiContextService<QdsToastApi> {}\n\nexport const [\n  QDS_TOAST_CONTEXT,\n  useQdsToastContext,\n  provideQdsToastContext,\n]: ApiContext<QdsToastApi> = createApiContext<QdsToastApi>(\n  \"QdsToastContext\",\n  QdsToastContextService,\n)\n"]}

package/esm2022/toast/qualcomm-ui-angular-toast.js

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