@qualcomm-ui/angular 1.0.0

package/esm2022/icon/use-lucide-icon.js

@@ -0,0 +1,94 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, effect, ElementRef, inject, Renderer2, } from "@angular/core";
+import { useOnDestroy } from "@qualcomm-ui/angular-core/common";
+import { LUCIDE_ICONS, } from "@qualcomm-ui/angular-core/lucide";
+import { applyBindings, normalizeProps } from "@qualcomm-ui/angular-core/machine";
+import { accessSignal } from "@qualcomm-ui/angular-core/signals";
+import { getQdsIconBindings, } from "@qualcomm-ui/qds-core/icon";
+import { pascalCase } from "@qualcomm-ui/utils/change-case";
+export function useLucideIcon(options = {}) {
+    const elementRef = options.elementRef || inject(ElementRef);
+    const renderer = options.renderer2 || inject(Renderer2);
+    const onDestroy = useOnDestroy();
+    let createdElements = [];
+    const iconProps = options.iconProps || {};
+    const providedIcons = options.icons ||
+        inject(LUCIDE_ICONS, {
+            optional: true,
+        });
+    const xmlns = accessSignal(iconProps.xmlns) || "http://www.w3.org/2000/svg";
+    const resolvedIcon = computed(() => {
+        return getIcon(accessSignal(options.icon));
+    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : []));
+    function isSvgHostElement() {
+        return elementRef.nativeElement.tagName === "svg";
+    }
+    const getIconBindings = computed(() => {
+        return getQdsIconBindings({
+            height: accessSignal(iconProps?.height),
+            size: accessSignal(iconProps?.size),
+            viewBox: accessSignal(iconProps?.viewBox),
+            width: accessSignal(iconProps?.width),
+            xmlns,
+        }, normalizeProps);
+    }, ...(ngDevMode ? [{ debugName: "getIconBindings" }] : []));
+    function getSvgElement() {
+        if (isSvgHostElement()) {
+            return elementRef.nativeElement;
+        }
+        return createIconPart(["svg", getIconBindings()], elementRef.nativeElement);
+    }
+    function createIconPart([tag, attrs], appendTarget) {
+        const element = renderer.createElement(tag, xmlns);
+        applyBindings(element, attrs, renderer);
+        renderer.appendChild(appendTarget, element);
+        createdElements.push(element);
+        return element;
+    }
+    function clearIconParts() {
+        createdElements.forEach((element) => {
+            if (element.parentNode) {
+                renderer.removeChild(element.parentNode, element);
+            }
+        });
+        createdElements = [];
+    }
+    function getIcon(iconOrName) {
+        if (typeof iconOrName !== "string") {
+            return iconOrName;
+        }
+        const icons = providedIcons || {};
+        const iconName = pascalCase(iconOrName);
+        const icon = icons[iconName] || icons[`${iconName}Icon`] || icons[iconOrName];
+        if (options.throwOnUnresolvedStringIcon && !icon) {
+            throw new Error(`Expected to find an icon named "${iconName}" but none was provided. Refer to the provider documentation at https://qui.aws.qualcomm.com/components/icons#provider`);
+        }
+        return icon;
+    }
+    effect(() => {
+        clearIconParts();
+        const data = resolvedIcon();
+        if (!data) {
+            clearIconParts();
+            return;
+        }
+        const svgElement = getSvgElement();
+        if (isSvgHostElement()) {
+            applyBindings(svgElement, getIconBindings(), renderer);
+        }
+        if (data) {
+            data.forEach((part) => {
+                createIconPart(part, svgElement);
+            });
+        }
+    });
+    onDestroy(() => clearIconParts());
+    return {
+        getIconBindings,
+        icon: resolvedIcon,
+        icons: providedIcons,
+        xmlns,
+    };
+}
+//# sourceMappingURL=use-lucide-icon.js.map

package/esm2022/icon/use-lucide-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lucide-icon.js","sourceRoot":"","sources":["../../../src/icon/use-lucide-icon.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  Renderer2,\n  type Signal,\n} from \"@angular/core\"\n\nimport {useOnDestroy} from \"@qualcomm-ui/angular-core/common\"\nimport {\n  LUCIDE_ICONS,\n  type LucideIcon,\n  type LucideIconOrString,\n  type LucideIconPart,\n  type LucideIconProviderValue,\n} from \"@qualcomm-ui/angular-core/lucide\"\nimport {applyBindings, normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport {accessSignal, type MaybeSignal} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  getQdsIconBindings,\n  type QdsIconBindings,\n  type QdsIconSize,\n} from \"@qualcomm-ui/qds-core/icon\"\nimport {pascalCase} from \"@qualcomm-ui/utils/change-case\"\nimport type {Dict} from \"@qualcomm-ui/utils/machine\"\n\nexport interface UseLucideIconOptions<\n  ThrowOnUnresolvedStringIcon extends boolean | undefined = false,\n> {\n  elementRef?: ElementRef<HTMLElement>\n  icon?: MaybeSignal<LucideIconOrString | undefined> | undefined\n  iconProps?: {\n    height?: MaybeSignal<string | number | undefined>\n    size?: MaybeSignal<QdsIconSize | undefined>\n    viewBox?: MaybeSignal<string | undefined>\n    width?: MaybeSignal<string | number | undefined>\n    xmlns?: MaybeSignal<string | undefined>\n  }\n  icons?: LucideIconProviderValue | null\n  /**\n   * If true, the QDS data-size attribute will not be applied to the icon. This is\n   * useful if you want to use the icon in a context where the size binding is\n   * already applied.\n   */\n  renderer2?: Renderer2\n  /**\n   * Throws an error if the provided icon is undefined or not found (when passed as\n   * a string it is resolved against the nearest provider returned from the\n   * provideIcons utility function).\n   */\n  throwOnUnresolvedStringIcon?: ThrowOnUnresolvedStringIcon\n}\n\nexport interface UseLucideIconReturn<\n  ThrowOnUnresolvedStringIcon extends boolean = false,\n> {\n  getIconBindings: Signal<QdsIconBindings>\n  icon: ThrowOnUnresolvedStringIcon extends true\n    ? Signal<LucideIcon>\n    : Signal<LucideIcon | undefined>\n  icons: LucideIconProviderValue | null\n  xmlns: string\n}\n\nexport function useLucideIcon<\n  ThrowOnUnresolvedStringIcon extends boolean | undefined = false,\n>(\n  options: UseLucideIconOptions<ThrowOnUnresolvedStringIcon> = {},\n): UseLucideIconReturn {\n  const elementRef: ElementRef<HTMLElement> =\n    options.elementRef || inject(ElementRef)\n  const renderer = options.renderer2 || inject(Renderer2)\n  const onDestroy = useOnDestroy()\n  let createdElements: HTMLElement[] = []\n  const iconProps = options.iconProps || {}\n\n  const providedIcons =\n    options.icons ||\n    inject<LucideIconProviderValue | null>(LUCIDE_ICONS, {\n      optional: true,\n    })\n\n  const xmlns = accessSignal(iconProps.xmlns) || \"http://www.w3.org/2000/svg\"\n  const resolvedIcon = computed(() => {\n    return getIcon(accessSignal(options.icon))\n  })\n\n  function isSvgHostElement(): boolean {\n    return elementRef.nativeElement.tagName === \"svg\"\n  }\n\n  const getIconBindings = computed(() => {\n    return getQdsIconBindings(\n      {\n        height: accessSignal(iconProps?.height),\n        size: accessSignal(iconProps?.size),\n        viewBox: accessSignal(iconProps?.viewBox),\n        width: accessSignal(iconProps?.width),\n        xmlns,\n      },\n      normalizeProps,\n    )\n  })\n\n  function getSvgElement() {\n    if (isSvgHostElement()) {\n      return elementRef.nativeElement\n    }\n    return createIconPart(\n      [\"svg\", getIconBindings() as Dict],\n      elementRef.nativeElement,\n    )\n  }\n\n  function createIconPart(\n    [tag, attrs]: LucideIconPart,\n    appendTarget: HTMLElement,\n  ): HTMLElement {\n    const element: HTMLElement = renderer.createElement(tag, xmlns)\n\n    applyBindings(element, attrs, renderer)\n\n    renderer.appendChild(appendTarget, element)\n    createdElements.push(element)\n    return element\n  }\n\n  function clearIconParts(): void {\n    createdElements.forEach((element) => {\n      if (element.parentNode) {\n        renderer.removeChild(element.parentNode, element)\n      }\n    })\n    createdElements = []\n  }\n\n  function getIcon(\n    iconOrName: LucideIcon | string | undefined,\n  ): LucideIcon | undefined {\n    if (typeof iconOrName !== \"string\") {\n      return iconOrName\n    }\n    const icons = providedIcons || {}\n    const iconName = pascalCase(iconOrName)\n    const icon =\n      icons[iconName] || icons[`${iconName}Icon`] || icons[iconOrName]\n    if (options.throwOnUnresolvedStringIcon && !icon) {\n      throw new Error(\n        `Expected to find an icon named \"${iconName}\" but none was provided. Refer to the provider documentation at https://qui.aws.qualcomm.com/components/icons#provider`,\n      )\n    }\n    return icon\n  }\n\n  effect(() => {\n    clearIconParts()\n    const data = resolvedIcon()\n    if (!data) {\n      clearIconParts()\n      return\n    }\n    const svgElement = getSvgElement()\n    if (isSvgHostElement()) {\n      applyBindings(svgElement, getIconBindings(), renderer)\n    }\n    if (data) {\n      data.forEach((part) => {\n        createIconPart(part, svgElement)\n      })\n    }\n  })\n\n  onDestroy(() => clearIconParts())\n\n  return {\n    getIconBindings,\n    icon: resolvedIcon,\n    icons: providedIcons,\n    xmlns,\n  }\n}\n"]}

package/esm2022/index.js

@@ -0,0 +1,4 @@
+// Intentionally left empty to trick ng-packagr into building.
+// This library only provides secondary entrypoints, i.e. @qualcomm-ui/angular/*
+export {};
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,gFAAgF;AAChF,OAAO,EAAE,CAAA","sourcesContent":["// Intentionally left empty to trick ng-packagr into building.\n// This library only provides secondary entrypoints, i.e. @qualcomm-ui/angular/*\nexport {}\n"]}

package/esm2022/inline-icon-button/index.js

@@ -0,0 +1,3 @@
+export * from "./inline-icon-button.component";
+export * from "./use-inline-icon-button-api";
+//# sourceMappingURL=index.js.map

package/esm2022/inline-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/inline-icon-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA","sourcesContent":["export * from \"./inline-icon-button.component\"\nexport * from \"./use-inline-icon-button-api\"\n"]}

package/esm2022/inline-icon-button/inline-icon-button.component.js

@@ -0,0 +1,60 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { X } from "lucide-angular";
+import { IconDirective } from "@qualcomm-ui/angular/icon";
+import { QBindDirective, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
+import {} from "@qualcomm-ui/qds-core/inline-icon-button";
+import { useInlineIconButtonApi } from "./use-inline-icon-button-api";
+import * as i0 from "@angular/core";
+export class InlineIconButtonComponent {
+    /**
+     * @default X
+     */
+    icon = input(X, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    /**
+     * The style variant of the button. Governs color.
+     *
+     * @default 'neutral'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * The size of the button and its icon.
+     *
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * The style variant of the button's icon that controls its size
+     *
+     * @option `scale`: The icon size scales with the button's size
+     * @option `fixed`: The icon size is constant, regardless of the button's size
+     *
+     * @default 'fixed'
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    api = useInlineIconButtonApi({
+        emphasis: this.emphasis,
+        size: this.size,
+        variant: this.variant,
+    });
+    trackBindings = useTrackBindings(() => this.api().getRootBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: InlineIconButtonComponent, isStandalone: true, selector: "[q-inline-icon-button]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg [q-bind]="api().getIconBindings()" [qIcon]="icon()"></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineIconButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [IconDirective, QBindDirective],
+                    selector: "[q-inline-icon-button]",
+                    template: `
+    <svg [q-bind]="api().getIconBindings()" [qIcon]="icon()"></svg>
+  `,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=inline-icon-button.component.js.map

package/esm2022/inline-icon-button/inline-icon-button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-icon-button.component.js","sourceRoot":"","sources":["../../../src/inline-icon-button/inline-icon-button.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAC,CAAC,EAAC,MAAM,gBAAgB,CAAA;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAA;AAEvD,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAKN,MAAM,0CAA0C,CAAA;AAEjD,OAAO,EAAC,sBAAsB,EAAC,MAAM,8BAA8B,CAAA;;AASnE,MAAM,OAAO,yBAAyB;IAGpC;;OAEG;IACM,IAAI,GAAG,KAAK,CAAa,CAAC,gDAAC,CAAA;IAEpC;;;;OAIG;IACM,QAAQ,GAAG,KAAK,8DAA+B,CAAA;IAExD;;;;OAIG;IACM,IAAI,GAAG,KAAK,0DAA2B,CAAA;IAEhD;;;;;;;OAOG;IACM,OAAO,GAAG,KAAK,6DAA0C,CAAA;IAE/C,GAAG,GAAG,sBAAsB,CAAC;QAC9C,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC,CAAA;IAEO,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAA;IAE7E,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA1CU,yBAAyB;4FAAzB,yBAAyB,ukBAJ1B;;GAET,4DAJS,aAAa,yHAAE,cAAc;;4FAM5B,yBAAyB;kBAPrC,SAAS;mBAAC;oBACT,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;oBACxC,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input, type OnInit} from \"@angular/core\"\nimport {X} from \"lucide-angular\"\n\nimport {IconDirective} from \"@qualcomm-ui/angular/icon\"\nimport type {LucideIcon} from \"@qualcomm-ui/angular-core/lucide\"\nimport {\n  QBindDirective,\n  useTrackBindings,\n} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  type QdsInlineIconButtonApiProps,\n  type QdsInlineIconButtonEmphasis,\n  type QdsInlineIconButtonSize,\n  type QdsInlineIconButtonVariant,\n} from \"@qualcomm-ui/qds-core/inline-icon-button\"\n\nimport {useInlineIconButtonApi} from \"./use-inline-icon-button-api\"\n\n@Component({\n  imports: [IconDirective, QBindDirective],\n  selector: \"[q-inline-icon-button]\",\n  template: `\n    <svg [q-bind]=\"api().getIconBindings()\" [qIcon]=\"icon()\"></svg>\n  `,\n})\nexport class InlineIconButtonComponent\n  implements SignalifyInput<QdsInlineIconButtonApiProps>, OnInit\n{\n  /**\n   * @default X\n   */\n  readonly icon = input<LucideIcon>(X)\n\n  /**\n   * The style variant of the button. Governs color.\n   *\n   * @default 'neutral'\n   */\n  readonly emphasis = input<QdsInlineIconButtonEmphasis>()\n\n  /**\n   * The size of the button and its icon.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsInlineIconButtonSize>()\n\n  /**\n   * The style variant of the button's icon that controls its size\n   *\n   * @option `scale`: The icon size scales with the button's size\n   * @option `fixed`: The icon size is constant, regardless of the button's size\n   *\n   * @default 'fixed'\n   */\n  readonly variant = input<QdsInlineIconButtonVariant | undefined>()\n\n  protected readonly api = useInlineIconButtonApi({\n    emphasis: this.emphasis,\n    size: this.size,\n    variant: this.variant,\n  })\n\n  readonly trackBindings = useTrackBindings(() => this.api().getRootBindings())\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/inline-icon-button/qualcomm-ui-angular-inline-icon-button.js

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

package/esm2022/inline-icon-button/qualcomm-ui-angular-inline-icon-button.js.map

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

@@ -0,0 +1,13 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, isSignal } from "@angular/core";
+import { normalizeProps } from "@qualcomm-ui/angular-core/machine";
+import { createQdsInlineIconButtonApi, } from "@qualcomm-ui/qds-core/inline-icon-button";
+export function useInlineIconButtonApi({ emphasis, size, variant, }) {
+    return computed(() => createQdsInlineIconButtonApi({
+        emphasis: isSignal(emphasis) ? emphasis() : emphasis,
+        size: isSignal(size) ? size() : size,
+        variant: isSignal(variant) ? variant() : variant,
+    }, normalizeProps));
+}
+//# sourceMappingURL=use-inline-icon-button-api.js.map

package/esm2022/inline-icon-button/use-inline-icon-button-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-inline-icon-button-api.js","sourceRoot":"","sources":["../../../src/inline-icon-button/use-inline-icon-button-api.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAc,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EACL,4BAA4B,GAG7B,MAAM,0CAA0C,CAAA;AAGjD,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,OAAO,GACuC;IAC9C,OAAO,QAAQ,CAAC,GAAG,EAAE,CACnB,4BAA4B,CAC1B;QACE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ;QACpD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI;QACpC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO;KACD,EACjD,cAAc,CACf,CACF,CAAA;AACH,CAAC","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, isSignal, type Signal} from \"@angular/core\"\n\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport type {MaybeSignalInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsInlineIconButtonApi,\n  type QdsInlineIconButtonApi,\n  type QdsInlineIconButtonApiProps,\n} from \"@qualcomm-ui/qds-core/inline-icon-button\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nexport function useInlineIconButtonApi({\n  emphasis,\n  size,\n  variant,\n}: MaybeSignalInput<QdsInlineIconButtonApiProps>): Signal<QdsInlineIconButtonApi> {\n  return computed(() =>\n    createQdsInlineIconButtonApi(\n      {\n        emphasis: isSignal(emphasis) ? emphasis() : emphasis,\n        size: isSignal(size) ? size() : size,\n        variant: isSignal(variant) ? variant() : variant,\n      } satisfies Explicit<QdsInlineIconButtonApiProps>,\n      normalizeProps,\n    ),\n  )\n}\n"]}

