@design.estate/dees-catalog 1.0.188 → 1.0.190

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '1.0.187',
+    version: '1.0.189',
     description: 'website for lossless.com'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLFdBQVcsRUFBRSwwQkFBMEI7Q0FDeEMsQ0FBQSJ9

package/dist_ts_web/elements/dees-contextmenu.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/dees-contextmenu.demo.js

@@ -0,0 +1,56 @@
+import { html } from '@design.estate/dees-element';
+import * as plugins from './plugins.js';
+import { DeesContextmenu } from './dees-contextmenu.js';
+export const demoFunc = () => html `
+<style>
+  .withMargin {
+    display: block;
+    margin: 20px;
+  }
+</style>
+<dees-button @contextmenu=${(eventArg) => {
+    DeesContextmenu.openContextMenuWithOptions(eventArg, [
+        {
+            name: 'copy',
+            iconName: 'copySolid',
+            action: async () => {
+                return null;
+            },
+        },
+        {
+            name: 'edit',
+            iconName: 'penToSquare',
+            action: async () => {
+                return null;
+            },
+        }, {
+            name: 'paste',
+            iconName: 'pasteSolid',
+            action: async () => {
+                return null;
+            },
+        },
+    ]);
+}}>Hello</dees-button>
+<dees-contextmenu class="withMargin"></dees-contextmenu>
+<dees-contextmenu
+  class="withMargin"
+  .menuItems=${[
+    {
+        name: 'copy',
+        iconName: 'copySolid',
+        action: async () => { },
+    },
+    {
+        name: 'edit',
+        iconName: 'penToSquare',
+        action: async () => { },
+    }, {
+        name: 'paste',
+        iconName: 'pasteSolid',
+        action: async () => { },
+    },
+]}
+></dees-contextmenu>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtY29udGV4dG1lbnUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7NEJBT04sQ0FBQyxRQUFRLEVBQUUsRUFBRTtJQUN2QyxlQUFlLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFO1FBQ25EO1lBQ0UsSUFBSSxFQUFFLE1BQU07WUFDWixRQUFRLEVBQUUsV0FBVztZQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7Z0JBQ2pCLE9BQU8sSUFBSSxDQUFDO1lBQ2QsQ0FBQztTQUNGO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsTUFBTTtZQUNaLFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRTtnQkFDakIsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1NBQ0YsRUFBQztZQUNBLElBQUksRUFBRSxPQUFPO1lBQ2IsUUFBUSxFQUFFLFlBQVk7WUFDdEIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFO2dCQUNqQixPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7U0FDRjtLQUNGLENBQUMsQ0FBQztBQUNMLENBQUM7Ozs7ZUFJYztJQUNYO1FBQ0UsSUFBSSxFQUFFLE1BQU07UUFDWixRQUFRLEVBQUUsV0FBVztRQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUUsR0FBRSxDQUFDO0tBQ3ZCO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsTUFBTTtRQUNaLFFBQVEsRUFBRSxhQUFhO1FBQ3ZCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxHQUFFLENBQUM7S0FDdkIsRUFBQztRQUNBLElBQUksRUFBRSxPQUFPO1FBQ2IsUUFBUSxFQUFFLFlBQVk7UUFDdEIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFLEdBQUUsQ0FBQztLQUN2QjtDQUNxQzs7Q0FFekMsQ0FBQyJ9

package/dist_ts_web/elements/dees-contextmenu.js

@@ -8,6 +8,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 var DeesContextmenu_1;
+import { demoFunc } from './dees-contextmenu.demo.js';
 import * as plugins from './plugins.js';
 import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
@@ -15,58 +16,7 @@ import { DeesWindowLayer } from './dees-windowlayer.js';
 export let DeesContextmenu = class DeesContextmenu extends DeesElement {
     static { DeesContextmenu_1 = this; }
     // DEMO
-    static { this.demo = () => html `
-    <style>
-      .withMargin {
-        display: block;
-        margin: 20px;
-      }
-    </style>
-    <dees-button @contextmenu=${(eventArg) => {
-        DeesContextmenu_1.openContextMenuWithOptions(eventArg, [
-            {
-                name: 'copy',
-                iconName: 'copySolid',
-                action: async () => {
-                    return null;
-                },
-            },
-            {
-                name: 'edit',
-                iconName: 'penToSquare',
-                action: async () => {
-                    return null;
-                },
-            }, {
-                name: 'paste',
-                iconName: 'pasteSolid',
-                action: async () => {
-                    return null;
-                },
-            },
-        ]);
-    }}>Hello</dees-button>
-    <dees-contextmenu class="withMargin"></dees-contextmenu>
-    <dees-contextmenu
-      class="withMargin"
-      .menuItems=${[
-        {
-            name: 'copy',
-            iconName: 'copySolid',
-            action: async () => { },
-        },
-        {
-            name: 'edit',
-            iconName: 'penToSquare',
-            action: async () => { },
-        }, {
-            name: 'paste',
-            iconName: 'pasteSolid',
-            action: async () => { },
-        },
-    ]}
-    ></dees-contextmenu>
-  `; }
+    static { this.demo = demoFunc; }
     // STATIC
     static async openContextMenuWithOptions(eventArg, menuItemsArg) {
         eventArg.preventDefault();
@@ -106,7 +56,7 @@ export let DeesContextmenu = class DeesContextmenu extends DeesElement {
         font-size: 14px;
         width: 200px;
         border: 1px solid #444;
-        min-height: 40px;
+        min-height: 34px;
         border-radius: 3px;
         background: #222;
         box-shadow: 0px 1px 4px #000;
@@ -146,14 +96,18 @@ export let DeesContextmenu = class DeesContextmenu extends DeesElement {
             </div>
           `;
         })}
