@qualcomm-ui/angular 1.1.0 → 1.2.0

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

@@ -0,0 +1,242 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, Renderer2, computed, effect, input, Directive } from '@angular/core';
+import { normalizeProps, applyBindings, useTrackBindings } from '@qualcomm-ui/angular-core/machine';
+import { useOnDestroy } from '@qualcomm-ui/angular-core/common';
+import { LUCIDE_ICONS } from '@qualcomm-ui/angular-core/lucide';
+import { accessSignal } from '@qualcomm-ui/angular-core/signals';
+import { getQdsIconBindings } from '@qualcomm-ui/qds-core/icon';
+import { pascalCase } from '@qualcomm-ui/utils/change-case';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+const START_ICON_CONTEXT_TOKEN = new InjectionToken("START_ICON_TOKEN");
+const END_ICON_CONTEXT_TOKEN = new InjectionToken("END_ICON_TOKEN");
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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,
+    };
+}
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * A utility component that renders a Lucide icon or template content. This is used
+ * by components that need a leading icon. If this directive is attached to an svg
+ * element, the qds icon bindings will be applied to the svg element. Otherwise, an
+ * svg element will be created as a child of the element and the icon bindings will
+ * be applied to it instead.
+ */
+class EndIconDirective {
+    /**
+     * Lucide Icon or string.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    context = inject(END_ICON_CONTEXT_TOKEN, {
+        optional: true,
+    });
+    elementRef = inject(ElementRef);
+    iconData = useLucideIcon({
+        icon: this.icon,
+    });
+    trackBindings = useTrackBindings(() => this.context?.getBindings?.() ?? {});
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: EndIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: EndIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "div[q-end-icon],span[q-end-icon],svg[q-end-icon]",
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class IconDirective {
+    /**
+     * Lucide Icon or string.
+     */
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon", alias: "qIcon" }] : [{
+            alias: "qIcon",
+        }]));
+    /**
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * 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" }] : []));
+    /**
+     * 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" }] : []));
+    /**
+     * 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" }] : []));
+    /**
+     * 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" }] : []));
+    elementRef = inject(ElementRef);
+    iconData = useLucideIcon({
+        icon: this.icon,
+        iconProps: {
+            height: this.height,
+            size: this.size,
+            viewBox: this.viewBox,
+            width: this.width,
+            xmlns: this.xmlns,
+        },
+        throwOnUnresolvedStringIcon: true,
+    });
+    trackBindings = useTrackBindings(() => this.iconData.getIconBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: IconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: IconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        // even though the machine provides this, we still need it here for some reason.
+                        "[attr.xmlns]": "xmlns()",
+                    },
+                    selector: "svg[qIcon]",
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "qIcon", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], viewBox: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewBox", required: false }] }], xmlns: [{ type: i0.Input, args: [{ isSignal: true, alias: "xmlns", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * A utility component that renders a Lucide icon or template content. This is used
+ * by components that need a leading icon. If this directive is attached to an svg
+ * element, the qds icon bindings will be applied to the svg element. Otherwise, an
+ * svg element will be created as a child of the element and the icon bindings will
+ * be applied to it instead.
+ */
+class StartIconDirective {
+    /**
+     * Lucide Icon or string.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    context = inject(START_ICON_CONTEXT_TOKEN, {
+        optional: true,
+    });
+    elementRef = inject(ElementRef);
+    iconData = useLucideIcon({
+        icon: this.icon,
+    });
+    trackBindings = useTrackBindings(() => this.context?.getBindings?.() ?? {});
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: StartIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", ngImport: i0, type: StartIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "div[q-start-icon],span[q-start-icon],svg[q-start-icon]",
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { END_ICON_CONTEXT_TOKEN, EndIconDirective, IconDirective, START_ICON_CONTEXT_TOKEN, StartIconDirective, useLucideIcon };
+//# sourceMappingURL=qualcomm-ui-angular-icon.mjs.map

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

@@ -0,0 +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://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","// 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/{esm2022/inline-icon-button/inline-icon-button.component.js → fesm2022/qualcomm-ui-angular-inline-icon-button.mjs}

@@ -1,13 +1,25 @@
+import * as i0 from '@angular/core';
+import { computed, isSignal, input, Component } from '@angular/core';
+import { X } from 'lucide-angular';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import * as i1 from '@qualcomm-ui/angular/transitions';
+import { QuiPreloadDirective } from '@qualcomm-ui/angular/transitions';
+import { normalizeProps, useTrackBindings, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { createQdsInlineIconButtonApi } from '@qualcomm-ui/qds-core/inline-icon-button';
+
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Component, input } from "@angular/core";
-import { X } from "lucide-angular";
-import { IconDirective } from "@qualcomm-ui/angular/icon";
-import { QBindDirective, useTrackBindings, } from "@qualcomm-ui/angular-core/machine";
-import {} from "@qualcomm-ui/qds-core/inline-icon-button";
-import { useInlineIconButtonApi } from "./use-inline-icon-button-api";
-import * as i0 from "@angular/core";
-export class InlineIconButtonComponent {
+function useInlineIconButtonApi({ emphasis, size, variant, }) {
+    return computed(() => createQdsInlineIconButtonApi({
+        emphasis: isSignal(emphasis) ? emphasis() : emphasis,
+        size: isSignal(size) ? size() : size,
+        variant: isSignal(variant) ? variant() : variant,
+    }, normalizeProps));
+}
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class InlineIconButtonComponent {
     /**
      * @default X
      */
@@ -42,14 +54,15 @@ export class InlineIconButtonComponent {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: InlineIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: InlineIconButtonComponent, isStandalone: true, selector: "[q-inline-icon-button]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: InlineIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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.10", ngImport: i0, type: InlineIconButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: InlineIconButtonComponent, decorators: [{
             type: Component,
             args: [{
+                    hostDirectives: [QuiPreloadDirective],
                     imports: [IconDirective, QBindDirective],
                     selector: "[q-inline-icon-button]",
                     template: `
@@ -57,4 +70,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
   `,
                 }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
-//# sourceMappingURL=inline-icon-button.component.js.map
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InlineIconButtonComponent, useInlineIconButtonApi };
+//# sourceMappingURL=qualcomm-ui-angular-inline-icon-button.mjs.map

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

@@ -0,0 +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;;;;"}