package/esm2022/inline-notification/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/inline-notification/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAA;AACtD,cAAc,8CAA8C,CAAA;AAC5D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,sCAAsC,CAAA;AACpD,cAAc,uCAAuC,CAAA;AACrD,cAAc,sCAAsC,CAAA;AACpD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2CAA2C,CAAA","sourcesContent":["export * from \"./inline-notification-action.directive\"\nexport * from \"./inline-notification-close-button.directive\"\nexport * from \"./inline-notification-description.directive\"\nexport * from \"./inline-notification-icon.directive\"\nexport * from \"./inline-notification-label.directive\"\nexport * from \"./inline-notification-root.directive\"\nexport * from \"./inline-notification.directive\"\nexport * from \"./inline-notification.module\"\nexport * from \"./qds-inline-notification-context.service\"\n"]}

package/esm2022/inline-notification/inline-notification-action.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { CoreInlineNotificationActionDirective } from "@qualcomm-ui/angular-core/inline-notification";
+import { useQdsInlineNotificationContext } from "./qds-inline-notification-context.service";
+import * as i0 from "@angular/core";
+export class InlineNotificationActionDirective extends CoreInlineNotificationActionDirective {
+    qdsContext = useQdsInlineNotificationContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getActionBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: InlineNotificationActionDirective, isStandalone: false, selector: "[q-inline-notification-action]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-inline-notification-action]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=inline-notification-action.directive.js.map

package/esm2022/inline-notification/inline-notification-action.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-notification-action.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-action.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,qCAAqC,EAAC,MAAM,+CAA+C,CAAA;AAEnG,OAAO,EAAC,+BAA+B,EAAC,MAAM,2CAA2C,CAAA;;AAMzF,MAAM,OAAO,iCAAkC,SAAQ,qCAAqC;IACvE,UAAU,GAAG,+BAA+B,EAAE,CAAA;IAEjE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,iBAAiB,EAAE,CAAC,CACtD,CAAA;IACH,CAAC;wGARU,iCAAiC;4FAAjC,iCAAiC;;4FAAjC,iCAAiC;kBAJ7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,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} from \"@angular/core\"\n\nimport {CoreInlineNotificationActionDirective} from \"@qualcomm-ui/angular-core/inline-notification\"\n\nimport {useQdsInlineNotificationContext} from \"./qds-inline-notification-context.service\"\n\n@Directive({\n  selector: \"[q-inline-notification-action]\",\n  standalone: false,\n})\nexport class InlineNotificationActionDirective extends CoreInlineNotificationActionDirective {\n  protected readonly qdsContext = useQdsInlineNotificationContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getActionBindings()),\n    )\n  }\n}\n"]}

