@anglr/common 18.1.0-beta.20230918132240 → 18.1.0-beta.20230918134407

package/changelog.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## Version 18.1.0 (2023-09-18)
+
+### Features
+
+- new `HotkeysCheatsheetSAComponent` component, that is component used for displaying current active hotkeys as cheat cheet
+   - **implements**
+      - `OnInit`
+      - `OnDestroy`
+   - **inputs**
+      - `title` title displayed in header of cheat sheet
+   - **method**
+      - `toggleCheatSheet` toggles cheatsheet visibility
+
 ## Version 18.0.1 (2023-08-23)
 
 ### Bug Fixes

package/es2022/hotkeys/src/components/cheatSheet/cheatSheet.component.js

@@ -0,0 +1,79 @@
+import { ChangeDetectionStrategy, Component, Input, PLATFORM_ID, inject } from '@angular/core';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
+import { BehaviorSubject } from 'rxjs';
+import { HotkeysService } from 'angular2-hotkeys';
+import * as i0 from "@angular/core";
+import * as i1 from "angular2-hotkeys";
+import * as i2 from "@angular/common";
+/**
+ * Component used for displaying current active hotkeys as cheat cheet
+ */
+class HotkeysCheatsheetSAComponent {
+    _hotkeysService;
+    //######################### private fields #########################
+    /**
+     * Indication whether is running in browser
+     */
+    _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    //######################### public properties #########################
+    helpVisible$ = new BehaviorSubject(false);
+    subscription;
+    hotkeys;
+    //######################### public properties - inputs #########################
+    /**
+     * Title displayed in header of cheat sheet
+     */
+    title = 'Keyboard Shortcuts:';
+    //######################### constructor #########################
+    constructor(_hotkeysService) {
+        this._hotkeysService = _hotkeysService;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        if (!this._isBrowser) {
+            return;
+        }
+        this.subscription = this._hotkeysService.cheatSheetToggle.subscribe((isOpen) => {
+            if (isOpen !== false) {
+                this.hotkeys = this._hotkeysService.hotkeys.filter(hotkey => hotkey.description);
+            }
+            if (isOpen === false) {
+                this.helpVisible$.next(false);
+            }
+            else {
+                this.toggleCheatSheet();
+            }
+        });
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    //######################### public methods #########################
+    /**
+     * Toggles cheatsheet visibility
+     */
+    toggleCheatSheet() {
+        this.helpVisible$.next(!this.helpVisible$.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HotkeysCheatsheetSAComponent, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: HotkeysCheatsheetSAComponent, isStandalone: true, selector: "hotkeys-cheatsheet", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                <tr *ngFor=\"let hotkey of hotkeys\">\n                    <td class=\"cfp-hotkeys-keys\">\n                        <span *ngFor=\"let key of hotkey.formatted\" class=\"cfp-hotkeys-key\">{{key}}</span>\n                    </td>\n\n                    <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>", styles: [".cfp-hotkeys-container \n{\n    display: table !important;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    color: #333;\n    font-size: 1em;\n    background-color: rgba(255, 255, 255, 0.9);\n}\n\n.cfp-hotkeys-container.fade \n{\n    z-index: -1024;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    -moz-transition: opacity 0.15s linear;\n    -o-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n}\n\n.cfp-hotkeys-container.fade.in \n{\n    z-index: 10002;\n    visibility: visible;\n    opacity: 1;\n}\n\n.cfp-hotkeys-title \n{\n    font-weight: bold;\n    text-align: center;\n    font-size: 1.2em;\n}\n\n.cfp-hotkeys \n{\n    width: 100%;\n    height: 100%;\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys table \n{\n    margin: auto;\n    color: #333;\n}\n\n.cfp-content \n{\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys-keys \n{\n    padding: 5px;\n    text-align: right;\n}\n\n.cfp-hotkeys-key \n{\n    display: inline-block;\n    color: #fff;\n    background-color: #333;\n    border: 1px solid #333;\n    border-radius: 5px;\n    text-align: center;\n    margin-right: 5px;\n    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;\n    padding: 5px 9px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-text \n{\n    padding-left: 10px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-close \n{\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    font-size: 2em;\n    font-weight: bold;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    min-height: 45px;\n    min-width: 45px;\n    text-align: center;\n}\n\n.cfp-hotkeys-close:hover \n{\n    background-color: #fff;\n    cursor: pointer;\n}\n\n@media all and (max-width: 500px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 0.8em;\n    }\n}\n\n@media all and (min-width: 750px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 1.2em;\n    }\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { HotkeysCheatsheetSAComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: HotkeysCheatsheetSAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'hotkeys-cheatsheet', imports: [
+                        CommonModule,
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                <tr *ngFor=\"let hotkey of hotkeys\">\n                    <td class=\"cfp-hotkeys-keys\">\n                        <span *ngFor=\"let key of hotkey.formatted\" class=\"cfp-hotkeys-key\">{{key}}</span>\n                    </td>\n\n                    <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>", styles: [".cfp-hotkeys-container \n{\n    display: table !important;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    color: #333;\n    font-size: 1em;\n    background-color: rgba(255, 255, 255, 0.9);\n}\n\n.cfp-hotkeys-container.fade \n{\n    z-index: -1024;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    -moz-transition: opacity 0.15s linear;\n    -o-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n}\n\n.cfp-hotkeys-container.fade.in \n{\n    z-index: 10002;\n    visibility: visible;\n    opacity: 1;\n}\n\n.cfp-hotkeys-title \n{\n    font-weight: bold;\n    text-align: center;\n    font-size: 1.2em;\n}\n\n.cfp-hotkeys \n{\n    width: 100%;\n    height: 100%;\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys table \n{\n    margin: auto;\n    color: #333;\n}\n\n.cfp-content \n{\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys-keys \n{\n    padding: 5px;\n    text-align: right;\n}\n\n.cfp-hotkeys-key \n{\n    display: inline-block;\n    color: #fff;\n    background-color: #333;\n    border: 1px solid #333;\n    border-radius: 5px;\n    text-align: center;\n    margin-right: 5px;\n    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;\n    padding: 5px 9px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-text \n{\n    padding-left: 10px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-close \n{\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    font-size: 2em;\n    font-weight: bold;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    min-height: 45px;\n    min-width: 45px;\n    text-align: center;\n}\n\n.cfp-hotkeys-close:hover \n{\n    background-color: #fff;\n    cursor: pointer;\n}\n\n@media all and (max-width: 500px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 0.8em;\n    }\n}\n\n@media all and (min-width: 750px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 1.2em;\n    }\n}"] }]
+        }], ctorParameters: function () { return [{ type: i1.HotkeysService }]; }, propDecorators: { title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=cheatSheet.component.js.map

package/es2022/hotkeys/src/components/cheatSheet/cheatSheet.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cheatSheet.component.js","sourceRoot":"","sources":["../../../../../hotkeys/src/components/cheatSheet/cheatSheet.component.ts","../../../../../hotkeys/src/components/cheatSheet/cheatSheet.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAqB,WAAW,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAChH,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAC,eAAe,EAAe,MAAM,MAAM,CAAC;AACnD,OAAO,EAAS,cAAc,EAAC,MAAM,kBAAkB,CAAC;;;;AAExD;;GAEG;AACH,MAYa,4BAA4B;IAwBjB;IAtBpB,oEAAoE;IAEpE;;OAEG;IACK,UAAU,GAAY,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAErE,uEAAuE;IAEhE,YAAY,GAA6B,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;IACpE,YAAY,CAA8B;IAC1C,OAAO,CAA0B;IAExC,gFAAgF;IAEhF;;OAEG;IAEI,KAAK,GAAW,qBAAqB,CAAC;IAE7C,iEAAiE;IACjE,YAAoB,eAA+B;QAA/B,oBAAe,GAAf,eAAe,CAAgB;IAEnD,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,OAAO;SACV;QAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YAE3E,IAAI,MAAM,KAAK,KAAK,EACpB;gBACI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;aACpF;YAED,IAAI,MAAM,KAAK,KAAK,EACpB;gBACI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACjC;iBAED;gBACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;aAC3B;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACnC;IACL,CAAC;IAED,oEAAoE;IAEpE;;OAEG;IACI,gBAAgB;QAEnB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;uGA/EQ,4BAA4B;2FAA5B,4BAA4B,0GCpBzC,guBAkBM,+/DDHE,YAAY;;SAKP,4BAA4B;2FAA5B,4BAA4B;kBAZxC,SAAS;+BAEI,oBAAoB,WAI9B;wBACI,YAAY;qBACf,cACW,IAAI,mBACC,uBAAuB,CAAC,MAAM;qGAuBxC,KAAK;sBADX,KAAK","sourcesContent":["import {ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit, PLATFORM_ID, inject} from '@angular/core';\nimport {CommonModule, isPlatformBrowser} from '@angular/common';\nimport {BehaviorSubject, Subscription} from 'rxjs';\nimport {Hotkey, HotkeysService} from 'angular2-hotkeys';\n\n/**\n * Component used for displaying current active hotkeys as cheat cheet\n */\n@Component(\n{\n    selector: 'hotkeys-cheatsheet',\n    templateUrl: 'cheatSheet.component.html',\n    styleUrls: ['cheatSheet.component.css'],\n    imports:\n    [\n        CommonModule,\n    ],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HotkeysCheatsheetSAComponent implements OnInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Indication whether is running in browser\n     */\n    private _isBrowser: boolean = isPlatformBrowser(inject(PLATFORM_ID));\n\n    //######################### public properties #########################\n\n    public helpVisible$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n    public subscription: Subscription|undefined|null;\n    public hotkeys: Hotkey[]|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Title displayed in header of cheat sheet\n     */\n    @Input()\n    public title: string = 'Keyboard Shortcuts:';\n\n    //######################### constructor #########################\n    constructor(private _hotkeysService: HotkeysService)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        if(!this._isBrowser)\n        {\n            return;\n        }\n\n        this.subscription = this._hotkeysService.cheatSheetToggle.subscribe((isOpen) =>\n        {\n            if (isOpen !== false)\n            {\n                this.hotkeys = this._hotkeysService.hotkeys.filter(hotkey => hotkey.description);\n            }\n\n            if (isOpen === false)\n            {\n                this.helpVisible$.next(false);\n            }\n            else\n            {\n                this.toggleCheatSheet();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if (this.subscription)\n        {\n            this.subscription.unsubscribe();\n        }\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Toggles cheatsheet visibility\n     */\n    public toggleCheatSheet(): void\n    {\n        this.helpVisible$.next(!this.helpVisible$.value);\n    }\n}","<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                <tr *ngFor=\"let hotkey of hotkeys\">\n                    <td class=\"cfp-hotkeys-keys\">\n                        <span *ngFor=\"let key of hotkey.formatted\" class=\"cfp-hotkeys-key\">{{key}}</span>\n                    </td>\n\n                    <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                </tr>\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>"]}

package/es2022/hotkeys/src/components/index.js

@@ -0,0 +1,2 @@
+export * from './cheatSheet/cheatSheet.component';
+//# sourceMappingURL=index.js.map

package/es2022/hotkeys/src/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../hotkeys/src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './cheatSheet/cheatSheet.component';\n"]}

package/es2022/hotkeys/src/index.js

@@ -1,2 +1,3 @@
+export * from './components';
 export * from './services/appHotkeys.service';
 //# sourceMappingURL=index.js.map

package/es2022/hotkeys/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../hotkeys/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './services/appHotkeys.service';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../hotkeys/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './components';\nexport * from './services/appHotkeys.service';"]}

package/hotkeys/src/components/cheatSheet/cheatSheet.component.css

@@ -0,0 +1,120 @@
+.cfp-hotkeys-container 
+{
+    display: table !important;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    color: #333;
+    font-size: 1em;
+    background-color: rgba(255, 255, 255, 0.9);
+}
+
+.cfp-hotkeys-container.fade 
+{
+    z-index: -1024;
+    visibility: hidden;
+    opacity: 0;
+    -webkit-transition: opacity 0.15s linear;
+    -moz-transition: opacity 0.15s linear;
+    -o-transition: opacity 0.15s linear;
+    transition: opacity 0.15s linear;
+}
+
+.cfp-hotkeys-container.fade.in 
+{
+    z-index: 10002;
+    visibility: visible;
+    opacity: 1;
+}
+
+.cfp-hotkeys-title 
+{
+    font-weight: bold;
+    text-align: center;
+    font-size: 1.2em;
+}
+
+.cfp-hotkeys 
+{
+    width: 100%;
+    height: 100%;
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.cfp-hotkeys table 
+{
+    margin: auto;
+    color: #333;
+}
+
+.cfp-content 
+{
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.cfp-hotkeys-keys 
+{
+    padding: 5px;
+    text-align: right;
+}
+
+.cfp-hotkeys-key 
+{
+    display: inline-block;
+    color: #fff;
+    background-color: #333;
+    border: 1px solid #333;
+    border-radius: 5px;
+    text-align: center;
+    margin-right: 5px;
+    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
+    padding: 5px 9px;
+    font-size: 1em;
+}
+
+.cfp-hotkeys-text 
+{
+    padding-left: 10px;
+    font-size: 1em;
+}
+
+.cfp-hotkeys-close 
+{
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    font-size: 2em;
+    font-weight: bold;
+    padding: 5px 10px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    min-height: 45px;
+    min-width: 45px;
+    text-align: center;
+}
+
+.cfp-hotkeys-close:hover 
+{
+    background-color: #fff;
+    cursor: pointer;
+}
+
+@media all and (max-width: 500px) 
+{
+    .cfp-hotkeys 
+    {
+        font-size: 0.8em;
+    }
+}
+
+@media all and (min-width: 750px) 
+{
+    .cfp-hotkeys 
+    {
+        font-size: 1.2em;
+    }
+}

package/hotkeys/src/components/cheatSheet/cheatSheet.component.d.ts

@@ -0,0 +1,37 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import { Hotkey, HotkeysService } from 'angular2-hotkeys';
+import * as i0 from "@angular/core";
+/**
+ * Component used for displaying current active hotkeys as cheat cheet
+ */
+export declare class HotkeysCheatsheetSAComponent implements OnInit, OnDestroy {
+    private _hotkeysService;
+    /**
+     * Indication whether is running in browser
+     */
+    private _isBrowser;
+    helpVisible$: BehaviorSubject<boolean>;
+    subscription: Subscription | undefined | null;
+    hotkeys: Hotkey[] | undefined | null;
+    /**
+     * Title displayed in header of cheat sheet
+     */
+    title: string;
+    constructor(_hotkeysService: HotkeysService);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): void;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    /**
+     * Toggles cheatsheet visibility
+     */
+    toggleCheatSheet(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HotkeysCheatsheetSAComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HotkeysCheatsheetSAComponent, "hotkeys-cheatsheet", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=cheatSheet.component.d.ts.map

package/hotkeys/src/components/cheatSheet/cheatSheet.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cheatSheet.component.d.ts","sourceRoot":"","sources":["cheatSheet.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,MAAM,EAAsB,MAAM,eAAe,CAAC;AAEhH,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,MAAM,CAAC;AACnD,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,MAAM,kBAAkB,CAAC;;AAExD;;GAEG;AACH,qBAYa,4BAA6B,YAAW,MAAM,EAAE,SAAS;IAwBtD,OAAO,CAAC,eAAe;IApBnC;;OAEG;IACH,OAAO,CAAC,UAAU,CAAmD;IAI9D,YAAY,EAAE,eAAe,CAAC,OAAO,CAAC,CAA8B;IACpE,YAAY,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,EAAE,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxC;;OAEG;IAEI,KAAK,EAAE,MAAM,CAAyB;gBAGzB,eAAe,EAAE,cAAc;IAMnD;;OAEG;IACI,QAAQ,IAAI,IAAI;IA2BvB;;OAEG;IACI,WAAW,IAAI,IAAI;IAU1B;;OAEG;IACI,gBAAgB,IAAI,IAAI;yCA5EtB,4BAA4B;2CAA5B,4BAA4B;CAgFxC"}

package/hotkeys/src/components/cheatSheet/cheatSheet.component.html

@@ -0,0 +1,19 @@
+<div class="cfp-hotkeys-container fade" [ngClass]="{'in': helpVisible$|async}" style="display:none">
+    <div class="cfp-hotkeys">
+        <h4 class="cfp-hotkeys-title">{{title}}</h4>
+
+        <table>
+            <tbody>
+                <tr *ngFor="let hotkey of hotkeys">
+                    <td class="cfp-hotkeys-keys">
+                        <span *ngFor="let key of hotkey.formatted" class="cfp-hotkeys-key">{{key}}</span>
+                    </td>
+
+                    <td class="cfp-hotkeys-text">{{hotkey.description}}</td>
+                </tr>
+            </tbody>
+        </table>
+
+        <div class="cfp-hotkeys-close" (click)="toggleCheatSheet()">&#215;</div>
+    </div>
+</div>

package/hotkeys/src/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cheatSheet/cheatSheet.component';
+//# sourceMappingURL=index.d.ts.map

package/hotkeys/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/hotkeys/src/index.d.ts

@@ -1,2 +1,3 @@
+export * from './components';
 export * from './services/appHotkeys.service';
 //# sourceMappingURL=index.d.ts.map

package/hotkeys/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/common",
-    "version": "18.1.0-beta.20230918132240",
+    "version": "18.1.0-beta.20230918134407",
     "description": "Angular module for common angular stuff",
     "type": "module",
     "sideEffects": false,

package/version.bak

@@ -1 +1 @@
-18.1.0-beta.20230918132240 
+18.1.0-beta.20230918134407