@design.estate/dees-catalog 1.0.183 → 1.0.187

package/dist_ts_web/elements/dees-table.js

@@ -7,8 +7,11 @@ 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 { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, state, } from '@design.estate/dees-element';
+import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, state, resolveExec, } from '@design.estate/dees-element';
+import { DeesContextmenu } from './dees-contextmenu.js';
 import * as domtools from '@design.estate/dees-domtools';
+import {} from './dees-icon.js';
+// the table implementation
 export let DeesTable = class DeesTable extends DeesElement {
     static { this.demo = () => html `
     <style>
@@ -17,7 +20,7 @@ export let DeesTable = class DeesTable extends DeesElement {
         position: absolute;
         width: 100%;
         height: 100%;
-        padding: 60px;
+        padding: 20px;
         background: #000000;
       }
     </style>
@@ -52,20 +55,47 @@ export let DeesTable = class DeesTable extends DeesElement {
             description: 'Office-Supplies - STAPLES BREMEN',
         },
     ]}
-        .dataActions="${[{
+        dataName="transactions"
+        .dataActions="${[
+        {
             name: 'upload',
-            iconName: 'upload',
+            iconName: 'bell',
             useTableBehaviour: 'upload',
+            type: 'inRow',
             actionFunc: async (itemArg) => {
+                alert(itemArg.amount);
             },
-        }, {
+        },
+        {
             name: 'visibility',
-            iconName: 'visibility',
+            iconName: 'copy',
+            type: 'inRow',
             useTableBehaviour: 'preview',
-            actionFunc: async (itemArg) => {
-            },
-        }]}"
-        >This is a slotted Text</dees-table>
+            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) => { },
+        },
+    ]}"
+        .displayFunction=${(itemArg) => {
+        return {
+            ...itemArg,
+            onlyDisplayProp: 'onlyDisplay',
+        };
+    }}
+        >This is a slotted Text</dees-table
+      >
     </div>
   `; }
     constructor() {
@@ -75,8 +105,7 @@ export let DeesTable = class DeesTable extends DeesElement {
         this.heading2 = 'heading 2';
         this.data = [];
         this.dataActions = [];
-        this.type = 'normal';
-        this.status = 'normal';
+        this.displayFunction = (itemArg) => itemArg;
         this.files = [];
         this.fileWeakMap = new WeakMap();
     }
@@ -87,7 +116,7 @@ export let DeesTable = class DeesTable extends DeesElement {
         color: ${cssManager.bdTheme('#333', '#fff')};
         font-family: 'Mona Sans', 'Inter', sans-serif;
         font-weight: 400;
-        font-size: 16px;
+        font-size: 14px;
         padding: 16px;
         display: block;
         width: 100%;
@@ -98,11 +127,49 @@ export let DeesTable = class DeesTable extends DeesElement {
         box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
         overflow-x: auto;
       }
+
+      .header {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+      }
+
+      .headingContainer {
+      }
+
+      .heading {
+        font-family: 'Hubot Sans', 'Inter', sans-serif;
+      }
+
+      .heading1 {
+        font-weight: 600;
+      }
+      .heading2 {
+        opacity: 0.6;
+      }
+
       .headingSeparation {
         margin-top: 7px;
         border-bottom: 1px solid ${cssManager.bdTheme('#bcbcbc', '#bcbcbc')};
       }
 
+      .headerActions {
+        margin-left: auto;
+        cursor: pointer;
+      }
+      .headerAction {
+        display: flex;
+        color: ${cssManager.bdTheme('#333', '#ccc')};
+      }
+
+      .headerAction:hover {
+        color: ${cssManager.bdTheme('#555', '#fff')};
+      }
+
+      .headerAction dees-icon {
+        margin-right: 8px;
+      }
+
       table,
       .noDataSet {
         margin-top: 16px;
@@ -134,7 +201,7 @@ export let DeesTable = class DeesTable extends DeesElement {
         background: none;
       }
       tr.selected .innerCellContainer {
-        background: ${cssManager.bdTheme('#22222220', '#ffffff20')};
+        background: ${cssManager.bdTheme('#22222220', '#ffffff40')};
       }
       th {
         text-transform: uppercase;
@@ -176,14 +243,37 @@ export let DeesTable = class DeesTable extends DeesElement {
         background: ${cssManager.bdTheme('#CCC', '#111')};
       }
 
-      .tableStatistics {
-        padding: 4px 16px;
-        font-size: 12px;
+      .footer {
+        font-size: 14px;
         color: ${cssManager.bdTheme('#111', '#ffffff90')};
         background: ${cssManager.bdTheme('#eeeeeb', '#00000050')};
         margin: 16px -16px -16px -16px;
         border-bottom-left-radius: 3px;
         border-bottom-right-radius: 3px;
+        display: flex;
+      }
+
+      .tableStatistics {
+        padding: 8px 16px;
+      }
+
+      .footerActions {
+        margin-left: auto;
+      }
+
+      .footerActions .footerAction {
+        cursor: pointer;
+        padding: 8px 16px;
+        display: flex;
+      }
+
+      .footerActions .footerAction:hover {
+        background: ${cssManager.bdTheme('#CCC', '#111')};
+      }
+
+      .footerActions dees-icon {
+        display: flex;
+        margin-right: 8px;
       }
     `,
     ]; }
@@ -191,15 +281,43 @@ export let DeesTable = class DeesTable extends DeesElement {
         return html `
       <div class="mainbox">
         <!-- the heading part -->
-        <div>${this.heading1}</div>
-        <div>${this.heading2}</div>
+        <div class="header">
+          <div class="headingContainer">
+            <div class="heading heading1">${this.heading1}</div>
+            <div class="heading heading2">${this.heading2}</div>
+          </div>
+          <div class="headerActions">
+            ${resolveExec(async () => {
+            const resultArray = [];
+            for (const action of this.dataActions) {
+                if (action.type !== 'header')
+                    continue;
+                resultArray.push(html `<div
+                    class="headerAction"
+                    @click=${() => {
+                    action.actionFunc(this.selectedDataRow);
+                }}
+                  >
+                    ${action.iconName
+                    ? html `<dees-icon .iconSize=${14} .iconFA=${action.iconName}></dees-icon>
+                          ${action.name}`
+                    : action.name}
+                  </div>`);
+            }
+            return resultArray;
+        })}
+          </div>
+        </div>
         <div class="headingSeparation"></div>
 
         <!-- the actual table -->
         <style></style>
         ${this.data.length > 0
             ? (() => {
-                const headings = Object.keys(this.data[0]);
+                // Only pick up the keys from the first transformed data object
+                // as all data objects are assumed to have the same structure
+                const firstTransformedItem = this.displayFunction(this.data[0]);
+                const headings = Object.keys(firstTransformedItem);
                 return html `
                 <table>
                   <tr>
@@ -218,81 +336,149 @@ export let DeesTable = class DeesTable extends DeesElement {
                     }
                 })()}
                   </tr>
-                  ${this.data.map((itemArg) => html `
+                  ${this.data.map((itemArg) => {
+                    const transformedItem = this.displayFunction(itemArg);
+                    const getTr = (elementArg) => {
+                        if (elementArg.tagName === 'TR') {
+                            return elementArg;
+                        }
+                        else {
+                            return getTr(elementArg.parentElement);
+                        }
+                    };
+                    return html `
                       <tr
                         @click=${() => {
-                    this.selectedDataRow = itemArg;
-                }}
+                        this.selectedDataRow = itemArg;
+                    }}
                         @dragenter=${async (eventArg) => {
-                    console.log(eventArg.target.tagName);
-                    console.log('dragenter');
-                    eventArg.preventDefault();
-                    eventArg.stopPropagation();
-                    eventArg.target.parentElement.style.background = '#800000';
-                }}
+                        eventArg.preventDefault();
+                        eventArg.stopPropagation();
+                        const realTarget = getTr(eventArg.target);
+                        console.log('dragenter');
+                        console.log(realTarget);
+                        setTimeout(() => {
+                            realTarget.style.background = 'green';
+                        }, 0);
+                    }}
                         @dragleave=${async (eventArg) => {
-                    console.log(eventArg.target.tagName);
-                    console.log('dragleave');
-                    eventArg.preventDefault();
-                    eventArg.stopPropagation();
-                    eventArg.target.parentElement.style.background = 'none';
-                }}
+                        eventArg.preventDefault();
+                        eventArg.stopPropagation();
+                        const realTarget = getTr(eventArg.target);
+                        realTarget.style.background = 'none';
+                    }}
                         @dragover=${async (eventArg) => {
-                    eventArg.preventDefault();
-                }}
+                        eventArg.preventDefault();
+                    }}
                         @drop=${async (eventArg) => {
-                    eventArg.preventDefault();
-                    const newFiles = [];
-                    for (const file of Array.from(eventArg.dataTransfer.files)) {
-                        this.files.push(file);
-                        newFiles.push(file);
-                        this.requestUpdate();
-                    }
-                    const result = this.fileWeakMap.get(itemArg);
-                    if (!result) {
-                        this.fileWeakMap.set(itemArg, newFiles);
-                    }
-                    else {
-                        result.push(...newFiles);
-                    }
-                }}
+                        eventArg.preventDefault();
+                        const newFiles = [];
+                        for (const file of Array.from(eventArg.dataTransfer.files)) {
+                            this.files.push(file);
+                            newFiles.push(file);
+                            this.requestUpdate();
+                        }
+                        const result = this.fileWeakMap.get(itemArg);
+                        if (!result) {
+                            this.fileWeakMap.set(itemArg, newFiles);
+                        }
+                        else {
+                            result.push(...newFiles);
+                        }
+                    }}
+                        @contextmenu=${async (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;
+                                },
+                            },
+                        ]);
+                    }}
                         class="${itemArg === this.selectedDataRow ? 'selected' : ''}"
                       >
                         ${headings.map((headingArg) => html `
                             <td>
-                              <div class="innerCellContainer">${itemArg[headingArg]}</div>
+                              <div class="innerCellContainer">${transformedItem[headingArg]}</div>
                             </td>
                           `)}
                         ${(() => {
-                    if (this.dataActions && this.dataActions.length > 0) {
-                        return html `
+                        if (this.dataActions && this.dataActions.length > 0) {
+                            return html `
                               <td>
                                 <div class="innerCellContainer">
                                   ${(() => {
-                            const actions = [];
-                            for (const action of this.dataActions) {
-                                actions.push(html `<div class="action">${action.iconName ? html `
-                                        <dees-icon .iconName=${'upload_file'}></dees-icon>
-                                      ` : action.name}</div>`);
-                            }
-                            return actions;
-                        })()}
+                                const actions = [];
+                                for (const action of this.dataActions) {
+                                    if (action.type !== 'inRow')
+                                        continue;
+                                    actions.push(html `<div
+                                          class="action"
+                                          @click=${() => action.actionFunc(itemArg)}
+                                        >
+                                          ${action.iconName
+                                        ? html `
+                                                <dees-icon .iconFA=${action.iconName}></dees-icon>
+                                              `
+                                        : action.name}
+                                        </div>`);
+                                }
+                                return actions;
+                            })()}
                                 </div>
                               </td>
                             `;
-                    }
-                })()}
+                        }
+                    })()}
                       </tr>
-                    `)}
+                    `;
+                })}
                 </table>
               `;
             })()
             : html ` <div class="noDataSet">No data set!</div> `}
-        <div class="tableStatistics">
-          ${this.data.length} data rows (total) |
-          ${this.selectedDataRow
-            ? html `Row ${this.data.indexOf(this.selectedDataRow) + 1} selected`
-            : html `No row selected`}
+        <div class="footer">
+          <div class="tableStatistics">
+            ${this.data.length} ${this.dataName || 'data rows'} (total) |
+            ${this.selectedDataRow ? '# ' + `${this.data.indexOf(this.selectedDataRow) + 1}` : `No`}
+            selected
+          </div>
+          <div class="footerActions">
+            ${resolveExec(async () => {
+            const resultArray = [];
+            for (const action of this.dataActions) {
+                if (action.type !== 'footer')
+                    continue;
+                resultArray.push(html `<div
+                    class="footerAction"
+                    @click=${() => {
+                    action.actionFunc(this.selectedDataRow);
+                }}
+                  >
+                    ${action.iconName
+                    ? html `<dees-icon .iconSize=${14} .iconFA=${action.iconName}></dees-icon>
+                          ${action.name}`
+                    : action.name}
+                  </div>`);
+            }
+            return resultArray;
+        })}
+          </div>
         </div>
       </div>
     `;
@@ -319,30 +505,31 @@ __decorate([
 ], DeesTable.prototype, "data", void 0);
 __decorate([
     property({
-        type: Array,
+        type: String,
+        reflect: true,
     }),
-    __metadata("design:type", Array)
-], DeesTable.prototype, "dataActions", void 0);
+    __metadata("design:type", String)
+], DeesTable.prototype, "dataName", void 0);
 __decorate([
     property({
-        type: Object,
+        type: Array,
     }),
-    __metadata("design:type", Object)
-], DeesTable.prototype, "selectedDataRow", void 0);
+    __metadata("design:type", Array)
+], DeesTable.prototype, "dataActions", void 0);
 __decorate([
     property({
-        type: String,
+        attribute: false,
     }),
-    __metadata("design:type", String)
-], DeesTable.prototype, "type", void 0);
+    __metadata("design:type", Function)
+], DeesTable.prototype, "displayFunction", void 0);
 __decorate([
     property({
-        type: String,
+        type: Object,
     }),
-    __metadata("design:type", String)
-], DeesTable.prototype, "status", void 0);
+    __metadata("design:type", Object)
+], DeesTable.prototype, "selectedDataRow", void 0);
 DeesTable = __decorate([
     customElement('dees-table'),
     __metadata("design:paramtypes", [])
 ], DeesTable);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy10YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXRhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFDSCxTQUFTLEVBRVQsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQWdCbEQsV0FBTSxTQUFTLEdBQWYsTUFBTSxTQUFhLFNBQVEsV0FBVzthQUM3QixTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Z0JBZWpCO1FBQ047WUFDRSxJQUFJLEVBQUUsWUFBWTtZQUNsQixNQUFNLEVBQUUsV0FBVztZQUNuQixXQUFXLEVBQUUsbURBQW1EO1NBQ2pFO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsWUFBWTtZQUNsQixNQUFNLEVBQUUsVUFBVTtZQUNsQixXQUFXLEVBQUUsaURBQWlEO1NBQy9EO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsWUFBWTtZQUNsQixNQUFNLEVBQUUsV0FBVztZQUNuQixXQUFXLEVBQUUscURBQXFEO1NBQ25FO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsWUFBWTtZQUNsQixNQUFNLEVBQUUsV0FBVztZQUNuQixXQUFXLEVBQUUsa0NBQWtDO1NBQ2hEO1FBQ0Q7WUFDRSxJQUFJLEVBQUUsWUFBWTtZQUNsQixNQUFNLEVBQUUsV0FBVztZQUNuQixXQUFXLEVBQUUsa0NBQWtDO1NBQ2hEO0tBQ0Y7d0JBQ2UsQ0FBQztZQUNmLElBQUksRUFBRSxRQUFRO1lBQ2QsUUFBUSxFQUFFLFFBQVE7WUFDbEIsaUJBQWlCLEVBQUUsUUFBUTtZQUMzQixVQUFVLEVBQUUsS0FBSyxFQUFFLE9BQVksRUFBRSxFQUFFO1lBRW5DLENBQUM7U0FDRixF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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy10YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXRhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLFdBQVcsRUFDWCxRQUFRLEVBRVIsVUFBVSxFQUNWLEdBQUcsRUFDSCxTQUFTLEVBRVQsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUV2RCxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBQ3pELE9BQU8sRUFBaUIsTUFBTSxnQkFBZ0IsQ0FBQztBQXFDL0MsMkJBQTJCO0FBRXBCLFdBQU0sU0FBUyxHQUFmLE1BQU0sU0FBYSxTQUFRLFdBQVc7YUFDN0IsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7O2dCQWVqQjtRQUNOO1lBQ0UsSUFBSSxFQUFFLFlBQVk7WUFDbEIsTUFBTSxFQUFFLFdBQVc7WUFDbkIsV0FBVyxFQUFFLG1EQUFtRDtTQUNqRTtRQUNEO1lBQ0UsSUFBSSxFQUFFLFlBQVk7WUFDbEIsTUFBTSxFQUFFLFVBQVU7WUFDbEIsV0FBVyxFQUFFLGlEQUFpRDtTQUMvRDtRQUNEO1lBQ0UsSUFBSSxFQUFFLFlBQVk7WUFDbEIsTUFBTSxFQUFFLFdBQVc7WUFDbkIsV0FBVyxFQUFFLHFEQUFxRDtTQUNuRTtRQUNEO1lBQ0UsSUFBSSxFQUFFLFlBQVk7WUFDbEIsTUFBTSxFQUFFLFdBQVc7WUFDbkIsV0FBVyxFQUFFLGtDQUFrQztTQUNoRDtRQUNEO1lBQ0UsSUFBSSxFQUFFLFlBQVk7WUFDbEIsTUFBTSxFQUFFLFdBQVc7WUFDbkIsV0FBVyxFQUFFLGtDQUFrQztTQUNoRDtLQUNGOzt3QkFFZTtRQUNkO1lBQ0UsSUFBSSxFQUFFLFFBQVE7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

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

