@qualcomm-ui/angular 1.5.0 → 1.7.0

package/header-bar/index.d.ts

@@ -0,0 +1,207 @@
+import * as _qualcomm_ui_angular_core_machine from '@qualcomm-ui/angular-core/machine';
+import { BaseApiContextService } from '@qualcomm-ui/angular-core/machine';
+import * as _qualcomm_ui_qds_core_header_bar from '@qualcomm-ui/qds-core/header-bar';
+import { QdsHeaderBarNavItemProps, QdsHeaderBarApi, QdsHeaderBarRootProps, QdsHeaderBarSize, QdsHeaderSurface } from '@qualcomm-ui/qds-core/header-bar';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as _qualcomm_ui_qds_core_button from '@qualcomm-ui/qds-core/button';
+import { LucideIconOrString } from '@qualcomm-ui/angular-core/lucide';
+import * as i1 from '@qualcomm-ui/angular/transitions';
+import * as _qualcomm_ui_qds_core_menu from '@qualcomm-ui/qds-core/menu';
+import * as _qualcomm_ui_core_menu from '@qualcomm-ui/core/menu';
+import { SignalifyInput } from '@qualcomm-ui/angular-core/signals';
+import { Booleanish } from '@qualcomm-ui/utils/coercion';
+import * as i12 from '@qualcomm-ui/angular/icon';
+
+declare class HeaderBarActionBarDirective implements OnInit {
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarActionBarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarActionBarDirective, "[q-header-bar-action-bar]", never, {}, {}, never, never, false, never>;
+}
+
+declare class HeaderBarActionButtonDirective {
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon, positioned after the label.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     * ```angular-html
+     * <svg q-end-icon icon="..."></svg>
+     * ```
+     */
+    readonly endIcon: i0.InputSignal<LucideIconOrString | undefined>;
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon, positioned before the label.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     * ```angular-html
+     * <svg q-start-icon icon="..."></svg>
+     * ```
+     */
+    readonly startIcon: i0.InputSignal<LucideIconOrString | undefined>;
+    protected readonly buttonApi: i0.Signal<_qualcomm_ui_qds_core_button.QdsButtonApi>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarActionButtonDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderBarActionButtonDirective, "[q-header-bar-action-button]", never, { "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; }, {}, never, ["[q-start-icon]", "*", "[q-end-icon]"], false, [{ directive: typeof i1.QuiPreloadDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HeaderBarActionIconButtonDirective {
+    /**
+     * {@link https://lucide.dev/icons lucide-angular} icon.
+     */
+    readonly icon: i0.InputSignal<LucideIconOrString | undefined>;
+    protected readonly iconButtonApi: i0.Signal<_qualcomm_ui_qds_core_button.QdsIconButtonApi>;
+    protected readonly iconProps: i0.Signal<_qualcomm_ui_qds_core_button.QdsIconButtonIconBindings>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarActionIconButtonDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderBarActionIconButtonDirective, "[q-header-bar-action-icon-button]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["svg[qIcon]"], false, [{ directive: typeof i1.QuiPreloadDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class HeaderBarAppTitleDirective implements OnInit {
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarAppTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarAppTitleDirective, "[q-header-bar-app-title]", never, {}, {}, never, never, false, never>;
+}
+
+declare class HeaderBarDividerDirective implements OnInit {
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarDividerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarDividerDirective, "[q-header-bar-divider]", never, {}, {}, never, never, false, never>;
+}
+
+declare class HeaderBarLogoDirective implements OnInit {
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarLogoDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarLogoDirective, "[q-header-bar-logo]", never, {}, {}, never, never, false, never>;
+}
+
+declare class HeaderBarMenuItemDirective implements OnInit {
+    /**
+     * {@link https://lucide.dev lucide-angular} icon.
+     */
+    readonly icon: i0.InputSignal<LucideIconOrString | undefined>;
+    protected readonly menuContext: (() => _qualcomm_ui_core_menu.MenuApi) | null;
+    protected readonly qdsMenuContext: (() => _qualcomm_ui_qds_core_menu.QdsMenuApi) | null;
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarMenuItemDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderBarMenuItemDirective, "[q-header-bar-menu-item]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class HeaderBarNavItemDirective implements OnInit, SignalifyInput<QdsHeaderBarNavItemProps> {
+    /**
+     * Whether the nav item is the current active route.
+     */
+    readonly active: i0.InputSignalWithTransform<boolean | undefined, Booleanish>;
+    /**
+     * Lucide icon rendered before the item label.
+     */
+    readonly startIcon: i0.InputSignal<LucideIconOrString | undefined>;
+    /**
+     * Lucide icon rendered after the item label.
+     */
+    readonly endIcon: i0.InputSignal<LucideIconOrString | undefined>;
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarNavItemDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderBarNavItemDirective, "[q-header-bar-nav-item]", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; }, {}, never, ["[q-start-icon]", "*", "[q-end-icon]"], false, never>;
+}
+
+declare class HeaderBarNavDirective implements OnInit {
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarNavDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarNavDirective, "[q-header-bar-nav]", never, {}, {}, never, never, false, never>;
+}
+
+declare class QdsHeaderBarContextService extends BaseApiContextService<QdsHeaderBarApi> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<QdsHeaderBarContextService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QdsHeaderBarContextService>;
+}
+declare const QDS_HEADER_BAR_CONTEXT: i0.InjectionToken<() => QdsHeaderBarApi>;
+declare const useQdsHeaderBarContext: <Optional extends boolean = false>(opts?: _qualcomm_ui_angular_core_machine.UseContextOpts<Optional> | undefined) => Optional extends true ? (() => QdsHeaderBarApi) | null : () => QdsHeaderBarApi;
+declare const provideQdsHeaderBarContext: () => i0.Provider[];
+
+declare class HeaderBarRootDirective implements OnInit, SignalifyInput<QdsHeaderBarRootProps> {
+    /**
+     * The size of the component and its elements. Governs padding, element spacing,
+     * and height.
+     *
+     * @default 'sm'
+     */
+    readonly size: i0.InputSignal<QdsHeaderBarSize | undefined>;
+    /**
+     * The background color of the component.
+     */
+    readonly surface: i0.InputSignal<QdsHeaderSurface | undefined>;
+    readonly qdsHeaderBarService: QdsHeaderBarContextService;
+    protected readonly api: i0.WritableSignal<_qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi>;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarRootDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarRootDirective, "[q-header-bar-root]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class HeaderBarWindowControlsDirective implements OnInit {
+    protected readonly qdsHeaderBarContext: () => _qualcomm_ui_qds_core_header_bar.QdsHeaderBarApi;
+    protected readonly trackBindings: ((opts?: _qualcomm_ui_angular_core_machine.TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => _qualcomm_ui_angular_core_machine.Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarWindowControlsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderBarWindowControlsDirective, "[q-header-bar-window-controls]", never, {}, {}, never, never, false, never>;
+}
+
+declare class HeaderBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HeaderBarModule, [typeof HeaderBarActionButtonDirective, typeof HeaderBarActionIconButtonDirective, typeof HeaderBarActionBarDirective, typeof HeaderBarAppTitleDirective, typeof HeaderBarDividerDirective, typeof HeaderBarLogoDirective, typeof HeaderBarMenuItemDirective, typeof HeaderBarNavDirective, typeof HeaderBarNavItemDirective, typeof HeaderBarRootDirective, typeof HeaderBarWindowControlsDirective], [typeof i12.EndIconDirective, typeof i12.IconDirective, typeof _qualcomm_ui_angular_core_machine.QBindDirective, typeof i12.StartIconDirective], [typeof HeaderBarActionButtonDirective, typeof HeaderBarActionIconButtonDirective, typeof HeaderBarActionBarDirective, typeof HeaderBarAppTitleDirective, typeof HeaderBarDividerDirective, typeof HeaderBarLogoDirective, typeof HeaderBarMenuItemDirective, typeof HeaderBarNavDirective, typeof HeaderBarNavItemDirective, typeof HeaderBarRootDirective, typeof HeaderBarWindowControlsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HeaderBarModule>;
+}
+
+export { HeaderBarActionBarDirective, HeaderBarActionButtonDirective, HeaderBarActionIconButtonDirective, HeaderBarAppTitleDirective, HeaderBarDividerDirective, HeaderBarLogoDirective, HeaderBarMenuItemDirective, HeaderBarModule, HeaderBarNavDirective, HeaderBarNavItemDirective, HeaderBarRootDirective, HeaderBarWindowControlsDirective, QDS_HEADER_BAR_CONTEXT, QdsHeaderBarContextService, provideQdsHeaderBarContext, useQdsHeaderBarContext };
+//# sourceMappingURL=index.d.ts.map

package/header-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../src/header-bar/header-bar-action-bar.directive.ts","../../src/header-bar/header-bar-action-button.directive.ts","../../src/header-bar/header-bar-action-icon-button.directive.ts","../../src/header-bar/header-bar-app-title.directive.ts","../../src/header-bar/header-bar-divider.directive.ts","../../src/header-bar/header-bar-logo.directive.ts","../../src/header-bar/header-bar-menu-item.directive.ts","../../src/header-bar/header-bar-nav-item.directive.ts","../../src/header-bar/header-bar-nav.directive.ts","../../src/header-bar/qds-header-bar-context.service.ts","../../src/header-bar/header-bar-root.directive.ts","../../src/header-bar/header-bar-window-controls.directive.ts","../../src/header-bar/header-bar.module.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["_angular_core"],"mappings":";;;;;;;;;;;;;;;AASA,cAAA,2BAAA,YAAA,MAAA;AAKE,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACRD,cAAA,8BAAA;AA2CE;;;;;;;;AAQG;sBACaA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAEhB;;;;;;;;AAQG;wBACeA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAElB,kCAA4BA,EAAA,QAAA,4BAAA,CAAA,YAAA;+CAMI,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACnFD,cAAA,kCAAA;AAYE;;AAEG;mBACUA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAEb,sCAAgCA,EAAA,QAAA,4BAAA,CAAA,gBAAA;AAMhC,kCAA4BA,EAAA,QAAA,4BAAA,CAAA,yBAAA;+CAII,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACnCD,cAAA,0BAAA,YAAA,MAAA;AAKE,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACdD,cAAA,yBAAA,YAAA,MAAA;AAKE,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACdD,cAAA,sBAAA,YAAA,MAAA;AAKE,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACND,cAAA,0BAAA,YAAA,MAAA;AAaE;;AAEG;mBACUA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAEb,2CAA8B,sBAAA,CAAA,OAAA;AAC9B,8CAAiC,0BAAA,CAAA,UAAA;AACjC,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAS9B;;;;AAKH;;AC1BD,cAAA,yBAAA,YAAA,MAAA,EAAA,cAAA,CAAA,wBAAA;AA0CE;;AAEG;qBACYA,EAAA,CAAA,wBAAA,sBAAA,UAAA;AAIf;;AAEG;wBACeA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAElB;;AAEG;sBACaA,EAAA,CAAA,WAAA,CAAA,kBAAA;AAEhB,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACtFD,cAAA,qBAAA,YAAA,MAAA;AAKE,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACXD,cAAA,0BAAA,SAAA,qBAAA,CAAA,eAAA;;;AACyF;AAEzF,cAAA,sBAAA,EACwBA,EAAA,CAAA,cAAA,OAAA,eAAA;AAAA,cACtB,kEAAsB,iCAAA,CAAA,cAAA,0DAAA,eAAA,iBAAA,eAAA;AAAA,cACtB;;ACIF,cAAA,sBAAA,YAAA,MAAA,EAAA,cAAA,CAAA,qBAAA;AAQE;;;;;AAKG;mBACUA,EAAA,CAAA,WAAA,CAAA,gBAAA;AAEb;;AAEG;sBACaA,EAAA,CAAA,WAAA,CAAA,gBAAA;;AAIhB,4BAAsBA,EAAA,gBAAA,gCAAA,CAAA,eAAA;+CAEU,iCAAA,CAAA,mBAAA;;;AAK/B;;;;AAOF;;AClDD,cAAA,gCAAA,YAAA,MAAA;AAKE,kDAAsC,gCAAA,CAAA,eAAA;+CAEN,iCAAA,CAAA,mBAAA;;;AAE/B;;;;AAKF;;ACCD,cAAA,eAAA;;;;AAkC+B;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qualcomm-ui/angular",
   "description": "QUI Angular Components",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "author": "Ryan Bower",
   "license": "BSD-3-Clause-Clear",
   "repository": "https://github.com/qualcomm/qualcomm-ui",
@@ -77,6 +77,10 @@
       "types": "./header/index.d.ts",
       "default": "./fesm2022/qualcomm-ui-angular-header.mjs"
     },
+    "./header-bar": {
+      "types": "./header-bar/index.d.ts",
+      "default": "./fesm2022/qualcomm-ui-angular-header-bar.mjs"
+    },
     "./icon": {
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/qualcomm-ui-angular-icon.mjs"
@@ -201,9 +205,9 @@
     "@angular/forms": ">=20.1.0 <21",
     "@angular/platform-browser": ">=20.1.0 <21",
     "@angular/platform-browser-dynamic": ">=20.1.0 <21",
-    "@qualcomm-ui/angular-core": "^1.0.6",
+    "@qualcomm-ui/angular-core": "^1.1.0",
     "@qualcomm-ui/core": "^1.0.8",
-    "@qualcomm-ui/qds-core": "^1.6.0",
+    "@qualcomm-ui/qds-core": "^1.6.1",
     "@qualcomm-ui/utils": "^1.0.3",
     "@tanstack/virtual-core": ">=3.13.12",
     "lucide-angular": ">=0.487.0 <1",