+        ${this.menuItems.length === 0 ? html `
+            <div class="menuitem" @click=${() => {
+            alert('No menu items...');
+        }}>
+              <dees-icon .iconFA=${'xmark'}></dees-icon
+              >No menu item present...
+            </div>
+        ` : html ``}
       </div>
     `;
     }
     async firstUpdated() {
-        if (!this.menuItems || this.menuItems.length === 0) {
-            const mainbox = this.shadowRoot.querySelector('.mainbox');
-            mainbox.textContent = 'no menu items present';
-        }
     }
     async handleClick(menuItem) {
         menuItem.action();
@@ -179,4 +133,4 @@ DeesContextmenu = DeesContextmenu_1 = __decorate([
     customElement('dees-contextmenu'),
     __metadata("design:paramtypes", [])
 ], DeesContextmenu);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBRUgsU0FBUyxHQUNWLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXOztJQUM5QyxPQUFPO2FBQ08sU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7OztnQ0FPRCxDQUFDLFFBQVEsRUFBRSxFQUFFO1FBQ3ZDLGlCQUFlLENBQUMsMEJBQTBCLENBQUMsUUFBUSxFQUFFO1lBQ25EO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxXQUFXO2dCQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtZQUNEO2dCQUNFLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxhQUFhO2dCQUN2QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRixFQUFDO2dCQUNBLElBQUksRUFBRSxPQUFPO2dCQUNiLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7b0JBQ2pCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1jb250ZXh0bWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLWNvbnRleHRtZW51LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsR0FDVixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBU2pELFdBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzs7SUFDOUMsT0FBTzthQUNPLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBVztJQUU3QixTQUFTO0lBQ0YsTUFBTSxDQUFDLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxRQUFvQixFQUFFLFlBQWlEO1FBQ3BILFFBQVEsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMxQixRQUFRLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDM0IsTUFBTSxXQUFXLEdBQUcsSUFBSSxpQkFBZSxFQUFFLENBQUM7UUFDMUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1FBQ3hDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNsQyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQztRQUMzRCxXQUFXLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFB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

package/dist_ts_web/elements/dees-simple-appdash.d.ts

@@ -1 +1,13 @@
-export {};
+import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-simple-appdash': DeesSimpleAppDash;
+    }
+}
+export declare class DeesSimpleAppDash extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    title: string;
+    static styles: CSSResult[];
+    render(): TemplateResult;
+    firstUpdated(_changedProperties: any): Promise<void>;
+}

package/dist_ts_web/elements/dees-simple-appdash.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/dees-simple-appdash.demo.js

@@ -0,0 +1,5 @@
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html `
+  <dees-simple-appdash>Hello there</dees-simple-appdash>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtc2ltcGxlLWFwcGRhc2guZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Q0FFakMsQ0FBQyJ9