@@ -6,6 +6,7 @@ declare global {
 }
 export declare class DeesWindowLayer extends DeesElement {
     static demo: () => TemplateResult<1>;
+    static createAndShow(): Promise<DeesWindowLayer>;
     visible: boolean;
     constructor();
     render(): TemplateResult;
@@ -14,4 +15,5 @@ export declare class DeesWindowLayer extends DeesElement {
     toggleVisibility(): void;
     show(): Promise<void>;
     hide(): Promise<void>;
+    destroy(): Promise<void>;
 }

package/dist_ts_web/elements/dees-windowlayer.js

@@ -7,11 +7,21 @@ 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);
 };
+var DeesWindowLayer_1;
 import { customElement, DeesElement, html, property, } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
 export let DeesWindowLayer = class DeesWindowLayer extends DeesElement {
+    static { DeesWindowLayer_1 = this; }
     // STATIC
     static { this.demo = () => html `<dees-windowlayer></dees-windowlayer>`; }
+    static async createAndShow() {
+        const domtoolsInstance = domtools.DomTools.getGlobalDomToolsSync();
+        const windowLayer = new DeesWindowLayer_1();
+        document.body.append(windowLayer);
+        await domtoolsInstance.convenience.smartdelay.delayFor(0);
+        windowLayer.show();
+        return windowLayer;
+    }
     constructor() {
         super();
         // INSTANCE
@@ -23,7 +33,7 @@ export let DeesWindowLayer = class DeesWindowLayer extends DeesElement {
       ${domtools.elementBasic.styles}
       <style>
         .windowOverlay {
-          transition: all 0.3s;
+          transition: all 0.2s;
           will-change: transform;
           position: fixed;
           top: 0px;
@@ -71,6 +81,12 @@ export let DeesWindowLayer = class DeesWindowLayer extends DeesElement {
         await domtools.convenience.smartdelay.delayFor(0);
         this.visible = false;
     }
+    async destroy() {
+        const domtools = await this.domtoolsPromise;
+        await this.hide();
+        await domtools.convenience.smartdelay.delayFor(300);
+        this.remove();
+    }
 };
 __decorate([
     property({
@@ -78,8 +94,8 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], DeesWindowLayer.prototype, "visible", void 0);
-DeesWindowLayer = __decorate([
+DeesWindowLayer = DeesWindowLayer_1 = __decorate([
     customElement('dees-windowlayer'),
     __metadata("design:paramtypes", [])
 ], DeesWindowLayer);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy13aW5kb3dsYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXdpbmRvd2xheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUF1QixJQUFJLEVBQUUsUUFBUSxHQUFtQixNQUFNLDZCQUE2QixDQUFDO0FBRS9ILE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFTbEQsV0FBTSxlQUFlLEdBQXJCLE1BQU0sZUFBZ0IsU0FBUSxXQUFXO0lBQzlDLFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxBQUFwRCxDQUFxRDtJQVF2RTtRQUNFLEtBQUssRUFBRSxDQUFDO1FBUFYsV0FBVztRQUlKLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFJckIsUUFBUSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBO1FBQ1AsUUFBUSxDQUFDLFlBQVksQ0FBQyxNQUFNOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O29CQXlCaEIsSUFBSSxDQUFDLGVBQWUseUJBQXlCLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSTs7O0tBRzNGLENBQUM7SUFDSixDQUFDO0lBRUQsWUFBWTtRQUNWLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUN0QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRU0sZ0JBQWdCO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQy9CLENBQUM7SUFFTSxLQUFLLENBQUMsSUFBSTtRQUNmLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN0QixDQUFDO0lBRU0sS0FBSyxDQUFDLElBQUk7UUFDZixNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7QUFoRU07SUFITixRQUFRLENBQUM7UUFDUixJQUFJLEVBQUUsT0FBTztLQUNkLENBQUM7O2dEQUNxQjtBQVJaLGVBQWU7SUFEM0IsYUFBYSxDQUFDLGtCQUFrQixDQUFDOztHQUNyQixlQUFlLENBeUUzQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy13aW5kb3dsYXllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXdpbmRvd2xheWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBdUIsSUFBSSxFQUFFLFFBQVEsR0FBbUIsTUFBTSw2QkFBNkIsQ0FBQztBQUUvSCxPQUFPLEtBQUssUUFBUSxNQUFNLDhCQUE4QixDQUFDO0FBU2xELFdBQU0sZUFBZSxHQUFyQixNQUFNLGVBQWdCLFNBQVEsV0FBVzs7SUFDOUMsU0FBUzthQUNLLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsdUNBQXVDLEFBQXBELENBQXFEO0lBRWhFLE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYTtRQUMvQixNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNuRSxNQUFNLFdBQVcsR0FBRyxJQUFJLGlCQUFlLEVBQUUsQ0FBQztRQUMxQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNsQyxNQUFNLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFELFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNuQixPQUFPLFdBQVcsQ0FBQztJQUNyQixDQUFDO0lBUUQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVBWLFdBQVc7UUFJSixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBSXJCLFFBQVEsQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztvQkF5QmhCLElBQUksQ0FBQyxlQUFlLHlCQUF5QixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUk7OztLQUczRixDQUFDO0lBQ0osQ0FBQztJQUVELFlBQVk7UUFDVixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFDdEIsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1YsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVNLGdCQUFnQjtRQUNyQixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMvQixDQUFDO0lBRU0sS0FBSyxDQUFDLElBQUk7UUFDZixNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVNLEtBQUssQ0FBQyxJQUFJO1FBQ2YsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxLQUFLLENBQUMsT0FBTztRQUNsQixNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsTUFBTSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEIsTUFBTSxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7O0FBdkVNO0lBSE4sUUFBUSxDQUFDO1FBQ1IsSUFBSSxFQUFFLE9BQU87S0FDZCxDQUFDOztnREFDcUI7QUFqQlosZUFBZTtJQUQzQixhQUFhLENBQUMsa0JBQWtCLENBQUM7O0dBQ3JCLGVBQWUsQ0F5RjNCIn0=