package/esm2022/inline-notification/inline-notification-close-button.directive.js

@@ -0,0 +1,44 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { X } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { CoreInlineNotificationCloseTriggerDirective } from "@qualcomm-ui/angular-core/inline-notification";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { useQdsInlineNotificationContext } from "./qds-inline-notification-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+import * as i2 from "@qualcomm-ui/angular-core/machine";
+export class InlineNotificationCloseButtonDirective extends CoreInlineNotificationCloseTriggerDirective {
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: "md",
+        variant: "fixed",
+    });
+    qdsContext = useQdsInlineNotificationContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.qdsContext().getCloseButtonBindings(), this.inlineIconButtonApi().getRootBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: InlineNotificationCloseButtonDirective, isStandalone: false, selector: "[q-inline-notification-close-button]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg qIcon="X" [q-bind]="inlineIconButtonApi().getIconBindings()"></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationCloseButtonDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ X })],
+                    selector: "[q-inline-notification-close-button]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg qIcon="X" [q-bind]="inlineIconButtonApi().getIconBindings()"></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=inline-notification-close-button.directive.js.map

package/esm2022/inline-notification/inline-notification-close-button.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-notification-close-button.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-close-button.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,CAAC,EAAC,MAAM,gBAAgB,CAAA;AAEhC,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAC,2CAA2C,EAAC,MAAM,+CAA+C,CAAA;AACzG,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,+BAA+B,EAAC,MAAM,2CAA2C,CAAA;;;;AAYzF,MAAM,OAAO,sCAAuC,SAAQ,2CAA2C;IAClF,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IACiB,UAAU,GAAG,+BAA+B,EAAE,CAAA;IAEjE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CACZ,UAAU,CACR,IAAI,CAAC,UAAU,EAAE,CAAC,sBAAsB,EAAE,EAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,CAC7C,CACF,CACF,CAAA;IACH,CAAC;wGAlBU,sCAAsC;4FAAtC,sCAAsC,oFATtC,CAAC,YAAY,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC,iDAGpB;;;;GAIT;;4FAEU,sCAAsC;kBAVlD,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,CAAC,EAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,sCAAsC;oBAChD,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;GAIT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\nimport {X} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {CoreInlineNotificationCloseTriggerDirective} from \"@qualcomm-ui/angular-core/inline-notification\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsInlineNotificationContext} from \"./qds-inline-notification-context.service\"\n\n@Component({\n  providers: [provideIcons({X})],\n  selector: \"[q-inline-notification-close-button]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg qIcon=\"X\" [q-bind]=\"inlineIconButtonApi().getIconBindings()\"></svg>\n    </ng-content>\n  `,\n})\nexport class InlineNotificationCloseButtonDirective extends CoreInlineNotificationCloseTriggerDirective {\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: \"md\",\n    variant: \"fixed\",\n  })\n  protected readonly qdsContext = useQdsInlineNotificationContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() =>\n        mergeProps(\n          this.qdsContext().getCloseButtonBindings(),\n          this.inlineIconButtonApi().getRootBindings(),\n        ),\n      ),\n    )\n  }\n}\n"]}

package/esm2022/inline-notification/inline-notification-description.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { CoreInlineNotificationDescriptionDirective } from "@qualcomm-ui/angular-core/inline-notification";
+import { useQdsInlineNotificationContext } from "./qds-inline-notification-context.service";
+import * as i0 from "@angular/core";
+export class InlineNotificationDescriptionDirective extends CoreInlineNotificationDescriptionDirective {
+    qdsContext = useQdsInlineNotificationContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getDescriptionBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: InlineNotificationDescriptionDirective, isStandalone: false, selector: "[q-inline-notification-description]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-inline-notification-description]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=inline-notification-description.directive.js.map

package/esm2022/inline-notification/inline-notification-description.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-notification-description.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-description.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,0CAA0C,EAAC,MAAM,+CAA+C,CAAA;AAExG,OAAO,EAAC,+BAA+B,EAAC,MAAM,2CAA2C,CAAA;;AAMzF,MAAM,OAAO,sCAAuC,SAAQ,0CAA0C;IACjF,UAAU,GAAG,+BAA+B,EAAE,CAAA;IAEjE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,sBAAsB,EAAE,CAAC,CAC3D,CAAA;IACH,CAAC;wGARU,sCAAsC;4FAAtC,sCAAsC;;4FAAtC,sCAAsC;kBAJlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,qCAAqC;oBAC/C,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} from \"@angular/core\"\n\nimport {CoreInlineNotificationDescriptionDirective} from \"@qualcomm-ui/angular-core/inline-notification\"\n\nimport {useQdsInlineNotificationContext} from \"./qds-inline-notification-context.service\"\n\n@Directive({\n  selector: \"[q-inline-notification-description]\",\n  standalone: false,\n})\nexport class InlineNotificationDescriptionDirective extends CoreInlineNotificationDescriptionDirective {\n  protected readonly qdsContext = useQdsInlineNotificationContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getDescriptionBindings()),\n    )\n  }\n}\n"]}

package/esm2022/inline-notification/inline-notification-icon.directive.js

