@design.estate/dees-catalog 1.0.210 → 1.0.212

package/dist_watch/bundle.js

@@ -68764,11 +68764,11 @@ var DeesDataviewCodebox = class extends DeesElement {
         }
 
         .appbar {
+          color: ${cssManager.bdTheme("#333", "#ccc")};
+          background: ${cssManager.bdTheme("#ffffff", "#161616")};
+          border-bottom: 1px solid ${cssManager.bdTheme("#eeeeeb", "#222222")};
           height: 24px;
-          background: #161616;
-          border-bottom: 1px solid #222222;
           font-size: 12px;
-          color: #CCC;
           font-family: 'Hubot Sans', 'monospace';
           line-height: 24px;
         }
@@ -68794,15 +68794,15 @@ var DeesDataviewCodebox = class extends DeesElement {
         }
 
         .appbar .macControls div.close {
-          background: #FF5F57;
+          background: #ff5f57;
         }
 
         .appbar .macControls div.toDock {
-          background: #FFBD2E;
+          background: #ffbd2e;
         }
 
         .appbar .macControls div.minMax {
-          background: #27C93F;
+          background: #27c93f;
         }
 
         .appbar .macControls div:hover {
@@ -68814,11 +68814,11 @@ var DeesDataviewCodebox = class extends DeesElement {
         }
 
         .bottomBar {
+          color: ${cssManager.bdTheme("#333", "#ccc")};
+          background: ${cssManager.bdTheme("#ffffff", "#161616")};
+          border-top: 1px solid ${cssManager.bdTheme("#eeeeeb", "#222222")};
           height: 24px;
-          background: #161616;
-          border-top: 1px solid #222222;
           font-size: 12px;
-          color: #888;
           font-family: 'Hubot Sans', 'monospace';
           line-height: 24px;
           text-align: right;
@@ -68826,7 +68826,7 @@ var DeesDataviewCodebox = class extends DeesElement {
         }
 
         .languageLabel {
-          color: #ccc;
+          color: ${cssManager.bdTheme("#333", "#ccc")};
           font-size: 12px;
           line-height: 24px;
           z-index: 10;
@@ -68849,7 +68849,6 @@ var DeesDataviewCodebox = class extends DeesElement {
         }
 
         .lineNumbers {
-          
           color: ${this.goBright ? "#acacac" : "#666666"};
           padding: 30px 16px 0px 0px;
           text-align: right;
@@ -68900,7 +68899,20 @@ var DeesDataviewCodebox = class extends DeesElement {
           color: ${this.goBright ? "#EF9300" : "#ffd765"};
         }
       </style>
-      <div class="mainbox">
+      <div
+        class="mainbox"
+        @contextmenu="${(eventArg) => {
+      DeesContextmenu.openContextMenuWithOptions(eventArg, [
+        {
+          name: "About",
+          iconName: "circleInfo",
+          action: async () => {
+            return null;
+          }
+        }
+      ]);
+    }}"
+      >
         <div class="appbar">
           <div class="macControls">
             <div class="close"></div>
@@ -72448,6 +72460,11 @@ var faMedium = {
 };
 
 // node_modules/.pnpm/@fortawesome+free-regular-svg-icons@6.4.2/node_modules/@fortawesome/free-regular-svg-icons/index.mjs
+var faTrashCan = {
+  prefix: "far",
+  iconName: "trash-can",
+  icon: [448, 512, [61460, "trash-alt"], "f2ed", "M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"]
+};
 var faMessage = {
   prefix: "far",
   iconName: "message",
@@ -72480,6 +72497,11 @@ var faCircleXmark = {
 };
 
 // node_modules/.pnpm/@fortawesome+free-solid-svg-icons@6.4.2/node_modules/@fortawesome/free-solid-svg-icons/index.mjs
+var faTrashCan2 = {
+  prefix: "fas",
+  iconName: "trash-can",
+  icon: [448, 512, [61460, "trash-alt"], "f2ed", "M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"]
+};
 var faMessage2 = {
   prefix: "fas",
   iconName: "message",
@@ -72540,6 +72562,11 @@ var faEye = {
   iconName: "eye",
   icon: [576, 512, [128065], "f06e", "M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"]
 };
+var faTrash = {
+  prefix: "fas",
+  iconName: "trash",
+  icon: [448, 512, [], "f1f8", "M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"]
+};
 var faCircleInfo = {
   prefix: "fas",
   iconName: "circle-info",
@@ -72575,6 +72602,11 @@ var faGrip = {
   iconName: "grip",
   icon: [448, 512, ["grip-horizontal"], "f58d", "M128 136c0-22.1-17.9-40-40-40L40 96C17.9 96 0 113.9 0 136l0 48c0 22.1 17.9 40 40 40H88c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40H40c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40H88c22.1 0 40-17.9 40-40V328zm32-192v48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V136c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM288 328c0-22.1-17.9-40-40-40H200c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V328zm32-192v48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V136c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM448 328c0-22.1-17.9-40-40-40H360c-22.1 0-40 17.9-40 40v48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V328z"]
 };
+var faPlus = {
+  prefix: "fas",
+  iconName: "plus",
+  icon: [448, 512, [10133, 61543, "add"], "2b", "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"]
+};
 var faXmark = {
   prefix: "fas",
   iconName: "xmark",
@@ -72616,60 +72648,100 @@ var faCircleXmark2 = {
   icon: [512, 512, [61532, "times-circle", "xmark-circle"], "f057", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"]
 };
 
+// ts_web/elements/dees-icon.demo.ts
+var demoFunc5 = () => x`
+  <style>
+    .demoContainer {
+      
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      background: #111111;
+      padding: 10px; font-size: 30px;
+    }
+    dees-icon {
+      transition: color 0.02s;
+      color: #ffffff;
+    }
+    dees-icon:hover {
+      color: #e4002b;
+    }
+
+    .iconContainer {
+      display: block;
+      padding: 16px 16px 0px 16px;
+      border: 1px solid #333333;
+      margin-right: 8px;
+      margin-bottom: 8px;
+    }
+
+    .iconName {
+      font-size: 12px;
+      text-align: center;
+      color: #ccc;
+      background: #333333;
+      padding: 4px 8px;
+      padding-bottom: 4px;
+      margin-left: -16px;
+      margin-right: -16px;
+      margin-top: 16px;
+    }
+  </style>
+  
+    <div class="demoContainer">
+      ${Object.keys(faIcons).map(
+  (iconName) => x`
+          <div class="iconContainer">
+            <dees-icon .iconFA=${iconName}></dees-icon>
+            <div class="iconName">${iconName}</div>
+          </div>
+        `
+)}
+    </div>
+  
+`;
+
 // ts_web/elements/dees-icon.ts
 var faIcons = {
   // normal
   arrowRight: faArrowRight,
   arrowUpRightFromSquare: faArrowUpRightFromSquare,
-  arrowUpRightFromSquareSolid: faArrowUpRightFromSquare,
   bell: faBell,
-  bellSolid: faBell,
   bug: faBug,
-  bugSolid: faBug,
   building: faBuilding,
-  buildingSolid: faBuilding,
   caretLeft: faCaretLeft,
-  caretLeftSolid: faCaretLeft,
   caretRight: faCaretRight,
-  caretRightSolid: faCaretRight,
   check: faCheck,
-  checkSolid: faCheck,
   circleInfo: faCircleInfo,
-  circleInfoSolid: faCircleInfo,
   circleCheck: faCircleCheck,
   circleCheckSolid: faCircleCheck2,
   circleXmark: faCircleXmark,
   circleXmarkSolid: faCircleXmark2,
   clockRotateLeft: faClockRotateLeft,
-  clockRotateLeftSolid: faClockRotateLeft,
   copy: faCopy,
   copySolid: faCopy2,
   desktop: faDesktop,
-  desktopSolid: faDesktop,
   eye: faEye,
-  eyeSolid: faEye,
   eyeSlash: faEyeSlash,
-  eyeSlashSolid: faEyeSlash,
   grip: faGrip,
-  gripSolid: faGrip,
   message: faMessage,
   messageSolid: faMessage2,
   mugHot: faMugHot,
-  mugHotSolid: faMugHot,
   minus: faMinus,
-  minusSolid: faMinus,
   paste: faPaste,
   pasteSolid: faPaste2,
   penToSquare: faPenToSquare,
-  penToSquareSolid: faPenToSquare,
+  plus: faPlus,
   rss: faRss,
-  rssSolid: faRss,
   share: faShare,
-  shareSolid: faShare,
   sun: faSun,
   sunSolid: faSun2,
+  trash: faTrash,
+  trashSolid: faTrash,
+  trashCan: faTrashCan,
+  trashCanSolid: faTrashCan2,
+  users: faUsers,
   xmark: faXmark,
-  xmarkSolid: faXmark,
   // brands
   facebook: faFacebook,
   google: faGoogle,
@@ -72678,8 +72750,7 @@ var faIcons = {
   medium: faMedium,
   slack: faSlackHash,
   tiktok: faTiktok,
-  twitter: faTwitter,
-  users: faUsers
+  twitter: faTwitter
 };
 var DeesIcon = class extends DeesElement {
   constructor() {
@@ -72707,24 +72778,7 @@ var DeesIcon = class extends DeesElement {
     }
   }
 };
-DeesIcon.demo = () => x`
-    <dees-icon iconName="visibility"></dees-icon>
-    <div style="background: #fff; padding: 10px; font-size: 30px">
-      <style>
-        dees-icon {
-          transition: color 0.05s;
-        }
-        dees-icon:hover {
-          color: #e4002b;
-        }
-      </style>
-      <dees-icon .iconFA=${"messageSolid"}></dees-icon>
-      <dees-icon .iconFA=${"sun"}></dees-icon>
-      <dees-icon .iconFA=${"sunSolid"}></dees-icon>
-      <dees-icon .iconFA=${"facebook"}></dees-icon>
-      <dees-icon .iconFA=${"arrowUpRightFromSquare"}></dees-icon>
-    </div>
-  `;
+DeesIcon.demo = demoFunc5;
 DeesIcon.styles = [
   cssManager.defaultStyles,
   i`
@@ -73280,7 +73334,7 @@ DeesMobilenavigation = __decorateClass([
 ], DeesMobilenavigation);
 
 // ts_web/elements/dees-modal.demo.ts
-var demoFunc5 = () => x`
+var demoFunc6 = () => x`
   <dees-button @click=${() => {
   DeesModal.createAndShow({
     heading: "This is a heading",
@@ -73385,7 +73439,7 @@ var DeesModal = class extends DeesElement {
   }
 };
 // STATIC
-DeesModal.demo = demoFunc5;
+DeesModal.demo = demoFunc6;
 DeesModal.styles = [
   cssManager.defaultStyles,
   i`
@@ -73568,7 +73622,7 @@ DeesPdf = __decorateClass([
 ], DeesPdf);
 
 // ts_web/elements/dees-simple-appdash.demo.ts
-var demoFunc6 = () => x`
+var demoFunc7 = () => x`
   <dees-simple-appdash>Hello there</dees-simple-appdash>
 `;
 
@@ -73594,7 +73648,7 @@ var DeesSimpleAppDash = class extends DeesElement {
   }
 };
 // STATIC
-DeesSimpleAppDash.demo = demoFunc6;
+DeesSimpleAppDash.demo = demoFunc7;
 DeesSimpleAppDash.styles = [
   cssManager.defaultStyles,
   i`
@@ -73631,7 +73685,7 @@ DeesSimpleAppDash = __decorateClass([
 ], DeesSimpleAppDash);
 
 // ts_web/elements/dees-simple-login.demo.ts
-var demoFunc7 = () => x` <dees-simple-login name="someapp"> Hello there </dees-simple-login> `;
+var demoFunc8 = () => x` <dees-simple-login name="someapp"> Hello there </dees-simple-login> `;
 
 // ts_web/elements/dees-simple-login.ts
 var DeesSimpleLogin = class extends DeesElement {
@@ -73688,7 +73742,7 @@ var DeesSimpleLogin = class extends DeesElement {
   }
 };
 // STATIC
-DeesSimpleLogin.demo = demoFunc7;
+DeesSimpleLogin.demo = demoFunc8;
 DeesSimpleLogin.styles = [
   cssManager.defaultStyles,
   i`
@@ -74200,7 +74254,7 @@ DeesStepper = __decorateClass([
 ], DeesStepper);
 
 // ts_web/elements/dees-table.demo.ts
-var demoFunc8 = () => x`
+var demoFunc9 = () => x`
   <style>
     .demoWrapper {
       box-sizing: border-box;
@@ -74606,7 +74660,7 @@ var DeesTable = class extends DeesElement {
     input.focus();
   }
 };
-DeesTable.demo = demoFunc8;
+DeesTable.demo = demoFunc9;
 DeesTable.styles = [
   cssManager.defaultStyles,
   i`