package/dist_ts_web/elements/dees-simple-appdash.js

@@ -1,2 +1,70 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { demoFunc } from './dees-simple-appdash.demo.js';
+import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, state, } from '@design.estate/dees-element';
+export let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
+    constructor() {
+        super(...arguments);
+        // INSTANCE
+        this.title = 'Dees Simple Login';
+    }
+    // STATIC
+    static { this.demo = demoFunc; }
+    static { this.styles = [
+        cssManager.defaultStyles,
+        css `
+      :host {
+        color: ${cssManager.bdTheme('#333', '#fff')};
+        user-select: none;
+      }
+      .appbar {
+        position: absolute;
+        top: 0;
+        height: 40px;
+        width: 100%;
+        background: ${cssManager.bdTheme('#eeeeeb', '#000')};
+        border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#333')};
+        font-size: 14px;
+        line-height: 40px;
+        font-family: 'Hubot Sans', 'Inter', sans-serif;
+        padding: 0px 16px;
+      }
+      .appcontent {
+        position: absolute;
+        top: 40px;
+        bottom: 0;
+        width: 100%;
+        background: ${cssManager.bdTheme('#eeeeeb', '#000')};
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <div class="appbar">
+        configvault v1.2.3
+      </div>
+      <div class="appcontent">
+        <slot></slot>
+      </div>
+    `;
+    }
+    async firstUpdated(_changedProperties) {
+        const domtools = await this.domtoolsPromise;
+        super.firstUpdated(_changedProperties);
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], DeesSimpleAppDash.prototype, "title", void 0);
+DeesSimpleAppDash = __decorate([
+    customElement('dees-simple-appdash')
+], DeesSimpleAppDash);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBUzlCLFdBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBR0osVUFBSyxHQUFHLG1CQUFtQixDQUFDO0lBOENyQyxDQUFDO0lBbkRDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFNaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDO21DQUN4QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7O3NCQVcvQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7O0tBRXREO0tBQ0YsQUEzQm1CLENBMkJsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7OztLQU9WLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0I7UUFDMUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN6QyxDQUFDOztBQTdDTTtJQUROLFFBQVEsRUFBRTs7Z0RBQ3dCO0FBTnhCLGlCQUFpQjtJQUQ3QixhQUFhLENBQUMscUJBQXFCLENBQUM7R0FDeEIsaUJBQWlCLENBb0Q3QiJ9

package/dist_ts_web/elements/dees-simple-login.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/dees-simple-login.demo.js

@@ -0,0 +1,3 @@
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html ` <dees-simple-login> Hello there </dees-simple-login> `;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uZGVtby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1sb2dpbi5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHdEQUF3RCxDQUFDIn0=

