@w11k/ngx-present
Version:
Angular based Presentation Tool
20 lines • 3.92 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/help/help-content.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
var HelpContentComponent = /** @class */ (function () {
function HelpContentComponent() {
}
HelpContentComponent.decorators = [
{ type: Component, args: [{
selector: 'ngx-present-help-content',
template: "<h2>Navigation</h2>\n\n<p class=\"presentation-navigation\">\n <mat-icon>menu</mat-icon>\n Click on the menu icon in the upper left corner to open the menu.<br>\n Via the menu you can navigate to the different modes like slide-by-slide, overview and presenter.\n You can also use the table of content to jump to specific sections,\n if the author of the presentation uses this feature.\n</p>\n\n<h2>Navigation in Slide Mode</h2>\n\n<table class=\"key-action\">\n <thead>\n <tr>\n <th>Key</th>\n <th>Action</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Arrow Right</td>\n <td>Go to next slide</td>\n </tr>\n <tr>\n <td>Arrow Down </td>\n <td>Go to next slide</td>\n </tr>\n <tr>\n <td>Page Down</td>\n <td>Go to next slide</td>\n </tr>\n <tr>\n <td>Arrow Left</td>\n <td>Go to previous slide</td>\n </tr>\n <tr>\n <td>Arrow Up</td>\n <td>Go to previous slide</td>\n </tr>\n <tr>\n <td>Page Up</td>\n <td>Go to previous slide</td>\n </tr>\n <tr>\n <td>ALT + Arrow Right</td>\n <td>Go to next table-of-content entry</td>\n </tr>\n <tr>\n <td>ALT + Arrow Down</td>\n <td>Go to next table-of-content entry</td>\n </tr>\n <tr>\n <td>ALT + Arrow Left</td>\n <td>Go to previous table-of-content entry</td>\n </tr>\n <tr>\n <td>ALT + Arrow Up</td>\n <td>Go to previous table-of-content entry</td>\n </tr>\n <tr>\n <td>Pos 1</td>\n <td>Go to first slide</td>\n </tr>\n <tr>\n <td>m</td>\n <td>Open menu</td>\n </tr>\n <tr>\n <td>o</td>\n <td>Go to table of content</td>\n </tr>\n </tbody>\n</table>\n\n<h2>About</h2>\n\n<p>\n <b>@w11k/ngx-present</b> is an <a href=\"https://angular.io\" target=\"_blank\" tabindex=\"-1\">Angular</a> based,\n open source presentation tool developed by <a href=\"https://w11k.de\" target=\"_blank\" tabindex=\"-1\">W11K</a>.\n For more information please visit the project website at\n <a href=\"https://github.com/w11k/ngx-present\" target=\"_blank\" tabindex=\"-1\">github.com/w11k/ngx-present</a>.\n</p>\n",
styles: ["h2:first-of-type{margin-top:0}p{max-width:600px}p.presentation-navigation{position:relative;clear:both}p.presentation-navigation mat-icon{float:left;margin-right:.25em;margin-bottom:.25em}table.key-action th{text-align:left}table.key-action tr td{vertical-align:middle;padding-right:16px}table.key-action tr td:last-of-type{padding-right:0}"]
}] }
];
return HelpContentComponent;
}());
export { HelpContentComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B3MTFrL25neC1wcmVzZW50LyIsInNvdXJjZXMiOlsibGliL2hlbHAvaGVscC1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUM7SUFBQTtJQUttQyxDQUFDOztnQkFMbkMsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLHFoRUFBNEM7O2lCQUU3Qzs7SUFDa0MsMkJBQUM7Q0FBQSxBQUxwQyxJQUtvQztTQUF2QixvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXByZXNlbnQtaGVscC1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlbHAtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlbHAtY29udGVudC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEhlbHBDb250ZW50Q29tcG9uZW50IHt9XG4iXX0=