@qualcomm-ui/angular 1.20.0 → 2.0.0

package/fesm2022/qualcomm-ui-angular-icon.mjs

@@ -27,7 +27,7 @@ function useLucideIcon(options = {}) {
     const xmlns = accessSignal(iconProps.xmlns) || "http://www.w3.org/2000/svg";
     const resolvedIcon = computed(() => {
         return getIcon(accessSignal(options.icon));
-    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []));
     function isSvgHostElement() {
         return elementRef.nativeElement.tagName === "svg";
     }
@@ -39,7 +39,7 @@ function useLucideIcon(options = {}) {
             width: accessSignal(iconProps?.width),
             xmlns,
         }, normalizeProps);
-    }, ...(ngDevMode ? [{ debugName: "getIconBindings" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "getIconBindings" }] : /* istanbul ignore next */ []));
     function getSvgElement() {
         if (isSvgHostElement()) {
             return elementRef.nativeElement;
@@ -112,7 +112,7 @@ class EndIconDirective {
     /**
      * Lucide Icon or string.
      */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     context = inject(END_ICON_CONTEXT_TOKEN, {
         optional: true,
     });
@@ -124,10 +124,10 @@ class EndIconDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EndIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: EndIconDirective, isStandalone: true, selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: EndIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: EndIconDirective, isStandalone: true, selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EndIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: EndIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]",
@@ -140,35 +140,33 @@ class IconDirective {
     /**
      * Lucide Icon or string.
      */
-    icon = input.required(...(ngDevMode ? [{ debugName: "icon", alias: "qIcon" }] : [{
-            alias: "qIcon",
-        }]));
+    icon = input.required({ ...(ngDevMode ? { debugName: "icon" } : /* istanbul ignore next */ {}), alias: "qIcon" });
     /**
      * @default 'md'
      */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     /**
      * HTML {@link https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/viewBox viewbox} attribute
      *
      * @default '0 0 24 24'
      */
-    viewBox = input(...(ngDevMode ? [undefined, { debugName: "viewBox" }] : []));
+    viewBox = input(...(ngDevMode ? [undefined, { debugName: "viewBox" }] : /* istanbul ignore next */ []));
     /**
      * HTML {@link https://www.w3schools.com/tags/att_html_xmlns.asp xmlns} attribute
      *
      * @default 'http://www.w3.org/2000/svg'
      */
-    xmlns = input("http://www.w3.org/2000/svg", ...(ngDevMode ? [{ debugName: "xmlns" }] : []));
+    xmlns = input("http://www.w3.org/2000/svg", ...(ngDevMode ? [{ debugName: "xmlns" }] : /* istanbul ignore next */ []));
     /**
      * Force the height of the icon. This typically isn't required. You should prefer
      * the {@link size} property for customization instead.
      */
-    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : []));
+    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
     /**
      * Force the width of the icon. This typically isn't required. You should prefer
      * the {@link size} property for customization instead.
      */
-    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
+    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
     elementRef = inject(ElementRef);
     iconData = useLucideIcon({
         icon: this.icon,
@@ -185,10 +183,10 @@ class IconDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: IconDirective, isStandalone: true, selector: "svg[qIcon]", inputs: { icon: { classPropertyName: "icon", publicName: "qIcon", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, viewBox: { classPropertyName: "viewBox", publicName: "viewBox", isSignal: true, isRequired: false, transformFunction: null }, xmlns: { classPropertyName: "xmlns", publicName: "xmlns", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.xmlns": "xmlns()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: IconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: IconDirective, isStandalone: true, selector: "svg[qIcon]", inputs: { icon: { classPropertyName: "icon", publicName: "qIcon", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, viewBox: { classPropertyName: "viewBox", publicName: "viewBox", isSignal: true, isRequired: false, transformFunction: null }, xmlns: { classPropertyName: "xmlns", publicName: "xmlns", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.xmlns": "xmlns()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: IconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: IconDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -212,7 +210,7 @@ class StartIconDirective {
     /**
      * Lucide Icon or string.
      */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     context = inject(START_ICON_CONTEXT_TOKEN, {
         optional: true,
     });
@@ -224,10 +222,10 @@ class StartIconDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StartIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", type: StartIconDirective, isStandalone: true, selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: StartIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: StartIconDirective, isStandalone: true, selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: StartIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: StartIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]",

package/fesm2022/qualcomm-ui-angular-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"qualcomm-ui-angular-icon.mjs","sources":["../../src/icon/icon.tokens.ts","../../src/icon/use-lucide-icon.ts","../../src/icon/end-icon.directive.ts","../../src/icon/icon.directive.ts","../../src/icon/start-icon.directive.ts","../../src/icon/qualcomm-ui-angular-icon.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {InjectionToken, type Signal} from \"@angular/core\"\n\nimport type {Dict} from \"@qualcomm-ui/utils/machine\"\n\nexport interface IconTokenContext {\n  getBindings: Signal<Dict>\n}\n\nexport const START_ICON_CONTEXT_TOKEN = new InjectionToken<IconTokenContext>(\n  \"START_ICON_TOKEN\",\n)\n\nexport const END_ICON_CONTEXT_TOKEN = new InjectionToken<IconTokenContext>(\n  \"END_ICON_TOKEN\",\n)\n","// 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://angular-next.qui.qualcomm.com/components/icon#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","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, input, type OnInit} from \"@angular/core\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {END_ICON_CONTEXT_TOKEN} from \"./icon.tokens\"\nimport {useLucideIcon} from \"./use-lucide-icon\"\n\n/**\n * A utility component that renders a Lucide icon or template content. This is used\n * by components that need a leading icon. If this directive is attached to an svg\n * element, the qds icon bindings will be applied to the svg element. Otherwise, an\n * svg element will be created as a child of the element and the icon bindings will\n * be applied to it instead.\n */\n@Directive({\n  selector: \"div[q-end-icon],span[q-end-icon],svg[q-end-icon]\",\n})\nexport class EndIconDirective implements OnInit {\n  /**\n   * Lucide Icon or string.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  protected readonly context = inject(END_ICON_CONTEXT_TOKEN, {\n    optional: true,\n  })\n\n  protected readonly elementRef = inject(ElementRef)\n\n  protected readonly iconData = useLucideIcon({\n    icon: this.icon,\n  })\n\n  protected readonly trackBindings = useTrackBindings(\n    () => this.context?.getBindings?.() ?? {},\n  )\n\n  ngOnInit(): void {\n    this.trackBindings()\n  }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, input, type OnInit} from \"@angular/core\"\n\nimport {type LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  type QdsIconApiProps,\n  type QdsIconSize,\n} from \"@qualcomm-ui/qds-core/icon\"\n\nimport {useLucideIcon} from \"./use-lucide-icon\"\n\n@Directive({\n  host: {\n    // even though the machine provides this, we still need it here for some reason.\n    \"[attr.xmlns]\": \"xmlns()\",\n  },\n  selector: \"svg[qIcon]\",\n})\nexport class IconDirective implements SignalifyInput<QdsIconApiProps>, OnInit {\n  /**\n   * Lucide Icon or string.\n   */\n  readonly icon = input.required<LucideIconOrString>({\n    alias: \"qIcon\",\n  })\n\n  /**\n   * @default 'md'\n   */\n  readonly size = input<QdsIconSize | undefined>()\n\n  /**\n   * HTML {@link https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/viewBox viewbox} attribute\n   *\n   * @default '0 0 24 24'\n   */\n  readonly viewBox = input<string>()\n\n  /**\n   * HTML {@link https://www.w3schools.com/tags/att_html_xmlns.asp xmlns} attribute\n   *\n   * @default 'http://www.w3.org/2000/svg'\n   */\n  readonly xmlns = input<string>(\"http://www.w3.org/2000/svg\")\n\n  /**\n   * Force the height of the icon. This typically isn't required. You should prefer\n   * the {@link size} property for customization instead.\n   */\n  readonly height = input<string | number | undefined>()\n\n  /**\n   * Force the width of the icon. This typically isn't required. You should prefer\n   * the {@link size} property for customization instead.\n   */\n  readonly width = input<string | number | undefined>()\n\n  readonly elementRef = inject(ElementRef)\n\n  protected readonly iconData = useLucideIcon({\n    icon: this.icon,\n    iconProps: {\n      height: this.height,\n      size: this.size,\n      viewBox: this.viewBox,\n      width: this.width,\n      xmlns: this.xmlns,\n    },\n    throwOnUnresolvedStringIcon: true,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.iconData.getIconBindings(),\n  )\n\n  ngOnInit(): void {\n    this.trackBindings()\n  }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, input, type OnInit} from \"@angular/core\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {START_ICON_CONTEXT_TOKEN} from \"./icon.tokens\"\nimport {useLucideIcon} from \"./use-lucide-icon\"\n\n/**\n * A utility component that renders a Lucide icon or template content. This is used\n * by components that need a leading icon. If this directive is attached to an svg\n * element, the qds icon bindings will be applied to the svg element. Otherwise, an\n * svg element will be created as a child of the element and the icon bindings will\n * be applied to it instead.\n */\n@Directive({\n  selector: \"div[q-start-icon],span[q-start-icon],svg[q-start-icon]\",\n})\nexport class StartIconDirective implements OnInit {\n  /**\n   * Lucide Icon or string.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  protected readonly context = inject(START_ICON_CONTEXT_TOKEN, {\n    optional: true,\n  })\n\n  protected readonly elementRef = inject(ElementRef)\n\n  protected readonly iconData = useLucideIcon({\n    icon: this.icon,\n  })\n\n  protected readonly trackBindings = useTrackBindings(\n    () => this.context?.getBindings?.() ?? {},\n  )\n\n  ngOnInit(): void {\n    this.trackBindings()\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"qualcomm-ui-angular-icon.mjs","sources":["../../src/icon/icon.tokens.ts","../../src/icon/use-lucide-icon.ts","../../src/icon/end-icon.directive.ts","../../src/icon/icon.directive.ts","../../src/icon/start-icon.directive.ts","../../src/icon/qualcomm-ui-angular-icon.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {InjectionToken, type Signal} from \"@angular/core\"\n\nimport type {Dict} from \"@qualcomm-ui/utils/machine\"\n\nexport interface IconTokenContext {\n  getBindings: Signal<Dict>\n}\n\nexport const START_ICON_CONTEXT_TOKEN = new InjectionToken<IconTokenContext>(\n  \"START_ICON_TOKEN\",\n)\n\nexport const END_ICON_CONTEXT_TOKEN = new InjectionToken<IconTokenContext>(\n  \"END_ICON_TOKEN\",\n)\n","// 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://angular-next.qui.qualcomm.com/components/icon#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","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, input, type OnInit} from \"@angular/core\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {END_ICON_CONTEXT_TOKEN} from \"./icon.tokens\"\nimport {useLucideIcon} from \"./use-lucide-icon\"\n\n/**\n * A utility component that renders a Lucide icon or template content. This is used\n * by components that need a leading icon. If this directive is attached to an svg\n * element, the qds icon bindings will be applied to the svg element. Otherwise, an\n * svg element will be created as a child of the element and the icon bindings will\n * be applied to it instead.\n */\n@Directive({\n  selector: \"div[q-end-icon],span[q-end-icon],svg[q-end-icon]\",\n})\nexport class EndIconDirective implements OnInit {\n  /**\n   * Lucide Icon or string.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  protected readonly context = inject(END_ICON_CONTEXT_TOKEN, {\n    optional: true,\n  })\n\n  protected readonly elementRef = inject(ElementRef)\n\n  protected readonly iconData = useLucideIcon({\n    icon: this.icon,\n  })\n\n  protected readonly trackBindings = useTrackBindings(\n    () => this.context?.getBindings?.() ?? {},\n  )\n\n  ngOnInit(): void {\n    this.trackBindings()\n  }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, input, type OnInit} from \"@angular/core\"\n\nimport {type LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {\n  type QdsIconApiProps,\n  type QdsIconSize,\n} from \"@qualcomm-ui/qds-core/icon\"\n\nimport {useLucideIcon} from \"./use-lucide-icon\"\n\n@Directive({\n  host: {\n    // even though the machine provides this, we still need it here for some reason.\n    \"[attr.xmlns]\": \"xmlns()\",\n  },\n  selector: \"svg[qIcon]\",\n})\nexport class IconDirective implements SignalifyInput<QdsIconApiProps>, OnInit {\n  /**\n   * Lucide Icon or string.\n   */\n  readonly icon = input.required<LucideIconOrString>({\n    alias: \"qIcon\",\n  })\n\n  /**\n   * @default 'md'\n   */\n  readonly size = input<QdsIconSize | undefined>()\n\n  /**\n   * HTML {@link https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/viewBox viewbox} attribute\n   *\n   * @default '0 0 24 24'\n   */\n  readonly viewBox = input<string>()\n\n  /**\n   * HTML {@link https://www.w3schools.com/tags/att_html_xmlns.asp xmlns} attribute\n   *\n   * @default 'http://www.w3.org/2000/svg'\n   */\n  readonly xmlns = input<string>(\"http://www.w3.org/2000/svg\")\n\n  /**\n   * Force the height of the icon. This typically isn't required. You should prefer\n   * the {@link size} property for customization instead.\n   */\n  readonly height = input<string | number | undefined>()\n\n  /**\n   * Force the width of the icon. This typically isn't required. You should prefer\n   * the {@link size} property for customization instead.\n   */\n  readonly width = input<string | number | undefined>()\n\n  readonly elementRef = inject(ElementRef)\n\n  protected readonly iconData = useLucideIcon({\n    icon: this.icon,\n    iconProps: {\n      height: this.height,\n      size: this.size,\n      viewBox: this.viewBox,\n      width: this.width,\n      xmlns: this.xmlns,\n    },\n    throwOnUnresolvedStringIcon: true,\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    this.iconData.getIconBindings(),\n  )\n\n  ngOnInit(): void {\n    this.trackBindings()\n  }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Directive, ElementRef, inject, input, type OnInit} from \"@angular/core\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\n\nimport {START_ICON_CONTEXT_TOKEN} from \"./icon.tokens\"\nimport {useLucideIcon} from \"./use-lucide-icon\"\n\n/**\n * A utility component that renders a Lucide icon or template content. This is used\n * by components that need a leading icon. If this directive is attached to an svg\n * element, the qds icon bindings will be applied to the svg element. Otherwise, an\n * svg element will be created as a child of the element and the icon bindings will\n * be applied to it instead.\n */\n@Directive({\n  selector: \"div[q-start-icon],span[q-start-icon],svg[q-start-icon]\",\n})\nexport class StartIconDirective implements OnInit {\n  /**\n   * Lucide Icon or string.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  protected readonly context = inject(START_ICON_CONTEXT_TOKEN, {\n    optional: true,\n  })\n\n  protected readonly elementRef = inject(ElementRef)\n\n  protected readonly iconData = useLucideIcon({\n    icon: this.icon,\n  })\n\n  protected readonly trackBindings = useTrackBindings(\n    () => this.context?.getBindings?.() ?? {},\n  )\n\n  ngOnInit(): void {\n    this.trackBindings()\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/qualcomm-ui-angular-inline-icon-button.mjs

@@ -23,19 +23,19 @@ class InlineIconButtonComponent {
     /**
      * @default X
      */
-    icon = input(X, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input(X, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     /**
      * The style variant of the button. Governs color.
      *
      * @default 'neutral'
      */
-    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
     /**
      * The size of the button and its icon.
      *
      * @default 'md'
      */
-    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
     /**
      * The style variant of the button's icon that controls its size
      *
@@ -44,7 +44,7 @@ class InlineIconButtonComponent {
      *
      * @default 'fixed'
      */
-    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
     api = useInlineIconButtonApi({
         emphasis: this.emphasis,
         size: this.size,
@@ -54,12 +54,12 @@ class InlineIconButtonComponent {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", 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 } }, hostDirectives: [{ directive: i1.QuiPreloadDirective }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.2", 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 } }, hostDirectives: [{ directive: i1.QuiPreloadDirective }], 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.16", ngImport: i0, type: InlineIconButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineIconButtonComponent, decorators: [{
             type: Component,
             args: [{
                     hostDirectives: [QuiPreloadDirective],

package/fesm2022/qualcomm-ui-angular-inline-icon-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"qualcomm-ui-angular-inline-icon-button.mjs","sources":["../../src/inline-icon-button/use-inline-icon-button-api.ts","../../src/inline-icon-button/inline-icon-button.component.ts","../../src/inline-icon-button/qualcomm-ui-angular-inline-icon-button.ts"],"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","// 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 {QuiPreloadDirective} from \"@qualcomm-ui/angular/transitions\"\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  hostDirectives: [QuiPreloadDirective],\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AAaM,SAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,OAAO,GACuC,EAAA;AAC9C,IAAA,OAAO,QAAQ,CAAC,MACd,4BAA4B,CAC1B;AACE,QAAA,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,GAAG,QAAQ;AACpD,QAAA,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI;AACpC,QAAA,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,OAAO;KACD,EACjD,cAAc,CACf,CACF;AACH;;AC7BA;AACA;MA8Ba,yBAAyB,CAAA;AAGpC;;AAEG;AACM,IAAA,IAAI,GAAG,KAAK,CAAa,CAAC,gDAAC;AAEpC;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA+B;AAExD;;;;AAIG;IACM,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA2B;AAEhD;;;;;;;AAOG;IACM,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA0C;IAE/C,GAAG,GAAG,sBAAsB,CAAC;QAC9C,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,OAAO,EAAE,IAAI,CAAC,OAAO;AACtB,KAAA,CAAC;AAEO,IAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC;IAE7E,QAAQ,GAAA;QACN,IAAI,CAAC,aAAa,EAAE;IACtB;wGA1CW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJ1B;;GAET,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAJS,aAAa,yHAAE,cAAc,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAM5B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,cAAc,EAAE,CAAC,mBAAmB,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;AACxC,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE;;AAET,EAAA,CAAA;AACF,iBAAA;;;AC9BD;;AAEG;;;;"}
+{"version":3,"file":"qualcomm-ui-angular-inline-icon-button.mjs","sources":["../../src/inline-icon-button/use-inline-icon-button-api.ts","../../src/inline-icon-button/inline-icon-button.component.ts","../../src/inline-icon-button/qualcomm-ui-angular-inline-icon-button.ts"],"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","// 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 {QuiPreloadDirective} from \"@qualcomm-ui/angular/transitions\"\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  hostDirectives: [QuiPreloadDirective],\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/qualcomm-ui-angular-inline-notification.mjs

@@ -18,10 +18,10 @@ import { createQdsInlineNotificationApi } from '@qualcomm-ui/qds-core/inline-not
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class QdsInlineNotificationContextService extends BaseApiContextService {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsInlineNotificationContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsInlineNotificationContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsInlineNotificationContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsInlineNotificationContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsInlineNotificationContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsInlineNotificationContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_INLINE_NOTIFICATION_CONTEXT, useQdsInlineNotificationContext, provideQdsInlineNotificationContext,] = createApiContext("QdsInlineNotificationContext", QdsInlineNotificationContextService);
@@ -34,10 +34,10 @@ class InlineNotificationActionDirective extends CoreInlineNotificationActionDire
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getActionBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: InlineNotificationActionDirective, isStandalone: false, selector: "[q-inline-notification-action]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: InlineNotificationActionDirective, isStandalone: false, selector: "[q-inline-notification-action]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-inline-notification-action]",
@@ -58,14 +58,14 @@ class InlineNotificationCloseButtonDirective extends CoreInlineNotificationClose
         super();
         this.trackBindings.extendWith(computed(() => mergeProps(this.qdsContext().getCloseButtonBindings(), this.inlineIconButtonApi().getRootBindings())));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InlineNotificationCloseButtonDirective, isStandalone: false, selector: "[q-inline-notification-close-button]", providers: [provideIcons({ X })], usesInheritance: true, hostDirectives: [{ directive: i1.QuiPreloadDirective }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: InlineNotificationCloseButtonDirective, isStandalone: false, selector: "[q-inline-notification-close-button]", providers: [provideIcons({ X })], usesInheritance: true, hostDirectives: [{ directive: i1.QuiPreloadDirective }], ngImport: i0, template: `
     <ng-content>
       <svg qIcon="X" [q-bind]="inlineIconButtonApi().getIconBindings()"></svg>
     </ng-content>
   `, isInline: true, dependencies: [{ kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i3.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationCloseButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationCloseButtonDirective, decorators: [{
             type: Component,
             args: [{
                     hostDirectives: [QuiPreloadDirective],
@@ -88,10 +88,10 @@ class InlineNotificationDescriptionDirective extends CoreInlineNotificationDescr
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getDescriptionBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: InlineNotificationDescriptionDirective, isStandalone: false, selector: "[q-inline-notification-description]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: InlineNotificationDescriptionDirective, isStandalone: false, selector: "[q-inline-notification-description]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationDescriptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationDescriptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-inline-notification-description]",
@@ -113,17 +113,17 @@ class InlineNotificationIconDirective extends CoreInlineNotificationIconDirectiv
      * Override the icon displayed in the notification. When this input is omitted,
      * the icon is determined by the emphasis prop.
      */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     qdsContext = useQdsInlineNotificationContext();
     resolvedIcon = computed(() => {
         return this.icon() || icons[this.qdsContext().emphasis];
-    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getIconBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: InlineNotificationIconDirective, isStandalone: false, selector: "[q-inline-notification-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: InlineNotificationIconDirective, isStandalone: false, selector: "[q-inline-notification-icon]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     @if (qdsContext().emphasis === "loading") {
       <div q-progress-ring></div>
     } @else if (resolvedIcon()) {
@@ -133,7 +133,7 @@ class InlineNotificationIconDirective extends CoreInlineNotificationIconDirectiv
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "component", type: i2$1.ProgressRingDirective, selector: "[q-progress-ring]", inputs: ["errorText", "label", "valueText"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationIconDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-inline-notification-icon]",
@@ -158,10 +158,10 @@ class InlineNotificationLabelDirective extends CoreInlineNotificationLabelDirect
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeadingBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: InlineNotificationLabelDirective, isStandalone: false, selector: "[q-inline-notification-label]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: InlineNotificationLabelDirective, isStandalone: false, selector: "[q-inline-notification-label]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-inline-notification-label]",
@@ -177,7 +177,7 @@ class InlineNotificationRootDirective extends CoreInlineNotificationRootDirectiv
      *
      * @default 'info'
      */
-    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : []));
+    emphasis = input(...(ngDevMode ? [undefined, { debugName: "emphasis" }] : /* istanbul ignore next */ []));
     /**
      * The layout of the notification's elements.
      * @option `'horizontal'`: The icon, title, description, link, and close button are displayed inline.
@@ -185,7 +185,7 @@ class InlineNotificationRootDirective extends CoreInlineNotificationRootDirectiv
      *
      * @default 'horizontal'
      */
-    orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : []));
+    orientation = input(...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
     qdsInlineNotificationService = inject(QdsInlineNotificationContextService);
     constructor() {
         super();
@@ -195,13 +195,13 @@ class InlineNotificationRootDirective extends CoreInlineNotificationRootDirectiv
         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.16", ngImport: i0, type: InlineNotificationRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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.16", ngImport: i0, type: InlineNotificationRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationRootDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -225,7 +225,7 @@ class InlineNotificationDirective extends InlineNotificationRootDirective {
      * <div q-inline-notification-description>...</div>
      * ```
      */
-    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : []));
+    description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
     /**
      * When `true`, renders a close button that dismisses the notification on click.
      *
@@ -237,9 +237,7 @@ class InlineNotificationDirective extends InlineNotificationRootDirective {
      *
      * @default false
      */
-    dismissable = input(undefined, ...(ngDevMode ? [{ debugName: "dismissable", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
+    dismissable = input(undefined, { ...(ngDevMode ? { debugName: "dismissable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Optional heading text for the notification.
      *
@@ -249,9 +247,9 @@ class InlineNotificationDirective extends InlineNotificationRootDirective {
      * <div q-inline-notification-label>...</div>
      * ```
      */
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationDirective, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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: [
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationDirective, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", 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: `
@@ -280,7 +278,7 @@ class InlineNotificationDirective extends InlineNotificationRootDirective {
     </ng-content>
   `, isInline: true, dependencies: [{ kind: "component", type: InlineNotificationCloseButtonDirective, selector: "[q-inline-notification-close-button]" }, { kind: "directive", type: InlineNotificationDescriptionDirective, selector: "[q-inline-notification-description]" }, { kind: "component", type: InlineNotificationIconDirective, selector: "[q-inline-notification-icon]", inputs: ["icon"] }, { kind: "directive", type: InlineNotificationLabelDirective, selector: "[q-inline-notification-label]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationDirective, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -320,8 +318,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class InlineNotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationModule, declarations: [InlineNotificationDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationModule, declarations: [InlineNotificationDirective,
             InlineNotificationRootDirective,
             InlineNotificationActionDirective,
             InlineNotificationCloseButtonDirective,
@@ -334,9 +332,9 @@ class InlineNotificationModule {
             InlineNotificationDescriptionDirective,
             InlineNotificationIconDirective,
             InlineNotificationLabelDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationModule, imports: [ProgressRingModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationModule, imports: [ProgressRingModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InlineNotificationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: InlineNotificationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [