@design.estate/dees-catalog 1.0.235 → 1.0.236

package/dist_watch/bundle.js

@@ -3871,11 +3871,11 @@ var require_define_data_property = __commonJS({
     var $SyntaxError = GetIntrinsic("%SyntaxError%");
     var $TypeError = GetIntrinsic("%TypeError%");
     var gopd = require_gopd();
-    module.exports = function defineDataProperty(obj, property2, value) {
+    module.exports = function defineDataProperty(obj, property3, value) {
       if (!obj || typeof obj !== "object" && typeof obj !== "function") {
         throw new $TypeError("`obj` must be an object or a function`");
       }
-      if (typeof property2 !== "string" && typeof property2 !== "symbol") {
+      if (typeof property3 !== "string" && typeof property3 !== "symbol") {
         throw new $TypeError("`property` must be a string or a symbol`");
       }
       if (arguments.length > 3 && typeof arguments[3] !== "boolean" && arguments[3] !== null) {
@@ -3894,16 +3894,16 @@ var require_define_data_property = __commonJS({
       var nonWritable = arguments.length > 4 ? arguments[4] : null;
       var nonConfigurable = arguments.length > 5 ? arguments[5] : null;
       var loose = arguments.length > 6 ? arguments[6] : false;
-      var desc = !!gopd && gopd(obj, property2);
+      var desc = !!gopd && gopd(obj, property3);
       if ($defineProperty) {
-        $defineProperty(obj, property2, {
+        $defineProperty(obj, property3, {
           configurable: nonConfigurable === null && desc ? desc.configurable : !nonConfigurable,
           enumerable: nonEnumerable === null && desc ? desc.enumerable : !nonEnumerable,
           value,
           writable: nonWritable === null && desc ? desc.writable : !nonWritable
         });
       } else if (loose || !nonEnumerable && !nonWritable && !nonConfigurable) {
-        obj[property2] = value;
+        obj[property3] = value;
       } else {
         throw new $SyntaxError("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");
       }
@@ -59301,7 +59301,7 @@ var Action = function(_super) {
   function Action2(scheduler, work) {
     return _super.call(this) || this;
   }
-  Action2.prototype.schedule = function(state6, delay) {
+  Action2.prototype.schedule = function(state7, delay) {
     if (delay === void 0) {
       delay = 0;
     }
@@ -59340,7 +59340,7 @@ var AsyncAction = function(_super) {
     _this.pending = false;
     return _this;
   }
-  AsyncAction2.prototype.schedule = function(state6, delay) {
+  AsyncAction2.prototype.schedule = function(state7, delay) {
     var _a;
     if (delay === void 0) {
       delay = 0;
@@ -59348,7 +59348,7 @@ var AsyncAction = function(_super) {
     if (this.closed) {
       return this;
     }
-    this.state = state6;
+    this.state = state7;
     var id = this.id;
     var scheduler = this.scheduler;
     if (id != null) {
@@ -59377,23 +59377,23 @@ var AsyncAction = function(_super) {
     }
     return void 0;
   };
-  AsyncAction2.prototype.execute = function(state6, delay) {
+  AsyncAction2.prototype.execute = function(state7, delay) {
     if (this.closed) {
       return new Error("executing a cancelled action");
     }
     this.pending = false;
-    var error = this._execute(state6, delay);
+    var error = this._execute(state7, delay);
     if (error) {
       return error;
     } else if (this.pending === false && this.id != null) {
       this.id = this.recycleAsyncId(this.scheduler, this.id, null);
     }
   };
-  AsyncAction2.prototype._execute = function(state6, _delay) {
+  AsyncAction2.prototype._execute = function(state7, _delay) {
     var errored = false;
     var errorValue;
     try {
-      this.work(state6);
+      this.work(state7);
     } catch (e11) {
       errored = true;
       errorValue = e11 ? e11 : new Error("Scheduled action threw falsy error");
@@ -59429,11 +59429,11 @@ var Scheduler = function() {
     this.schedulerActionCtor = schedulerActionCtor;
     this.now = now2;
   }
-  Scheduler2.prototype.schedule = function(work, delay, state6) {
+  Scheduler2.prototype.schedule = function(work, delay, state7) {
     if (delay === void 0) {
       delay = 0;
     }
-    return new this.schedulerActionCtor(this, work).schedule(state6, delay);
+    return new this.schedulerActionCtor(this, work).schedule(state7, delay);
   };
   Scheduler2.now = dateTimestampProvider.now;
   return Scheduler2;
@@ -64371,18 +64371,18 @@ var isNode = Object.prototype.toString.call(typeof process !== "undefined" ? pro
 var microSeconds2 = microSeconds;
 var type = "native";
 function create(channelName) {
-  var state6 = {
+  var state7 = {
     messagesCallback: null,
     bc: new BroadcastChannel(channelName),
     subFns: []
     // subscriberFunctions
   };
-  state6.bc.onmessage = function(msg) {
-    if (state6.messagesCallback) {
-      state6.messagesCallback(msg.data);
+  state7.bc.onmessage = function(msg) {
+    if (state7.messagesCallback) {
+      state7.messagesCallback(msg.data);
     }
   };
-  return state6;
+  return state7;
 }
 function close(channelState) {
   channelState.bc.close();
@@ -64626,7 +64626,7 @@ function cleanOldMessages(db, ttl) {
 function create2(channelName, options) {
   options = fillOptionsWithDefaults(options);
   return createDatabase(channelName).then(function(db) {
-    var state6 = {
+    var state7 = {
       closed: false,
       lastCursorId: 0,
       channelName,
@@ -64645,54 +64645,54 @@ function create2(channelName, options) {
       db
     };
     db.onclose = function() {
-      state6.closed = true;
+      state7.closed = true;
       if (options.idb.onclose)
         options.idb.onclose();
     };
-    _readLoop(state6);
-    return state6;
+    _readLoop(state7);
+    return state7;
   });
 }
-function _readLoop(state6) {
-  if (state6.closed)
+function _readLoop(state7) {
+  if (state7.closed)
     return;
-  readNewMessages(state6).then(function() {
-    return sleep(state6.options.idb.fallbackInterval);
+  readNewMessages(state7).then(function() {
+    return sleep(state7.options.idb.fallbackInterval);
   }).then(function() {
-    return _readLoop(state6);
+    return _readLoop(state7);
   });
 }
-function _filterMessage(msgObj, state6) {
-  if (msgObj.uuid === state6.uuid)
+function _filterMessage(msgObj, state7) {
+  if (msgObj.uuid === state7.uuid)
     return false;
-  if (state6.eMIs.has(msgObj.id))
+  if (state7.eMIs.has(msgObj.id))
     return false;
-  if (msgObj.data.time < state6.messagesCallbackTime)
+  if (msgObj.data.time < state7.messagesCallbackTime)
     return false;
   return true;
 }
-function readNewMessages(state6) {
-  if (state6.closed)
+function readNewMessages(state7) {
+  if (state7.closed)
     return Promise.resolve();
-  if (!state6.messagesCallback)
+  if (!state7.messagesCallback)
     return Promise.resolve();
-  return getMessagesHigherThan(state6.db, state6.lastCursorId).then(function(newerMessages) {
+  return getMessagesHigherThan(state7.db, state7.lastCursorId).then(function(newerMessages) {
     var useMessages = newerMessages.filter(function(msgObj) {
       return !!msgObj;
     }).map(function(msgObj) {
-      if (msgObj.id > state6.lastCursorId) {
-        state6.lastCursorId = msgObj.id;
+      if (msgObj.id > state7.lastCursorId) {
+        state7.lastCursorId = msgObj.id;
       }
       return msgObj;
     }).filter(function(msgObj) {
-      return _filterMessage(msgObj, state6);
+      return _filterMessage(msgObj, state7);
     }).sort(function(msgObjA, msgObjB) {
       return msgObjA.time - msgObjB.time;
     });
     useMessages.forEach(function(msgObj) {
-      if (state6.messagesCallback) {
-        state6.eMIs.add(msgObj.id);
-        state6.messagesCallback(msgObj.data);
+      if (state7.messagesCallback) {
+        state7.eMIs.add(msgObj.id);
+        state7.messagesCallback(msgObj.data);
       }
     });
     return Promise.resolve();
@@ -64798,25 +64798,25 @@ function create3(channelName, options) {
   }
   var uuid = randomToken();
   var eMIs = new ObliviousSet(options.localstorage.removeTimeout);
-  var state6 = {
+  var state7 = {
     channelName,
     uuid,
     eMIs
     // emittedMessagesIds
   };
-  state6.listener = addStorageEventListener(channelName, function(msgObj) {
-    if (!state6.messagesCallback)
+  state7.listener = addStorageEventListener(channelName, function(msgObj) {
+    if (!state7.messagesCallback)
       return;
     if (msgObj.uuid === uuid)
       return;
     if (!msgObj.token || eMIs.has(msgObj.token))
       return;
-    if (msgObj.data.time && msgObj.data.time < state6.messagesCallbackTime)
+    if (msgObj.data.time && msgObj.data.time < state7.messagesCallbackTime)
       return;
     eMIs.add(msgObj.token);
-    state6.messagesCallback(msgObj.data);
+    state7.messagesCallback(msgObj.data);
   });
-  return state6;
+  return state7;
 }
 function close3(channelState) {
   removeStorageEventListener(channelState.listener);
@@ -64864,12 +64864,12 @@ var microSeconds5 = microSeconds;
 var type4 = "simulate";
 var SIMULATE_CHANNELS = /* @__PURE__ */ new Set();
 function create4(channelName) {
-  var state6 = {
+  var state7 = {
     name: channelName,
     messagesCallback: null
   };
-  SIMULATE_CHANNELS.add(state6);
-  return state6;
+  SIMULATE_CHANNELS.add(state7);
+  return state7;
 }
 function close4(channelState) {
   SIMULATE_CHANNELS["delete"](channelState);
@@ -65584,11 +65584,11 @@ var SmartRouter = class {
   /**
    * Push route state to history stack
    */
-  async pushUrl(url2 = "/", state6 = {}) {
+  async pushUrl(url2 = "/", state7 = {}) {
     if (url2 !== window.location.pathname) {
-      window.history.pushState(state6, window.document.title, url2);
+      window.history.pushState(state7, window.document.title, url2);
     } else {
-      window.history.replaceState(state6, window.document.title, url2);
+      window.history.replaceState(state7, window.document.title, url2);
     }
     await this._handleRouteState();
   }
@@ -65871,7 +65871,7 @@ var StatePart = class {
    */
   select(selectorFn) {
     if (!selectorFn) {
-      selectorFn = (state6) => state6;
+      selectorFn = (state7) => state7;
     }
     const mapped = this.state.pipe(dist_ts_exports2.rxjs.ops.startWith(this.getState()), dist_ts_exports2.rxjs.ops.map((stateArg) => {
       try {
@@ -67455,8 +67455,8 @@ var DeesElement = class extends lit.LitElement {
   }
   async connectedCallback() {
     super.connectedCallback();
-    const domtools6 = await this.domtoolsPromise;
-    this.themeSubscription = domtools6.themeManager.themeObservable.subscribe((goBrightArg) => {
+    const domtools7 = await this.domtoolsPromise;
+    this.themeSubscription = domtools7.themeManager.themeObservable.subscribe((goBrightArg) => {
       this.goBright = goBrightArg;
     });
     this.rxSubscriptions.push(this.themeSubscription);
@@ -67785,7 +67785,7 @@ var WccSidebar = class WccSidebar2 extends DeesElement {
               <div
                 class="selectOption ${this.selectedItem === item ? "selected" : null}"
                 @click=${async () => {
-          const domtools6 = await dist_ts_exports25.DomTools.setupDomTools();
+          const domtools7 = await dist_ts_exports25.DomTools.setupDomTools();
           this.selectItem("page", pageName, item);
         }}
               >
@@ -67804,7 +67804,7 @@ var WccSidebar = class WccSidebar2 extends DeesElement {
               <div
                 class="selectOption ${this.selectedItem === item ? "selected" : null}"
                 @click=${async () => {
-          const domtools6 = await dist_ts_exports25.DomTools.setupDomTools();
+          const domtools7 = await dist_ts_exports25.DomTools.setupDomTools();
           this.selectItem("element", elementName, item);
         }}
               >
@@ -68136,8 +68136,8 @@ var WccProperties = class WccProperties2 extends DeesElement {
         if (key === "goBright" || key === "domtools") {
           continue;
         }
-        const property2 = classProperties.get(key);
-        const propertyTypeString = await determinePropertyType(property2);
+        const property3 = classProperties.get(key);
+        const propertyTypeString = await determinePropertyType(property3);
         propertyArray.push(x`
             <div class="property">
               ${key} / ${propertyTypeString}<br />
@@ -68168,7 +68168,7 @@ var WccProperties = class WccProperties2 extends DeesElement {
               }}"
                     />`;
             case "Enum":
-              const enumValues = getEnumValues(property2);
+              const enumValues = getEnumValues(property3);
               return x`<select
                       @change="${(eventArg) => {
                 firstFoundInstantiatedElement[key] = eventArg.target.value;
@@ -69048,6 +69048,7 @@ __export(elements_exports, {
   DeesTable: () => DeesTable,
   DeesToast: () => DeesToast,
   DeesUpdater: () => DeesUpdater,
+  DeesWindowControls: () => DeesWindowControls,
   DeesWindowLayer: () => DeesWindowLayer,
   faIcons: () => faIcons
 });
@@ -69570,10 +69571,10 @@ var DeesWindowLayer = class extends DeesElement {
       blur: false
     };
     this.visible = false;
-    domtools_elementbasic_exports.setup();
+    dist_ts_exports25.elementBasic.setup();
   }
   static async createAndShow(optionsArg) {
-    const domtoolsInstance = DomTools.getGlobalDomToolsSync();
+    const domtoolsInstance = dist_ts_exports25.DomTools.getGlobalDomToolsSync();
     const windowLayer = new DeesWindowLayer();
     windowLayer.options = {
       ...windowLayer.options,
@@ -69586,7 +69587,7 @@ var DeesWindowLayer = class extends DeesElement {
   }
   render() {
     return x`
-      ${domtools_elementbasic_exports.styles}
+      ${dist_ts_exports25.elementBasic.styles}
       <style>
         .windowOverlay {
           transition: all 0.2s;
@@ -69639,19 +69640,19 @@ var DeesWindowLayer = class extends DeesElement {
     this.visible = !this.visible;
   }
   async show() {
-    const domtools6 = await this.domtoolsPromise;
-    await domtools6.convenience.smartdelay.delayFor(0);
+    const domtools7 = await this.domtoolsPromise;
+    await domtools7.convenience.smartdelay.delayFor(0);
     this.visible = true;
   }
   async hide() {
-    const domtools6 = await this.domtoolsPromise;
-    await domtools6.convenience.smartdelay.delayFor(0);
+    const domtools7 = await this.domtoolsPromise;
+    await domtools7.convenience.smartdelay.delayFor(0);
     this.visible = false;
   }
   async destroy() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     await this.hide();
-    await domtools6.convenience.smartdelay.delayFor(300);
+    await domtools7.convenience.smartdelay.delayFor(300);
     this.remove();
   }
 };
@@ -69878,41 +69879,7 @@ var DeesDataviewCodebox = class extends DeesElement {
           line-height: 24px;
         }
 
-        .appbar .macControls {
-          position: absolute;
-          top: 6px;
-          left: 20px;
-          width: 200px;
-          display: grid;
-          grid-template-columns: 24px 24px 24px;
-        }
-
-        .appbar .macControls div {
-          width: 12px;
-          height: 12px;
-          display: inline-block;
-          border-radius: 50%;
-          margin: 0px;
-          padding: 0px;
-          cursor: pointer;
-          background: #222222;
-        }
-
-        .appbar .macControls div.close {
-          background: #ff5f57;
-        }
-
-        .appbar .macControls div.toDock {
-          background: #ffbd2e;
-        }
-
-        .appbar .macControls div.minMax {
-          background: #27c93f;
-        }
-
-        .appbar .macControls div:hover {
-          background: #333333;
-        }
+        
 
         .appbar .fileName {
           text-align: center;
@@ -70018,11 +69985,7 @@ var DeesDataviewCodebox = class extends DeesElement {
     }}"
       >
         <div class="appbar">
-          <div class="macControls">
-            <div class="close"></div>
-            <div class="toDock"></div>
-            <div class="minMax"></div>
-          </div>
+          <dees-windowcontrols></dees-windowcontrols>
           <div class="fileName">index.ts</div>
         </div>
         <div class="codegrid">
@@ -70485,7 +70448,7 @@ var DeesInputText = class extends DeesElement {
     this.disabled = false;
   }
   async togglePasswordView() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     this.showPasswordBool = !this.showPasswordBool;
     console.log(`this.showPasswordBool is: ${this.showPasswordBool}`);
   }
@@ -71256,8 +71219,8 @@ var DeesTable = class extends DeesElement {
     this.determineColumnWidths();
   }
   async determineColumnWidths() {
-    const domtools6 = await this.domtoolsPromise;
-    await domtools6.convenience.smartdelay.delayFor(0);
+    const domtools7 = await this.domtoolsPromise;
+    await domtools7.convenience.smartdelay.delayFor(0);
     const table = this.shadowRoot.querySelector("table");
     if (!table)
       return;
@@ -71300,7 +71263,7 @@ var DeesTable = class extends DeesElement {
     return actions;
   }
   async handleCellEditing(event, itemArg, key) {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     const target = event.target;
     const originalColor = target.style.color;
     target.style.color = "transparent";
@@ -73143,9 +73106,9 @@ var DeesFormSubmit = class extends DeesElement {
     parentElement.gatherAndDispatch();
   }
   async focus() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     if (!this.disabled) {
-      domtools6.convenience.smartdelay.delayFor(0);
+      domtools7.convenience.smartdelay.delayFor(0);
       this.submit();
     }
   }
@@ -76667,7 +76630,7 @@ var DeesMobilenavigation = class extends DeesElement {
    * inits the show
    */
   async show() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     const main = this.shadowRoot.querySelector(".main");
     if (!this.windowLayer) {
       this.windowLayer = new DeesWindowLayer();
@@ -76677,16 +76640,16 @@ var DeesMobilenavigation = class extends DeesElement {
       });
     }
     document.body.append(this.windowLayer);
-    await domtools6.convenience.smartdelay.delayFor(0);
+    await domtools7.convenience.smartdelay.delayFor(0);
     this.windowLayer.show();
-    await domtools6.convenience.smartdelay.delayFor(0);
+    await domtools7.convenience.smartdelay.delayFor(0);
     main.classList.add("show");
   }
   /**
    * inits the hide function
    */
   async hide() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     const main = this.shadowRoot.querySelector(".main");
     main.classList.remove("show");
     this.windowLayer.hide();
@@ -76862,8 +76825,8 @@ var DeesModal = class extends DeesElement {
   }
   async firstUpdated(_changedProperties) {
     super.firstUpdated(_changedProperties);
-    const domtools6 = await this.domtoolsPromise;
-    await domtools6.convenience.smartdelay.delayFor(30);
+    const domtools7 = await this.domtoolsPromise;
+    await domtools7.convenience.smartdelay.delayFor(30);
     const modal = this.shadowRoot.querySelector(".modal");
     modal.classList.add("show");
   }
@@ -76875,10 +76838,10 @@ var DeesModal = class extends DeesElement {
     }
   }
   async destroy() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     const modal = this.shadowRoot.querySelector(".modal");
     modal.classList.add("predestroy");
-    await domtools6.convenience.smartdelay.delayFor(200);
+    await domtools7.convenience.smartdelay.delayFor(200);
     document.body.removeChild(this);
     await this.windowLayer.destroy();
   }
@@ -77089,7 +77052,7 @@ var DeesSimpleAppDash = class extends DeesElement {
     `;
   }
   async firstUpdated(_changedProperties) {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     super.firstUpdated(_changedProperties);
   }
 };
@@ -77157,7 +77120,7 @@ var DeesSimpleLogin = class extends DeesElement {
     `;
   }
   async firstUpdated(_changedProperties) {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     super.firstUpdated(_changedProperties);
     const form = this.shadowRoot.querySelector("dees-form");
     await form.readyDeferred.promise;
@@ -77172,7 +77135,7 @@ var DeesSimpleLogin = class extends DeesElement {
    * allows switching to slotted content
    */
   async switchToSlottedContent() {
-    const domtools6 = await this.domtoolsPromise;
+    const domtools7 = await this.domtoolsPromise;
     const loginDiv = this.shadowRoot.querySelector(".login");
     const loginContainerDiv = this.shadowRoot.querySelector(".loginContainer");
     const slotContainerDiv = this.shadowRoot.querySelector(".slotContainer");
@@ -77180,10 +77143,10 @@ var DeesSimpleLogin = class extends DeesElement {
     loginDiv.style.transform = "translateY(20px)";
     loginContainerDiv.style.pointerEvents = "none";
     slotContainerDiv.style.transform = "translateY(20px)";
-    await domtools6.convenience.smartdelay.delayFor(300);
+    await domtools7.convenience.smartdelay.delayFor(300);
     slotContainerDiv.style.opacity = "1";
     slotContainerDiv.style.transform = "translateY(0px)";
-    await domtools6.convenience.smartdelay.delayFor(300);
+    await domtools7.convenience.smartdelay.delayFor(300);
     slotContainerDiv.style.pointerEvents = "all";
   }
 };
@@ -77799,6 +77762,63 @@ DeesUpdater = __decorateClass([
   t4("dees-updater")
 ], DeesUpdater);
 
+// ts_web/elements/dees-windowcontrols.ts
+var DeesWindowControls = class extends DeesElement {
+  render() {
+    return x`
+      <div class="windowControls">
+        <div class="close"></div>
+        <div class="toDock"></div>
+        <div class="minMax"></div>
+      </div>
+    `;
+  }
+};
+DeesWindowControls.demo = () => x`<dees-windowcontrols></dees-windowcontrols>`;
+DeesWindowControls.styles = [
+  cssManager.defaultStyles,
+  i`
+      .windowControls {
+        position: absolute;
+        top: 6px;
+        left: 20px;
+        width: 200px;
+        display: grid;
+        grid-template-columns: 24px 24px 24px;
+      }
+
+      .windowControls div {
+        width: 12px;
+        height: 12px;
+        display: inline-block;
+        border-radius: 50%;
+        margin: 0px;
+        padding: 0px;
+        cursor: pointer;
+        background: #222222;
+      }
+
+      .windowControls div.close {
+        background: #ff5f57;
+      }
+
+      .windowControls div.toDock {
+        background: #ffbd2e;
+      }
+
+      .windowControls div.minMax {
+        background: #27c93f;
+      }
+
+      .windowControls div:hover {
+        background: #333333;
+      }
+    `
+];
+DeesWindowControls = __decorateClass([
+  t4("dees-windowcontrols")
+], DeesWindowControls);
+
 // ts_web/pages/index.ts
 var pages_exports = {};
 __export(pages_exports, {