@ruc-lib/tour-guide 3.2.0 → 4.0.0

package/index.d.ts

@@ -1,3 +1,253 @@
-export * from './lib/ruclib-tour-guide.module';
-export * from './lib/ruclib-tour-guide/ruclib-tour-guide.component';
-export * from './lib/model/tour-guide.model';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, EventEmitter, ElementRef, Renderer2, SimpleChanges } from '@angular/core';
+
+interface TourGuideConfig {
+    /**
+      * Defines the type of tour guide.
+      * - 'simple': Displays a single popup with navigation buttons.
+      * - 'advance': Highlights specific elements on the page and guides the user through them.
+      */
+    type: 'simple' | 'advance';
+    /**
+     *  Whether to display a skip button in the tour guide.
+     */
+    showSkipButton?: boolean;
+    /**
+     * Font size for the buttons in the tour guide.
+     */
+    buttonsFontSize?: string;
+    /**
+     * Font size for the title of the tour guide.
+     */
+    titleFontSize?: string;
+    /**
+     * Font size for the content of the tour guide.
+     */
+    contentFontSize?: string;
+    /**
+     * Alignment of the buttons within the tour guide modal.
+     */
+    buttonsAlignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    /**
+     * Alignment of the step count within the tour guide modal.
+     */
+    stepCountAlignment?: 'start' | 'center' | 'end';
+    /**
+     * Text for the start of the step count (e.g., "Step").
+     */
+    stepCountStartText?: string;
+    /**
+     * Text for the middle of the step count (e.g., "of").
+     */
+    stepCountMiddleText?: string;
+    /**
+     * Text for the skip button.
+     */
+    skipButtonText?: string;
+    /**
+     * Text for the previous button.
+     */
+    prevButtonText?: string;
+    /**
+     * Text for the next button.
+     */
+    nextButtonText?: string;
+    /**
+     * Text for the finish button.
+     */
+    finishButtonText?: string;
+    /**
+     * Border color for the highlighted element in 'advance' mode.
+     */
+    highlightBorderColor?: string;
+    /**
+     * Border radius for the highlighted element in 'advance' mode.
+     */
+    highlightBorderRadius?: string;
+    /**
+     * Width of the border for the highlighted element in 'advance' mode.
+     */
+    highlightBorderWidth?: string;
+    /**
+     * Default width for the tour guide popup.
+     */
+    defaultPopupWidth?: string;
+}
+interface TourGuideData {
+    /**
+     * title for feature slide
+     */
+    title?: string;
+    /**
+    * description of selected feature in slide
+    */
+    content: string;
+    /**
+    * The element to which the tour guide will point.
+    * Only required for 'advance' type tour guide
+    */
+    selector?: string;
+    /**
+     * Position of the tour guide popup relative to the highlighted element.
+     */
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'auto';
+    /**
+     * Defines the shape of the modal around the selected element.
+     * - 'rounded': A rectangle with rounded corner modal.
+     * - 'rectangle': A rectangular modal.
+     * - 'circle': A circular modal.
+     */
+    shape?: '' | 'rounded' | 'rectangle' | 'circle';
+    /**
+     * Defines the width of modal for current slide.
+     */
+    width?: string;
+}
+
+declare class RuclibTourGuideComponent implements OnInit, OnDestroy, OnChanges {
+    private renderer;
+    rucEvent: EventEmitter<any>;
+    rucInputData: TourGuideConfig;
+    customTheme: string | undefined;
+    showStartButton: boolean;
+    dataSource: Array<TourGuideData>;
+    overlayRef: ElementRef;
+    currentStepIndex: number;
+    private currentElement?;
+    popupStyle: {
+        top: string;
+        left: string;
+    };
+    private originalParent?;
+    showTour: boolean;
+    startTourButtonLabel: string;
+    private resizeListener;
+    config: TourGuideConfig;
+    /**
+     * class constructor
+     * @param tourGuideService
+     * @param renderer
+     */
+    constructor(renderer: Renderer2);
+    /**
+      * handling input data changes
+      * updating default config with user provided config
+      * @param changes
+      */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * handling change on component initilization
+     */
+    ngOnInit(): void;
+    /**
+     * this method handle the start of tour guide fetaure
+     */
+    startTour(): void;
+    /**
+     * this method handle the navigation to next tour guide feature
+     */
+    nextStep(): void;
+    /**
+     * this method allow us to navigate back to previous tour guide feature
+     */
+    previousStep(): void;
+    /**
+     * method to skip the tour guide thats in progress
+     */
+    skip(): void;
+    /**
+     * method to highlight feature area and changin details popup based on provide config
+     * @returns
+     */
+    private highlightElement;
+    /**
+     * Finds an element by its selector, scrolls it into view, and waits for the scroll to complete.
+     * @param selector The CSS selector for the target element.
+     * @returns A promise that resolves to the HTMLElement or undefined if not found.
+     */
+    private findElementAndScroll;
+    /**
+     * Applies CSS classes and styles to visually highlight the target element.
+     * @param element The element to highlight.
+     */
+    private applyHighlightStyles;
+    /**
+     * Calculates the optimal position for the tour popup and applies it.
+     * @param element The highlighted element.
+     * @param position The desired position ('auto', 'top', 'bottom', 'left', 'right').
+     */
+    private calculateAndApplyPopupPosition;
+    /**
+     * Determines the best placement for the popup when position is 'auto'.
+     * @param position The configured position.
+     * @param rect The BoundingClientRect of the target element.
+     * @returns The calculated final position.
+     */
+    private determineAutoPosition;
+    /**
+     * Computes the top and left coordinates for the popup based on the target element and desired position.
+     * @param position The final position for the popup.
+     * @param offset The absolute offset of the target element.
+     * @param element The target element.
+     * @returns An object with top and left coordinates.
+     */
+    private computePopupCoordinates;
+    /**
+     * Clamps the popup's coordinates to ensure it stays within the visible viewport.
+     * @param coords The calculated top and left coordinates.
+     * @returns The adjusted coordinates.
+     */
+    private clampPopupCoordinates;
+    /**
+     * If the popup is rendered inside a scrollable container, this ensures it's scrolled into view.
+     */
+    private scrollPopupIntoView;
+    /**
+     * method to execute highlight process after scroll
+     * @returns
+     */
+    private waitForScroll;
+    /**
+     * method to create transparent hole in overlay for visibility of highlighted area
+     */
+    private createTransparentHole;
+    /**
+     * method to get absolute offset
+     * @param element
+     * @returns
+     */
+    private getAbsoluteOffset;
+    /**
+     * method to lock scroll when tour guide is active
+     */
+    private lockScroll;
+    /**
+     * method to unlock scroll when tour guide is not active
+     */
+    private unlockScroll;
+    /**
+     * method to remove highlight when tour is skipped or done
+     */
+    private removeHighlight;
+    /**
+     * method to navigate between tour slides or skip tour using left, right and skip key
+     * @param event
+     * @returns
+     */
+    private handleKey;
+    /**
+     * debounce method for smooth operation
+     * @param fn
+     * @param delay
+     * @returns
+     */
+    private debounce;
+    /**
+     * handling change on component destroy
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibTourGuideComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuclibTourGuideComponent, "uxp-ruclib-tour-guide", never, { "rucInputData": { "alias": "rucInputData"; "required": false; }; "customTheme": { "alias": "customTheme"; "required": false; }; "showStartButton": { "alias": "showStartButton"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; }, { "rucEvent": "rucEvent"; }, never, never, true, never>;
+}
+
+export { RuclibTourGuideComponent };

package/package.json

@@ -1,26 +1,18 @@
 {
   "name": "@ruc-lib/tour-guide",
-  "version": "3.2.0",
-  "license": "MIT",
+  "version": "4.0.0",
   "peerDependencies": {
-    "@angular/core": ">=15.0.0 <18.0.0",
-    "@angular/common": ">=15.0.0 <18.0.0",
-    "@angular/material": "^15.2.0",
-    "rxjs": ">=6.5.0 <8.0.0",
-    "zone.js": ">=0.11.4 <0.14.0"
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/material": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "rxjs": ">=7.5.0 <8.0.0",
+    "zone.js": "^0.13.0 || ^0.14.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "sideEffects": false,
-  "module": "fesm2015/ruc-lib-tour-guide.mjs",
-  "es2020": "fesm2020/ruc-lib-tour-guide.mjs",
-  "esm2020": "esm2020/ruc-lib-tour-guide.mjs",
-  "fesm2020": "fesm2020/ruc-lib-tour-guide.mjs",
-  "fesm2015": "fesm2015/ruc-lib-tour-guide.mjs",
+  "module": "fesm2022/ruc-lib-tour-guide.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -28,11 +20,7 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ruc-lib-tour-guide.mjs",
-      "es2020": "./fesm2020/ruc-lib-tour-guide.mjs",
-      "es2015": "./fesm2015/ruc-lib-tour-guide.mjs",
-      "node": "./fesm2015/ruc-lib-tour-guide.mjs",
-      "default": "./fesm2020/ruc-lib-tour-guide.mjs"
+      "default": "./fesm2022/ruc-lib-tour-guide.mjs"
     }
   }
 }

package/esm2020/index.mjs

@@ -1,4 +0,0 @@
-export * from './lib/ruclib-tour-guide.module';
-export * from './lib/ruclib-tour-guide/ruclib-tour-guide.component';
-export * from './lib/model/tour-guide.model';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9ydWNsaWItdG91ci1ndWlkZS5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9ydWNsaWItdG91ci1ndWlkZS9ydWNsaWItdG91ci1ndWlkZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2RlbC90b3VyLWd1aWRlLm1vZGVsJzsiXX0=

package/esm2020/lib/model/default-config.model.mjs

@@ -1,26 +0,0 @@
-export const defaultTourGuideConfig = {
-    type: "advance",
-    showSkipButton: true,
-    buttonsFontSize: "14px",
-    titleFontSize: '16px',
-    contentFontSize: '14px',
-    buttonsAlignment: 'end',
-    stepCountAlignment: 'start',
-    stepCountStartText: 'Step',
-    stepCountMiddleText: 'of',
-    skipButtonText: 'Skip',
-    prevButtonText: 'Back',
-    nextButtonText: 'Next',
-    finishButtonText: 'Finish',
-    highlightBorderColor: '#007bff',
-    highlightBorderWidth: '2px',
-    defaultPopupWidth: '250px',
-};
-export const DEFAULT_VALUES = {
-    arrowRight: 'ArrowRight',
-    arrowLeft: 'ArrowLeft',
-    escape: 'Escape',
-    popup: { width: 300, height: 150, top: 0, left: 0, padding: 10, safeMargin: 64 },
-    startTourButtonLabel: 'Start Tour Guide'
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1jb25maWcubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL21vZGVsL2RlZmF1bHQtY29uZmlnLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFvQjtJQUNuRCxJQUFJLEVBQUUsU0FBUztJQUNmLGNBQWMsRUFBRSxJQUFJO0lBQ3BCLGVBQWUsRUFBRSxNQUFNO0lBQ3ZCLGFBQWEsRUFBRSxNQUFNO0lBQ3JCLGVBQWUsRUFBRSxNQUFNO0lBQ3ZCLGdCQUFnQixFQUFFLEtBQUs7SUFDdkIsa0JBQWtCLEVBQUUsT0FBTztJQUMzQixrQkFBa0IsRUFBRSxNQUFNO0lBQzFCLG1CQUFtQixFQUFFLElBQUk7SUFDekIsY0FBYyxFQUFFLE1BQU07SUFDdEIsY0FBYyxFQUFFLE1BQU07SUFDdEIsY0FBYyxFQUFFLE1BQU07SUFDdEIsZ0JBQWdCLEVBQUUsUUFBUTtJQUMxQixvQkFBb0IsRUFBRSxTQUFTO0lBQy9CLG9CQUFvQixFQUFFLEtBQUs7SUFDM0IsaUJBQWlCLEVBQUUsT0FBTztDQUM3QixDQUFBO0FBRUQsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHO0lBQzFCLFVBQVUsRUFBRSxZQUFZO0lBQ3hCLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLEtBQUssRUFBRSxFQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFDO0lBQzlFLG9CQUFvQixFQUFFLGtCQUFrQjtDQUN6QyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVG91ckd1aWRlQ29uZmlnIH0gZnJvbSBcIi4vdG91ci1ndWlkZS5tb2RlbFwiO1xyXG5cclxuZXhwb3J0IGNvbnN0IGRlZmF1bHRUb3VyR3VpZGVDb25maWc6IFRvdXJHdWlkZUNvbmZpZyA9IHtcclxuICAgIHR5cGU6IFwiYWR2YW5jZVwiLFxyXG4gICAgc2hvd1NraXBCdXR0b246IHRydWUsXHJcbiAgICBidXR0b25zRm9udFNpemU6IFwiMTRweFwiLFxyXG4gICAgdGl0bGVGb250U2l6ZTogJzE2cHgnLFxyXG4gICAgY29udGVudEZvbnRTaXplOiAnMTRweCcsXHJcbiAgICBidXR0b25zQWxpZ25tZW50OiAnZW5kJyxcclxuICAgIHN0ZXBDb3VudEFsaWdubWVudDogJ3N0YXJ0JyxcclxuICAgIHN0ZXBDb3VudFN0YXJ0VGV4dDogJ1N0ZXAnLFxyXG4gICAgc3RlcENvdW50TWlkZGxlVGV4dDogJ29mJyxcclxuICAgIHNraXBCdXR0b25UZXh0OiAnU2tpcCcsXHJcbiAgICBwcmV2QnV0dG9uVGV4dDogJ0JhY2snLFxyXG4gICAgbmV4dEJ1dHRvblRleHQ6ICdOZXh0JyxcclxuICAgIGZpbmlzaEJ1dHRvblRleHQ6ICdGaW5pc2gnLFxyXG4gICAgaGlnaGxpZ2h0Qm9yZGVyQ29sb3I6ICcjMDA3YmZmJyxcclxuICAgIGhpZ2hsaWdodEJvcmRlcldpZHRoOiAnMnB4JyxcclxuICAgIGRlZmF1bHRQb3B1cFdpZHRoOiAnMjUwcHgnLFxyXG59XHJcblxyXG5leHBvcnQgY29uc3QgREVGQVVMVF9WQUxVRVMgPSB7XHJcbiAgICBhcnJvd1JpZ2h0OiAnQXJyb3dSaWdodCcsXHJcbiAgICBhcnJvd0xlZnQ6ICdBcnJvd0xlZnQnLFxyXG4gICAgZXNjYXBlOiAnRXNjYXBlJyxcclxuICAgIHBvcHVwOiB7d2lkdGg6IDMwMCwgaGVpZ2h0OiAxNTAsIHRvcDogMCwgbGVmdDogMCwgcGFkZGluZzogMTAsIHNhZmVNYXJnaW46IDY0fSxcclxuICAgIHN0YXJ0VG91ckJ1dHRvbkxhYmVsOiAnU3RhcnQgVG91ciBHdWlkZSdcclxuICB9Il19

package/esm2020/lib/model/tour-guide.model.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG91ci1ndWlkZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvbW9kZWwvdG91ci1ndWlkZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBUb3VyR3VpZGVDb25maWcge1xyXG4gIC8qKlxyXG4gICAgKiBEZWZpbmVzIHRoZSB0eXBlIG9mIHRvdXIgZ3VpZGUuXHJcbiAgICAqIC0gJ3NpbXBsZSc6IERpc3BsYXlzIGEgc2luZ2xlIHBvcHVwIHdpdGggbmF2aWdhdGlvbiBidXR0b25zLlxyXG4gICAgKiAtICdhZHZhbmNlJzogSGlnaGxpZ2h0cyBzcGVjaWZpYyBlbGVtZW50cyBvbiB0aGUgcGFnZSBhbmQgZ3VpZGVzIHRoZSB1c2VyIHRocm91Z2ggdGhlbS5cclxuICAgICovXHJcbiAgdHlwZTogJ3NpbXBsZScgfCAnYWR2YW5jZSc7XHJcblxyXG4gIC8qKlxyXG4gICAqICBXaGV0aGVyIHRvIGRpc3BsYXkgYSBza2lwIGJ1dHRvbiBpbiB0aGUgdG91ciBndWlkZS5cclxuICAgKi9cclxuICBzaG93U2tpcEJ1dHRvbj86IGJvb2xlYW47XHJcblxyXG4gIC8qKlxyXG4gICAqIEZvbnQgc2l6ZSBmb3IgdGhlIGJ1dHRvbnMgaW4gdGhlIHRvdXIgZ3VpZGUuXHJcbiAgICovXHJcbiAgYnV0dG9uc0ZvbnRTaXplPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBGb250IHNpemUgZm9yIHRoZSB0aXRsZSBvZiB0aGUgdG91ciBndWlkZS5cclxuICAgKi9cclxuICB0aXRsZUZvbnRTaXplPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBGb250IHNpemUgZm9yIHRoZSBjb250ZW50IG9mIHRoZSB0b3VyIGd1aWRlLlxyXG4gICAqL1xyXG4gIGNvbnRlbnRGb250U2l6ZT86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogQWxpZ25tZW50IG9mIHRoZSBidXR0b25zIHdpdGhpbiB0aGUgdG91ciBndWlkZSBtb2RhbC5cclxuICAgKi9cclxuICBidXR0b25zQWxpZ25tZW50PzogJ3N0YXJ0JyB8ICdjZW50ZXInIHwgJ2VuZCcgfCAnc3BhY2UtYmV0d2VlbicgfCAnc3BhY2UtYXJvdW5kJyB8ICdzcGFjZS1ldmVubHknO1xyXG5cclxuICAvKipcclxuICAgKiBBbGlnbm1lbnQgb2YgdGhlIHN0ZXAgY291bnQgd2l0aGluIHRoZSB0b3VyIGd1aWRlIG1vZGFsLlxyXG4gICAqL1xyXG4gIHN0ZXBDb3VudEFsaWdubWVudD86ICdzdGFydCcgfCAnY2VudGVyJyB8ICdlbmQnO1xyXG5cclxuICAvKipcclxuICAgKiBUZXh0IGZvciB0aGUgc3RhcnQgb2YgdGhlIHN0ZXAgY291bnQgKGUuZy4sIFwiU3RlcFwiKS5cclxuICAgKi9cclxuICBzdGVwQ291bnRTdGFydFRleHQ/OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRleHQgZm9yIHRoZSBtaWRkbGUgb2YgdGhlIHN0ZXAgY291bnQgKGUuZy4sIFwib2ZcIikuXHJcbiAgICovXHJcbiAgc3RlcENvdW50TWlkZGxlVGV4dD86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogVGV4dCBmb3IgdGhlIHNraXAgYnV0dG9uLlxyXG4gICAqL1xyXG4gIHNraXBCdXR0b25UZXh0Pzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUZXh0IGZvciB0aGUgcHJldmlvdXMgYnV0dG9uLlxyXG4gICAqL1xyXG4gIHByZXZCdXR0b25UZXh0Pzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUZXh0IGZvciB0aGUgbmV4dCBidXR0b24uXHJcbiAgICovXHJcbiAgbmV4dEJ1dHRvblRleHQ/OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRleHQgZm9yIHRoZSBmaW5pc2ggYnV0dG9uLlxyXG4gICAqL1xyXG4gIGZpbmlzaEJ1dHRvblRleHQ/OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIEJvcmRlciBjb2xvciBmb3IgdGhlIGhpZ2hsaWdodGVkIGVsZW1lbnQgaW4gJ2FkdmFuY2UnIG1vZGUuXHJcbiAgICovXHJcbiAgaGlnaGxpZ2h0Qm9yZGVyQ29sb3I/OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIEJvcmRlciByYWRpdXMgZm9yIHRoZSBoaWdobGlnaHRlZCBlbGVtZW50IGluICdhZHZhbmNlJyBtb2RlLlxyXG4gICAqL1xyXG4gIGhpZ2hsaWdodEJvcmRlclJhZGl1cz86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogV2lkdGggb2YgdGhlIGJvcmRlciBmb3IgdGhlIGhpZ2hsaWdodGVkIGVsZW1lbnQgaW4gJ2FkdmFuY2UnIG1vZGUuXHJcbiAgICovXHJcbiAgaGlnaGxpZ2h0Qm9yZGVyV2lkdGg/OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIERlZmF1bHQgd2lkdGggZm9yIHRoZSB0b3VyIGd1aWRlIHBvcHVwLlxyXG4gICAqL1xyXG4gIGRlZmF1bHRQb3B1cFdpZHRoPzogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFRvdXJHdWlkZURhdGEge1xyXG4gIC8qKlxyXG4gICAqIHRpdGxlIGZvciBmZWF0dXJlIHNsaWRlXHJcbiAgICovXHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICogZGVzY3JpcHRpb24gb2Ygc2VsZWN0ZWQgZmVhdHVyZSBpbiBzbGlkZVxyXG4gICovXHJcbiAgY29udGVudDogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAqIFRoZSBlbGVtZW50IHRvIHdoaWNoIHRoZSB0b3VyIGd1aWRlIHdpbGwgcG9pbnQuXHJcbiAgKiBPbmx5IHJlcXVpcmVkIGZvciAnYWR2YW5jZScgdHlwZSB0b3VyIGd1aWRlXHJcbiAgKi9cclxuICBzZWxlY3Rvcj86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogUG9zaXRpb24gb2YgdGhlIHRvdXIgZ3VpZGUgcG9wdXAgcmVsYXRpdmUgdG8gdGhlIGhpZ2hsaWdodGVkIGVsZW1lbnQuXHJcbiAgICovXHJcbiAgcG9zaXRpb24/OiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdhdXRvJztcclxuXHJcbiAgLyoqXHJcbiAgICogRGVmaW5lcyB0aGUgc2hhcGUgb2YgdGhlIG1vZGFsIGFyb3VuZCB0aGUgc2VsZWN0ZWQgZWxlbWVudC5cclxuICAgKiAtICdyb3VuZGVkJzogQSByZWN0YW5nbGUgd2l0aCByb3VuZGVkIGNvcm5lciBtb2RhbC5cclxuICAgKiAtICdyZWN0YW5nbGUnOiBBIHJlY3Rhbmd1bGFyIG1vZGFsLlxyXG4gICAqIC0gJ2NpcmNsZSc6IEEgY2lyY3VsYXIgbW9kYWwuXHJcbiAgICovXHJcbiAgc2hhcGU/OiAnJyB8ICdyb3VuZGVkJyB8ICdyZWN0YW5nbGUnIHwgJ2NpcmNsZSc7XHJcblxyXG4gIC8qKlxyXG4gICAqIERlZmluZXMgdGhlIHdpZHRoIG9mIG1vZGFsIGZvciBjdXJyZW50IHNsaWRlLlxyXG4gICAqL1xyXG4gIHdpZHRoPzogc3RyaW5nO1xyXG59XHJcbiJdfQ==