@retalia/pos-components 0.0.19 → 0.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retalia/pos-components",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/types/retalia-pos-components.d.ts

@@ -58,6 +58,13 @@ declare class PosLogin {
     /** Shop line. Empty hides it. */
     readonly shopName: _angular_core.InputSignal<string>;
     readonly dateLabel: _angular_core.InputSignal<string>;
+    /**
+     * Date to show, e.g. the trading date from the host. Null shows the device's current date,
+     * which updates at midnight.
+     */
+    readonly date: _angular_core.InputSignal<Date | null>;
+    /** Locale for the date, e.g. `en-GB`. Undefined uses the browser's locale. */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
     readonly posNumberLabel: _angular_core.InputSignal<string>;
     /** Empty hides the POS number tile. */
     readonly posNumber: _angular_core.InputSignal<string>;
@@ -73,13 +80,17 @@ declare class PosLogin {
     protected readonly showBack: _angular_core.Signal<boolean>;
     protected readonly primaryLabel: _angular_core.Signal<string>;
     protected readonly interactionLocked: _angular_core.Signal<boolean>;
+    /** Device date, used when the host does not pass `date`. Refreshed at midnight. */
+    private readonly today;
+    private readonly destroyRef;
     protected readonly shownDate: _angular_core.Signal<string>;
+    constructor();
     protected readonly sessionStatusText: _angular_core.Signal<string>;
     protected onKeypad(key: string): void;
     protected onPrimary(): void;
     protected onBack(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PosLogin, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PosLogin, "pos-login", never, { "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "session": { "alias": "session"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "titleClerkNumber": { "alias": "titleClerkNumber"; "required": false; "isSignal": true; }; "titleClerkPassword": { "alias": "titleClerkPassword"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "loginLabel": { "alias": "loginLabel"; "required": false; "isSignal": true; }; "showAside": { "alias": "showAside"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "showBrandImage": { "alias": "showBrandImage"; "required": false; "isSignal": true; }; "brandImage": { "alias": "brandImage"; "required": false; "isSignal": true; }; "brandLabel": { "alias": "brandLabel"; "required": false; "isSignal": true; }; "locationName": { "alias": "locationName"; "required": false; "isSignal": true; }; "terminalLine": { "alias": "terminalLine"; "required": false; "isSignal": true; }; "shopName": { "alias": "shopName"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "posNumberLabel": { "alias": "posNumberLabel"; "required": false; "isSignal": true; }; "posNumber": { "alias": "posNumber"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, ["[posLoginAside]", "[posLoginPanel]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PosLogin, "pos-login", never, { "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "session": { "alias": "session"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "titleClerkNumber": { "alias": "titleClerkNumber"; "required": false; "isSignal": true; }; "titleClerkPassword": { "alias": "titleClerkPassword"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "loginLabel": { "alias": "loginLabel"; "required": false; "isSignal": true; }; "showAside": { "alias": "showAside"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "showBrandImage": { "alias": "showBrandImage"; "required": false; "isSignal": true; }; "brandImage": { "alias": "brandImage"; "required": false; "isSignal": true; }; "brandLabel": { "alias": "brandLabel"; "required": false; "isSignal": true; }; "locationName": { "alias": "locationName"; "required": false; "isSignal": true; }; "terminalLine": { "alias": "terminalLine"; "required": false; "isSignal": true; }; "shopName": { "alias": "shopName"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "posNumberLabel": { "alias": "posNumberLabel"; "required": false; "isSignal": true; }; "posNumber": { "alias": "posNumber"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, ["[posLoginAside]", "[posLoginPanel]"], true, never>;
 }
 
 type PosTillDeviceKind = 'hardware' | 'software' | 'virtual';
@@ -269,16 +280,28 @@ declare class PosHeader {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly action: _angular_core.OutputEmitterRef<PosHeaderIntent>;
     private readonly sessionRef;
+    private readonly menuButtonRef;
+    private readonly menuRef;
     private readonly destroyRef;
+    private readonly injector;
+    protected readonly menuId: string;
+    protected readonly menuButtonId: string;
     protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
     protected readonly menuTop: _angular_core.WritableSignal<string>;
     protected readonly menuRight: _angular_core.WritableSignal<string>;
     protected readonly initial: _angular_core.Signal<string>;
     constructor();
     protected toggleMenu(): void;
-    protected closeMenu(): void;
+    protected closeMenu(returnFocus?: boolean): void;
+    /** Menu button keys (WAI-ARIA menu button): arrows open the menu and focus an item. */
+    protected onMenuButtonKeydown(event: KeyboardEvent): void;
+    /** Menu keys: arrows, Home and End move between items; Tab closes the menu. */
+    protected onMenuKeydown(event: KeyboardEvent): void;
+    protected onEscape(): void;
     protected onViewportChange(): void;
     protected onSignOut(): void;
+    private openMenu;
+    private menuItems;
     private placeMenu;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PosHeader, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PosHeader, "pos-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "showBrandImage": { "alias": "showBrandImage"; "required": false; "isSignal": true; }; "brandImage": { "alias": "brandImage"; "required": false; "isSignal": true; }; "brandLabel": { "alias": "brandLabel"; "required": false; "isSignal": true; }; "clerkName": { "alias": "clerkName"; "required": false; "isSignal": true; }; "clerkRole": { "alias": "clerkRole"; "required": false; "isSignal": true; }; "signOutLabel": { "alias": "signOutLabel"; "required": false; "isSignal": true; }; "menuLabel": { "alias": "menuLabel"; "required": false; "isSignal": true; }; "canSignOut": { "alias": "canSignOut"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, true, never>;