@@ -0,0 +1,53 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { BellRing, CircleAlert, CircleCheck, TriangleAlert } from "lucide-angular";
+import { CoreInlineNotificationIconDirective } from "@qualcomm-ui/angular-core/inline-notification";
+import { useQdsInlineNotificationContext } from "./qds-inline-notification-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+import * as i2 from "@qualcomm-ui/angular/progress-ring";
+const icons = {
+    danger: CircleAlert,
+    info: CircleAlert,
+    neutral: BellRing,
+    success: CircleCheck,
+    warning: TriangleAlert,
+};
+export class InlineNotificationIconDirective extends CoreInlineNotificationIconDirective {
+    qdsContext = useQdsInlineNotificationContext();
+    resolvedIcon = computed(() => {
+        return icons[this.qdsContext().emphasis];
+    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : []));
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getIconBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: InlineNotificationIconDirective, isStandalone: false, selector: "[q-inline-notification-icon]", usesInheritance: true, ngImport: i0, template: `
+    @if (qdsContext().emphasis === "loading") {
+      <div q-progress-ring></div>
+    } @else if (resolvedIcon()) {
+      <svg size="lg" [qIcon]="resolvedIcon()!"></svg>
+    } @else {
+      <ng-content />
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "component", type: i2.ProgressRingDirective, selector: "[q-progress-ring]", inputs: ["errorText", "label"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationIconDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-inline-notification-icon]",
+                    standalone: false,
+                    template: `
+    @if (qdsContext().emphasis === "loading") {
+      <div q-progress-ring></div>
+    } @else if (resolvedIcon()) {
+      <svg size="lg" [qIcon]="resolvedIcon()!"></svg>
+    } @else {
+      <ng-content />
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=inline-notification-icon.directive.js.map

package/esm2022/inline-notification/inline-notification-icon.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-notification-icon.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-icon.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAA;AAEhF,OAAO,EAAC,mCAAmC,EAAC,MAAM,+CAA+C,CAAA;AAIjG,OAAO,EAAC,+BAA+B,EAAC,MAAM,2CAA2C,CAAA;;;;AAEzF,MAAM,KAAK,GAAyD;IAClE,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,aAAa;CACvB,CAAA;AAeD,MAAM,OAAO,+BAAgC,SAAQ,mCAAmC;IACnE,UAAU,GAAG,+BAA+B,EAAE,CAAA;IAE9C,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAA;IAC1C,CAAC,wDAAC,CAAA;IAEF;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE,CAAC,CACpD,CAAA;IACH,CAAC;wGAZU,+BAA+B;4FAA/B,+BAA+B,gHAVhC;;;;;;;;GAQT;;4FAEU,+BAA+B;kBAb3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;GAQT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\nimport {BellRing, CircleAlert, CircleCheck, TriangleAlert} from \"lucide-angular\"\n\nimport {CoreInlineNotificationIconDirective} from \"@qualcomm-ui/angular-core/inline-notification\"\nimport type {LucideIcon} from \"@qualcomm-ui/angular-core/lucide\"\nimport type {QdsNotificationEmphasis} from \"@qualcomm-ui/qds-core/inline-notification\"\n\nimport {useQdsInlineNotificationContext} from \"./qds-inline-notification-context.service\"\n\nconst icons: Partial<Record<QdsNotificationEmphasis, LucideIcon>> = {\n  danger: CircleAlert,\n  info: CircleAlert,\n  neutral: BellRing,\n  success: CircleCheck,\n  warning: TriangleAlert,\n}\n\n@Component({\n  selector: \"[q-inline-notification-icon]\",\n  standalone: false,\n  template: `\n    @if (qdsContext().emphasis === \"loading\") {\n      <div q-progress-ring></div>\n    } @else if (resolvedIcon()) {\n      <svg size=\"lg\" [qIcon]=\"resolvedIcon()!\"></svg>\n    } @else {\n      <ng-content />\n    }\n  `,\n})\nexport class InlineNotificationIconDirective extends CoreInlineNotificationIconDirective {\n  protected readonly qdsContext = useQdsInlineNotificationContext()\n\n  protected readonly resolvedIcon = computed(() => {\n    return icons[this.qdsContext().emphasis]\n  })\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getIconBindings()),\n    )\n  }\n}\n"]}

