@ssv/ngx.ux 2.0.2 → 2.1.0-dev.14

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2016 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,298 +1,298 @@
-[projectUri]: https://github.com/sketch7/ngx.ux
-[changeLog]: ./CHANGELOG.md
-[releaseWorkflowWiki]: ./docs/RELEASE-WORKFLOW.md
-
-[npm]: https://www.npmjs.com
-
-# @ssv/ngx.ux
-[![CircleCI](https://circleci.com/gh/sketch7/ngx.ux.svg?style=shield)](https://circleci.com/gh/sketch7/ngx.ux)
-[![npm version](https://badge.fury.io/js/%40ssv%2Fngx.ux.svg)](https://badge.fury.io/js/%40ssv%2Fngx.ux)
-
-UX essentials for building apps, utilities which enables you writing richer apps easier.
-
-**Quick links**
-
-[Change logs][changeLog] | [Project Repository][projectUri]
-
-## Installation
-
-Get library via [npm]
-
-```bash
-npm install @ssv/ngx.ux
-```
-
-Choose the version corresponding to your Angular version:
-
- | Angular | library |
- | ------- | ------- |
- | 10      | 2.x+    |
- | 4 to 9  | 1.x+    |
-
-## Features
-- Viewport (see below)
-  - [Viewport Data](./src/viewport/viewport-data/README.md)
-
-# Usage
-
-## Register module
-
-```ts
-import { SsvUxModule } from "@ssv/ngx.ux";
-
-@NgModule({
-  imports: [
-    SsvUxModule
-  ]
-}
-export class AppModule {
-}
-```
-
-## Viewport
-Provides utilities to handle responsiveness easier based on the viewport (view size)
-
-### Comparison Operands
-| Operand | Description           |
-| ------- | --------------------- |
-| =       | Equals                |
-| <>      | Not equals            |
-| <       | Less than             |
-| <=      | Less than or equal    |
-| >       | Greater than          |
-| >=      | Greater Than or equal |
-
-<br>
-
-### Size Types
-These are the defaults, but they are configurable.
-
-| Size Type | Size Range |
-| --------- | ---------- |
-| xsmall    | <=450      |
-| small     | 451-767    |
-| medium    | 768-992    |
-| large     | 993-1280   |
-| fhd       | 1281-1920  |
-| qhd       | 1921-2560  |
-| uhd4k     | 2561-3840  |
-| uhd8k     | >=3841     |
-
-
-### Viewport Matcher Attribute (directive)
-Structural directive which loads components based on a viewport sizing condition e.g. show ONLY if viewport is greater than xlarge.
-
-
-#### Examples
-
-```html
-<!-- simple -->
-<div *ssvViewportMatcher="'large'">
-  show only when large
-</div>
-
-<!-- expression based - tuple (shorthand) *recommended usage* -->
-<div *ssvViewportMatcher="['>=', 'xlarge']"> (see all operands and sizes)
-  show when >= xlarge
-</div>
-
-<!-- expression based - object -->
-<div *ssvViewportMatcher="{size: 'xlarge', operation: '<='}"> (see all operands and sizes)
-  show when >= xlarge
-</div>
-
-<!-- includes -->
-<div *ssvViewportMatcher="['large', 'xlarge']">
-  show only when large, xlarge
-</div>
-
-<!-- excludes -->
-<div *ssvViewportMatcher="''; exclude ['xsmall', 'small']">
-  hide only when xsmall, small
-</div>
-
-<!-- match/else -->
-<div *ssvViewportMatcher="['>=', 'xlarge']; else otherwise">
-  show when >= xlarge
-</div>
-
-<ng-template #otherwise>
-  show when expression is falsy (< xlarge)
-</ng-template>
-
-<!-- non structure syntax -->
-<ng-template ssvViewportMatcher [ssvViewportMatcherExclude]="'xsmall'">
-    (exclude xsmall)
-</ng-template>
-```
-
-### Viewport Matcher Var (directive)
-Structural directive which provides the condition var whether it matches or not (params are similar to `ssvViewportMatcher`).
-
-```html
-<!-- simple -->
-<div *ssvViewportMatcherVar="let isLarge when 'large'">
-  isLarge={{isLarge}}
-</div>
-
-<!-- expression based - tuple (shorthand) *recommended usage* -->
-<div *ssvViewportMatcherVar="let isMediumDown when ['<=', 'medium']">
-  isMediumDown={{isMediumDown}}
-</div>
-
-<!-- includes/or -->
-<div *ssvViewportMatcherVar="let isLargeOrSmall when ['small', 'large']">
-  isLargeOrSmall={{isLargeOrSmall}}
-</div>
-```
-
-### Viewport Service
-
-```ts
-// get size type
-this.viewport.sizeType$.pipe(
-    tap(x => console.log("Viewport - sizeType changed", x)), // { type: 4, name: "xlarge", widthThreshold: 1500 }
-  ).subscribe();
-```
-
-### Viewport for SSR
-Since in SSR there is no way to know the client viewport size, we should at least determine device type and handle provide
-3 different sizes based on device type e.g. `mobile`, `tablet` or `desktop` so the initial rendering will be closer based on device type.
-
-The basic implementation allows to provide a device type `mobile`, `tablet` or `desktop` and there are static sizes for those.
-
-```ts
-import { UX_VIEWPORT_SSR_DEVICE } from "@ssv/ngx.ux";
-
-const deviceType = deviceTypeFromServer;
-{ provide: UX_VIEWPORT_SSR_DEVICE, useValue: deviceType },
-```
-
-The default implementation can also be replaced by implementing a small class as following:
-
-```ts
-
-export class SuperViewportServerSizeService {
-  get(): ViewportSize {
-    // do your magic..
-    return size;
-  }
-}
-
-import { ViewportServerSizeService } from "@ssv/ngx.ux";
-
-@NgModule( {
-  providers: [
-    { provide: ViewportServerSizeService, useClass: SuperViewportServerSizeService }
-  ]
-}) export class AppModule {
-}
-```
-
-
-## Configure
-You can configure the existing resize polling speed and as well as provide your custom breakpoints.
-
-### Custom Breakpoints
-```ts
-import { SsvUxModule, generateViewportSizeType } from "@ssv/ngx.ux";
-
-const breakpoints = { // custom breakpoints - key/width
-  smallest: 500,
-  small: 700,
-  medium: 1000,
-  large: 1400,
-  extralarge: 1600,
-  xxlarge: 1800,
-  fhd: 1920,
-  uhd: 3840
-};
-
-  imports: [
-    SsvUxModule.forRoot({
-      viewport: {
-        resizePollingSpeed: 66, // optional - defaults to 33
-        breakpoints // provide the custom breakpoints
-      }
-    }),
-  ],
-```
-
-### Override existing Breakpoints
-```ts
-import { SsvUxModule, UX_VIEWPORT_DEFAULT_BREAKPOINTS } from "@ssv/ngx.ux";
-
-  imports: [
-    SsvUxModule.forRoot({
-      viewport: {
-        breakpoints: {
-          ...UX_VIEWPORT_DEFAULT_BREAKPOINTS, // use breakpoints provided with library
-          xxlarge1: 2000, // override xxlarge1
-          uhd: 3840 // add new breakpoint
-        }
-      }
-    }),
-  ],
-```
-
-
-## Getting Started
-
-### Setup Machine for Development
-Install/setup the following:
-
-- NodeJS v10+
-- Visual Studio Code or similar code editor
-- TypeScript 3.1+
-- Git + SourceTree, SmartGit or similar (optional)
-- Ensure to install **global NPM modules** using the following:
-
-
-```bash
-npm install -g git gulp devtool
-```
-
-
-### Project Setup
-The following process need to be executed in order to get started.
-
-```bash
-npm install
-```
-
-
-### Building the code
-
-```bash
-npm run build
-```
-
-### Running the tests
-
-```bash
-npm test
-```
-
-#### Watch
-Handles compiling of changes.
-
-```bash
-npm start
-```
-
-
-#### Running Continuous Tests
-Spawns test runner and keep watching for changes.
-
-```bash
-npm run tdd
-```
-
-
-### Preparation for Release
-
-- Update changelogs
-- bump version
-
-
+[projectUri]: https://github.com/sketch7/ngx.ux
+[changeLog]: ./CHANGELOG.md
+[releaseWorkflowWiki]: ./docs/RELEASE-WORKFLOW.md
+
+[npm]: https://www.npmjs.com
+
+# @ssv/ngx.ux
+[![CI](https://github.com/sketch7/ngx.ux/actions/workflows/ci.yml/badge.svg)](https://github.com/sketch7/ngx.ux/actions/workflows/ci.yml)
+[![npm version](https://badge.fury.io/js/%40ssv%2Fngx.ux.svg)](https://badge.fury.io/js/%40ssv%2Fngx.ux)
+
+UX essentials for building apps, utilities which enables you writing richer apps easier.
+
+**Quick links**
+
+[Change logs][changeLog] | [Project Repository][projectUri]
+
+## Installation
+
+Get library via [npm]
+
+```bash
+npm install @ssv/ngx.ux
+```
+
+Choose the version corresponding to your Angular version:
+
+ | Angular | library |
+ | ------- | ------- |
+ | 15      | 2.x+    |
+ | 4 to 9  | 1.x+    |
+
+## Features
+- Viewport (see below)
+  - [Viewport Data](./src/viewport/viewport-data/README.md)
+
+# Usage
+
+## Register module
+
+```ts
+import { SsvUxModule } from "@ssv/ngx.ux";
+
+@NgModule({
+  imports: [
+    SsvUxModule
+  ]
+}
+export class AppModule {
+}
+```
+
+## Viewport
+Provides utilities to handle responsiveness easier based on the viewport (view size)
+
+### Comparison Operands
+| Operand | Description           |
+| ------- | --------------------- |
+| =       | Equals                |
+| <>      | Not equals            |
+| <       | Less than             |
+| <=      | Less than or equal    |
+| >       | Greater than          |
+| >=      | Greater Than or equal |
+
+<br>
+
+### Size Types
+These are the defaults, but they are configurable.
+
+| Size Type | Size Range |
+| --------- | ---------- |
+| xsmall    | <=450      |
+| small     | 451-767    |
+| medium    | 768-992    |
+| large     | 993-1280   |
+| fhd       | 1281-1920  |
+| qhd       | 1921-2560  |
+| uhd4k     | 2561-3840  |
+| uhd8k     | >=3841     |
+
+
+### Viewport Matcher Attribute (directive)
+Structural directive which loads components based on a viewport sizing condition e.g. show ONLY if viewport is greater than xlarge.
+
+
+#### Examples
+
+```html
+<!-- simple -->
+<div *ssvViewportMatcher="'large'">
+  show only when large
+</div>
+
+<!-- expression based - tuple (shorthand) *recommended usage* -->
+<div *ssvViewportMatcher="['>=', 'xlarge']"> (see all operands and sizes)
+  show when >= xlarge
+</div>
+
+<!-- expression based - object -->
+<div *ssvViewportMatcher="{size: 'xlarge', operation: '<='}"> (see all operands and sizes)
+  show when >= xlarge
+</div>
+
+<!-- includes -->
+<div *ssvViewportMatcher="['large', 'xlarge']">
+  show only when large, xlarge
+</div>
+
+<!-- excludes -->
+<div *ssvViewportMatcher="''; exclude ['xsmall', 'small']">
+  hide only when xsmall, small
+</div>
+
+<!-- match/else -->
+<div *ssvViewportMatcher="['>=', 'xlarge']; else otherwise">
+  show when >= xlarge
+</div>
+
+<ng-template #otherwise>
+  show when expression is falsy (< xlarge)
+</ng-template>
+
+<!-- non structure syntax -->
+<ng-template ssvViewportMatcher [ssvViewportMatcherExclude]="'xsmall'">
+    (exclude xsmall)
+</ng-template>
+```
+
+### Viewport Matcher Var (directive)
+Structural directive which provides the condition var whether it matches or not (params are similar to `ssvViewportMatcher`).
+
+```html
+<!-- simple -->
+<div *ssvViewportMatcherVar="let isLarge when 'large'">
+  isLarge={{isLarge}}
+</div>
+
+<!-- expression based - tuple (shorthand) *recommended usage* -->
+<div *ssvViewportMatcherVar="let isMediumDown when ['<=', 'medium']">
+  isMediumDown={{isMediumDown}}
+</div>
+
+<!-- includes/or -->
+<div *ssvViewportMatcherVar="let isLargeOrSmall when ['small', 'large']">
+  isLargeOrSmall={{isLargeOrSmall}}
+</div>
+```
+
+### Viewport Service
+
+```ts
+// get size type
+this.viewport.sizeType$.pipe(
+    tap(x => console.log("Viewport - sizeType changed", x)), // { type: 4, name: "xlarge", widthThreshold: 1500 }
+  ).subscribe();
+```
+
+### Viewport for SSR
+Since in SSR there is no way to know the client viewport size, we should at least determine device type and handle provide
+3 different sizes based on device type e.g. `mobile`, `tablet` or `desktop` so the initial rendering will be closer based on device type.
+
+The basic implementation allows to provide a device type `mobile`, `tablet` or `desktop` and there are static sizes for those.
+
+```ts
+import { UX_VIEWPORT_SSR_DEVICE } from "@ssv/ngx.ux";
+
+const deviceType = deviceTypeFromServer;
+{ provide: UX_VIEWPORT_SSR_DEVICE, useValue: deviceType },
+```
+
+The default implementation can also be replaced by implementing a small class as following:
+
+```ts
+
+export class SuperViewportServerSizeService {
+  get(): ViewportSize {
+    // do your magic..
+    return size;
+  }
+}
+
+import { ViewportServerSizeService } from "@ssv/ngx.ux";
+
+@NgModule( {
+  providers: [
+    { provide: ViewportServerSizeService, useClass: SuperViewportServerSizeService }
+  ]
+}) export class AppModule {
+}
+```
+
+
+## Configure
+You can configure the existing resize polling speed and as well as provide your custom breakpoints.
+
+### Custom Breakpoints
+```ts
+import { SsvUxModule, generateViewportSizeType } from "@ssv/ngx.ux";
+
+const breakpoints = { // custom breakpoints - key/width
+  smallest: 500,
+  small: 700,
+  medium: 1000,
+  large: 1400,
+  extralarge: 1600,
+  xxlarge: 1800,
+  fhd: 1920,
+  uhd: 3840
+};
+
+  imports: [
+    SsvUxModule.forRoot({
+      viewport: {
+        resizePollingSpeed: 66, // optional - defaults to 33
+        breakpoints // provide the custom breakpoints
+      }
+    }),
+  ],
+```
+
+### Override existing Breakpoints
+```ts
+import { SsvUxModule, UX_VIEWPORT_DEFAULT_BREAKPOINTS } from "@ssv/ngx.ux";
+
+  imports: [
+    SsvUxModule.forRoot({
+      viewport: {
+        breakpoints: {
+          ...UX_VIEWPORT_DEFAULT_BREAKPOINTS, // use breakpoints provided with library
+          xxlarge1: 2000, // override xxlarge1
+          uhd: 3840 // add new breakpoint
+        }
+      }
+    }),
+  ],
+```
+
+
+## Getting Started
+
+### Setup Machine for Development
+Install/setup the following:
+
+- NodeJS v10+
+- Visual Studio Code or similar code editor
+- TypeScript 3.1+
+- Git + SourceTree, SmartGit or similar (optional)
+- Ensure to install **global NPM modules** using the following:
+
+
+```bash
+npm install -g git gulp devtool
+```
+
+
+### Project Setup
+The following process need to be executed in order to get started.
+
+```bash
+npm install
+```
+
+
+### Building the code
+
+```bash
+npm run build
+```
+
+### Running the tests
+
+```bash
+npm test
+```
+
+#### Watch
+Handles compiling of changes.
+
+```bash
+npm start
+```
+
+
+#### Running Continuous Tests
+Spawns test runner and keep watching for changes.
+
+```bash
+npm run tdd
+```
+
+
+### Preparation for Release
+
+- Update changelogs
+- bump version
+
+
 Check out the [release workflow guide][releaseWorkflowWiki] in order to guide you creating a release and publishing it.

package/config.d.ts

@@ -1,7 +1,7 @@
-import { InjectionToken } from "@angular/core";
-import { UxViewportOptions } from "./viewport/viewport.model";
-export interface UxOptions {
-    viewport: UxViewportOptions;
-}
-export declare const UX_DEFAULT_CONFIG: UxOptions;
-export declare const UX_CONFIG: InjectionToken<UxOptions>;
+import { InjectionToken } from "@angular/core";
+import { UxViewportOptions } from "./viewport/viewport.model";
+export interface UxOptions {
+    viewport: UxViewportOptions;
+}
+export declare const UX_DEFAULT_CONFIG: UxOptions;
+export declare const UX_CONFIG: InjectionToken<UxOptions>;

package/esm2020/config.mjs

@@ -1,7 +1,7 @@
-import { InjectionToken } from "@angular/core";
-import { UX_VIEWPORT_DEFAULT_CONFIG } from "./viewport/viewport.const";
-export const UX_DEFAULT_CONFIG = {
-    viewport: UX_VIEWPORT_DEFAULT_CONFIG,
-};
-export const UX_CONFIG = new InjectionToken("@ssv/ngx.ux-config");
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBT3ZFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFjO0lBQzNDLFFBQVEsRUFBRSwwQkFBMEI7Q0FDcEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxJQUFJLGNBQWMsQ0FBWSxvQkFBb0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBVWF9WSUVXUE9SVF9ERUZBVUxUX0NPTkZJRyB9IGZyb20gXCIuL3ZpZXdwb3J0L3ZpZXdwb3J0LmNvbnN0XCI7XHJcbmltcG9ydCB7IFV4Vmlld3BvcnRPcHRpb25zIH0gZnJvbSBcIi4vdmlld3BvcnQvdmlld3BvcnQubW9kZWxcIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgVXhPcHRpb25zIHtcclxuXHR2aWV3cG9ydDogVXhWaWV3cG9ydE9wdGlvbnM7XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBVWF9ERUZBVUxUX0NPTkZJRzogVXhPcHRpb25zID0ge1xyXG5cdHZpZXdwb3J0OiBVWF9WSUVXUE9SVF9ERUZBVUxUX0NPTkZJRyxcclxufTtcclxuXHJcbmV4cG9ydCBjb25zdCBVWF9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48VXhPcHRpb25zPihcIkBzc3Yvbmd4LnV4LWNvbmZpZ1wiKTtcclxuIl19
+import { InjectionToken } from "@angular/core";
+import { UX_VIEWPORT_DEFAULT_CONFIG } from "./viewport/viewport.const";
+export const UX_DEFAULT_CONFIG = {
+    viewport: UX_VIEWPORT_DEFAULT_CONFIG,
+};
+export const UX_CONFIG = new InjectionToken("@ssv/ngx.ux-config");
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBT3ZFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFjO0lBQzNDLFFBQVEsRUFBRSwwQkFBMEI7Q0FDcEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxJQUFJLGNBQWMsQ0FBWSxvQkFBb0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVVhfVklFV1BPUlRfREVGQVVMVF9DT05GSUcgfSBmcm9tIFwiLi92aWV3cG9ydC92aWV3cG9ydC5jb25zdFwiO1xuaW1wb3J0IHsgVXhWaWV3cG9ydE9wdGlvbnMgfSBmcm9tIFwiLi92aWV3cG9ydC92aWV3cG9ydC5tb2RlbFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFV4T3B0aW9ucyB7XG5cdHZpZXdwb3J0OiBVeFZpZXdwb3J0T3B0aW9ucztcbn1cblxuZXhwb3J0IGNvbnN0IFVYX0RFRkFVTFRfQ09ORklHOiBVeE9wdGlvbnMgPSB7XG5cdHZpZXdwb3J0OiBVWF9WSUVXUE9SVF9ERUZBVUxUX0NPTkZJRyxcbn07XG5cbmV4cG9ydCBjb25zdCBVWF9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48VXhPcHRpb25zPihcIkBzc3Yvbmd4LnV4LWNvbmZpZ1wiKTtcbiJdfQ==