package/dist_ts_web/elements/dees-simple-login.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { demoFunc } from './dees-simple-login.demo.js';
 import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, state, } from '@design.estate/dees-element';
 export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
     constructor() {
@@ -15,11 +16,7 @@ export let DeesSimpleLogin = class DeesSimpleLogin extends DeesElement {
         this.title = 'Dees Simple Login';
     }
     // STATIC
-    static { this.demo = () => html `
-    <dees-simple-login>
-      Hello there
-    </dees-simple-login>
-  `; }
+    static { this.demo = demoFunc; }
     static { this.styles = [
         cssManager.defaultStyles,
         css `
@@ -111,4 +108,4 @@ __decorate([
 DeesSimpleLogin = __decorate([
     customElement('dees-simple-login')
 ], DeesSimpleLogin);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zaW1wbGUtbG9naW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUNILFNBQVMsRUFFVCxLQUFLLEdBQ04sTUFBTSw2QkFBNkIsQ0FBQztBQVM5QixXQUFNLGVBQWUsR0FBckIsTUFBTSxlQUFnQixTQUFRLFdBQVc7SUFBekM7O1FBT0wsV0FBVztRQUdKLFVBQUssR0FBRyxtQkFBbUIsQ0FBQztJQTJGckMsQ0FBQztJQXBHQyxTQUFTO2FBQ0ssU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7OztHQUk5QixBQUppQixDQUloQjthQU1ZLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7O2lCQUVVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7c0JBYzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7O0tBYzFFO0tBQ0YsQUFsQ21CLENBa0NsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OzsyQ0FJNEIsSUFBSSxDQUFDLEtBQUs7Ozs7Ozs7Ozs7S0FVaEQsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQjtRQUMxQyxNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hELE1BQU0sSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDakMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUNwRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxDQUFDLEtBQWtCLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3ZFLGlDQUFpQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxzQkFBc0I7UUFDakMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RSxNQUFNLGlCQUFpQixHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNGLE1BQU0sZ0JBQWdCLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekYsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQzdCLFFBQVEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBQzlDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1FBQy9DLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsa0JBQWtCLENBQUM7UUFDdEQsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7UUFDckMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQztRQUNyRCxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUkvQyxDQUFDOztBQTFGTTtJQUROLFFBQVEsRUFBRTs7OENBQ3dCO0FBVnhCLGVBQWU7SUFEM0IsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0dBQ3RCLGVBQWUsQ0FxRzNCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtbG9naW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvZGVlcy1zaW1wbGUtbG9naW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZELE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFDSCxTQUFTLEVBRVQsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFTOUIsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXO0lBQXpDOztRQUdMLFdBQVc7UUFHSixVQUFLLEdBQUcsbUJBQW1CLENBQUM7SUEyRnJDLENBQUM7SUFoR0MsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBVzthQU1mLFdBQU0sR0FBRztRQUNyQixVQUFVLENBQUMsYUFBYTtRQUN4QixHQUFHLENBQUE7O2lCQUVVLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7c0JBYzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztzQkFDckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7O0tBYzFFO0tBQ0YsQUFsQ21CLENBa0NsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OzsyQ0FJNEIsSUFBSSxDQUFDLEtBQUs7Ozs7Ozs7Ozs7S0FVaEQsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQjtRQUMxQyxNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hELE1BQU0sSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUM7UUFDakMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUNwRixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO1FBQ3BGLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxDQUFDLEtBQWtCLEVBQUUsRUFBRTtZQUN2RCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3ZFLGlDQUFpQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLEtBQUssQ0FBQyxzQkFBc0I7UUFDakMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN6RSxNQUFNLGlCQUFpQixHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNGLE1BQU0sZ0JBQWdCLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekYsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQzdCLFFBQVEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDO1FBQzlDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1FBQy9DLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsa0JBQWtCLENBQUM7UUFDdEQsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7UUFDckMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQztRQUNyRCxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwRCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUkvQyxDQUFDOztBQTFGTTtJQUROLFFBQVEsRUFBRTs7OENBQ3dCO0FBTnhCLGVBQWU7SUFEM0IsYUFBYSxDQUFDLG1CQUFtQixDQUFDO0dBQ3RCLGVBQWUsQ0FpRzNCIn0=

package/dist_ts_web/elements/dees-table.d.ts

@@ -5,7 +5,7 @@ declare global {
         'dees-table': DeesTable<any>;
     }
 }
-export interface IDataAction<T = any> {
+export interface ITableAction<T = any> {
     name: string;
     iconName: TIconKey;
     /**
@@ -16,7 +16,7 @@ export interface IDataAction<T = any> {
     /**
      * the type of the action
      */
-    type: 'inRow' | 'rightClick' | 'footer' | 'header' | 'preview' | 'keyCombination';
+    type: ('inRow' | 'contextmenu' | 'footer' | 'header' | 'preview' | 'keyCombination')[];
     /**
      * allows to check if the action is relevant for the given item
      * @param itemArg
@@ -37,7 +37,7 @@ export declare class DeesTable<T> extends DeesElement {
     heading2: string;
     data: T[];
     dataName: string;
-    dataActions: IDataAction[];
+    dataActions: ITableAction[];
     displayFunction: TDisplayFunction;
     selectedDataRow: T;
     files: File[];
@@ -46,4 +46,5 @@ export declare class DeesTable<T> extends DeesElement {
     static styles: CSSResult[];
     render(): TemplateResult;
     firstUpdated(): Promise<void>;
+    getActionsForType(typeArg: ITableAction['type'][0]): ITableAction<any>[];
 }

package/dist_ts_web/elements/dees-table.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/dees-table.demo.js

@@ -0,0 +1,113 @@
+import {} from './dees-table.js';
+import * as plugins from './plugins.js';
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html `
+  <style>
+    .demoWrapper {
+      box-sizing: border-box;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      padding: 20px;
+      background: #000000;
+    }
+  </style>
+  <div class="demoWrapper">
+    <dees-table
+      heading1="Current Account Statement"
+      heading2="Bunq - Payment Account 2 - April 2021"
+      .data=${[
+    {
+        date: '2021-04-01',
+        amount: '2464.65 €',
+        description: 'Printing Paper (Office Supplies) - STAPLES BREMEN',
+    },
+    {
+        date: '2021-04-02',
+        amount: '165.65 €',
+        description: 'Logitech Mouse (Hardware) - logi.com OnlineShop',
+    },
+    {
+        date: '2021-04-03',
+        amount: '2999,00 €',
+        description: 'Macbook Pro 16inch (Hardware) - Apple.de OnlineShop',
+    },
+    {
+        date: '2021-04-01',
+        amount: '2464.65 €',
+        description: 'Office-Supplies - STAPLES BREMEN',
+    },
+    {
+        date: '2021-04-01',
+        amount: '2464.65 €',
+        description: 'Office-Supplies - STAPLES BREMEN',
+    },
+]}
+      dataName="transactions"
+      .dataActions="${[
+    {
+        name: 'upload',
+        iconName: 'bell',
+        useTableBehaviour: 'upload',
+        type: ['inRow'],
+        actionFunc: async (itemArg) => {
+            alert(itemArg.amount);
+        },
+    },
+    {
+        name: 'visibility',
+        iconName: 'copy',
+        type: ['inRow'],
+        useTableBehaviour: 'preview',
+        actionFunc: async (itemArg) => { },
+    },
+    {
+        name: 'create new',
+        iconName: 'instagram',
+        type: ['header'],
+        useTableBehaviour: 'preview',
+        actionFunc: async (itemArg) => { },
+    },
+    {
+        name: 'to gallery',
+        iconName: 'message',
+        type: ['footer'],
+        useTableBehaviour: 'preview',
+        actionFunc: async (itemArg) => { },
+    },
+    {
+        name: 'copy',
+        iconName: 'copySolid',
+        type: ['contextmenu', 'inRow'],
+        action: async () => {
+            return null;
+        },
+    },
+    {
+        name: 'edit (from demo)',
+        iconName: 'penToSquare',
+        type: ['contextmenu'],
+        action: async () => {
+            return null;
+        },
+    },
+    {
+        name: 'paste',
+        iconName: 'pasteSolid',
+        type: ['contextmenu'],
+        action: async () => {
+            return null;
+        },
+    },
+]}"
+      .displayFunction=${(itemArg) => {
+    return {
+        ...itemArg,
+        onlyDisplayProp: 'onlyDisplay',
+    };
+}}
+      >This is a slotted Text</dees-table
+    >
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy10YWJsZS5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtdGFibGUuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7OztjQWVwQjtJQUNOO1FBQ0UsSUFBSSxFQUFFLFlBQVk7UUFDbEIsTUFBTSxFQUFFLFdBQVc7UUFDbkIsV0FBVyxFQUFFLG1EQUFtRDtLQUNqRTtJQUNEO1FBQ0UsSUFBSSxFQUFFLFlBQVk7UUFDbEIsTUFBTSxFQUFFLFVBQVU7UUFDbEIsV0FBVyxFQUFFLGlEQUFpRDtLQUMvRDtJQUNEO1FBQ0UsSUFBSSxFQUFFLFlBQVk7UUFDbEIsTUFBTSxFQUFFLFdBQVc7UUFDbkIsV0FBVyxFQUFFLHFEQUFxRDtLQUNuRTtJQUNEO1FBQ0UsSUFBSSxFQUFFLFlBQVk7UUFDbEIsTUFBTSxFQUFFLFdBQVc7UUFDbkIsV0FBVyxFQUFFLGtDQUFrQztLQUNoRDtJQUNEO1FBQ0UsSUFBSSxFQUFFLFlBQVk7UUFDbEIsTUFBTSxFQUFFLFdBQVc7UUFDbkIsV0FBVyxFQUFFLGtDQUFrQztLQUNoRDtDQUNGOztzQkFFZTtJQUNkO1FBQ0UsSUFBSSxFQUFFLFFBQVE7UUFDZCxRQUFRLEVBQUUsTUFBTTtRQUNoQixpQkFBaUIsRUFBRSxRQUFRO1FBQzNCLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQztRQUNmLFVBQVUsRUFBRSxLQUFLLEVBQUUsT0FBWSxFQUFFLEVBQUU7WUFDakMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QixDQUFDO0tBQ0Y7SUFDRDtRQUNFLElBQUksRUFBRSxZQUFZO1FBQ2xCLFFBQVEsRUFBRSxNQUFNO1FBQ2hCLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQztRQUNmLGlCQUFpQixFQUFFLFNBQVM7UUFDNUIsVUFBVSxFQUFFLEtBQUssRUFBRSxPQUFZLEVBQUUsRUFBRSxHQUFFLENBQUM7S0FDdkM7SUFDRDtRQUNFLElBQUksRUFBRSxZQUFZO1FBQ2xCLFFBQVEsRUFBRSxXQUFXO1FBQ3JCLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQztRQUNoQixpQkFBaUIsRUFBRSxTQUFTO1FBQzVCLFVBQVUsRUFBRSxLQUFLLEVBQUUsT0FBWSxFQUFFLEVBQUUsR0FBRSxDQUFDO0tBQ3ZDO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsWUFBWTtRQUNsQixRQUFRLEVBQUUsU0FBUztRQUNuQixJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUM7UUFDaEIsaUJBQWlCLEVBQUUsU0FBUztRQUM1QixVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQVksRUFBRSxFQUFFLEdBQUUsQ0FBQztLQUN2QztJQUNEO1FBQ0UsSUFBSSxFQUFFLE1BQU07UUFDWixRQUFRLEVBQUUsV0FBVztRQUNyQixJQUFJLEVBQUUsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDO1FBQzlCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRTtZQUNqQixPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7S0FDRjtJQUNEO1FBQ0UsSUFBSSxFQUFFLGtCQUFrQjtRQUN4QixRQUFRLEVBQUUsYUFBYTtRQUN2QixJQUFJLEVBQUUsQ0FBQyxhQUFhLENBQUM7UUFDckIsTUFBTSxFQUFFLEtBQUssSUFBSSxFQUFFO1lBQ2pCLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztLQUNGO0lBQ0Q7UUFDRSxJQUFJLEVBQUUsT0FBTztRQUNiLFFBQVEsRUFBRSxZQUFZO1FBQ3RCLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQztRQUNyQixNQUFNLEVBQUUsS0FBSyxJQUFJLEVBQUU7WUFDakIsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO0tBQ0Y7Q0FDZ0I7eUJBQ0EsQ0FBQyxPQUFPLEVBQUUsRUFBRTtJQUM3QixPQUFPO1FBQ0wsR0FBRyxPQUFPO1FBQ1YsZUFBZSxFQUFFLGFBQWE7S0FDL0IsQ0FBQztBQUNKLENBQUM7Ozs7Q0FJTixDQUFDIn0=