@design.estate/dees-catalog 1.0.192 → 1.0.194

package/dist_ts_web/00_commitinfo_data.js

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

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

@@ -3,7 +3,7 @@ import { type CSSResult, DeesElement } from '@design.estate/dees-element';
 export declare class DeesMobilenavigation extends DeesElement {
     static demo: () => import("@design.estate/dees-element").TemplateResult<1>;
     private static singletonRef;
-    static createAndInit(menuItemsArg: plugins.tsclass.website.IMenuItem[]): Promise<DeesMobilenavigation>;
+    static createAndShow(menuItemsArg: plugins.tsclass.website.IMenuItem<DeesMobilenavigation>[]): Promise<DeesMobilenavigation>;
     heading: string;
     menuItems: plugins.tsclass.website.IMenuItem[];
     readyDeferred: plugins.smartpromise.Deferred<any>;

package/dist_ts_web/elements/dees-mobilenavigation.js

@@ -16,17 +16,18 @@ export let DeesMobilenavigation = class DeesMobilenavigation extends DeesElement
     // STATIC
     static { this.demo = () => html `
     <dees-button @click=${() => {
-        DeesMobilenavigation_1.createAndInit([
+        DeesMobilenavigation_1.createAndShow([
             {
                 name: 'Test',
-                action: () => {
+                action: async (deesMobileNav) => {
                     alert('test');
+                    return null;
                 },
             },
         ]);
     }}></dees-button>
   `; }
-    static async createAndInit(menuItemsArg) {
+    static async createAndShow(menuItemsArg) {
         if (!this.singletonRef) {
             this.singletonRef = new DeesMobilenavigation_1();
             document.body.append(this.singletonRef);
@@ -119,7 +120,7 @@ export let DeesMobilenavigation = class DeesMobilenavigation extends DeesElement
               class="menuItem"
               @click="${() => {
                 this.hide();
-                menuItem.action();
+                menuItem.action(this);
             }}"
             >
               ${menuItem.name}
@@ -176,4 +177,4 @@ DeesMobilenavigation = DeesMobilenavigation_1 = __decorate([
     customElement('dees-mobilenavigation'),
     __metadata("design:paramtypes", [])
 ], DeesMobilenavigation);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2JpbGVuYXZpZ2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9iaWxlbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLFVBQVUsRUFDVixHQUFHLEVBRUgsYUFBYSxFQUNiLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUdqRCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFxQixTQUFRLFdBQVc7O0lBQ25ELFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzBCQUNQLEdBQUcsRUFBRTtRQUN6QixzQkFBb0IsQ0FBQyxhQUFhLENBQUM7WUFDakM7Z0JBQ0UsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLEdBQUcsRUFBRTtvQkFDWCxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2hCLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7R0FDRixBQVhpQixDQVdoQjtJQUdLLE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQWlEO1FBQ2pGLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxzQkFBb0IsRUFBRSxDQUFDO1lBQy9DLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN4QyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDaEM7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxZQUFZ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2JpbGVuYXZpZ2F0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9iaWxlbmF2aWdhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSxjQUFjLENBQUM7QUFDeEMsT0FBTyxFQUNMLFVBQVUsRUFDVixHQUFHLEVBRUgsYUFBYSxFQUNiLFdBQVcsRUFDWCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUdqRCxXQUFNLG9CQUFvQixHQUExQixNQUFNLG9CQUFxQixTQUFRLFdBQVc7O0lBQ25ELFNBQVM7YUFDSyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzBCQUNQLEdBQUcsRUFBRTtRQUN6QixzQkFBb0IsQ0FBQyxhQUFhLENBQUM7WUFDakM7Z0JBQ0UsSUFBSSxFQUFFLE1BQU07Z0JBQ1osTUFBTSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsRUFBRTtvQkFDOUIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUNkLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7R0FDRixBQVppQixDQVloQjtJQUdLLE1BQU0sQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFlBQXVFO1FBQ3ZHLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxzQkFBb0IsRUFBRSxDQUFDO1lBQy9DLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN4QyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDaEM7UUFD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

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

@@ -1,3 +1,4 @@
+import * as plugins from './plugins.js';
 import { DeesElement, type TemplateResult, type CSSResult } from '@design.estate/dees-element';
 declare global {
     interface HTMLElementTagNameMap {
@@ -9,9 +10,11 @@ export declare class DeesModal extends DeesElement {
     static createAndShow(optionsArg: {
         heading: string;
         content: TemplateResult;
+        menuOptions: plugins.tsclass.website.IMenuItem<DeesModal>[];
     }): Promise<void>;
     heading: string;
     content: TemplateResult;
+    menuOptions: plugins.tsclass.website.IMenuItem<DeesModal>[];
     constructor();
     static styles: CSSResult[];
     render(): TemplateResult;

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

@@ -15,8 +15,23 @@ export const demoFunc = () => html `
           >
           </dees-input-text>
         </dees-form>
-      `
+      `,
+        menuOptions: [{
+                name: 'Cancel',
+                iconName: null,
+                action: async (deesModalArg) => {
+                    deesModalArg.destroy();
+                    return null;
+                }
+            }, {
+                name: 'Ok',
+                iconName: null,
+                action: async (deesModalArg) => {
+                    deesModalArg.destroy();
+                    return null;
+                }
+            }],
     });
 }}>open modal</dees-button>
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9kYWwuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7d0JBQ1YsR0FBRyxFQUFFO0lBQ3pCLFNBQVMsQ0FBQyxhQUFhLENBQUM7UUFDdEIsT0FBTyxFQUFFLG1CQUFtQjtRQUM1QixPQUFPLEVBQUUsSUFBSSxDQUFBOzs7cUJBR0UsVUFBVTs7OztxQkFJVixVQUFVOzs7O09BSXhCO0tBQ0YsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztDQUNGLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2RlZXMtbW9kYWwuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7d0JBQ1YsR0FBRyxFQUFFO0lBQ3pCLFNBQVMsQ0FBQyxhQUFhLENBQUM7UUFDdEIsT0FBTyxFQUFFLG1CQUFtQjtRQUM1QixPQUFPLEVBQUUsSUFBSSxDQUFBOzs7cUJBR0UsVUFBVTs7OztxQkFJVixVQUFVOzs7O09BSXhCO1FBQ0QsV0FBVyxFQUFFLENBQUM7Z0JBQ1osSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsTUFBTSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsRUFBRTtvQkFDN0IsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUN2QixPQUFPLElBQUksQ0FBQztnQkFDZCxDQUFDO2FBQ0YsRUFBRTtnQkFDRCxJQUFJLEVBQUUsSUFBSTtnQkFDVixRQUFRLEVBQUUsSUFBSTtnQkFDZCxNQUFNLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxFQUFFO29CQUM3QixZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7b0JBQ3ZCLE9BQU8sSUFBSSxDQUFDO2dCQUNkLENBQUM7YUFDRixDQUFDO0tBQ0gsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztDQUNGLENBQUEifQ==

package/dist_ts_web/elements/dees-modal.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 DeesModal_1;
+import * as plugins from './plugins.js';
 import { demoFunc } from './dees-modal.demo.js';
 import { customElement, html, DeesElement, property, cssManager, css, unsafeCSS, unsafeHTML, state, } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
@@ -21,6 +22,7 @@ export let DeesModal = class DeesModal extends DeesElement {
         const modal = new DeesModal_1();
         modal.heading = optionsArg.heading;
         modal.content = optionsArg.content;
+        modal.menuOptions = optionsArg.menuOptions;
         modal.windowLayer = await DeesWindowLayer.createAndShow();
         modal.windowLayer.addEventListener('click', async () => {
             await modal.destroy();
@@ -32,6 +34,7 @@ export let DeesModal = class DeesModal extends DeesElement {
         super();
         // INSTANCE
         this.heading = '';
+        this.menuOptions = [];
     }
     static { this.styles = [
         cssManager.defaultStyles,
@@ -43,6 +46,8 @@ export let DeesModal = class DeesModal extends DeesElement {
       .modalContainer {
         display: flex;
         position: fixed;
+        top: 0px;
+        left: 0px;
         width: 100vw;
         height: 100vh;
         box-sizing: border-box;
@@ -83,7 +88,6 @@ export let DeesModal = class DeesModal extends DeesElement {
       }
       .modal .bottomButtons {
         display: grid;
-        grid-template-columns: 1fr 1fr;
         border-top: 1px solid #222;
       }
 
@@ -105,13 +109,21 @@ export let DeesModal = class DeesModal extends DeesElement {
     ]; }
     render() {
         return html `
+      <style>
+        .modal .bottomButtons {
+          grid-template-columns: ${cssManager.cssGridColumns(this.menuOptions.length, 0)};
+        }
+      </style>
       <div class="modalContainer" @click=${this.handleOutsideClick}>
         <div class="modal">
           <div class="heading">${this.heading}</div>
           <div class="content">${this.content}</div>
           <div class="bottomButtons">
-            <div class="bottomButton">Cancel</div>
-            <div class="bottomButton">OK</div>
+            ${this.menuOptions.map((actionArg) => html `
+                <div class="bottomButton" @click=${() => {
+            actionArg.action(this);
+        }}>${actionArg.name}</div>
+              `)}
           </div>
         </div>
       </div>
@@ -150,8 +162,12 @@ __decorate([
     state({}),
     __metadata("design:type", Object)
 ], DeesModal.prototype, "content", void 0);
+__decorate([
+    state({}),
+    __metadata("design:type", Array)
+], DeesModal.prototype, "menuOptions", void 0);
 DeesModal = DeesModal_1 = __decorate([
     customElement('dees-modal'),
     __metadata("design:paramtypes", [])
 ], DeesModal);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLW1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxTQUFTLEdBQWYsTUFBTSxTQUFVLFNBQVEsV0FBVzs7SUFDeEMsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUV2QixNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUF3RDtRQUN4RixNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1FBQzNCLE1BQU0sS0FBSyxHQUFHLElBQUksV0FBUyxFQUFFLENBQUM7UUFDOUIsS0FBSyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ25DLEtBQUssQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUNuQyxLQUFLLENBQUMsV0FBVyxHQUFHLE1BQU0sZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzFELEtBQUssQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFO1lBQ3JELE1BQU0sS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQixDQUFDO0lBWUQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVhWLFdBQVc7UUFLSixZQUFPLEdBQUcsRUFBRSxDQUFDO0lBT3BCLENBQUM7YUFFYSxXQUFNLEdBQUc7UUFDckIsVUFBVSxDQUFDLGFBQWE7UUFDeEIsR0FBRyxDQUFBOzs7aUJBR1UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0ErRDlDO0tBQ0YsQUFyRW1CLENBcUVsQjtJQUVLLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTsyQ0FDNEIsSUFBSSxDQUFDLGtCQUFrQjs7aUNBRWpDLElBQUksQ0FBQyxPQUFPO2lDQUNaLElBQUksQ0FBQyxPQUFPOzs7Ozs7O0tBT3hDLENBQUM7SUFDSixDQUFDO0lBR00sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBMEQ7UUFDbEYsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3ZDLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxNQUFNLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNuRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RCxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRU0sS0FBSyxDQUFDLGtCQUFrQixDQUFDLFFBQW9CO1FBQ2xELFFBQVEsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3hFLElBQUksUUFBUSxDQUFDLE1BQU0sS0FBSyxjQUFjLEVBQUU7WUFDdEMsTUFBTSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBRU0sS0FBSyxDQUFDLE9BQU87UUFDbEIsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RELEtBQUssQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQy9CLE1BQU0sUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hDLE1BQU0sSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNuQyxDQUFDOztBQXZITTtJQUhOLFFBQVEsQ0FBQztRQUNSLElBQUksRUFBRSxNQUFNO0tBQ2IsQ0FBQzs7MENBQ2tCO0FBR2I7SUFETixLQUFLLENBQUMsRUFBRSxDQUFDOzswQ0FDcUI7QUF6QnBCLFNBQVM7SUFEckIsYUFBYSxDQUFDLFlBQVksQ0FBQzs7R0FDZixTQUFTLENBOElyQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLW1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssT0FBTyxNQUFNLGNBQWMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLFFBQVEsRUFFUixVQUFVLEVBQ1YsR0FBRyxFQUVILFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFTakQsV0FBTSxTQUFTLEdBQWYsTUFBTSxTQUFVLFNBQVEsV0FBVzs7SUFDeEMsU0FBUzthQUNLLFNBQUksR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUV2QixNQUFNLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxVQUlqQztRQUNDLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDM0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxXQUFTLEVBQUUsQ0FBQztRQUM5QixLQUFLLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDbkMsS0FBSyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUMsT0FBTyxDQUFDO1FBQ25DLEtBQUssQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLFdBQVcsQ0FBQztRQUMzQyxLQUFLLENBQUMsV0FBVyxHQUFHLE1BQU0sZUFBZSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzFELEtBQUssQ0FBQyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFO1lBQ3JELE1BQU0sS0FBSyxDQUFD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

package/dist_watch/bundle.js

@@ -8385,7 +8385,7 @@ var require_core = __commonJS({
     var HLJS = function(hljs) {
       const languages = /* @__PURE__ */ Object.create(null);
       const aliases = /* @__PURE__ */ Object.create(null);
-      const plugins8 = [];
+      const plugins9 = [];
       let SAFE_MODE = true;
       const LANGUAGE_NOT_FOUND = "Could not find the language '{}', did you forget to load/include a language module?";
       const PLAINTEXT_LANGUAGE = { disableAutodetect: true, name: "Plain text", contains: [] };
@@ -8954,17 +8954,17 @@ var require_core = __commonJS({
       }
       function addPlugin(plugin) {
         upgradePluginAPI(plugin);
-        plugins8.push(plugin);
+        plugins9.push(plugin);
       }
       function removePlugin(plugin) {
-        const index = plugins8.indexOf(plugin);
+        const index = plugins9.indexOf(plugin);
         if (index !== -1) {
-          plugins8.splice(index, 1);
+          plugins9.splice(index, 1);
         }
       }
       function fire(event, args) {
         const cb = event;
-        plugins8.forEach(function(plugin) {
+        plugins9.forEach(function(plugin) {
           if (plugin[cb]) {
             plugin[cb](args);
           }
@@ -73232,7 +73232,22 @@ var demoFunc5 = () => x`
           >
           </dees-input-text>
         </dees-form>
-      `
+      `,
+    menuOptions: [{
+      name: "Cancel",
+      iconName: null,
+      action: async (deesModalArg) => {
+        deesModalArg.destroy();
+        return null;
+      }
+    }, {
+      name: "Ok",
+      iconName: null,
+      action: async (deesModalArg) => {
+        deesModalArg.destroy();
+        return null;
+      }
+    }]
   });
 }}>open modal</dees-button>
 `;
@@ -73242,12 +73257,14 @@ var DeesModal = class extends DeesElement {
   constructor() {
     super();
     this.heading = "";
+    this.menuOptions = [];
   }
   static async createAndShow(optionsArg) {
     const body = document.body;
     const modal = new DeesModal();
     modal.heading = optionsArg.heading;
     modal.content = optionsArg.content;
+    modal.menuOptions = optionsArg.menuOptions;
     modal.windowLayer = await DeesWindowLayer.createAndShow();
     modal.windowLayer.addEventListener("click", async () => {
       await modal.destroy();
@@ -73257,13 +73274,23 @@ var DeesModal = class extends DeesElement {
   }
   render() {
     return x`
+      <style>
+        .modal .bottomButtons {
+          grid-template-columns: ${cssManager.cssGridColumns(this.menuOptions.length, 0)};
+        }
+      </style>
       <div class="modalContainer" @click=${this.handleOutsideClick}>
         <div class="modal">
           <div class="heading">${this.heading}</div>
           <div class="content">${this.content}</div>
           <div class="bottomButtons">
-            <div class="bottomButton">Cancel</div>
-            <div class="bottomButton">OK</div>
+            ${this.menuOptions.map(
+      (actionArg) => x`
+                <div class="bottomButton" @click=${() => {
+        actionArg.action(this);
+      }}>${actionArg.name}</div>
+              `
+    )}
           </div>
         </div>
       </div>
@@ -73344,7 +73371,6 @@ DeesModal.styles = [
       }
       .modal .bottomButtons {
         display: grid;
-        grid-template-columns: 1fr 1fr;
         border-top: 1px solid #222;
       }
 
@@ -73372,6 +73398,9 @@ __decorateClass([
 __decorateClass([
   t4({})
 ], DeesModal.prototype, "content", 2);
+__decorateClass([
+  t4({})
+], DeesModal.prototype, "menuOptions", 2);
 DeesModal = __decorateClass([
   e7("dees-modal")
 ], DeesModal);