package/esm2022/inline-notification/inline-notification-label.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { CoreInlineNotificationLabelDirective } from "@qualcomm-ui/angular-core/inline-notification";
+import { useQdsInlineNotificationContext } from "./qds-inline-notification-context.service";
+import * as i0 from "@angular/core";
+export class InlineNotificationLabelDirective extends CoreInlineNotificationLabelDirective {
+    qdsContext = useQdsInlineNotificationContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getHeadingBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: InlineNotificationLabelDirective, isStandalone: false, selector: "[q-inline-notification-label]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-inline-notification-label]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=inline-notification-label.directive.js.map

package/esm2022/inline-notification/inline-notification-label.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-notification-label.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-label.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,oCAAoC,EAAC,MAAM,+CAA+C,CAAA;AAElG,OAAO,EAAC,+BAA+B,EAAC,MAAM,2CAA2C,CAAA;;AAMzF,MAAM,OAAO,gCAAiC,SAAQ,oCAAoC;IACrE,UAAU,GAAG,+BAA+B,EAAE,CAAA;IAEjE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC,CACvD,CAAA;IACH,CAAC;wGARU,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAJ5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,+BAA+B;oBACzC,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} from \"@angular/core\"\n\nimport {CoreInlineNotificationLabelDirective} from \"@qualcomm-ui/angular-core/inline-notification\"\n\nimport {useQdsInlineNotificationContext} from \"./qds-inline-notification-context.service\"\n\n@Directive({\n  selector: \"[q-inline-notification-label]\",\n  standalone: false,\n})\nexport class InlineNotificationLabelDirective extends CoreInlineNotificationLabelDirective {\n  protected readonly qdsContext = useQdsInlineNotificationContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getHeadingBindings()),\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,50 @@
+// 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 { CoreInlineNotificationRootDirective, provideInlineNotificationContext, } from "@qualcomm-ui/angular-core/inline-notification";
+import { normalizeProps } from "@qualcomm-ui/angular-core/machine";
+import { createQdsInlineNotificationApi, } from "@qualcomm-ui/qds-core/inline-notification";
+import { provideQdsInlineNotificationContext, QdsInlineNotificationContextService, } from "./qds-inline-notification-context.service";
+import * as i0 from "@angular/core";
+export class InlineNotificationRootDirective extends CoreInlineNotificationRootDirective {
+    /**
+     * Governs the color of the notification and its icon.
+     *
+     * @default 'info'
+     */
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    /**
+     * The layout of the notification's elements.
+     * @option `'horizontal'`: The icon, title, description, link, and close button are displayed inline.
+     * @option `'vertical'`: The icon, title, and close button are placed on the first line, while the description, and link are stacked vertically and aligned with the title.
+     *
+     * @default 'horizontal'
+     */
+    orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : []));
+    qdsInlineNotificationService = inject(QdsInlineNotificationContextService);
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsInlineNotificationService.context().getRootBindings()));
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.qdsInlineNotificationService.init(computed(() => createQdsInlineNotificationApi({ emphasis: this.emphasis(), orientation: this.orientation() }, normalizeProps)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: InlineNotificationRootDirective, isStandalone: false, selector: "[q-inline-notification-root]", inputs: { emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideInlineNotificationContext(),
+            provideQdsInlineNotificationContext(),
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        provideInlineNotificationContext(),
+                        provideQdsInlineNotificationContext(),
+                    ],
+                    selector: "[q-inline-notification-root]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
+//# sourceMappingURL=inline-notification-root.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-notification-root.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification-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,mCAAmC,EACnC,gCAAgC,GACjC,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EACL,8BAA8B,GAI/B,MAAM,2CAA2C,CAAA;AAElD,OAAO,EACL,mCAAmC,EACnC,mCAAmC,GACpC,MAAM,2CAA2C,CAAA;;AAUlD,MAAM,OAAO,+BACX,SAAQ,mCAAmC;IAG3C;;;;OAIG;IACM,QAAQ,GAAG,KAAK,8DAA2B,CAAA;IAEpD;;;;;;OAMG;IACM,WAAW,GAAG,KAAK,iEAA8B,CAAA;IAEvC,4BAA4B,GAAG,MAAM,CACtD,mCAAmC,CACpC,CAAA;IAED;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CACZ,IAAI,CAAC,4BAA4B,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAC9D,CACF,CAAA;IACH,CAAC;IAEQ,QAAQ;QACf,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEhB,IAAI,CAAC,4BAA4B,CAAC,IAAI,CACpC,QAAQ,CAAC,GAAG,EAAE,CACZ,8BAA8B,CAC5B,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,EAAC,EAC5D,cAAc,CACf,CACF,CACF,CAAA;IACH,CAAC;wGA5CU,+BAA+B;4FAA/B,+BAA+B,mWAP/B;YACT,gCAAgC,EAAE;YAClC,mCAAmC,EAAE;SACtC;;4FAIU,+BAA+B;kBAR3C,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,gCAAgC,EAAE;wBAClC,mCAAmC,EAAE;qBACtC;oBACD,QAAQ,EAAE,8BAA8B;oBACxC,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  CoreInlineNotificationRootDirective,\n  provideInlineNotificationContext,\n} from \"@qualcomm-ui/angular-core/inline-notification\"\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  createQdsInlineNotificationApi,\n  type QdsNotificationApiProps,\n  type QdsNotificationEmphasis,\n  type QdsNotificationOrientation,\n} from \"@qualcomm-ui/qds-core/inline-notification\"\n\nimport {\n  provideQdsInlineNotificationContext,\n  QdsInlineNotificationContextService,\n} from \"./qds-inline-notification-context.service\"\n\n@Directive({\n  providers: [\n    provideInlineNotificationContext(),\n    provideQdsInlineNotificationContext(),\n  ],\n  selector: \"[q-inline-notification-root]\",\n  standalone: false,\n})\nexport class InlineNotificationRootDirective\n  extends CoreInlineNotificationRootDirective\n  implements SignalifyInput<QdsNotificationApiProps>, OnInit\n{\n  /**\n   * Governs the color of the notification and its icon.\n   *\n   * @default 'info'\n   */\n  readonly emphasis = input<QdsNotificationEmphasis>()\n\n  /**\n   * The layout of the notification's elements.\n   * @option `'horizontal'`: The icon, title, description, link, and close button are displayed inline.\n   * @option `'vertical'`: The icon, title, and close button are placed on the first line, while the description, and link are stacked vertically and aligned with the title.\n   *\n   * @default 'horizontal'\n   */\n  readonly orientation = input<QdsNotificationOrientation>()\n\n  protected readonly qdsInlineNotificationService = inject(\n    QdsInlineNotificationContextService,\n  )\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() =>\n        this.qdsInlineNotificationService.context().getRootBindings(),\n      ),\n    )\n  }\n\n  override ngOnInit() {\n    super.ngOnInit()\n\n    this.qdsInlineNotificationService.init(\n      computed(() =>\n        createQdsInlineNotificationApi(\n          {emphasis: this.emphasis(), orientation: this.orientation()},\n          normalizeProps,\n        ),\n      ),\n    )\n  }\n}\n"]}