@qualcomm-ui/angular 1.0.2 → 1.1.1

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

@@ -1,94 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,44 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,53 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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

@@ -1,50 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,113 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { booleanAttribute, Component, input } from "@angular/core";
-import { provideInlineNotificationContext } from "@qualcomm-ui/angular-core/inline-notification";
-import { InlineNotificationRootDirective } from "./inline-notification-root.directive";
-import { provideQdsInlineNotificationContext } from "./qds-inline-notification-context.service";
-import * as i0 from "@angular/core";
-import * as i1 from "./inline-notification-close-button.directive";
-import * as i2 from "./inline-notification-description.directive";
-import * as i3 from "./inline-notification-icon.directive";
-import * as i4 from "./inline-notification-label.directive";
-export class InlineNotificationDirective extends InlineNotificationRootDirective {
-    /**
-     * Optional description text for the notification.
-     *
-     * @remarks
-     * To customize the element, provide it using the directive instead:
-     * ```angular-html
-     * <div q-inline-notification-description>...</div>
-     * ```
-     */
-    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : []));
-    /**
-     * When `true`, renders a close button that dismisses the notification on click.
-     *
-     * @remarks
-     * To customize the close button, provide it using the directive instead:
-     * ```angular-html
-     * <button q-inline-notification-close-button>...</button>
-     * ```
-     *
-     * @default false
-     */
-    dismissable = input(undefined, ...(ngDevMode ? [{ debugName: "dismissable", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    /**
-     * Optional heading text for the notification.
-     *
-     * @remarks
-     * To customize the element, provide it using the directive instead:
-     * ```angular-html
-     * <div q-inline-notification-label>...</div>
-     * ```
-     */
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationDirective, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: InlineNotificationDirective, isStandalone: false, selector: "[q-inline-notification]", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, dismissable: { classPropertyName: "dismissable", publicName: "dismissable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
-            provideInlineNotificationContext(),
-            provideQdsInlineNotificationContext(),
-        ], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="[q-inline-notification-icon]">
-      <div q-inline-notification-icon></div>
-    </ng-content>
-
-    <ng-content select="[q-inline-notification-label]">
-      @if (label()) {
-        <div q-inline-notification-label>{{ label() }}</div>
-      }
-    </ng-content>
-
-    <ng-content select="[q-inline-notification-description]">
-      @if (description()) {
-        <div q-inline-notification-description>{{ description() }}</div>
-      }
-    </ng-content>
-
-    <ng-content select="[q-inline-notification-action]" />
-
-    <ng-content select="[q-inline-notification-close-button]">
-      @if (dismissable()) {
-        <button q-inline-notification-close-button></button>
-      }
-    </ng-content>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.InlineNotificationCloseButtonDirective, selector: "[q-inline-notification-close-button]" }, { kind: "directive", type: i2.InlineNotificationDescriptionDirective, selector: "[q-inline-notification-description]" }, { kind: "component", type: i3.InlineNotificationIconDirective, selector: "[q-inline-notification-icon]" }, { kind: "directive", type: i4.InlineNotificationLabelDirective, selector: "[q-inline-notification-label]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineNotificationDirective, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        provideInlineNotificationContext(),
-                        provideQdsInlineNotificationContext(),
-                    ],
-                    selector: "[q-inline-notification]",
-                    standalone: false,
-                    template: `
-    <ng-content select="[q-inline-notification-icon]">
-      <div q-inline-notification-icon></div>
-    </ng-content>
-
-    <ng-content select="[q-inline-notification-label]">
-      @if (label()) {
-        <div q-inline-notification-label>{{ label() }}</div>
-      }
-    </ng-content>
-
-    <ng-content select="[q-inline-notification-description]">
-      @if (description()) {
-        <div q-inline-notification-description>{{ description() }}</div>
-      }
-    </ng-content>
-
-    <ng-content select="[q-inline-notification-action]" />
-
-    <ng-content select="[q-inline-notification-close-button]">
-      @if (dismissable()) {
-        <button q-inline-notification-close-button></button>
-      }
-    </ng-content>
-  `,
-                }]
-        }], propDecorators: { description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], dismissable: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
-//# sourceMappingURL=inline-notification.directive.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"inline-notification.directive.js","sourceRoot":"","sources":["../../../src/inline-notification/inline-notification.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAC,gCAAgC,EAAC,MAAM,+CAA+C,CAAA;AAG9F,OAAO,EAAC,+BAA+B,EAAC,MAAM,sCAAsC,CAAA;AACpF,OAAO,EAAC,mCAAmC,EAAC,MAAM,2CAA2C,CAAA;;;;;;AAmC7F,MAAM,OAAO,2BAA4B,SAAQ,+BAA+B;IAC9E;;;;;;;;OAQG;IACM,WAAW,GAAG,KAAK,iEAAU,CAAA;IAEtC;;;;;;;;;;OAUG;IACM,WAAW,GAAG,KAAK,CAAkC,SAAS,+CACrE,SAAS,EAAE,gBAAgB,OAD4C;YACvE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;;;;;OAQG;IACM,KAAK,GAAG,KAAK,2DAAU,CAAA;wGApCrB,2BAA2B;4FAA3B,2BAA2B,+dAhC3B;YACT,gCAAgC,EAAE;YAClC,mCAAmC,EAAE;SACtC,iDAGS;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;;4FAEU,2BAA2B;kBAjCvC,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,gCAAgC,EAAE;wBAClC,mCAAmC,EAAE;qBACtC;oBACD,QAAQ,EAAE,yBAAyB;oBACnC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;GAwBT;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\"\n\nimport {provideInlineNotificationContext} from \"@qualcomm-ui/angular-core/inline-notification\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {InlineNotificationRootDirective} from \"./inline-notification-root.directive\"\nimport {provideQdsInlineNotificationContext} from \"./qds-inline-notification-context.service\"\n\n@Component({\n  providers: [\n    provideInlineNotificationContext(),\n    provideQdsInlineNotificationContext(),\n  ],\n  selector: \"[q-inline-notification]\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-inline-notification-icon]\">\n      <div q-inline-notification-icon></div>\n    </ng-content>\n\n    <ng-content select=\"[q-inline-notification-label]\">\n      @if (label()) {\n        <div q-inline-notification-label>{{ label() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-inline-notification-description]\">\n      @if (description()) {\n        <div q-inline-notification-description>{{ description() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-inline-notification-action]\" />\n\n    <ng-content select=\"[q-inline-notification-close-button]\">\n      @if (dismissable()) {\n        <button q-inline-notification-close-button></button>\n      }\n    </ng-content>\n  `,\n})\nexport class InlineNotificationDirective extends InlineNotificationRootDirective {\n  /**\n   * Optional description text for the notification.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   * ```angular-html\n   * <div q-inline-notification-description>...</div>\n   * ```\n   */\n  readonly description = input<string>()\n\n  /**\n   * When `true`, renders a close button that dismisses the notification on click.\n   *\n   * @remarks\n   * To customize the close button, provide it using the directive instead:\n   * ```angular-html\n   * <button q-inline-notification-close-button>...</button>\n   * ```\n   *\n   * @default false\n   */\n  readonly dismissable = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Optional heading text for the notification.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   * ```angular-html\n   * <div q-inline-notification-label>...</div>\n   * ```\n   */\n  readonly label = input<string>()\n}\n"]}