@design.estate/dees-catalog 3.46.1 → 3.47.1

package/dist_bundle/bundle.js

@@ -6250,9 +6250,9 @@ var init_property2 = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.colors.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.colors.js
 var init_domtools_colors = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.colors.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.colors.js"() {
   }
 });
 
@@ -50332,10 +50332,10 @@ var require_sweet_scroll = __commonJS({
       };
       var CONTAINER_CLICK_EVENT = "click";
       var CONTAINER_STOP_EVENT = "wheel touchstart touchmove";
-      var SweetScroll3 = (
+      var SweetScroll5 = (
         /** @class */
         (function() {
-          function SweetScroll4(options, container) {
+          function SweetScroll6(options, container) {
             var _this = this;
             this.$el = null;
             this.ctx = {
@@ -50379,7 +50379,7 @@ var require_sweet_scroll = __commonJS({
               });
               if (timeElapsed <= duration) {
                 _this.hook(options2, "step", t9);
-                ctx.id = SweetScroll4.raf(_this.loop);
+                ctx.id = SweetScroll6.raf(_this.loop);
               } else {
                 _this.stop(true);
               }
@@ -50439,10 +50439,10 @@ var require_sweet_scroll = __commonJS({
               this.bind(true, false);
             }
           }
-          SweetScroll4.create = function(options, container) {
-            return new SweetScroll4(options, container);
+          SweetScroll6.create = function(options, container) {
+            return new SweetScroll6(options, container);
           };
-          SweetScroll4.prototype.to = function(distance, options) {
+          SweetScroll6.prototype.to = function(distance, options) {
             if (!canUseDOM) {
               return;
             }
@@ -50496,20 +50496,20 @@ var require_sweet_scroll = __commonJS({
             this.start(opts);
             this.bind(false, true);
           };
-          SweetScroll4.prototype.toTop = function(distance, options) {
+          SweetScroll6.prototype.toTop = function(distance, options) {
             this.to(distance, __assign2({}, options || {}, { vertical: true, horizontal: false }));
           };
-          SweetScroll4.prototype.toLeft = function(distance, options) {
+          SweetScroll6.prototype.toLeft = function(distance, options) {
             this.to(distance, __assign2({}, options || {}, { vertical: false, horizontal: true }));
           };
-          SweetScroll4.prototype.toElement = function($element, options) {
+          SweetScroll6.prototype.toElement = function($element, options) {
             var $el = this.$el;
             if (!canUseDOM || !$el) {
               return;
             }
             this.to(getOffset($element, $el), options || {});
           };
-          SweetScroll4.prototype.stop = function(gotoEnd) {
+          SweetScroll6.prototype.stop = function(gotoEnd) {
             if (gotoEnd === void 0) {
               gotoEnd = false;
             }
@@ -50518,7 +50518,7 @@ var require_sweet_scroll = __commonJS({
             if (!$el || !ctx.progress) {
               return;
             }
-            SweetScroll4.caf(ctx.id);
+            SweetScroll6.caf(ctx.id);
             ctx.progress = false;
             ctx.start = 0;
             ctx.id = 0;
@@ -50528,7 +50528,7 @@ var require_sweet_scroll = __commonJS({
             }
             this.complete();
           };
-          SweetScroll4.prototype.update = function(options) {
+          SweetScroll6.prototype.update = function(options) {
             if (this.$el) {
               var opts = __assign2({}, this.opts, options);
               this.stop();
@@ -50537,25 +50537,25 @@ var require_sweet_scroll = __commonJS({
               this.bind(true, false);
             }
           };
-          SweetScroll4.prototype.destroy = function() {
+          SweetScroll6.prototype.destroy = function() {
             if (this.$el) {
               this.stop();
               this.unbind(true, true);
               this.$el = null;
             }
           };
-          SweetScroll4.prototype.onBefore = function(_4, __) {
+          SweetScroll6.prototype.onBefore = function(_4, __) {
             return true;
           };
-          SweetScroll4.prototype.onStep = function(_4) {
+          SweetScroll6.prototype.onStep = function(_4) {
           };
-          SweetScroll4.prototype.onAfter = function(_4, __) {
+          SweetScroll6.prototype.onAfter = function(_4, __) {
           };
-          SweetScroll4.prototype.onCancel = function() {
+          SweetScroll6.prototype.onCancel = function() {
           };
-          SweetScroll4.prototype.onComplete = function(_4) {
+          SweetScroll6.prototype.onComplete = function(_4) {
           };
-          SweetScroll4.prototype.start = function(opts) {
+          SweetScroll6.prototype.start = function(opts) {
             var ctx = this.ctx;
             ctx.opts = opts;
             ctx.progress = true;
@@ -50566,9 +50566,9 @@ var require_sweet_scroll = __commonJS({
               left: getScroll($container, "x")
             };
             ctx.startPos = start;
-            ctx.id = SweetScroll4.raf(this.loop);
+            ctx.id = SweetScroll6.raf(this.loop);
           };
-          SweetScroll4.prototype.complete = function() {
+          SweetScroll6.prototype.complete = function() {
             var _a97 = this, $el = _a97.$el, ctx = _a97.ctx;
             var hash = ctx.hash, cancel = ctx.cancel, opts = ctx.opts, pos = ctx.pos, $trigger = ctx.$trigger;
             if (!$el || !opts) {
@@ -50590,7 +50590,7 @@ var require_sweet_scroll = __commonJS({
             }
             this.hook(opts, "complete", cancel);
           };
-          SweetScroll4.prototype.hook = function(options, type5) {
+          SweetScroll6.prototype.hook = function(options, type5) {
             var args = [];
             for (var _i = 2; _i < arguments.length; _i++) {
               args[_i - 2] = arguments[_i];
@@ -50605,7 +50605,7 @@ var require_sweet_scroll = __commonJS({
             methodResult = (_a97 = this)["on" + (type5[0].toUpperCase() + type5.slice(1))].apply(_a97, args);
             return callbackResult !== void 0 ? callbackResult : methodResult;
           };
-          SweetScroll4.prototype.bind = function(click, stop) {
+          SweetScroll6.prototype.bind = function(click, stop) {
             var _a97 = this, $el = _a97.$el, opts = _a97.ctx.opts;
             if ($el) {
               if (click) {
@@ -50616,7 +50616,7 @@ var require_sweet_scroll = __commonJS({
               }
             }
           };
-          SweetScroll4.prototype.unbind = function(click, stop) {
+          SweetScroll6.prototype.unbind = function(click, stop) {
             var _a97 = this, $el = _a97.$el, opts = _a97.ctx.opts;
             if ($el) {
               if (click) {
@@ -50627,20 +50627,20 @@ var require_sweet_scroll = __commonJS({
               }
             }
           };
-          SweetScroll4.raf = raf;
-          SweetScroll4.caf = caf;
-          return SweetScroll4;
+          SweetScroll6.raf = raf;
+          SweetScroll6.caf = caf;
+          return SweetScroll6;
         })()
       );
-      return SweetScroll3;
+      return SweetScroll5;
     });
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.plugins.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.plugins.js
 var import_sweet_scroll, lik;
 var init_domtools_plugins = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.plugins.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.plugins.js"() {
     init_dist_ts18();
     init_dist_ts17();
     init_dist_ts3();
@@ -50668,23 +50668,28 @@ var init_domtools_plugins = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.breakpoints.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.breakpoints.js
 var domtools_css_breakpoints_exports = {};
 __export(domtools_css_breakpoints_exports, {
+  containerContextStyles: () => containerContextStyles,
+  cssForConstraint: () => cssForConstraint,
+  cssForConstraintContainer: () => cssForConstraintContainer,
+  cssForContainer: () => cssForContainer,
   cssForDesktop: () => cssForDesktop,
   cssForNotebook: () => cssForNotebook,
   cssForPhablet: () => cssForPhablet,
   cssForPhone: () => cssForPhone,
   cssForTablet: () => cssForTablet,
+  cssForViewport: () => cssForViewport,
   desktop: () => desktop,
   notebook: () => notebook,
   phablet: () => phablet,
   phone: () => phone,
   tablet: () => tablet
 });
-var desktop, notebook, tablet, phablet, phone, cssForDesktop, cssForNotebook, cssForTablet, cssForPhablet, cssForPhone;
+var desktop, notebook, tablet, phablet, phone, buildCondition, cssForViewport, cssForContainer, cssForConstraint, cssForConstraintContainer, containerContextStyles, cssForDesktop, cssForNotebook, cssForTablet, cssForPhablet, cssForPhone;
 var init_domtools_css_breakpoints = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.breakpoints.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.breakpoints.js"() {
     init_domtools_classes_domtools();
     init_lit();
     desktop = 1600;
@@ -50692,63 +50697,61 @@ var init_domtools_css_breakpoints = __esm({
     tablet = 1024;
     phablet = 600;
     phone = 400;
-    cssForDesktop = (cssArg) => {
+    buildCondition = (constraints) => {
+      const parts = [];
+      if (constraints.minWidth)
+        parts.push(`(min-width: ${constraints.minWidth}px)`);
+      if (constraints.maxWidth)
+        parts.push(`(max-width: ${constraints.maxWidth}px)`);
+      return parts.join(" and ");
+    };
+    cssForViewport = (cssArg, condition) => {
       return r(`
-    @container wccToolsViewport (min-width: ${desktop}px) {
+    @container wccToolsViewport ${condition} {
       ${cssArg.cssText}
     }
-    @media (min-width: ${desktop}px) {
+    @media ${condition} {
       ${cssArg.cssText}
     }
   `);
     };
-    cssForNotebook = (cssArg) => {
+    cssForContainer = (cssArg, condition, containerName) => {
       return r(`
-    @container wccToolsViewport (max-width: ${notebook}px) {
-      ${cssArg.cssText}
-    }
-    @media (max-width: ${notebook}px) {
+    @container ${containerName} ${condition} {
       ${cssArg.cssText}
     }
   `);
     };
+    cssForConstraint = (constraints) => (cssArg) => cssForViewport(cssArg, buildCondition(constraints));
+    cssForConstraintContainer = (constraints, containerName) => (cssArg) => cssForContainer(cssArg, buildCondition(constraints), containerName);
+    containerContextStyles = (containerName) => i`
+  :host {
+    container-type: inline-size;
+    container-name: ${r(containerName)};
+  }
+`;
+    cssForDesktop = (cssArg) => {
+      return cssForViewport(cssArg, `(min-width: ${desktop}px)`);
+    };
+    cssForNotebook = (cssArg) => {
+      return cssForViewport(cssArg, `(max-width: ${notebook}px)`);
+    };
     cssForTablet = (cssArg) => {
-      return r(`
-    @container wccToolsViewport (max-width: ${tablet}px) {
-      ${cssArg.cssText}
-    }
-    @media (max-width: ${tablet}px) {
-      ${cssArg.cssText}
-    }
-  `);
+      return cssForViewport(cssArg, `(max-width: ${tablet}px)`);
     };
     cssForPhablet = (cssArg) => {
-      return r(`
-    @container wccToolsViewport (max-width: ${phablet}px) {
-      ${cssArg.cssText}
-    }
-    @media (max-width: ${phablet}px) {
-      ${cssArg.cssText}
-    }
-  `);
+      return cssForViewport(cssArg, `(max-width: ${phablet}px)`);
     };
     cssForPhone = (cssArg) => {
-      return r(`
-    @container wccToolsViewport (max-width: ${phone}px) {
-      ${cssArg.cssText}
-    }
-    @media (max-width: ${phone}px) {
-      ${cssArg.cssText}
-    }
-  `);
+      return cssForViewport(cssArg, `(max-width: ${phone}px)`);
     };
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.scroller.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.scroller.js
 var Scroller;
 var init_domtools_classes_scroller = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.scroller.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.scroller.js"() {
     init_domtools_plugins();
     Scroller = class {
       domtoolsInstance;
@@ -50889,10 +50892,10 @@ var init_domtools_classes_scroller = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.thememanager.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.thememanager.js
 var ThemeManager;
 var init_domtools_classes_thememanager = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.thememanager.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.thememanager.js"() {
     init_domtools_classes_domtools();
     init_domtools_plugins();
     ThemeManager = class {
@@ -50946,126 +50949,126 @@ var init_domtools_classes_thememanager = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.keyboard.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.keyboard.js
 var Key, Keyboard;
 var init_domtools_classes_keyboard = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.keyboard.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.keyboard.js"() {
     init_domtools_plugins();
-    (function(Key3) {
-      Key3[Key3["Backspace"] = 8] = "Backspace";
-      Key3[Key3["Tab"] = 9] = "Tab";
-      Key3[Key3["Enter"] = 13] = "Enter";
-      Key3[Key3["Shift"] = 16] = "Shift";
-      Key3[Key3["Ctrl"] = 17] = "Ctrl";
-      Key3[Key3["Alt"] = 18] = "Alt";
-      Key3[Key3["PauseBreak"] = 19] = "PauseBreak";
-      Key3[Key3["CapsLock"] = 20] = "CapsLock";
-      Key3[Key3["Escape"] = 27] = "Escape";
-      Key3[Key3["Space"] = 32] = "Space";
-      Key3[Key3["PageUp"] = 33] = "PageUp";
-      Key3[Key3["PageDown"] = 34] = "PageDown";
-      Key3[Key3["End"] = 35] = "End";
-      Key3[Key3["Home"] = 36] = "Home";
-      Key3[Key3["LeftArrow"] = 37] = "LeftArrow";
-      Key3[Key3["UpArrow"] = 38] = "UpArrow";
-      Key3[Key3["RightArrow"] = 39] = "RightArrow";
-      Key3[Key3["DownArrow"] = 40] = "DownArrow";
-      Key3[Key3["Insert"] = 45] = "Insert";
-      Key3[Key3["Delete"] = 46] = "Delete";
-      Key3[Key3["Zero"] = 48] = "Zero";
-      Key3[Key3["ClosedParen"] = 48] = "ClosedParen";
-      Key3[Key3["One"] = 49] = "One";
-      Key3[Key3["ExclamationMark"] = 49] = "ExclamationMark";
-      Key3[Key3["Two"] = 50] = "Two";
-      Key3[Key3["AtSign"] = 50] = "AtSign";
-      Key3[Key3["Three"] = 51] = "Three";
-      Key3[Key3["PoundSign"] = 51] = "PoundSign";
-      Key3[Key3["Hash"] = 51] = "Hash";
-      Key3[Key3["Four"] = 52] = "Four";
-      Key3[Key3["DollarSign"] = 52] = "DollarSign";
-      Key3[Key3["Five"] = 53] = "Five";
-      Key3[Key3["PercentSign"] = 53] = "PercentSign";
-      Key3[Key3["Six"] = 54] = "Six";
-      Key3[Key3["Caret"] = 54] = "Caret";
-      Key3[Key3["Hat"] = 54] = "Hat";
-      Key3[Key3["Seven"] = 55] = "Seven";
-      Key3[Key3["Ampersand"] = 55] = "Ampersand";
-      Key3[Key3["Eight"] = 56] = "Eight";
-      Key3[Key3["Star"] = 56] = "Star";
-      Key3[Key3["Asterik"] = 56] = "Asterik";
-      Key3[Key3["Nine"] = 57] = "Nine";
-      Key3[Key3["OpenParen"] = 57] = "OpenParen";
-      Key3[Key3["A"] = 65] = "A";
-      Key3[Key3["B"] = 66] = "B";
-      Key3[Key3["C"] = 67] = "C";
-      Key3[Key3["D"] = 68] = "D";
-      Key3[Key3["E"] = 69] = "E";
-      Key3[Key3["F"] = 70] = "F";
-      Key3[Key3["G"] = 71] = "G";
-      Key3[Key3["H"] = 72] = "H";
-      Key3[Key3["I"] = 73] = "I";
-      Key3[Key3["J"] = 74] = "J";
-      Key3[Key3["K"] = 75] = "K";
-      Key3[Key3["L"] = 76] = "L";
-      Key3[Key3["M"] = 77] = "M";
-      Key3[Key3["N"] = 78] = "N";
-      Key3[Key3["O"] = 79] = "O";
-      Key3[Key3["P"] = 80] = "P";
-      Key3[Key3["Q"] = 81] = "Q";
-      Key3[Key3["R"] = 82] = "R";
-      Key3[Key3["S"] = 83] = "S";
-      Key3[Key3["T"] = 84] = "T";
-      Key3[Key3["U"] = 85] = "U";
-      Key3[Key3["V"] = 86] = "V";
-      Key3[Key3["W"] = 87] = "W";
-      Key3[Key3["X"] = 88] = "X";
-      Key3[Key3["Y"] = 89] = "Y";
-      Key3[Key3["Z"] = 90] = "Z";
-      Key3[Key3["LeftWindowKey"] = 91] = "LeftWindowKey";
-      Key3[Key3["RightWindowKey"] = 92] = "RightWindowKey";
-      Key3[Key3["SelectKey"] = 93] = "SelectKey";
-      Key3[Key3["Numpad0"] = 96] = "Numpad0";
-      Key3[Key3["Numpad1"] = 97] = "Numpad1";
-      Key3[Key3["Numpad2"] = 98] = "Numpad2";
-      Key3[Key3["Numpad3"] = 99] = "Numpad3";
-      Key3[Key3["Numpad4"] = 100] = "Numpad4";
-      Key3[Key3["Numpad5"] = 101] = "Numpad5";
-      Key3[Key3["Numpad6"] = 102] = "Numpad6";
-      Key3[Key3["Numpad7"] = 103] = "Numpad7";
-      Key3[Key3["Numpad8"] = 104] = "Numpad8";
-      Key3[Key3["Numpad9"] = 105] = "Numpad9";
-      Key3[Key3["Multiply"] = 106] = "Multiply";
-      Key3[Key3["Add"] = 107] = "Add";
-      Key3[Key3["Subtract"] = 109] = "Subtract";
-      Key3[Key3["DecimalPoint"] = 110] = "DecimalPoint";
-      Key3[Key3["Divide"] = 111] = "Divide";
-      Key3[Key3["F1"] = 112] = "F1";
-      Key3[Key3["F2"] = 113] = "F2";
-      Key3[Key3["F3"] = 114] = "F3";
-      Key3[Key3["F4"] = 115] = "F4";
-      Key3[Key3["F5"] = 116] = "F5";
-      Key3[Key3["F6"] = 117] = "F6";
-      Key3[Key3["F7"] = 118] = "F7";
-      Key3[Key3["F8"] = 119] = "F8";
-      Key3[Key3["F9"] = 120] = "F9";
-      Key3[Key3["F10"] = 121] = "F10";
-      Key3[Key3["F11"] = 122] = "F11";
-      Key3[Key3["F12"] = 123] = "F12";
-      Key3[Key3["NumLock"] = 144] = "NumLock";
-      Key3[Key3["ScrollLock"] = 145] = "ScrollLock";
-      Key3[Key3["SemiColon"] = 186] = "SemiColon";
-      Key3[Key3["Equals"] = 187] = "Equals";
-      Key3[Key3["Comma"] = 188] = "Comma";
-      Key3[Key3["Dash"] = 189] = "Dash";
-      Key3[Key3["Period"] = 190] = "Period";
-      Key3[Key3["UnderScore"] = 189] = "UnderScore";
-      Key3[Key3["PlusSign"] = 187] = "PlusSign";
-      Key3[Key3["ForwardSlash"] = 191] = "ForwardSlash";
-      Key3[Key3["Tilde"] = 192] = "Tilde";
-      Key3[Key3["GraveAccent"] = 192] = "GraveAccent";
-      Key3[Key3["OpenBracket"] = 219] = "OpenBracket";
-      Key3[Key3["ClosedBracket"] = 221] = "ClosedBracket";
-      Key3[Key3["Quote"] = 222] = "Quote";
+    (function(Key4) {
+      Key4[Key4["Backspace"] = 8] = "Backspace";
+      Key4[Key4["Tab"] = 9] = "Tab";
+      Key4[Key4["Enter"] = 13] = "Enter";
+      Key4[Key4["Shift"] = 16] = "Shift";
+      Key4[Key4["Ctrl"] = 17] = "Ctrl";
+      Key4[Key4["Alt"] = 18] = "Alt";
+      Key4[Key4["PauseBreak"] = 19] = "PauseBreak";
+      Key4[Key4["CapsLock"] = 20] = "CapsLock";
+      Key4[Key4["Escape"] = 27] = "Escape";
+      Key4[Key4["Space"] = 32] = "Space";
+      Key4[Key4["PageUp"] = 33] = "PageUp";
+      Key4[Key4["PageDown"] = 34] = "PageDown";
+      Key4[Key4["End"] = 35] = "End";
+      Key4[Key4["Home"] = 36] = "Home";
+      Key4[Key4["LeftArrow"] = 37] = "LeftArrow";
+      Key4[Key4["UpArrow"] = 38] = "UpArrow";
+      Key4[Key4["RightArrow"] = 39] = "RightArrow";
+      Key4[Key4["DownArrow"] = 40] = "DownArrow";
+      Key4[Key4["Insert"] = 45] = "Insert";
+      Key4[Key4["Delete"] = 46] = "Delete";
+      Key4[Key4["Zero"] = 48] = "Zero";
+      Key4[Key4["ClosedParen"] = 48] = "ClosedParen";
+      Key4[Key4["One"] = 49] = "One";
+      Key4[Key4["ExclamationMark"] = 49] = "ExclamationMark";
+      Key4[Key4["Two"] = 50] = "Two";
+      Key4[Key4["AtSign"] = 50] = "AtSign";
+      Key4[Key4["Three"] = 51] = "Three";
+      Key4[Key4["PoundSign"] = 51] = "PoundSign";
+      Key4[Key4["Hash"] = 51] = "Hash";
+      Key4[Key4["Four"] = 52] = "Four";
+      Key4[Key4["DollarSign"] = 52] = "DollarSign";
+      Key4[Key4["Five"] = 53] = "Five";
+      Key4[Key4["PercentSign"] = 53] = "PercentSign";
+      Key4[Key4["Six"] = 54] = "Six";
+      Key4[Key4["Caret"] = 54] = "Caret";
+      Key4[Key4["Hat"] = 54] = "Hat";
+      Key4[Key4["Seven"] = 55] = "Seven";
+      Key4[Key4["Ampersand"] = 55] = "Ampersand";
+      Key4[Key4["Eight"] = 56] = "Eight";
+      Key4[Key4["Star"] = 56] = "Star";
+      Key4[Key4["Asterik"] = 56] = "Asterik";
+      Key4[Key4["Nine"] = 57] = "Nine";
+      Key4[Key4["OpenParen"] = 57] = "OpenParen";
+      Key4[Key4["A"] = 65] = "A";
+      Key4[Key4["B"] = 66] = "B";
+      Key4[Key4["C"] = 67] = "C";
+      Key4[Key4["D"] = 68] = "D";
+      Key4[Key4["E"] = 69] = "E";
+      Key4[Key4["F"] = 70] = "F";
+      Key4[Key4["G"] = 71] = "G";
+      Key4[Key4["H"] = 72] = "H";
+      Key4[Key4["I"] = 73] = "I";
+      Key4[Key4["J"] = 74] = "J";
+      Key4[Key4["K"] = 75] = "K";
+      Key4[Key4["L"] = 76] = "L";
+      Key4[Key4["M"] = 77] = "M";
+      Key4[Key4["N"] = 78] = "N";
+      Key4[Key4["O"] = 79] = "O";
+      Key4[Key4["P"] = 80] = "P";
+      Key4[Key4["Q"] = 81] = "Q";
+      Key4[Key4["R"] = 82] = "R";
+      Key4[Key4["S"] = 83] = "S";
+      Key4[Key4["T"] = 84] = "T";
+      Key4[Key4["U"] = 85] = "U";
+      Key4[Key4["V"] = 86] = "V";
+      Key4[Key4["W"] = 87] = "W";
+      Key4[Key4["X"] = 88] = "X";
+      Key4[Key4["Y"] = 89] = "Y";
+      Key4[Key4["Z"] = 90] = "Z";
+      Key4[Key4["LeftWindowKey"] = 91] = "LeftWindowKey";
+      Key4[Key4["RightWindowKey"] = 92] = "RightWindowKey";
+      Key4[Key4["SelectKey"] = 93] = "SelectKey";
+      Key4[Key4["Numpad0"] = 96] = "Numpad0";
+      Key4[Key4["Numpad1"] = 97] = "Numpad1";
+      Key4[Key4["Numpad2"] = 98] = "Numpad2";
+      Key4[Key4["Numpad3"] = 99] = "Numpad3";
+      Key4[Key4["Numpad4"] = 100] = "Numpad4";
+      Key4[Key4["Numpad5"] = 101] = "Numpad5";
+      Key4[Key4["Numpad6"] = 102] = "Numpad6";
+      Key4[Key4["Numpad7"] = 103] = "Numpad7";
+      Key4[Key4["Numpad8"] = 104] = "Numpad8";
+      Key4[Key4["Numpad9"] = 105] = "Numpad9";
+      Key4[Key4["Multiply"] = 106] = "Multiply";
+      Key4[Key4["Add"] = 107] = "Add";
+      Key4[Key4["Subtract"] = 109] = "Subtract";
+      Key4[Key4["DecimalPoint"] = 110] = "DecimalPoint";
+      Key4[Key4["Divide"] = 111] = "Divide";
+      Key4[Key4["F1"] = 112] = "F1";
+      Key4[Key4["F2"] = 113] = "F2";
+      Key4[Key4["F3"] = 114] = "F3";
+      Key4[Key4["F4"] = 115] = "F4";
+      Key4[Key4["F5"] = 116] = "F5";
+      Key4[Key4["F6"] = 117] = "F6";
+      Key4[Key4["F7"] = 118] = "F7";
+      Key4[Key4["F8"] = 119] = "F8";
+      Key4[Key4["F9"] = 120] = "F9";
+      Key4[Key4["F10"] = 121] = "F10";
+      Key4[Key4["F11"] = 122] = "F11";
+      Key4[Key4["F12"] = 123] = "F12";
+      Key4[Key4["NumLock"] = 144] = "NumLock";
+      Key4[Key4["ScrollLock"] = 145] = "ScrollLock";
+      Key4[Key4["SemiColon"] = 186] = "SemiColon";
+      Key4[Key4["Equals"] = 187] = "Equals";
+      Key4[Key4["Comma"] = 188] = "Comma";
+      Key4[Key4["Dash"] = 189] = "Dash";
+      Key4[Key4["Period"] = 190] = "Period";
+      Key4[Key4["UnderScore"] = 189] = "UnderScore";
+      Key4[Key4["PlusSign"] = 187] = "PlusSign";
+      Key4[Key4["ForwardSlash"] = 191] = "ForwardSlash";
+      Key4[Key4["Tilde"] = 192] = "Tilde";
+      Key4[Key4["GraveAccent"] = 192] = "GraveAccent";
+      Key4[Key4["OpenBracket"] = 219] = "OpenBracket";
+      Key4[Key4["ClosedBracket"] = 221] = "ClosedBracket";
+      Key4[Key4["Quote"] = 222] = "Quote";
     })(Key || (Key = {}));
     Keyboard = class {
       domNode;
@@ -51138,10 +51141,10 @@ var init_domtools_classes_keyboard = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.domtools.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.domtools.js
 var DomTools;
 var init_domtools_classes_domtools = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.domtools.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.domtools.js"() {
     init_domtools_plugins();
     init_domtools_css_breakpoints();
     init_domtools_classes_scroller();
@@ -51322,10 +51325,10 @@ var init_domtools_classes_domtools = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.basestyles.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.basestyles.js
 var scrollBarStyles, globalBaseStyles;
 var init_domtools_css_basestyles = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.basestyles.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.basestyles.js"() {
     init_domtools_classes_domtools();
     init_lit();
     scrollBarStyles = (() => {
@@ -51364,7 +51367,7 @@ var init_domtools_css_basestyles = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.elementbasic.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.elementbasic.js
 var domtools_elementbasic_exports = {};
 __export(domtools_elementbasic_exports, {
   setup: () => setup,
@@ -51373,7 +51376,7 @@ __export(domtools_elementbasic_exports, {
 });
 var staticStyles, styles, setup;
 var init_domtools_elementbasic = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.elementbasic.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.elementbasic.js"() {
     init_domtools_plugins();
     init_domtools_classes_domtools();
     init_domtools_css_basestyles();
@@ -51417,14 +51420,14 @@ var init_domtools_elementbasic = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.js
 var domtools_css_exports = {};
 __export(domtools_css_exports, {
   cssGridColumns: () => cssGridColumns
 });
 var cssGridColumns;
 var init_domtools_css = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.js"() {
     cssGridColumns = (amountOfColumnsArg, gapSizeArg) => {
       let returnString = ``;
       for (let i11 = 0; i11 < amountOfColumnsArg; i11++) {
@@ -51435,7 +51438,7 @@ var init_domtools_css = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.pluginexports.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.pluginexports.js
 var domtools_pluginexports_exports = {};
 __export(domtools_pluginexports_exports, {
   SweetScroll: () => import_sweet_scroll2.default,
@@ -51451,7 +51454,7 @@ __export(domtools_pluginexports_exports, {
 });
 var import_sweet_scroll2;
 var init_domtools_pluginexports = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.pluginexports.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/domtools.pluginexports.js"() {
     init_dist_ts3();
     init_dist_ts19();
     init_dist_ts();
@@ -51465,7 +51468,7 @@ var init_domtools_pluginexports = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/index.js
+// node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/index.js
 var dist_ts_exports27 = {};
 __export(dist_ts_exports27, {
   DomTools: () => DomTools,
@@ -51476,7 +51479,7 @@ __export(dist_ts_exports27, {
   plugins: () => domtools_pluginexports_exports
 });
 var init_dist_ts27 = __esm({
-  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/index.js"() {
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.5.1/node_modules/@design.estate/dees-domtools/dist_ts/index.js"() {
     init_domtools_colors();
     init_domtools_elementbasic();
     init_domtools_css_breakpoints();
@@ -51488,10 +51491,10 @@ var init_dist_ts27 = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/plugins.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/plugins.js
 var isounique3, lit;
 var init_plugins3 = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/plugins.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/plugins.js"() {
     isounique3 = __toESM(require_dist_ts(), 1);
     init_dist_ts2();
     init_lit();
@@ -51506,10 +51509,10 @@ var init_plugins3 = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/classes.cssmanager.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/classes.cssmanager.js
 var CssManager;
 var init_classes_cssmanager = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/classes.cssmanager.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/classes.cssmanager.js"() {
     init_lit();
     init_plugins3();
     init_dist_ts27();
@@ -51543,21 +51546,42 @@ var init_classes_cssmanager = __esm({
       get defaultStyles() {
         return domtools_elementbasic_exports.staticStyles;
       }
-      cssForDesktop(contentArg) {
+      getContainerNameFromClass(elementClass) {
+        return elementClass.is || elementClass.name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      }
+      cssForDesktop(contentArg, elementClass) {
+        if (elementClass) {
+          return r(domtools_css_breakpoints_exports.cssForContainer(contentArg, `(min-width: ${domtools_css_breakpoints_exports.desktop}px)`, this.getContainerNameFromClass(elementClass)));
+        }
         return r(domtools_css_breakpoints_exports.cssForDesktop(contentArg));
       }
-      cssForNotebook(contentArg) {
+      cssForNotebook(contentArg, elementClass) {
+        if (elementClass) {
+          return r(domtools_css_breakpoints_exports.cssForContainer(contentArg, `(max-width: ${domtools_css_breakpoints_exports.notebook}px)`, this.getContainerNameFromClass(elementClass)));
+        }
         return r(domtools_css_breakpoints_exports.cssForNotebook(contentArg));
       }
-      cssForTablet(contentArg) {
+      cssForTablet(contentArg, elementClass) {
+        if (elementClass) {
+          return r(domtools_css_breakpoints_exports.cssForContainer(contentArg, `(max-width: ${domtools_css_breakpoints_exports.tablet}px)`, this.getContainerNameFromClass(elementClass)));
+        }
         return r(domtools_css_breakpoints_exports.cssForTablet(contentArg));
       }
-      cssForPhablet(contentArg) {
+      cssForPhablet(contentArg, elementClass) {
+        if (elementClass) {
+          return r(domtools_css_breakpoints_exports.cssForContainer(contentArg, `(max-width: ${domtools_css_breakpoints_exports.phablet}px)`, this.getContainerNameFromClass(elementClass)));
+        }
         return r(domtools_css_breakpoints_exports.cssForPhablet(contentArg));
       }
-      cssForPhone(contentArg) {
+      cssForPhone(contentArg, elementClass) {
+        if (elementClass) {
+          return r(domtools_css_breakpoints_exports.cssForContainer(contentArg, `(max-width: ${domtools_css_breakpoints_exports.phone}px)`, this.getContainerNameFromClass(elementClass)));
+        }
         return r(domtools_css_breakpoints_exports.cssForPhone(contentArg));
       }
+      cssForConstraint(constraints) {
+        return (contentArg) => r(domtools_css_breakpoints_exports.cssForConstraint(constraints)(contentArg));
+      }
       bdTheme(brightValueArg, darkValueArg) {
         let returnCssVar;
         let defaultValue;
@@ -51837,11 +51861,12 @@ var init_decorators = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/classes.dees-element.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/classes.dees-element.js
 var __esDecorate2, __runInitializers3, DeesElement;
 var init_classes_dees_element = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/classes.dees-element.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/classes.dees-element.js"() {
     init_plugins3();
+    init_lit();
     __esDecorate2 = function(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
       function accept(f7) {
         if (f7 !== void 0 && typeof f7 !== "function") throw new TypeError("Function expected");
@@ -51902,6 +51927,13 @@ var init_classes_dees_element = __esm({
           } }, metadata: _metadata }, _domtools_initializers, _domtools_extraInitializers);
           if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        // STATIC — component-level constraint helper (use in `static styles = [...]`)
+        static getContainerName() {
+          return this.is || this.name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+        }
+        static cssForConstraint(constraints) {
+          return (cssArg) => dist_ts_exports27.breakpoints.cssForConstraintContainer(constraints, this.getContainerName())(cssArg);
+        }
         #goBright_accessor_storage = __runInitializers3(this, _goBright_initializers, false);
         // INSTANCE
         get goBright() {
@@ -51973,6 +52005,28 @@ var init_classes_dees_element = __esm({
   }
 });
 
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/decorators.containerresponsive.js
+function containerResponsive() {
+  return function(target) {
+    const tagName = target.is || target.name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+    const containerStyles = domtools_css_breakpoints_exports.containerContextStyles(tagName);
+    const original = target.styles;
+    if (Array.isArray(original)) {
+      target.styles = [...original, containerStyles];
+    } else if (original) {
+      target.styles = [original, containerStyles];
+    } else {
+      target.styles = [containerStyles];
+    }
+    return target;
+  };
+}
+var init_decorators_containerresponsive = __esm({
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/decorators.containerresponsive.js"() {
+    init_dist_ts27();
+  }
+});
+
 // node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directive-helpers.js
 var t6, i7, n8, e9, l4, d3, c5, f4, r8, s6, v3, u4, m3, p5, M2, h3, j2;
 var init_directive_helpers = __esm({
@@ -52076,10 +52130,10 @@ var init_async_directive2 = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/classes.resolvedirective.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/classes.resolvedirective.js
 var ResolveDirective, resolve, resolveExec;
 var init_classes_resolvedirective = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/classes.resolvedirective.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/classes.resolvedirective.js"() {
     init_lit();
     init_async_directive2();
     ResolveDirective = class extends f5 {
@@ -52124,10 +52178,10 @@ var init_classes_resolvedirective = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribedirective.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribedirective.js
 var SubscribeDirective, subscribe;
 var init_classes_subscribedirective = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribedirective.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribedirective.js"() {
     init_lit();
     init_async_directive2();
     init_dist_ts2();
@@ -52160,10 +52214,10 @@ var init_classes_subscribedirective = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribewithtemplate.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribewithtemplate.js
 var SubscribeWithTemplateDirective, subscribeWithTemplate;
 var init_classes_subscribewithtemplate = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribewithtemplate.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/classes.subscribewithtemplate.js"() {
     init_lit();
     init_async_directive2();
     init_dist_ts2();
@@ -52462,7 +52516,7 @@ var init_repeat3 = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/index.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/index.js
 var directives_exports = {};
 __export(directives_exports, {
   asyncAppend: () => c8,
@@ -52475,7 +52529,7 @@ __export(directives_exports, {
   until: () => m4
 });
 var init_directives = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/directives/index.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/directives/index.js"() {
     init_classes_resolvedirective();
     init_classes_subscribedirective();
     init_classes_subscribewithtemplate();
@@ -52486,10 +52540,10 @@ var init_directives = __esm({
   }
 });
 
-// node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/index.js
+// node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/index.js
 var cssManager;
 var init_dist_ts28 = __esm({
-  "node_modules/.pnpm/@design.estate+dees-element@2.1.6/node_modules/@design.estate/dees-element/dist_ts/index.js"() {
+  "node_modules/.pnpm/@design.estate+dees-element@2.2.1/node_modules/@design.estate/dees-element/dist_ts/index.js"() {
     init_classes_cssmanager();
     init_lit();
     init_static_html();
@@ -52498,6 +52552,7 @@ var init_dist_ts28 = __esm({
     init_decorators();
     init_dist_ts27();
     init_classes_dees_element();
+    init_decorators_containerresponsive();
     init_directives();
     cssManager = CssManager.getSingleton();
   }
@@ -52628,6 +52683,854 @@ var init_theme = __esm({
   }
 });
 
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.colors.js
+var init_domtools_colors2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.colors.js"() {
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.plugins.js
+var import_sweet_scroll3, lik2;
+var init_domtools_plugins2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.plugins.js"() {
+    init_dist_ts18();
+    init_dist_ts17();
+    init_dist_ts3();
+    init_dist_ts12();
+    init_dist_ts19();
+    init_dist_ts();
+    init_dist_ts20();
+    init_dist_ts2();
+    init_dist_ts21();
+    init_dist_ts11();
+    init_dist_ts22();
+    init_dist_ts16();
+    init_dist_ts26();
+    init_dist_ts15();
+    init_classes_objectmap();
+    init_classes_stringmap();
+    init_classes_fastmap();
+    init_lenis();
+    import_sweet_scroll3 = __toESM(require_sweet_scroll(), 1);
+    lik2 = {
+      ObjectMap,
+      Stringmap,
+      FastMap
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.breakpoints.js
+var domtools_css_breakpoints_exports2 = {};
+__export(domtools_css_breakpoints_exports2, {
+  cssForDesktop: () => cssForDesktop2,
+  cssForNotebook: () => cssForNotebook2,
+  cssForPhablet: () => cssForPhablet2,
+  cssForPhone: () => cssForPhone2,
+  cssForTablet: () => cssForTablet2,
+  desktop: () => desktop2,
+  notebook: () => notebook2,
+  phablet: () => phablet2,
+  phone: () => phone2,
+  tablet: () => tablet2
+});
+var desktop2, notebook2, tablet2, phablet2, phone2, cssForDesktop2, cssForNotebook2, cssForTablet2, cssForPhablet2, cssForPhone2;
+var init_domtools_css_breakpoints2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.breakpoints.js"() {
+    init_domtools_classes_domtools2();
+    init_lit();
+    desktop2 = 1600;
+    notebook2 = 1240;
+    tablet2 = 1024;
+    phablet2 = 600;
+    phone2 = 400;
+    cssForDesktop2 = (cssArg) => {
+      return r(`
+    @container wccToolsViewport (min-width: ${desktop2}px) {
+      ${cssArg.cssText}
+    }
+    @media (min-width: ${desktop2}px) {
+      ${cssArg.cssText}
+    }
+  `);
+    };
+    cssForNotebook2 = (cssArg) => {
+      return r(`
+    @container wccToolsViewport (max-width: ${notebook2}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${notebook2}px) {
+      ${cssArg.cssText}
+    }
+  `);
+    };
+    cssForTablet2 = (cssArg) => {
+      return r(`
+    @container wccToolsViewport (max-width: ${tablet2}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${tablet2}px) {
+      ${cssArg.cssText}
+    }
+  `);
+    };
+    cssForPhablet2 = (cssArg) => {
+      return r(`
+    @container wccToolsViewport (max-width: ${phablet2}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${phablet2}px) {
+      ${cssArg.cssText}
+    }
+  `);
+    };
+    cssForPhone2 = (cssArg) => {
+      return r(`
+    @container wccToolsViewport (max-width: ${phone2}px) {
+      ${cssArg.cssText}
+    }
+    @media (max-width: ${phone2}px) {
+      ${cssArg.cssText}
+    }
+  `);
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.scroller.js
+var Scroller2;
+var init_domtools_classes_scroller2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.scroller.js"() {
+    init_domtools_plugins2();
+    Scroller2 = class {
+      domtoolsInstance;
+      // Array to store scroll callback functions.
+      scrollCallbacks = [];
+      // Lenis instance (if activated) or null.
+      lenisInstance = null;
+      // Bound handlers to allow removal from event listeners.
+      handleNativeScroll = (event) => {
+        this.executeScrollCallbacks();
+      };
+      handleLenisScroll = (info) => {
+        this.executeScrollCallbacks();
+      };
+      constructor(domtoolsInstanceArg) {
+        this.domtoolsInstance = domtoolsInstanceArg;
+        this.attachNativeScrollListener();
+      }
+      sweetScroller = new import_sweet_scroll3.default({});
+      /**
+       * Scrolls to a given element with options.
+       */
+      async toElement(elementArg, optionsArg) {
+        this.sweetScroller.toElement(elementArg, optionsArg);
+        await dist_ts_exports3.delayFor(optionsArg.duration);
+      }
+      /**
+       * Detects whether native smooth scrolling is enabled.
+       */
+      async detectNativeSmoothScroll() {
+        const done = dist_ts_exports.defer();
+        const sampleSize = 100;
+        const acceptableDeltaDifference = 3;
+        const minimumSmoothRatio = 0.75;
+        const eventDeltas = [];
+        function onWheel(event) {
+          eventDeltas.push(event.deltaY);
+          if (eventDeltas.length >= sampleSize) {
+            window.removeEventListener("wheel", onWheel);
+            analyzeEvents();
+          }
+        }
+        function analyzeEvents() {
+          const totalDiffs = eventDeltas.length - 1;
+          let smallDiffCount = 0;
+          for (let i11 = 0; i11 < totalDiffs; i11++) {
+            const diff = Math.abs(eventDeltas[i11 + 1] - eventDeltas[i11]);
+            if (diff <= acceptableDeltaDifference) {
+              smallDiffCount++;
+            }
+          }
+          const smoothRatio = smallDiffCount / totalDiffs;
+          if (smoothRatio >= minimumSmoothRatio) {
+            console.log("Smooth scrolling detected.");
+            done.resolve(true);
+          } else {
+            console.log("Smooth scrolling NOT detected.");
+            done.resolve(false);
+          }
+        }
+        window.addEventListener("wheel", onWheel);
+        return done.promise;
+      }
+      /**
+       * Enables Lenis scrolling.
+       * If optionsArg.disableOnNativeSmoothScroll is true and native smooth scrolling is detected,
+       * Lenis will be destroyed immediately.
+       */
+      async enableLenisScroll(optionsArg) {
+        const lenis = new Lenis({
+          autoRaf: true
+        });
+        if (optionsArg?.disableOnNativeSmoothScroll) {
+          if (await this.detectNativeSmoothScroll()) {
+            lenis.destroy();
+            return;
+          }
+        }
+        this.lenisInstance = lenis;
+        this.detachNativeScrollListener();
+        this.attachLenisScrollListener();
+        const originalDestroy = lenis.destroy.bind(lenis);
+        lenis.destroy = () => {
+          originalDestroy();
+          this.detachLenisScrollListener();
+          this.attachNativeScrollListener();
+          this.lenisInstance = null;
+        };
+      }
+      /**
+       * Registers a callback to be executed on scroll.
+       * @param callback A function to execute on each scroll event.
+       */
+      onScroll(callback) {
+        this.scrollCallbacks.push(callback);
+      }
+      /**
+       * Executes all registered scroll callbacks concurrently.
+       */
+      executeScrollCallbacks() {
+        this.scrollCallbacks.forEach((callback) => {
+          try {
+            callback();
+          } catch (error) {
+            console.error("Error in scroll callback:", error);
+          }
+        });
+      }
+      /**
+       * Attaches the native scroll event listener.
+       */
+      attachNativeScrollListener() {
+        window.addEventListener("scroll", this.handleNativeScroll);
+      }
+      /**
+       * Detaches the native scroll event listener.
+       */
+      detachNativeScrollListener() {
+        window.removeEventListener("scroll", this.handleNativeScroll);
+      }
+      /**
+       * Attaches the Lenis scroll event listener.
+       */
+      attachLenisScrollListener() {
+        if (this.lenisInstance) {
+          this.lenisInstance.on("scroll", this.handleLenisScroll);
+        }
+      }
+      /**
+       * Detaches the Lenis scroll event listener.
+       */
+      detachLenisScrollListener() {
+        if (this.lenisInstance) {
+          this.lenisInstance.off("scroll", this.handleLenisScroll);
+        }
+      }
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.thememanager.js
+var ThemeManager2;
+var init_domtools_classes_thememanager2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.thememanager.js"() {
+    init_domtools_classes_domtools2();
+    init_domtools_plugins2();
+    ThemeManager2 = class {
+      domtoolsRef;
+      goBrightBoolean = false;
+      preferredColorSchemeMediaMatch = window.matchMedia("(prefers-color-scheme: light)");
+      themeObservable = new dist_ts_exports2.rxjs.ReplaySubject(1);
+      constructor(domtoolsRefArg) {
+        this.domtoolsRef = domtoolsRefArg;
+        this.goBrightBoolean = this.preferredColorSchemeMediaMatch.matches;
+        this.preferredColorSchemeMediaMatch.addEventListener("change", (eventArg) => {
+          this.goBrightBoolean = eventArg.matches;
+          this.updateAllConnectedElements();
+        });
+        this.updateAllConnectedElements();
+      }
+      async enableAutomaticGlobalThemeChange() {
+        if (document.body && document.body.style) {
+          this.themeObservable.subscribe({
+            next: (goBright) => {
+              document.body.style.background = goBright ? "#fff" : "#000";
+            }
+          });
+        }
+      }
+      async updateAllConnectedElements() {
+        this.themeObservable.next(this.goBrightBoolean);
+      }
+      /**
+       * set the theme of the website to bright
+       */
+      goBright() {
+        this.goBrightBoolean = true;
+        this.updateAllConnectedElements();
+      }
+      /**
+       * set the theme of the website to dark
+       */
+      goDark() {
+        this.goBrightBoolean = false;
+        this.updateAllConnectedElements();
+      }
+      /**
+       * simply toggle between bright and dark
+       */
+      toggleDarkBright() {
+        this.goBrightBoolean = !this.goBrightBoolean;
+        this.updateAllConnectedElements();
+      }
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.keyboard.js
+var Key2, Keyboard2;
+var init_domtools_classes_keyboard2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.keyboard.js"() {
+    init_domtools_plugins2();
+    (function(Key4) {
+      Key4[Key4["Backspace"] = 8] = "Backspace";
+      Key4[Key4["Tab"] = 9] = "Tab";
+      Key4[Key4["Enter"] = 13] = "Enter";
+      Key4[Key4["Shift"] = 16] = "Shift";
+      Key4[Key4["Ctrl"] = 17] = "Ctrl";
+      Key4[Key4["Alt"] = 18] = "Alt";
+      Key4[Key4["PauseBreak"] = 19] = "PauseBreak";
+      Key4[Key4["CapsLock"] = 20] = "CapsLock";
+      Key4[Key4["Escape"] = 27] = "Escape";
+      Key4[Key4["Space"] = 32] = "Space";
+      Key4[Key4["PageUp"] = 33] = "PageUp";
+      Key4[Key4["PageDown"] = 34] = "PageDown";
+      Key4[Key4["End"] = 35] = "End";
+      Key4[Key4["Home"] = 36] = "Home";
+      Key4[Key4["LeftArrow"] = 37] = "LeftArrow";
+      Key4[Key4["UpArrow"] = 38] = "UpArrow";
+      Key4[Key4["RightArrow"] = 39] = "RightArrow";
+      Key4[Key4["DownArrow"] = 40] = "DownArrow";
+      Key4[Key4["Insert"] = 45] = "Insert";
+      Key4[Key4["Delete"] = 46] = "Delete";
+      Key4[Key4["Zero"] = 48] = "Zero";
+      Key4[Key4["ClosedParen"] = 48] = "ClosedParen";
+      Key4[Key4["One"] = 49] = "One";
+      Key4[Key4["ExclamationMark"] = 49] = "ExclamationMark";
+      Key4[Key4["Two"] = 50] = "Two";
+      Key4[Key4["AtSign"] = 50] = "AtSign";
+      Key4[Key4["Three"] = 51] = "Three";
+      Key4[Key4["PoundSign"] = 51] = "PoundSign";
+      Key4[Key4["Hash"] = 51] = "Hash";
+      Key4[Key4["Four"] = 52] = "Four";
+      Key4[Key4["DollarSign"] = 52] = "DollarSign";
+      Key4[Key4["Five"] = 53] = "Five";
+      Key4[Key4["PercentSign"] = 53] = "PercentSign";
+      Key4[Key4["Six"] = 54] = "Six";
+      Key4[Key4["Caret"] = 54] = "Caret";
+      Key4[Key4["Hat"] = 54] = "Hat";
+      Key4[Key4["Seven"] = 55] = "Seven";
+      Key4[Key4["Ampersand"] = 55] = "Ampersand";
+      Key4[Key4["Eight"] = 56] = "Eight";
+      Key4[Key4["Star"] = 56] = "Star";
+      Key4[Key4["Asterik"] = 56] = "Asterik";
+      Key4[Key4["Nine"] = 57] = "Nine";
+      Key4[Key4["OpenParen"] = 57] = "OpenParen";
+      Key4[Key4["A"] = 65] = "A";
+      Key4[Key4["B"] = 66] = "B";
+      Key4[Key4["C"] = 67] = "C";
+      Key4[Key4["D"] = 68] = "D";
+      Key4[Key4["E"] = 69] = "E";
+      Key4[Key4["F"] = 70] = "F";
+      Key4[Key4["G"] = 71] = "G";
+      Key4[Key4["H"] = 72] = "H";
+      Key4[Key4["I"] = 73] = "I";
+      Key4[Key4["J"] = 74] = "J";
+      Key4[Key4["K"] = 75] = "K";
+      Key4[Key4["L"] = 76] = "L";
+      Key4[Key4["M"] = 77] = "M";
+      Key4[Key4["N"] = 78] = "N";
+      Key4[Key4["O"] = 79] = "O";
+      Key4[Key4["P"] = 80] = "P";
+      Key4[Key4["Q"] = 81] = "Q";
+      Key4[Key4["R"] = 82] = "R";
+      Key4[Key4["S"] = 83] = "S";
+      Key4[Key4["T"] = 84] = "T";
+      Key4[Key4["U"] = 85] = "U";
+      Key4[Key4["V"] = 86] = "V";
+      Key4[Key4["W"] = 87] = "W";
+      Key4[Key4["X"] = 88] = "X";
+      Key4[Key4["Y"] = 89] = "Y";
+      Key4[Key4["Z"] = 90] = "Z";
+      Key4[Key4["LeftWindowKey"] = 91] = "LeftWindowKey";
+      Key4[Key4["RightWindowKey"] = 92] = "RightWindowKey";
+      Key4[Key4["SelectKey"] = 93] = "SelectKey";
+      Key4[Key4["Numpad0"] = 96] = "Numpad0";
+      Key4[Key4["Numpad1"] = 97] = "Numpad1";
+      Key4[Key4["Numpad2"] = 98] = "Numpad2";
+      Key4[Key4["Numpad3"] = 99] = "Numpad3";
+      Key4[Key4["Numpad4"] = 100] = "Numpad4";
+      Key4[Key4["Numpad5"] = 101] = "Numpad5";
+      Key4[Key4["Numpad6"] = 102] = "Numpad6";
+      Key4[Key4["Numpad7"] = 103] = "Numpad7";
+      Key4[Key4["Numpad8"] = 104] = "Numpad8";
+      Key4[Key4["Numpad9"] = 105] = "Numpad9";
+      Key4[Key4["Multiply"] = 106] = "Multiply";
+      Key4[Key4["Add"] = 107] = "Add";
+      Key4[Key4["Subtract"] = 109] = "Subtract";
+      Key4[Key4["DecimalPoint"] = 110] = "DecimalPoint";
+      Key4[Key4["Divide"] = 111] = "Divide";
+      Key4[Key4["F1"] = 112] = "F1";
+      Key4[Key4["F2"] = 113] = "F2";
+      Key4[Key4["F3"] = 114] = "F3";
+      Key4[Key4["F4"] = 115] = "F4";
+      Key4[Key4["F5"] = 116] = "F5";
+      Key4[Key4["F6"] = 117] = "F6";
+      Key4[Key4["F7"] = 118] = "F7";
+      Key4[Key4["F8"] = 119] = "F8";
+      Key4[Key4["F9"] = 120] = "F9";
+      Key4[Key4["F10"] = 121] = "F10";
+      Key4[Key4["F11"] = 122] = "F11";
+      Key4[Key4["F12"] = 123] = "F12";
+      Key4[Key4["NumLock"] = 144] = "NumLock";
+      Key4[Key4["ScrollLock"] = 145] = "ScrollLock";
+      Key4[Key4["SemiColon"] = 186] = "SemiColon";
+      Key4[Key4["Equals"] = 187] = "Equals";
+      Key4[Key4["Comma"] = 188] = "Comma";
+      Key4[Key4["Dash"] = 189] = "Dash";
+      Key4[Key4["Period"] = 190] = "Period";
+      Key4[Key4["UnderScore"] = 189] = "UnderScore";
+      Key4[Key4["PlusSign"] = 187] = "PlusSign";
+      Key4[Key4["ForwardSlash"] = 191] = "ForwardSlash";
+      Key4[Key4["Tilde"] = 192] = "Tilde";
+      Key4[Key4["GraveAccent"] = 192] = "GraveAccent";
+      Key4[Key4["OpenBracket"] = 219] = "OpenBracket";
+      Key4[Key4["ClosedBracket"] = 221] = "ClosedBracket";
+      Key4[Key4["Quote"] = 222] = "Quote";
+    })(Key2 || (Key2 = {}));
+    Keyboard2 = class {
+      domNode;
+      mapCombosToHandlers = /* @__PURE__ */ new Map();
+      pressedKeys = /* @__PURE__ */ new Set();
+      constructor(domNode) {
+        this.domNode = domNode;
+        this.startListening();
+      }
+      keyEnum = Key2;
+      on(keys2) {
+        const subject = new dist_ts_exports2.rxjs.Subject();
+        this.registerKeys(keys2, subject);
+        return subject;
+      }
+      triggerKeyPress(keysArg) {
+        for (const key2 of keysArg) {
+          this.pressedKeys.add(key2);
+        }
+        this.checkMatchingKeyboardSubjects();
+        for (const key2 of keysArg) {
+          this.pressedKeys.delete(key2);
+        }
+      }
+      startListening() {
+        this.domNode.addEventListener("keydown", this.handleKeyDown);
+        this.domNode.addEventListener("keyup", this.handleKeyUp);
+      }
+      stopListening() {
+        this.domNode.removeEventListener("keydown", this.handleKeyDown);
+        this.domNode.removeEventListener("keyup", this.handleKeyUp);
+      }
+      clear() {
+        this.stopListening();
+        this.mapCombosToHandlers.clear();
+        this.pressedKeys.clear();
+      }
+      handleKeyDown = (event) => {
+        this.pressedKeys.add(event.keyCode);
+        this.checkMatchingKeyboardSubjects(event);
+      };
+      checkMatchingKeyboardSubjects(payloadArg) {
+        this.mapCombosToHandlers.forEach((subjectArg, keysArg) => {
+          if (this.areAllKeysPressed(keysArg)) {
+            subjectArg.next(payloadArg);
+          }
+        });
+      }
+      handleKeyUp = (event) => {
+        this.pressedKeys.delete(event.keyCode);
+      };
+      areAllKeysPressed(keysArg) {
+        let result = true;
+        keysArg.forEach((key2) => {
+          if (!this.pressedKeys.has(key2)) {
+            result = false;
+          }
+        });
+        return result;
+      }
+      registerKeys(keysArg, subjectArg) {
+        if (!this.mapCombosToHandlers.has(keysArg)) {
+          this.mapCombosToHandlers.set(keysArg, subjectArg);
+        } else {
+          const subject = this.mapCombosToHandlers.get(keysArg);
+          return subject;
+        }
+      }
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.domtools.js
+var DomTools2;
+var init_domtools_classes_domtools2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.classes.domtools.js"() {
+    init_domtools_plugins2();
+    init_domtools_css_breakpoints2();
+    init_domtools_classes_scroller2();
+    init_dist_ts26();
+    init_domtools_classes_thememanager2();
+    init_domtools_classes_keyboard2();
+    DomTools2 = class _DomTools {
+      // ======
+      // STATIC
+      // ======
+      static initializationPromise = null;
+      /**
+       * setups domtools
+       */
+      static async setupDomTools(optionsArg = {}) {
+        if (!optionsArg.ignoreGlobal && _DomTools.initializationPromise) {
+          return await _DomTools.initializationPromise;
+        }
+        if (!optionsArg.ignoreGlobal) {
+          _DomTools.initializationPromise = (async () => {
+            let domToolsInstance;
+            if (!globalThis.deesDomTools) {
+              globalThis.deesDomTools = new _DomTools(optionsArg);
+              domToolsInstance = globalThis.deesDomTools;
+              const readyStateChangedFunc = () => {
+                if (document.readyState === "interactive" || document.readyState === "complete") {
+                  domToolsInstance.elements.headElement = document.querySelector("head");
+                  domToolsInstance.elements.bodyElement = document.querySelector("body");
+                  domToolsInstance.keyboard = new Keyboard2(document.body);
+                  domToolsInstance.domReady.resolve();
+                }
+              };
+              if (document.readyState === "interactive" || document.readyState === "complete") {
+                readyStateChangedFunc();
+              } else {
+                document.addEventListener("readystatechange", readyStateChangedFunc);
+              }
+              domToolsInstance.domToolsReady.resolve();
+            } else {
+              domToolsInstance = globalThis.deesDomTools;
+            }
+            await domToolsInstance.domToolsReady.promise;
+            return domToolsInstance;
+          })();
+          return await _DomTools.initializationPromise;
+        } else {
+          const domToolsInstance = new _DomTools(optionsArg);
+          return domToolsInstance;
+        }
+      }
+      /**
+       * if you can, use the static asysnc .setupDomTools() function instead since it is safer to use.
+       */
+      static getGlobalDomToolsSync() {
+        const globalDomTools = globalThis.deesDomTools;
+        if (!globalDomTools) {
+          throw new Error("You tried to access domtools synchronously too early");
+        }
+        return globalThis.deesDomTools;
+      }
+      // ========
+      // INSTANCE
+      // ========
+      // elements
+      elements = {
+        headElement: null,
+        bodyElement: null
+      };
+      websetup = new WebSetup({
+        metaObject: {
+          title: ""
+        }
+      });
+      smartstate = new dist_ts_exports21.Smartstate();
+      domToolsStatePart = this.smartstate.getStatePart("domtools", {
+        virtualViewport: "native",
+        jwt: null
+      });
+      router = new dist_ts_exports20.SmartRouter({
+        debug: false
+      });
+      convenience = {
+        typedrequest: dist_ts_exports17,
+        smartdelay: dist_ts_exports3,
+        smartjson: dist_ts_exports12,
+        smarturl: dist_ts_exports22
+      };
+      deesComms = new dist_ts_exports18.DeesComms();
+      scroller = new Scroller2(this);
+      themeManager = new ThemeManager2(this);
+      keyboard = null;
+      // Initialized after DOM ready to avoid accessing document.body before it exists
+      domToolsReady = dist_ts_exports.defer();
+      domReady = dist_ts_exports.defer();
+      globalStylesReady = dist_ts_exports.defer();
+      constructor(optionsArg) {
+      }
+      runOnceTrackerStringMap = new lik2.Stringmap();
+      runOnceResultMap = new lik2.FastMap();
+      runOnceErrorMap = new lik2.FastMap();
+      /**
+       * run a function once and always get the Promise of the first execution
+       * @param identifierArg the indentifier arg identifies functions. functions with the same identifier are considered equal
+       * @param funcArg the actual func arg to run
+       */
+      async runOnce(identifierArg, funcArg) {
+        const runningId = `${identifierArg}+runningCheck`;
+        if (!this.runOnceTrackerStringMap.checkString(identifierArg)) {
+          this.runOnceTrackerStringMap.addString(identifierArg);
+          this.runOnceTrackerStringMap.addString(runningId);
+          try {
+            const result = await funcArg();
+            this.runOnceResultMap.addToMap(identifierArg, result);
+          } catch (error) {
+            this.runOnceErrorMap.addToMap(identifierArg, error);
+          } finally {
+            this.runOnceTrackerStringMap.removeString(runningId);
+          }
+        }
+        return await this.runOnceTrackerStringMap.registerUntilTrue((stringMap) => {
+          return !stringMap.includes(runningId);
+        }, () => {
+          const error = this.runOnceErrorMap.getByKey(identifierArg);
+          if (error) {
+            throw error;
+          }
+          return this.runOnceResultMap.getByKey(identifierArg);
+        });
+      }
+      // setStuff
+      /**
+       * allows to set global styles
+       * @param stylesText the css text you want to set
+       */
+      async setGlobalStyles(stylesText) {
+        await this.domReady.promise;
+        const styleElement = document.createElement("style");
+        styleElement.type = "text/css";
+        styleElement.appendChild(document.createTextNode(stylesText));
+        this.elements.headElement.appendChild(styleElement);
+      }
+      /**
+       * allows to set global styles
+       * @param stylesText the css text you want to set
+       */
+      async setExternalScript(scriptLinkArg) {
+        await this.domReady.promise;
+        const done = dist_ts_exports.defer();
+        const script = document.createElement("script");
+        script.src = scriptLinkArg;
+        script.addEventListener("load", function() {
+          done.resolve();
+        });
+        const parentNode = document.head || document.body;
+        parentNode.append(script);
+        await done.promise;
+      }
+      /**
+       * allows setting external css files
+       * @param cssLinkArg a url to an external stylesheet
+       */
+      async setExternalCss(cssLinkArg) {
+        const cssTag = document.createElement("link");
+        cssTag.rel = "stylesheet";
+        cssTag.crossOrigin = "anonymous";
+        cssTag.href = cssLinkArg;
+        document.head.append(cssTag);
+      }
+      /**
+       * allows setting of website infos
+       * @param optionsArg the website info
+       */
+      async setWebsiteInfo(optionsArg) {
+        await this.websetup.setup(optionsArg);
+        await this.websetup.readyPromise;
+      }
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.basestyles.js
+var scrollBarStyles2, globalBaseStyles2;
+var init_domtools_css_basestyles2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.basestyles.js"() {
+    init_domtools_classes_domtools2();
+    init_lit();
+    scrollBarStyles2 = (() => {
+      const returnStylesOld = navigator.userAgent.indexOf("Mac OS X") === -1 ? i``.cssText : ``;
+      const returnStyles = i`
+    /* width */
+    ::-webkit-scrollbar {
+      width: 0px;
+    }
+    body {
+      scrollbar-width: none;
+    }
+  `.cssText;
+      return returnStyles;
+    })();
+    globalBaseStyles2 = i`
+  /*
+  @font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
+      format('woff2');
+  } */
+
+  /* global body styles */
+  body {
+    margin: 0px;
+    font-family: 'Geist Sans', 'Inter', sans-serif;
+    box-sizing: border-box;
+  }
+
+  /* scroll bar styles */
+  ${r(scrollBarStyles2)}
+`.cssText;
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.elementbasic.js
+var domtools_elementbasic_exports2 = {};
+__export(domtools_elementbasic_exports2, {
+  setup: () => setup2,
+  staticStyles: () => staticStyles2,
+  styles: () => styles2
+});
+var staticStyles2, styles2, setup2;
+var init_domtools_elementbasic2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.elementbasic.js"() {
+    init_domtools_plugins2();
+    init_domtools_classes_domtools2();
+    init_domtools_css_basestyles2();
+    init_lit();
+    staticStyles2 = i`
+  * {
+    transition: background 0.1s, color 0.1s;
+    box-sizing: border-box;
+  }
+
+  :host {
+    box-sizing: border-box;
+    font-family: 'Geist Sans', 'Inter', sans-serif;
+  }
+
+  ${r(scrollBarStyles2)}
+`;
+    styles2 = b2`
+  <style>
+    * {
+      transition: background 0.1s, color 0.1s;
+      box-sizing: border-box;
+    }
+
+    :host {
+      font-family: 'Geist Sans', 'Inter', sans-serif;
+    }
+
+    ${scrollBarStyles2}
+  </style>
+`;
+    setup2 = async (elementArg, optionsArg = {}) => {
+      const domTools = await DomTools2.setupDomTools(optionsArg);
+      if (elementArg) {
+      }
+      domTools.runOnce("elementBasicSetup", async () => {
+        domTools.setGlobalStyles(globalBaseStyles2);
+      });
+      return domTools;
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.js
+var domtools_css_exports2 = {};
+__export(domtools_css_exports2, {
+  cssGridColumns: () => cssGridColumns2
+});
+var cssGridColumns2;
+var init_domtools_css2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.css.js"() {
+    cssGridColumns2 = (amountOfColumnsArg, gapSizeArg) => {
+      let returnString = ``;
+      for (let i11 = 0; i11 < amountOfColumnsArg; i11++) {
+        returnString += ` calc((100%/${amountOfColumnsArg}) - (${gapSizeArg * (amountOfColumnsArg - 1)}px/${amountOfColumnsArg}))`;
+      }
+      return returnString;
+    };
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.pluginexports.js
+var domtools_pluginexports_exports2 = {};
+__export(domtools_pluginexports_exports2, {
+  SweetScroll: () => import_sweet_scroll4.default,
+  smartdelay: () => dist_ts_exports3,
+  smartmarkdown: () => dist_ts_exports19,
+  smartpromise: () => dist_ts_exports,
+  smartrouter: () => dist_ts_exports20,
+  smartrx: () => dist_ts_exports2,
+  smartstate: () => dist_ts_exports21,
+  smartstring: () => dist_ts_exports11,
+  smarturl: () => dist_ts_exports22,
+  typedrequest: () => dist_ts_exports17
+});
+var import_sweet_scroll4;
+var init_domtools_pluginexports2 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/domtools.pluginexports.js"() {
+    init_dist_ts3();
+    init_dist_ts19();
+    init_dist_ts();
+    import_sweet_scroll4 = __toESM(require_sweet_scroll(), 1);
+    init_dist_ts21();
+    init_dist_ts20();
+    init_dist_ts2();
+    init_dist_ts11();
+    init_dist_ts22();
+    init_dist_ts17();
+  }
+});
+
+// node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/index.js
+var init_dist_ts29 = __esm({
+  "node_modules/.pnpm/@design.estate+dees-domtools@2.3.9/node_modules/@design.estate/dees-domtools/dist_ts/index.js"() {
+    init_domtools_colors2();
+    init_domtools_elementbasic2();
+    init_domtools_css_breakpoints2();
+    init_domtools_css2();
+    init_domtools_classes_domtools2();
+    init_dist_ts17();
+    init_dist_ts26();
+    init_domtools_pluginexports2();
+  }
+});
+
 // node_modules/.pnpm/@fortawesome+fontawesome-svg-core@7.2.0/node_modules/@fortawesome/fontawesome-svg-core/index.mjs
 function _arrayLikeToArray(r11, a5) {
   (null == a5 || a5 > r11.length) && (a5 = r11.length);
@@ -52935,9 +53838,9 @@ function joinAttributes(attributes) {
     return acc + "".concat(attributeName, '="').concat(htmlEscape(attributes[attributeName]), '" ');
   }, "").trim();
 }
-function joinStyles(styles3) {
-  return Object.keys(styles3 || {}).reduce(function(acc, styleName) {
-    return acc + "".concat(styleName, ": ").concat(styles3[styleName].trim(), ";");
+function joinStyles(styles4) {
+  return Object.keys(styles4 || {}).reduce(function(acc, styleName) {
+    return acc + "".concat(styleName, ": ").concat(styles4[styleName].trim(), ";");
   }, "");
 }
 function transformIsMeaningful(transform2) {
@@ -53161,7 +54064,7 @@ function getCanonicalIcon(values) {
   return _objectSpread2(_objectSpread2(_objectSpread2({}, canonical), getDefaultCanonicalPrefix({
     values,
     family,
-    styles: styles2,
+    styles: styles3,
     config: config2,
     canonical,
     givenPrefix
@@ -53179,7 +54082,7 @@ function applyShimAndAlias(skipLookups, givenPrefix, canonical) {
   var aliasIconName = byAlias(prefix4, iconName);
   iconName = shim.iconName || aliasIconName || iconName;
   prefix4 = shim.prefix || prefix4;
-  if (prefix4 === "far" && !styles2["far"] && styles2["fas"] && !config2.autoFetchSvg) {
+  if (prefix4 === "far" && !styles3["far"] && styles3["fas"] && !config2.autoFetchSvg) {
     prefix4 = "fas";
   }
   return {
@@ -53188,7 +54091,7 @@ function applyShimAndAlias(skipLookups, givenPrefix, canonical) {
   };
 }
 function getDefaultCanonicalPrefix(prefixOptions) {
-  var values = prefixOptions.values, family = prefixOptions.family, canonical = prefixOptions.canonical, _prefixOptions$givenP = prefixOptions.givenPrefix, givenPrefix = _prefixOptions$givenP === void 0 ? "" : _prefixOptions$givenP, _prefixOptions$styles = prefixOptions.styles, styles3 = _prefixOptions$styles === void 0 ? {} : _prefixOptions$styles, _prefixOptions$config = prefixOptions.config, config$$1 = _prefixOptions$config === void 0 ? {} : _prefixOptions$config;
+  var values = prefixOptions.values, family = prefixOptions.family, canonical = prefixOptions.canonical, _prefixOptions$givenP = prefixOptions.givenPrefix, givenPrefix = _prefixOptions$givenP === void 0 ? "" : _prefixOptions$givenP, _prefixOptions$styles = prefixOptions.styles, styles4 = _prefixOptions$styles === void 0 ? {} : _prefixOptions$styles, _prefixOptions$config = prefixOptions.config, config$$1 = _prefixOptions$config === void 0 ? {} : _prefixOptions$config;
   var isDuotoneFamily = family === t8;
   var valuesHasDuotone = values.includes("fa-duotone") || values.includes("fad");
   var defaultFamilyIsDuotone = config$$1.familyDefault === "duotone";
@@ -53200,7 +54103,7 @@ function getDefaultCanonicalPrefix(prefixOptions) {
     canonical.prefix = "fab";
   }
   if (!canonical.prefix && newCanonicalFamilies.includes(family)) {
-    var validPrefix = Object.keys(styles3).find(function(key2) {
+    var validPrefix = Object.keys(styles4).find(function(key2) {
       return newCanonicalStyles.includes(key2);
     });
     if (validPrefix || config$$1.autoFetchSvg) {
@@ -53310,14 +54213,14 @@ function domVariants(val, abstractCreator) {
   return val;
 }
 function asIcon(_ref2) {
-  var children2 = _ref2.children, main = _ref2.main, mask = _ref2.mask, attributes = _ref2.attributes, styles3 = _ref2.styles, transform2 = _ref2.transform;
+  var children2 = _ref2.children, main = _ref2.main, mask = _ref2.mask, attributes = _ref2.attributes, styles4 = _ref2.styles, transform2 = _ref2.transform;
   if (transformIsMeaningful(transform2) && main.found && !mask.found) {
     var width = main.width, height = main.height;
     var offset = {
       x: width / height / 2,
       y: 0.5
     };
-    attributes["style"] = joinStyles(_objectSpread2(_objectSpread2({}, styles3), {}, {
+    attributes["style"] = joinStyles(_objectSpread2(_objectSpread2({}, styles4), {}, {
       "transform-origin": "".concat(offset.x + transform2.x / 16, "em ").concat(offset.y + transform2.y / 16, "em")
     }));
   }
@@ -53407,17 +54310,17 @@ function makeLayersTextAbstract(params2) {
   if (watchable) {
     attributes[DATA_FA_I2SVG] = "";
   }
-  var styles3 = _objectSpread2({}, extra.styles);
+  var styles4 = _objectSpread2({}, extra.styles);
   if (transformIsMeaningful(transform2)) {
-    styles3["transform"] = transformForCss({
+    styles4["transform"] = transformForCss({
       transform: transform2,
       startCentered: true,
       width,
       height
     });
-    styles3["-webkit-transform"] = styles3["transform"];
+    styles4["-webkit-transform"] = styles4["transform"];
   }
-  var styleString = joinStyles(styles3);
+  var styleString = joinStyles(styles4);
   if (styleString.length > 0) {
     attributes["style"] = styleString;
   }
@@ -53639,9 +54542,9 @@ function styleParser(node2) {
   var val = [];
   if (style) {
     val = style.split(";").reduce(function(acc, style2) {
-      var styles3 = style2.split(":");
-      var prop = styles3[0];
-      var value2 = styles3.slice(1);
+      var styles4 = style2.split(":");
+      var prop = styles4[0];
+      var value2 = styles4.slice(1);
       if (prop && value2.length > 0) {
         acc[prop] = value2.join(":").trim();
       }
@@ -53828,9 +54731,9 @@ function hexValueFromContent(content3) {
   var cleaned = content3.replace(CLEAN_CONTENT_PATTERN, "");
   return toHex(_toConsumableArray(cleaned)[0] || "");
 }
-function isSecondaryLayer(styles3) {
-  var hasStylisticSet = styles3.getPropertyValue("font-feature-settings").includes("ss01");
-  var content3 = styles3.getPropertyValue("content");
+function isSecondaryLayer(styles4) {
+  var hasStylisticSet = styles4.getPropertyValue("font-feature-settings").includes("ss01");
+  var content3 = styles4.getPropertyValue("content");
   var cleaned = content3.replace(CLEAN_CONTENT_PATTERN, "");
   var codePoint = cleaned.codePointAt(0);
   var isPrependTen = codePoint >= SECONDARY_UNICODE_RANGE[0] && codePoint <= SECONDARY_UNICODE_RANGE[1];
@@ -53853,20 +54756,20 @@ function replaceForPosition(node2, position3) {
     var alreadyProcessedPseudoElement = children2.filter(function(c$$1) {
       return c$$1.getAttribute(DATA_FA_PSEUDO_ELEMENT) === position3;
     })[0];
-    var styles3 = WINDOW.getComputedStyle(node2, position3);
-    var fontFamily = styles3.getPropertyValue("font-family");
+    var styles4 = WINDOW.getComputedStyle(node2, position3);
+    var fontFamily = styles4.getPropertyValue("font-family");
     var fontFamilyMatch = fontFamily.match(FONT_FAMILY_PATTERN);
-    var fontWeight = styles3.getPropertyValue("font-weight");
-    var content3 = styles3.getPropertyValue("content");
+    var fontWeight = styles4.getPropertyValue("font-weight");
+    var content3 = styles4.getPropertyValue("content");
     if (alreadyProcessedPseudoElement && !fontFamilyMatch) {
       node2.removeChild(alreadyProcessedPseudoElement);
       return resolve2();
     } else if (fontFamilyMatch && content3 !== "none" && content3 !== "") {
-      var _content4 = styles3.getPropertyValue("content");
+      var _content4 = styles4.getPropertyValue("content");
       var prefix4 = getPrefix(fontFamily, fontWeight);
       var hexValue = hexValueFromContent(_content4);
       var isV4 = fontFamilyMatch[0].startsWith("FontAwesome");
-      var isSecondary = isSecondaryLayer(styles3);
+      var isSecondary = isSecondaryLayer(styles4);
       var iconName = byUnicode(prefix4, hexValue);
       var iconIdentifier = iconName;
       if (isV4) {
@@ -54005,7 +54908,7 @@ function deGroup(abstract) {
     return [abstract];
   }
 }
-var noop2, _WINDOW, _DOCUMENT, _MUTATION_OBSERVER, _PERFORMANCE, _ref, _ref$userAgent, userAgent, WINDOW, DOCUMENT, MUTATION_OBSERVER, PERFORMANCE, IS_BROWSER, IS_DOM, IS_IE, _ht, G, M3, Q, X, Z2, i10, t8, d4, l5, f6, h7, n11, g3, o12, u6, m5, e10, y3, p6, s9, w3, a4, x3, b4, c10, I2, F, v4, S3, A3, P3, j3, B2, N2, k3, D3, T3, C3, W2, K2, R3, L2, U, dt2, ht, yt, Kt, Et, Mt, Ht, Qt, Xt, J, r10, E3, _3, ll, sl, hl, nl, ml, _wt, t$1, f$1, h$1, o$1, n$1, s$1, u$1, g$1, y$1, m$1, a$1, p$1, w$1, e$1, b$1, c$1, r$1, x$1, i$1, I$1, F$1, v$1, S$1, A$1, P$1, j$1, B$1, N$1, k$1, D$1, C$1, T$1, L$1, W$1, R$1, K$1, U$1, J$1, E$1, _$1, wt$1, G$1, d$1, M$1, O2, dl$1, Hl, Y$1, Xl, V$1, lo, $3, z$1, q$1, H$1, so, fo, NAMESPACE_IDENTIFIER, UNITS_IN_GRID, DEFAULT_CSS_PREFIX, DEFAULT_REPLACEMENT_CLASS, DATA_FA_I2SVG, DATA_FA_PSEUDO_ELEMENT, DATA_FA_PSEUDO_ELEMENT_PENDING, DATA_PREFIX, DATA_ICON, HTML_CLASS_I2SVG_BASE_CLASS, MUTATION_APPROACH_ASYNC, TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS, PSEUDO_ELEMENTS, PRODUCTION, _PREFIX_TO_STYLE, PREFIX_TO_STYLE, _STYLE_TO_PREFIX, STYLE_TO_PREFIX, _PREFIX_TO_LONG_STYLE, PREFIX_TO_LONG_STYLE, _LONG_STYLE_TO_PREFIX, LONG_STYLE_TO_PREFIX, ICON_SELECTION_SYNTAX_PATTERN, LAYERS_TEXT_CLASSNAME, FONT_FAMILY_PATTERN, _FONT_WEIGHT_TO_PREFIX, FONT_WEIGHT_TO_PREFIX, ATTRIBUTES_WATCHED_FOR_MUTATION, DUOTONE_CLASSES, RESERVED_CLASSES, initial, _default, _config, config2, _onChangeCb, d$2, meaninglessTransform, idPool, baseStyles, _cssInserted, InjectCSS, w$2, namespace, functions, _listener, loaded, bindInternal4, reduce3, MONO, DUO, modernMatches, legacyMatches, styles2, shims, FAMILY_NAMES, PREFIXES_FOR_FAMILY, _defaultUsablePrefix, _byUnicode, _byLigature, _byOldName, _byOldUnicode, _byAlias, build, emptyCanonicalIcon, _faCombinedClasses, newCanonicalFamilies, newCanonicalStyles, Library, _plugins, _hooks, providers, defaultProviderKeys, library, noAuto, dom, parse9, api, autoReplace, styles$1, missingIconResolutionMixin, noop$1, p$2, preamble, begin, end, perf, noop$2, mutators, disabled, mo, styles$2, render, ReplaceElements, Layers, LayersCounter, LayersText, CLEAN_CONTENT_PATTERN, SECONDARY_UNICODE_RANGE, _FONT_FAMILY_WEIGHT_TO_PREFIX, FONT_FAMILY_WEIGHT_TO_PREFIX, FONT_FAMILY_WEIGHT_FALLBACK, hasPseudoElement, parseCSSRuleForPseudos, PseudoElements, _unwatched, MutationObserver$1, parseTransformString, PowerTransforms, ALL_SPACE, Masks, MissingIconIndicator, SvgSymbols, plugins2, noAuto$1, config$1, library$1, dom$1, parse$1, findIconDefinition$1, toHtml$1, icon2, layer, text8, counter, attrs;
+var noop2, _WINDOW, _DOCUMENT, _MUTATION_OBSERVER, _PERFORMANCE, _ref, _ref$userAgent, userAgent, WINDOW, DOCUMENT, MUTATION_OBSERVER, PERFORMANCE, IS_BROWSER, IS_DOM, IS_IE, _ht, G, M3, Q, X, Z2, i10, t8, d4, l5, f6, h7, n11, g3, o12, u6, m5, e10, y3, p6, s9, w3, a4, x3, b4, c10, I2, F, v4, S3, A3, P3, j3, B2, N2, k3, D3, T3, C3, W2, K2, R3, L2, U, dt2, ht, yt, Kt, Et, Mt, Ht, Qt, Xt, J, r10, E3, _3, ll, sl, hl, nl, ml, _wt, t$1, f$1, h$1, o$1, n$1, s$1, u$1, g$1, y$1, m$1, a$1, p$1, w$1, e$1, b$1, c$1, r$1, x$1, i$1, I$1, F$1, v$1, S$1, A$1, P$1, j$1, B$1, N$1, k$1, D$1, C$1, T$1, L$1, W$1, R$1, K$1, U$1, J$1, E$1, _$1, wt$1, G$1, d$1, M$1, O2, dl$1, Hl, Y$1, Xl, V$1, lo, $3, z$1, q$1, H$1, so, fo, NAMESPACE_IDENTIFIER, UNITS_IN_GRID, DEFAULT_CSS_PREFIX, DEFAULT_REPLACEMENT_CLASS, DATA_FA_I2SVG, DATA_FA_PSEUDO_ELEMENT, DATA_FA_PSEUDO_ELEMENT_PENDING, DATA_PREFIX, DATA_ICON, HTML_CLASS_I2SVG_BASE_CLASS, MUTATION_APPROACH_ASYNC, TAGNAMES_TO_SKIP_FOR_PSEUDOELEMENTS, PSEUDO_ELEMENTS, PRODUCTION, _PREFIX_TO_STYLE, PREFIX_TO_STYLE, _STYLE_TO_PREFIX, STYLE_TO_PREFIX, _PREFIX_TO_LONG_STYLE, PREFIX_TO_LONG_STYLE, _LONG_STYLE_TO_PREFIX, LONG_STYLE_TO_PREFIX, ICON_SELECTION_SYNTAX_PATTERN, LAYERS_TEXT_CLASSNAME, FONT_FAMILY_PATTERN, _FONT_WEIGHT_TO_PREFIX, FONT_WEIGHT_TO_PREFIX, ATTRIBUTES_WATCHED_FOR_MUTATION, DUOTONE_CLASSES, RESERVED_CLASSES, initial, _default, _config, config2, _onChangeCb, d$2, meaninglessTransform, idPool, baseStyles, _cssInserted, InjectCSS, w$2, namespace, functions, _listener, loaded, bindInternal4, reduce3, MONO, DUO, modernMatches, legacyMatches, styles3, shims, FAMILY_NAMES, PREFIXES_FOR_FAMILY, _defaultUsablePrefix, _byUnicode, _byLigature, _byOldName, _byOldUnicode, _byAlias, build, emptyCanonicalIcon, _faCombinedClasses, newCanonicalFamilies, newCanonicalStyles, Library, _plugins, _hooks, providers, defaultProviderKeys, library, noAuto, dom, parse9, api, autoReplace, styles$1, missingIconResolutionMixin, noop$1, p$2, preamble, begin, end, perf, noop$2, mutators, disabled, mo, styles$2, render, ReplaceElements, Layers, LayersCounter, LayersText, CLEAN_CONTENT_PATTERN, SECONDARY_UNICODE_RANGE, _FONT_FAMILY_WEIGHT_TO_PREFIX, FONT_FAMILY_WEIGHT_TO_PREFIX, FONT_FAMILY_WEIGHT_FALLBACK, hasPseudoElement, parseCSSRuleForPseudos, PseudoElements, _unwatched, MutationObserver$1, parseTransformString, PowerTransforms, ALL_SPACE, Masks, MissingIconIndicator, SvgSymbols, plugins2, noAuto$1, config$1, library$1, dom$1, parse$1, findIconDefinition$1, toHtml$1, icon2, layer, text8, counter, attrs;
 var init_fontawesome_svg_core = __esm({
   "node_modules/.pnpm/@fortawesome+fontawesome-svg-core@7.2.0/node_modules/@fortawesome/fontawesome-svg-core/index.mjs"() {
     noop2 = function noop3() {
@@ -54969,7 +55872,7 @@ var init_fontawesome_svg_core = __esm({
       attr1: 1,
       d1: 2
     })]];
-    styles2 = namespace.styles, shims = namespace.shims;
+    styles3 = namespace.styles, shims = namespace.shims;
     FAMILY_NAMES = Object.keys(PREFIX_TO_LONG_STYLE);
     PREFIXES_FOR_FAMILY = FAMILY_NAMES.reduce(function(acc, familyId) {
       acc[familyId] = Object.keys(PREFIX_TO_LONG_STYLE[familyId]);
@@ -54983,7 +55886,7 @@ var init_fontawesome_svg_core = __esm({
     _byAlias = {};
     build = function build2() {
       var lookup = function lookup2(reducer) {
-        return reduce3(styles2, function(o$$1, style, prefix4) {
+        return reduce3(styles3, function(o$$1, style, prefix4) {
           o$$1[prefix4] = reduce3(style, reducer, {});
           return o$$1;
         }, {});
@@ -55022,7 +55925,7 @@ var init_fontawesome_svg_core = __esm({
         });
         return acc;
       });
-      var hasRegular = "far" in styles2 || config2.autoFetchSvg;
+      var hasRegular = "far" in styles3 || config2.autoFetchSvg;
       var shimLookups = reduce3(shims, function(acc, shim) {
         var maybeNameMaybeUnicode = shim[0];
         var prefix4 = shim[1];
@@ -55296,7 +56199,7 @@ var init_fontawesome_svg_core = __esm({
     styles$2 = namespace.styles;
     render = function render2(iconDefinition) {
       var params2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-      var _params$transform = params2.transform, transform2 = _params$transform === void 0 ? meaninglessTransform : _params$transform, _params$symbol = params2.symbol, symbol = _params$symbol === void 0 ? false : _params$symbol, _params$mask = params2.mask, mask = _params$mask === void 0 ? null : _params$mask, _params$maskId = params2.maskId, maskId = _params$maskId === void 0 ? null : _params$maskId, _params$classes = params2.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params2.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params2.styles, styles3 = _params$styles === void 0 ? {} : _params$styles;
+      var _params$transform = params2.transform, transform2 = _params$transform === void 0 ? meaninglessTransform : _params$transform, _params$symbol = params2.symbol, symbol = _params$symbol === void 0 ? false : _params$symbol, _params$mask = params2.mask, mask = _params$mask === void 0 ? null : _params$mask, _params$maskId = params2.maskId, maskId = _params$maskId === void 0 ? null : _params$maskId, _params$classes = params2.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params2.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params2.styles, styles4 = _params$styles === void 0 ? {} : _params$styles;
       if (!iconDefinition) return;
       var prefix4 = iconDefinition.prefix, iconName = iconDefinition.iconName, icon3 = iconDefinition.icon;
       return domVariants(_objectSpread2({
@@ -55323,7 +56226,7 @@ var init_fontawesome_svg_core = __esm({
           maskId,
           extra: {
             attributes,
-            styles: styles3,
+            styles: styles4,
             classes
           }
         });
@@ -55377,8 +56280,8 @@ var init_fontawesome_svg_core = __esm({
           });
         };
         providers$$1.generateAbstractIcon = function(_ref3) {
-          var children2 = _ref3.children, attributes = _ref3.attributes, main = _ref3.main, transform2 = _ref3.transform, styles3 = _ref3.styles;
-          var styleString = joinStyles(styles3);
+          var children2 = _ref3.children, attributes = _ref3.attributes, main = _ref3.main, transform2 = _ref3.transform, styles4 = _ref3.styles;
+          var styleString = joinStyles(styles4);
           if (styleString.length > 0) {
             attributes["style"] = styleString;
           }
@@ -55435,7 +56338,7 @@ var init_fontawesome_svg_core = __esm({
         return {
           counter: function counter2(content3) {
             var params2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-            var _params$title = params2.title, title = _params$title === void 0 ? null : _params$title, _params$classes = params2.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params2.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params2.styles, styles3 = _params$styles === void 0 ? {} : _params$styles;
+            var _params$title = params2.title, title = _params$title === void 0 ? null : _params$title, _params$classes = params2.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params2.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params2.styles, styles4 = _params$styles === void 0 ? {} : _params$styles;
             return domVariants({
               type: "counter",
               content: content3
@@ -55449,7 +56352,7 @@ var init_fontawesome_svg_core = __esm({
                 title,
                 extra: {
                   attributes,
-                  styles: styles3,
+                  styles: styles4,
                   classes: ["".concat(config2.cssPrefix, "-layers-counter")].concat(_toConsumableArray(classes))
                 }
               });
@@ -55463,7 +56366,7 @@ var init_fontawesome_svg_core = __esm({
         return {
           text: function text9(content3) {
             var params2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-            var _params$transform = params2.transform, transform2 = _params$transform === void 0 ? meaninglessTransform : _params$transform, _params$classes = params2.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params2.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params2.styles, styles3 = _params$styles === void 0 ? {} : _params$styles;
+            var _params$transform = params2.transform, transform2 = _params$transform === void 0 ? meaninglessTransform : _params$transform, _params$classes = params2.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params2.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params2.styles, styles4 = _params$styles === void 0 ? {} : _params$styles;
             return domVariants({
               type: "text",
               content: content3
@@ -55477,7 +56380,7 @@ var init_fontawesome_svg_core = __esm({
                 transform: _objectSpread2(_objectSpread2({}, meaninglessTransform), transform2),
                 extra: {
                   attributes,
-                  styles: styles3,
+                  styles: styles4,
                   classes: ["".concat(config2.cssPrefix, "-layers-text")].concat(_toConsumableArray(classes))
                 }
               });
@@ -83106,10 +84009,10 @@ var init_key_round = __esm({
 });
 
 // node_modules/.pnpm/lucide@0.577.0/node_modules/lucide/dist/esm/icons/key.js
-var Key2;
+var Key3;
 var init_key = __esm({
   "node_modules/.pnpm/lucide@0.577.0/node_modules/lucide/dist/esm/icons/key.js"() {
-    Key2 = [
+    Key3 = [
       ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }],
       ["path", { d: "m21 2-9.6 9.6" }],
       ["circle", { cx: "7.5", cy: "15.5", r: "5.5" }]
@@ -83137,10 +84040,10 @@ var init_keyboard_off = __esm({
 });
 
 // node_modules/.pnpm/lucide@0.577.0/node_modules/lucide/dist/esm/icons/keyboard.js
-var Keyboard2;
+var Keyboard3;
 var init_keyboard = __esm({
   "node_modules/.pnpm/lucide@0.577.0/node_modules/lucide/dist/esm/icons/keyboard.js"() {
-    Keyboard2 = [
+    Keyboard3 = [
       ["path", { d: "M10 8h.01" }],
       ["path", { d: "M12 12h.01" }],
       ["path", { d: "M14 8h.01" }],
@@ -96846,10 +97749,10 @@ __export(iconsAndAliases_exports, {
   KanbanSquare: () => SquareKanban,
   KanbanSquareDashed: () => SquareDashedKanban,
   Kayak: () => Kayak,
-  Key: () => Key2,
+  Key: () => Key3,
   KeyRound: () => KeyRound,
   KeySquare: () => KeySquare,
-  Keyboard: () => Keyboard2,
+  Keyboard: () => Keyboard3,
   KeyboardMusic: () => KeyboardMusic,
   KeyboardOff: () => KeyboardOff,
   Lamp: () => Lamp,
@@ -100505,10 +101408,10 @@ __export(lucide_exports, {
   KanbanSquare: () => SquareKanban,
   KanbanSquareDashed: () => SquareDashedKanban,
   Kayak: () => Kayak,
-  Key: () => Key2,
+  Key: () => Key3,
   KeyRound: () => KeyRound,
   KeySquare: () => KeySquare,
-  Keyboard: () => Keyboard2,
+  Keyboard: () => Keyboard3,
   KeyboardMusic: () => KeyboardMusic,
   KeyboardOff: () => KeyboardOff,
   Lamp: () => Lamp,
@@ -103533,7 +104436,7 @@ var _strokeWidth_dec, _color_dec, _iconSize_dec, _icon_dec, _iconFA_dec, _a2, _D
 var init_dees_icon = __esm({
   "ts_web/elements/00group-utility/dees-icon/dees-icon.ts"() {
     init_dist_ts28();
-    init_dist_ts27();
+    init_dist_ts29();
     init_theme();
     init_fontawesome_svg_core();
     init_free_brands_svg_icons();
@@ -103635,7 +104538,7 @@ var init_dees_icon = __esm({
         __publicField(this, "lastIconSize", null);
         __publicField(this, "lastColor", null);
         __publicField(this, "lastStrokeWidth", null);
-        domtools_elementbasic_exports.setup();
+        domtools_elementbasic_exports2.setup();
       }
       /**
        * Gets the effective icon value, supporting both the new `icon` property
@@ -103713,7 +104616,7 @@ var init_dees_icon = __esm({
       }
       render() {
         return b2`
-      ${domtools_elementbasic_exports.styles}
+      ${domtools_elementbasic_exports2.styles}
       <style>
         #iconContainer {
           width: ${this.iconSize}px;
@@ -106419,7 +107322,7 @@ var _activeTabId_dec, _tabs_dec6, _showTabBar_dec, _tabBarWidth_dec, _environmen
 var init_dees_workspace_terminal = __esm({
   "ts_web/elements/00group-workspace/dees-workspace-terminal/dees-workspace-terminal.ts"() {
     init_dist_ts28();
-    init_dist_ts27();
+    init_dist_ts29();
     init_theme();
     init_group_runtime();
     init_dees_icon();
@@ -106449,7 +107352,7 @@ var init_dees_workspace_terminal = __esm({
          * Promise that resolves when the environment is ready.
          * @deprecated Use executionEnvironment directly
          */
-        __publicField(this, "environmentDeferred", new domtools_pluginexports_exports.smartpromise.Deferred());
+        __publicField(this, "environmentDeferred", new domtools_pluginexports_exports2.smartpromise.Deferred());
         __publicField(this, "environmentPromise", this.environmentDeferred.promise);
         this.tabManager = new TerminalTabManager();
         this.resizeObserver = new ResizeObserver(() => {
@@ -107760,7 +108663,7 @@ var DeesWindowLayer = _DeesWindowLayer;
 
 // ts_web/elements/00group-overlay/dees-contextmenu/dees-contextmenu.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_dees_icon();
 init_theme();
 var _menuItems_dec, _a3, _DeesContextmenu_decorators, _init3, _menuItems;
@@ -107849,7 +108752,7 @@ var _DeesContextmenu = class _DeesContextmenu extends (_a3 = DeesElement, _menuI
       }
     });
     document.body.append(contextMenu);
-    await domtools_pluginexports_exports.smartdelay.delayFor(0);
+    await domtools_pluginexports_exports2.smartdelay.delayFor(0);
     const rect = contextMenu.getBoundingClientRect();
     const windowWidth = window.innerWidth;
     const windowHeight = window.innerHeight;
@@ -107866,7 +108769,7 @@ var _DeesContextmenu = class _DeesContextmenu extends (_a3 = DeesElement, _menuI
     contextMenu.style.top = `${top}px`;
     contextMenu.style.left = `${left}px`;
     contextMenu.style.transformOrigin = "top left";
-    await domtools_pluginexports_exports.smartdelay.delayFor(0);
+    await domtools_pluginexports_exports2.smartdelay.delayFor(0);
     contextMenu.style.opacity = "1";
     contextMenu.style.transform = "scale(1) translateY(0)";
   }
@@ -107953,7 +108856,7 @@ var _DeesContextmenu = class _DeesContextmenu extends (_a3 = DeesElement, _menuI
     this.submenu.style.opacity = "0";
     this.submenu.style.transform = "scale(0.95)";
     document.body.append(this.submenu);
-    await domtools_pluginexports_exports.smartdelay.delayFor(0);
+    await domtools_pluginexports_exports2.smartdelay.delayFor(0);
     const itemRect = menuItemElement.getBoundingClientRect();
     const menuRect = this.getBoundingClientRect();
     const submenuRect = this.submenu.getBoundingClientRect();
@@ -107968,7 +108871,7 @@ var _DeesContextmenu = class _DeesContextmenu extends (_a3 = DeesElement, _menuI
     }
     this.submenu.style.left = `${left}px`;
     this.submenu.style.top = `${top}px`;
-    await domtools_pluginexports_exports.smartdelay.delayFor(0);
+    await domtools_pluginexports_exports2.smartdelay.delayFor(0);
     this.submenu.style.opacity = "1";
     this.submenu.style.transform = "scale(1)";
     this.submenu.addEventListener("mouseenter", () => {
@@ -108004,7 +108907,7 @@ var _DeesContextmenu = class _DeesContextmenu extends (_a3 = DeesElement, _menuI
     }
     this.style.opacity = "0";
     this.style.transform = "scale(0.95) translateY(-10px)";
-    await domtools_pluginexports_exports.smartdelay.delayFor(100);
+    await domtools_pluginexports_exports2.smartdelay.delayFor(100);
     if (this.parentElement) {
       this.parentElement.removeChild(this);
     }
@@ -108266,7 +109169,7 @@ var demoFunc3 = () => {
 
 // ts_web/elements/00group-appui/dees-appui-activitylog/dees-appui-activitylog.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_dees_icon();
 init_theme();
 var _filterCriteria_dec, _searchQuery_dec, _entries_dec, _a4, _DeesAppuiActivitylog_decorators, _init4, _entries, _searchQuery, _filterCriteria;
@@ -108278,14 +109181,14 @@ var DeesAppuiActivitylog = class extends (_a4 = DeesElement, _entries_dec = [r5(
     __privateAdd(this, _searchQuery, __runInitializers(_init4, 12, this, "")), __runInitializers(_init4, 15, this);
     __privateAdd(this, _filterCriteria, __runInitializers(_init4, 16, this, {})), __runInitializers(_init4, 19, this);
     // RxJS Subject for reactive updates
-    __publicField(this, "entries$", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
+    __publicField(this, "entries$", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
   }
   // RENDER
   render() {
     const filteredEntries = this.getFilteredEntries();
     const groupedEntries = this.groupEntriesByDate(filteredEntries);
     return b2`
-      ${domtools_elementbasic_exports.styles}
+      ${domtools_elementbasic_exports2.styles}
       <style></style>
       <div class="maincontainer">
         <div class="topbar">
@@ -109781,7 +110684,7 @@ __runInitializers(_init6, 1, DeesAppuiProfileDropdown);
 
 // ts_web/elements/00group-appui/dees-appui-appbar/component.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_dees_icon();
 var _isProfileDropdownOpen_dec, _focusedDropdownItem_dec, _focusedItem_dec, _openDropdowns_dec, _activeMenu_dec, _activityLogActive_dec, _activityLogCount_dec, _showActivityLogToggle_dec, _showSearch_dec, _profileMenuItems_dec, _user_dec2, _showWindowControls_dec, _breadcrumbSeparator_dec, _breadcrumbs_dec, _menuItems_dec3, _a7, _DeesAppuiBar_decorators, _init7, _menuItems3, _breadcrumbs, _breadcrumbSeparator, _showWindowControls, _user2, _profileMenuItems, _showSearch, _showActivityLogToggle, _activityLogCount, _activityLogActive, _activeMenu, _openDropdowns, _focusedItem, _focusedDropdownItem, _isProfileDropdownOpen;
 _DeesAppuiBar_decorators = [t4("dees-appui-appbar")];
@@ -111707,7 +112610,7 @@ html\`
 
 // ts_web/elements/00group-input/dees-input-base/dees-input-base.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 var _description_dec, _disabled_dec, _required_dec, _label_dec, _key_dec, _labelPosition_dec, _layoutMode_dec, _a12, _init10, _layoutMode, _labelPosition, _key, _label, _required, _disabled, _description;
 var DeesInputBase = class extends (_a12 = DeesElement, _layoutMode_dec = [n5({ type: String })], _labelPosition_dec = [n5({ type: String })], _key_dec = [n5({ type: String })], _label_dec = [n5({ type: String })], _required_dec = [n5({ type: Boolean })], _disabled_dec = [n5({ type: Boolean })], _description_dec = [n5({ type: String })], _a12) {
   constructor() {
@@ -111722,7 +112625,7 @@ var DeesInputBase = class extends (_a12 = DeesElement, _layoutMode_dec = [n5({ t
     /**
      * Subject for value changes that all inputs should implement
      */
-    __publicField(this, "changeSubject", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
+    __publicField(this, "changeSubject", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
   }
   /**
    * Common styles for all input components
@@ -112717,7 +113620,7 @@ var demoFunc9 = () => b2`
 
 // ts_web/elements/00group-overlay/dees-modal/dees-modal.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_dees_icon();
 init_theme();
 var _modalZIndex_dec, _contentPadding_dec, _mobileFullscreen_dec, _onHelp_dec, _showHelpButton_dec, _showCloseButton_dec, _minWidth_dec, _maxWidth_dec, _width_dec, _menuOptions_dec, _content_dec, _heading_dec, _a14, _DeesModal_decorators, _init12, _heading, _content, _menuOptions, _width, _maxWidth, _minWidth, _showCloseButton, _showHelpButton, _onHelp, _mobileFullscreen, _contentPadding, _modalZIndex;
@@ -113184,7 +114087,7 @@ var MONACO_VERSION = "0.55.1";
 
 // ts_web/elements/00group-workspace/dees-workspace-monaco/dees-workspace-monaco.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _wordWrap_dec, _contentSubject_dec, _filePath_dec, _language_dec, _content_dec2, _a16, _DeesWorkspaceMonaco_decorators, _init14, _content2, _language, _filePath, _contentSubject, _wordWrap;
 _DeesWorkspaceMonaco_decorators = [t4("dees-workspace-monaco")];
@@ -113202,15 +114105,15 @@ var _DeesWorkspaceMonaco = class _DeesWorkspaceMonaco extends (_a16 = DeesElemen
   constructor() {
     super();
     // INSTANCE
-    __publicField(this, "editorDeferred", domtools_pluginexports_exports.smartpromise.defer());
+    __publicField(this, "editorDeferred", domtools_pluginexports_exports2.smartpromise.defer());
     __privateAdd(this, _content2, __runInitializers(_init14, 8, this, "function hello() {\n	alert('Hello world!');\n}")), __runInitializers(_init14, 11, this);
     __privateAdd(this, _language, __runInitializers(_init14, 12, this, "typescript")), __runInitializers(_init14, 15, this);
     __privateAdd(this, _filePath, __runInitializers(_init14, 16, this, "")), __runInitializers(_init14, 19, this);
-    __privateAdd(this, _contentSubject, __runInitializers(_init14, 20, this, new domtools_pluginexports_exports.smartrx.rxjs.Subject())), __runInitializers(_init14, 23, this);
+    __privateAdd(this, _contentSubject, __runInitializers(_init14, 20, this, new domtools_pluginexports_exports2.smartrx.rxjs.Subject())), __runInitializers(_init14, 23, this);
     __privateAdd(this, _wordWrap, __runInitializers(_init14, 24, this, "off")), __runInitializers(_init14, 27, this);
     __publicField(this, "monacoThemeSubscription", null);
     __publicField(this, "isUpdatingFromExternal", false);
-    DomTools.setupDomTools();
+    DomTools2.setupDomTools();
   }
   render() {
     return b2`
@@ -113224,7 +114127,7 @@ var _DeesWorkspaceMonaco = class _DeesWorkspaceMonaco extends (_a16 = DeesElemen
     const container = this.shadowRoot.getElementById("container");
     const monacoCdnBase = `https://cdn.jsdelivr.net/npm/monaco-editor@${MONACO_VERSION}`;
     if (!_DeesWorkspaceMonaco.monacoDeferred) {
-      _DeesWorkspaceMonaco.monacoDeferred = domtools_pluginexports_exports.smartpromise.defer();
+      _DeesWorkspaceMonaco.monacoDeferred = domtools_pluginexports_exports2.smartpromise.defer();
       const scriptUrl = `${monacoCdnBase}/min/vs/loader.js`;
       const script = document.createElement("script");
       script.src = scriptUrl;
@@ -117064,7 +117967,7 @@ var demoFunc14 = () => b2`
 
 // ts_web/elements/00group-input/dees-input-quantityselector/dees-input-quantityselector.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _value_dec5, _a21, _DeesInputQuantitySelector_decorators, _init19, _value5;
 _DeesInputQuantitySelector_decorators = [t4("dees-input-quantityselector")];
@@ -118250,7 +119153,7 @@ var demoFunc17 = () => b2`
 
 // ts_web/elements/00group-input/dees-input-dropdown/dees-input-dropdown.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _searchValue_dec, _isOpened_dec2, _highlightedIndex_dec, _filteredOptions_dec, _opensToTop_dec2, _enableSearch_dec, _selectedOption_dec2, _options_dec3, _a24, _DeesInputDropdown_decorators, _init22, _options3, _selectedOption2, _enableSearch, _opensToTop2, _filteredOptions, _highlightedIndex, _isOpened2, _searchValue;
 _DeesInputDropdown_decorators = [t4("dees-input-dropdown")];
@@ -121144,7 +122047,7 @@ var demoFunc19 = () => b2`
 
 // ts_web/elements/00group-input/dees-input-iban/dees-input-iban.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _value_dec7, _enteredIbanIsValid_dec, _enteredString_dec, _a26, _DeesInputIban_decorators, _init24, _enteredString, _enteredIbanIsValid, _value7;
 _DeesInputIban_decorators = [t4("dees-input-iban")];
@@ -121709,7 +122612,7 @@ var demoFunc21 = () => b2`
 
 // ts_web/elements/00group-input/dees-input-phone/dees-input-phone.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _placeholder_dec2, _value_dec8, _formattedPhone_dec, _a28, _DeesInputPhone_decorators, _init26, _formattedPhone, _value8, _placeholder2;
 _DeesInputPhone_decorators = [t4("dees-input-phone")];
@@ -122117,7 +123020,7 @@ var demoFunc22 = () => b2`
 
 // ts_web/elements/00group-input/dees-input-toggle/dees-input-toggle.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _value_dec9, _a29, _DeesInputToggle_decorators, _init27, _value9;
 _DeesInputToggle_decorators = [t4("dees-input-toggle")];
@@ -122196,7 +123099,7 @@ var DeesInputToggle = class extends (_a29 = DeesInputBase, _value_dec9 = [n5({ t
       await new Promise((r11) => setTimeout(r11, 10));
       this.currentX = this.maxTravel - 3;
       this.requestUpdate();
-      await domtools_pluginexports_exports.smartdelay.delayFor(150);
+      await domtools_pluginexports_exports2.smartdelay.delayFor(150);
       this.currentX = this.maxTravel;
       this.requestUpdate();
       return;
@@ -122213,7 +123116,7 @@ var DeesInputToggle = class extends (_a29 = DeesInputBase, _value_dec9 = [n5({ t
       })
     );
     this.changeSubject.next(this);
-    domtools_pluginexports_exports.smartdelay.delayFor(0).then(() => {
+    domtools_pluginexports_exports2.smartdelay.delayFor(0).then(() => {
       this.hasDragged = false;
     });
   }
@@ -122267,7 +123170,7 @@ var DeesInputToggle = class extends (_a29 = DeesInputBase, _value_dec9 = [n5({ t
       })
     );
     this.changeSubject.next(this);
-    domtools_pluginexports_exports.smartdelay.delayFor(0).then(() => {
+    domtools_pluginexports_exports2.smartdelay.delayFor(0).then(() => {
       this.hasDragged = false;
     });
   }
@@ -122571,7 +123474,7 @@ var demoFunc23 = () => b2`
 
 // ts_web/elements/00group-input/dees-input-typelist/dees-input-typelist.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _inputValue_dec, _value_dec10, _a30, _DeesInputTypelist_decorators, _init28, _value10, _inputValue;
 _DeesInputTypelist_decorators = [t4("dees-input-typelist")];
@@ -133097,17 +134000,17 @@ var _DeesWysiwygBlock = class _DeesWysiwygBlock extends (_a36 = DeesElement, _bl
   injectHandlerStyles() {
     if (this.handlerStylesInjected) return;
     this.handlerStylesInjected = true;
-    let styles3 = "";
+    let styles4 = "";
     const blockTypes = BlockRegistry.getAllTypes();
     for (const type5 of blockTypes) {
       const handler2 = BlockRegistry.getHandler(type5);
       if (handler2) {
-        styles3 += handler2.getStyles();
+        styles4 += handler2.getStyles();
       }
     }
-    if (styles3) {
+    if (styles4) {
       const styleElement = document.createElement("style");
-      styleElement.textContent = styles3;
+      styleElement.textContent = styles4;
       this.shadowRoot?.appendChild(styleElement);
     }
   }
@@ -136669,7 +137572,7 @@ function compileLucenePredicate(input, mode, columns) {
 
 // ts_web/elements/00group-dataview/dees-table/dees-table.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _selectedIds_dec, _selectionMode_dec, _searchMode_dec, _stickyHeader_dec, _showColumnFilters_dec, _columnFilters_dec, _filterText_dec, _sortDir_dec, _sortKey_dec, _showGrid_dec, _showHorizontalLines_dec, _showVerticalLines_dec, _editableFields_dec, _selectedDataRow_dec, _reverseDisplayFunction_dec, _displayFunction_dec, _augmentFromDisplayFunction_dec, _rowKey_dec, _columns_dec, _dataActions_dec, _searchable_dec, _dataName_dec, _required_dec3, _disabled_dec3, _label_dec3, _key_dec2, _data_dec, _heading2_dec, _heading1_dec, _a39, _DeesTable_decorators, _init36, _heading1, _heading2, _data, _key2, _label3, _disabled3, _required3, _dataName, _searchable, _dataActions, _columns, _rowKey, _augmentFromDisplayFunction, _displayFunction, _reverseDisplayFunction, _selectedDataRow, _editableFields, _showVerticalLines, _showHorizontalLines, _showGrid, _sortKey, _sortDir, _filterText, _columnFilters, _showColumnFilters, _stickyHeader, _searchMode, _selectionMode, _selectedIds;
 _DeesTable_decorators = [t4("dees-table")];
@@ -136724,7 +137627,7 @@ var DeesTable = class extends (_a39 = DeesElement, _heading1_dec = [n5({
     __privateAdd(this, _label3, __runInitializers(_init36, 24, this)), __runInitializers(_init36, 27, this);
     __privateAdd(this, _disabled3, __runInitializers(_init36, 28, this, false)), __runInitializers(_init36, 31, this);
     __privateAdd(this, _required3, __runInitializers(_init36, 32, this, false)), __runInitializers(_init36, 35, this);
-    __publicField(this, "changeSubject", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
+    __publicField(this, "changeSubject", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
     __privateAdd(this, _dataName, __runInitializers(_init36, 36, this)), __runInitializers(_init36, 39, this);
     __privateAdd(this, _searchable, __runInitializers(_init36, 40, this, true)), __runInitializers(_init36, 43, this);
     __privateAdd(this, _dataActions, __runInitializers(_init36, 44, this, [])), __runInitializers(_init36, 47, this);
@@ -136740,7 +137643,7 @@ var DeesTable = class extends (_a39 = DeesElement, _heading1_dec = [n5({
     __privateAdd(this, _showGrid, __runInitializers(_init36, 84, this, true)), __runInitializers(_init36, 87, this);
     __publicField(this, "files", []);
     __publicField(this, "fileWeakMap", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "dataChangeSubject", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
+    __publicField(this, "dataChangeSubject", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
     __privateAdd(this, _sortKey, __runInitializers(_init36, 88, this)), __runInitializers(_init36, 91, this);
     __privateAdd(this, _sortDir, __runInitializers(_init36, 92, this, null)), __runInitializers(_init36, 95, this);
     __privateAdd(this, _filterText, __runInitializers(_init36, 96, this, "")), __runInitializers(_init36, 99, this);
@@ -137683,7 +138586,7 @@ ${JSON.stringify(data, null, 2)}`;
 
 // ts_web/elements/00group-form/dees-form/dees-form.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 var _horizontalLayout_dec, _a40, _DeesForm_decorators, _init37, _horizontalLayout;
 var FORM_INPUT_TYPES = [
   DeesInputCheckbox,
@@ -137710,8 +138613,8 @@ var DeesForm = class extends (_a40 = DeesElement, _horizontalLayout_dec = [n5({
   constructor() {
     super(...arguments);
     __publicField(this, "name", "myform");
-    __publicField(this, "changeSubject", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
-    __publicField(this, "readyDeferred", domtools_pluginexports_exports.smartpromise.defer());
+    __publicField(this, "changeSubject", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
+    __publicField(this, "readyDeferred", domtools_pluginexports_exports2.smartpromise.defer());
     __privateAdd(this, _horizontalLayout, __runInitializers(_init37, 8, this, false)), __runInitializers(_init37, 11, this);
   }
   render() {
@@ -138324,7 +139227,7 @@ var demoFunc30 = () => b2`
 
 // ts_web/elements/00group-button/dees-button/dees-button.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _iconPosition_dec2, _icon_dec3, _insideForm_dec, _status_dec2, _size_dec3, _type_dec4, _isHidden_dec, _disabled_dec4, _eventDetailData_dec, _text_dec2, _a41, _DeesButton_decorators, _init38, _text2, _eventDetailData, _disabled4, _isHidden, _type4, _size3, _status2, _insideForm, _icon3, _iconPosition2;
 _DeesButton_decorators = [t4("dees-button")];
@@ -138741,8 +139644,8 @@ init_dist_ts28();
 init_dees_icon();
 init_theme();
 var _contextMenuActions_dec, _contextMenuPosition_dec, _contextMenuVisible_dec, _gridActions_dec, _gap_dec, _minTileWidth_dec, _tiles_dec, _a42, _DeesStatsGrid_decorators, _init39, _tiles, _minTileWidth, _gap, _gridActions, _contextMenuVisible, _contextMenuPosition, _contextMenuActions;
-_DeesStatsGrid_decorators = [t4("dees-statsgrid")];
-var DeesStatsGrid = class extends (_a42 = DeesElement, _tiles_dec = [n5({ type: Array })], _minTileWidth_dec = [n5({ type: Number })], _gap_dec = [n5({ type: Number })], _gridActions_dec = [n5({ type: Array })], _contextMenuVisible_dec = [r5()], _contextMenuPosition_dec = [r5()], _contextMenuActions_dec = [r5()], _a42) {
+_DeesStatsGrid_decorators = [containerResponsive(), t4("dees-statsgrid")];
+var _DeesStatsGrid = class _DeesStatsGrid extends (_a42 = DeesElement, _tiles_dec = [n5({ type: Array })], _minTileWidth_dec = [n5({ type: Number })], _gap_dec = [n5({ type: Number })], _gridActions_dec = [n5({ type: Array })], _contextMenuVisible_dec = [r5()], _contextMenuPosition_dec = [r5()], _contextMenuActions_dec = [r5()], _a42) {
   constructor() {
     super();
     __privateAdd(this, _tiles, __runInitializers(_init39, 8, this, [])), __runInitializers(_init39, 11, this);
@@ -139153,17 +140056,17 @@ _gridActions = new WeakMap();
 _contextMenuVisible = new WeakMap();
 _contextMenuPosition = new WeakMap();
 _contextMenuActions = new WeakMap();
-__decorateElement(_init39, 4, "tiles", _tiles_dec, DeesStatsGrid, _tiles);
-__decorateElement(_init39, 4, "minTileWidth", _minTileWidth_dec, DeesStatsGrid, _minTileWidth);
-__decorateElement(_init39, 4, "gap", _gap_dec, DeesStatsGrid, _gap);
-__decorateElement(_init39, 4, "gridActions", _gridActions_dec, DeesStatsGrid, _gridActions);
-__decorateElement(_init39, 4, "contextMenuVisible", _contextMenuVisible_dec, DeesStatsGrid, _contextMenuVisible);
-__decorateElement(_init39, 4, "contextMenuPosition", _contextMenuPosition_dec, DeesStatsGrid, _contextMenuPosition);
-__decorateElement(_init39, 4, "contextMenuActions", _contextMenuActions_dec, DeesStatsGrid, _contextMenuActions);
-DeesStatsGrid = __decorateElement(_init39, 0, "DeesStatsGrid", _DeesStatsGrid_decorators, DeesStatsGrid);
-__publicField(DeesStatsGrid, "demo", demoFunc7);
-__publicField(DeesStatsGrid, "demoGroups", ["Data View"]);
-__publicField(DeesStatsGrid, "styles", [
+__decorateElement(_init39, 4, "tiles", _tiles_dec, _DeesStatsGrid, _tiles);
+__decorateElement(_init39, 4, "minTileWidth", _minTileWidth_dec, _DeesStatsGrid, _minTileWidth);
+__decorateElement(_init39, 4, "gap", _gap_dec, _DeesStatsGrid, _gap);
+__decorateElement(_init39, 4, "gridActions", _gridActions_dec, _DeesStatsGrid, _gridActions);
+__decorateElement(_init39, 4, "contextMenuVisible", _contextMenuVisible_dec, _DeesStatsGrid, _contextMenuVisible);
+__decorateElement(_init39, 4, "contextMenuPosition", _contextMenuPosition_dec, _DeesStatsGrid, _contextMenuPosition);
+__decorateElement(_init39, 4, "contextMenuActions", _contextMenuActions_dec, _DeesStatsGrid, _contextMenuActions);
+_DeesStatsGrid = __decorateElement(_init39, 0, "DeesStatsGrid", _DeesStatsGrid_decorators, _DeesStatsGrid);
+__publicField(_DeesStatsGrid, "demo", demoFunc7);
+__publicField(_DeesStatsGrid, "demoGroups", ["Data View"]);
+__publicField(_DeesStatsGrid, "styles", [
   themeDefaultStyles,
   cssManager.defaultStyles,
   i`
@@ -139844,9 +140747,42 @@ __publicField(DeesStatsGrid, "styles", [
         position: fixed;
         z-index: 1000;
       }
-    `
+    `,
+  // Container-responsive: when this statsgrid is narrow
+  cssManager.cssForTablet(i`
+      .stats-grid {
+        grid-template-columns: repeat(3, 1fr);
+      }
+    `, _DeesStatsGrid),
+  cssManager.cssForPhablet(i`
+      :host {
+        --tile-padding: 12px;
+        --value-font-size: 22px;
+        --title-font-size: 12px;
+        --grid-gap: 8px;
+      }
+      .stats-grid {
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 8px;
+      }
+      .stats-tile {
+        grid-column: span 1 !important;
+      }
+    `, _DeesStatsGrid),
+  cssManager.cssForPhone(i`
+      :host {
+        --tile-padding: 10px;
+        --value-font-size: 20px;
+        --header-spacing: 8px;
+      }
+      .stats-grid {
+        grid-template-columns: 1fr;
+        gap: 6px;
+      }
+    `, _DeesStatsGrid)
 ]);
-__runInitializers(_init39, 1, DeesStatsGrid);
+__runInitializers(_init39, 1, _DeesStatsGrid);
+var DeesStatsGrid = _DeesStatsGrid;
 
 // ts_web/elements/00group-appui/dees-appui/dees-appui.demo.ts
 init_dist_ts28();
@@ -142914,7 +143850,7 @@ var demoFunc34 = () => {
 
 // ts_web/elements/00group-appui/dees-appui-tabs/dees-appui-tabs.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _canScrollRight_dec, _canScrollLeft_dec, _actionsRight_dec, _actionsLeft_dec, _autoHideThreshold_dec, _autoHide_dec2, _tabStyle_dec, _showTabIndicator_dec, _selectedTab_dec2, _tabs_dec4, _a47, _DeesAppuiTabs_decorators, _init48, _tabs4, _selectedTab2, _showTabIndicator, _tabStyle, _autoHide2, _autoHideThreshold, _actionsLeft, _actionsRight, _canScrollLeft, _canScrollRight;
 _DeesAppuiTabs_decorators = [t4("dees-appui-tabs")];
@@ -143548,7 +144484,7 @@ __runInitializers(_init48, 1, DeesAppuiTabs);
 
 // ts_web/elements/00group-appui/dees-appui-maincontent/dees-appui-maincontent.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _tabActionsRight_dec, _tabActionsLeft_dec, _tabsAutoHideThreshold_dec, _tabsAutoHide_dec, _showTabs_dec, _selectedTab_dec3, _tabs_dec5, _a48, _DeesAppuiMaincontent_decorators, _init49, _tabs5, _selectedTab3, _showTabs, _tabsAutoHide, _tabsAutoHideThreshold, _tabActionsLeft, _tabActionsRight;
 _DeesAppuiMaincontent_decorators = [t4("dees-appui-maincontent")];
@@ -143703,7 +144639,7 @@ __runInitializers(_init49, 1, DeesAppuiMaincontent);
 
 // ts_web/elements/00group-appui/dees-appui/dees-appui.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _currentView_dec, _bottombarVisible_dec, _bottombarElement_dec, _activitylogElement_dec, _maincontent_dec, _secondarymenu_dec, _mainmenu_dec, _appbar_dec, _contentTabActionsRight_dec, _contentTabActionsLeft_dec, _maincontentSelectedTab_dec, _maincontentTabs_dec, _activityLogCount_dec2, _activityLogVisible_dec, _contentTabsAutoHideThreshold_dec, _contentTabsAutoHide_dec, _maincontentTabsVisible_dec, _secondarymenuVisible_dec, _mainmenuVisible_dec, _secondarymenuCollapsed_dec, _mainmenuCollapsed_dec, _secondarymenuSelectedItem_dec, _secondarymenuGroups_dec, _secondarymenuHeading_dec, _mainmenuSelectedTab_dec, _mainmenuTabs_dec, _mainmenuBottomTabs_dec, _mainmenuGroups_dec, _mainmenuLogoText_dec, _mainmenuLogoIcon_dec, _appbarShowSearch_dec, _appbarProfileMenuItems_dec, _appbarUser_dec, _appbarShowWindowControls_dec, _appbarBreadcrumbSeparator_dec, _appbarBreadcrumbs_dec, _appbarMenuItems_dec, _a49, _DeesAppui_decorators, _init50, _appbarMenuItems, _appbarBreadcrumbs, _appbarBreadcrumbSeparator, _appbarShowWindowControls, _appbarUser, _appbarProfileMenuItems, _appbarShowSearch, _mainmenuLogoIcon, _mainmenuLogoText, _mainmenuGroups, _mainmenuBottomTabs, _mainmenuTabs, _mainmenuSelectedTab, _secondarymenuHeading, _secondarymenuGroups, _secondarymenuSelectedItem, _mainmenuCollapsed, _secondarymenuCollapsed, _mainmenuVisible, _secondarymenuVisible, _maincontentTabsVisible, _contentTabsAutoHide, _contentTabsAutoHideThreshold, _activityLogVisible, _activityLogCount2, _maincontentTabs, _maincontentSelectedTab, _contentTabActionsLeft, _contentTabActionsRight, _appbar, _mainmenu, _secondarymenu, _maincontent, _activitylogElement, _bottombarElement, _bottombarVisible, _currentView;
 _DeesAppui_decorators = [t4("dees-appui")];
@@ -143714,9 +144650,9 @@ var DeesAppui = class extends (_a49 = DeesElement, _appbarMenuItems_dec = [n5({
     // REACTIVE OBSERVABLES (RxJS Subjects)
     // ==========================================
     /** Observable stream of view lifecycle events */
-    __publicField(this, "viewLifecycle$", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
+    __publicField(this, "viewLifecycle$", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
     /** Observable stream of view change events */
-    __publicField(this, "viewChanged$", new domtools_pluginexports_exports.smartrx.rxjs.Subject());
+    __publicField(this, "viewChanged$", new domtools_pluginexports_exports2.smartrx.rxjs.Subject());
     __privateAdd(this, _appbarMenuItems, __runInitializers(_init50, 8, this, [])), __runInitializers(_init50, 11, this);
     __privateAdd(this, _appbarBreadcrumbs, __runInitializers(_init50, 12, this, "")), __runInitializers(_init50, 15, this);
     __privateAdd(this, _appbarBreadcrumbSeparator, __runInitializers(_init50, 16, this, " > ")), __runInitializers(_init50, 19, this);
@@ -145239,7 +146175,7 @@ var demoFunc35 = () => {
 
 // ts_web/elements/00group-button/dees-button-group/dees-button-group.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _direction_dec2, _label_dec4, _a52, _DeesButtonGroup_decorators, _init53, _label4, _direction2;
 _DeesButtonGroup_decorators = [t4("dees-button-group")];
@@ -145248,7 +146184,7 @@ var DeesButtonGroup = class extends (_a52 = DeesElement, _label_dec4 = [n5()], _
     super();
     __privateAdd(this, _label4, __runInitializers(_init53, 8, this, "")), __runInitializers(_init53, 11, this);
     __privateAdd(this, _direction2, __runInitializers(_init53, 12, this, "horizontal")), __runInitializers(_init53, 15, this);
-    domtools_elementbasic_exports.setup();
+    domtools_elementbasic_exports2.setup();
   }
   render() {
     return b2`
@@ -145771,7 +146707,7 @@ var renderChartArea = (component) => {
 
 // ts_web/elements/00group-chart/dees-chart-area/component.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_services();
 var _autoScrollInterval_dec, _yAxisMax_dec, _yAxisScaling_dec, _realtimeMode_dec, _rollingWindow_dec, _yAxisFormatter_dec, _series_dec, _label_dec5, _chart_dec, _a53, _DeesChartArea_decorators, _init54, _chart, _label5, _series, _yAxisFormatter, _rollingWindow, _realtimeMode, _yAxisScaling, _yAxisMax, _autoScrollInterval;
 _DeesChartArea_decorators = [t4("dees-chart-area")];
@@ -145817,7 +146753,7 @@ var DeesChartArea = class extends (_a53 = DeesElement, _chart_dec = [r5()], _lab
         // Orange (shadcn destructive variant)
       ]
     });
-    domtools_elementbasic_exports.setup();
+    domtools_elementbasic_exports2.setup();
     this.resizeObserver = new ResizeObserver((entries) => {
       if (this.resizeTimeout) {
         clearTimeout(this.resizeTimeout);
@@ -146577,7 +147513,7 @@ var demoFunc37 = () => {
 
 // ts_web/elements/00group-chart/dees-chart-log/dees-chart-log.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 init_services();
 var _terminalReady_dec, _metrics_dec, _filterMode_dec, _searchQuery_dec2, _showMetrics_dec, _highlightKeywords_dec, _maxEntries_dec, _autoScroll_dec, _logEntries_dec, _mode_dec, _label_dec6, _a54, _DeesChartLog_decorators, _init55, _label6, _mode, _logEntries, _autoScroll, _maxEntries, _highlightKeywords, _showMetrics, _searchQuery2, _filterMode, _metrics, _terminalReady;
@@ -146610,7 +147546,7 @@ var DeesChartLog = class extends (_a54 = DeesElement, _label_dec6 = [n5()], _mod
     // Rate calculation
     __publicField(this, "rateBuffer", []);
     __publicField(this, "rateInterval", null);
-    domtools_elementbasic_exports.setup();
+    domtools_elementbasic_exports2.setup();
   }
   render() {
     return b2`
@@ -147585,7 +148521,7 @@ data = await processor.process_data([{'id': 1}, {'id': 2}])
 // ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.ts
 init_dist_ts28();
 init_dist_ts11();
-init_dist_ts27();
+init_dist_ts29();
 init_services();
 var _codeToDisplay_dec, _progLang_dec, _a55, _DeesDataviewCodebox_decorators, _init56, _progLang, _codeToDisplay;
 _DeesDataviewCodebox_decorators = [t4("dees-dataview-codebox")];
@@ -147602,7 +148538,7 @@ var DeesDataviewCodebox = class extends (_a55 = DeesElement, _progLang_dec = [n5
   }
   render() {
     return b2`
-      ${domtools_elementbasic_exports.styles}
+      ${domtools_elementbasic_exports2.styles}
       <style>
         :host {
           position: relative;
@@ -147812,7 +148748,7 @@ var DeesDataviewCodebox = class extends (_a55 = DeesElement, _progLang_dec = [n5
       this.codeToDisplayStore = smartstring_indent_exports.normalize(slottedCodeNodes[0].wholeText).trimStart();
       this.codeToDisplay = this.codeToDisplayStore;
     }
-    await domtools_pluginexports_exports.smartdelay.delayFor(0);
+    await domtools_pluginexports_exports2.smartdelay.delayFor(0);
     if (!this.highlightJs) {
       this.highlightJs = await DeesServiceLibLoader.getInstance().loadHighlightJs();
     }
@@ -148246,7 +149182,7 @@ var demoFunc40 = () => b2`
 
 // ts_web/elements/00group-feedback/dees-badge/dees-badge.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _rounded_dec, _text_dec3, _type_dec5, _a58, _DeesBadge_decorators, _init59, _type5, _text3, _rounded;
 _DeesBadge_decorators = [t4("dees-badge")];
@@ -148256,7 +149192,7 @@ var DeesBadge = class extends (_a58 = DeesElement, _type_dec5 = [n5({ type: Stri
     __privateAdd(this, _type5, __runInitializers(_init59, 8, this, "default")), __runInitializers(_init59, 11, this);
     __privateAdd(this, _text3, __runInitializers(_init59, 12, this, "")), __runInitializers(_init59, 15, this);
     __privateAdd(this, _rounded, __runInitializers(_init59, 16, this, false)), __runInitializers(_init59, 19, this);
-    domtools_elementbasic_exports.setup();
+    domtools_elementbasic_exports2.setup();
   }
   render() {
     return b2`
@@ -148337,7 +149273,7 @@ var demoFunc41 = () => b2`
 
 // ts_web/elements/00group-feedback/dees-hint/dees-hint.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _type_dec6, _a59, _DeesHint_decorators, _init60, _type6;
 _DeesHint_decorators = [t4("dees-hint")];
@@ -148345,7 +149281,7 @@ var DeesHint = class extends (_a59 = DeesElement, _type_dec6 = [n5({ type: Strin
   constructor() {
     super();
     __privateAdd(this, _type6, __runInitializers(_init60, 8, this, "info")), __runInitializers(_init60, 11, this);
-    domtools_elementbasic_exports.setup();
+    domtools_elementbasic_exports2.setup();
   }
   render() {
     return b2` <div class="mainbox"></div> `;
@@ -148374,7 +149310,7 @@ var demoFunc42 = () => {
 
 // ts_web/elements/00group-feedback/dees-progressbar/dees-progressbar.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _percentage_dec, _a60, _DeesProgressbar_decorators, _init61, _percentage;
 _DeesProgressbar_decorators = [t4("dees-progressbar")];
@@ -148459,7 +149395,7 @@ __runInitializers(_init61, 1, DeesProgressbar2);
 
 // ts_web/elements/00group-feedback/dees-spinner/dees-spinner.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _status_dec3, _bnw_dec, _size_dec5, _a61, _DeesSpinner_decorators, _init62, _size5, _bnw, _status3;
 _DeesSpinner_decorators = [t4("dees-spinner")];
@@ -148834,7 +149770,7 @@ var demoFunc43 = () => b2`
 
 // ts_web/elements/00group-feedback/dees-toast/dees-toast.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _isVisible_dec2, _duration_dec, _type_dec7, _message_dec, _a62, _DeesToast_decorators, _init63, _message, _type7, _duration, _isVisible2;
 _DeesToast_decorators = [t4("dees-toast")];
@@ -148845,7 +149781,7 @@ var _DeesToast = class _DeesToast extends (_a62 = DeesElement, _message_dec = [n
     __privateAdd(this, _type7, __runInitializers(_init63, 12, this, "info")), __runInitializers(_init63, 15, this);
     __privateAdd(this, _duration, __runInitializers(_init63, 16, this, 3e3)), __runInitializers(_init63, 19, this);
     __privateAdd(this, _isVisible2, __runInitializers(_init63, 20, this, false)), __runInitializers(_init63, 23, this);
-    domtools_elementbasic_exports.setup();
+    domtools_elementbasic_exports2.setup();
   }
   static getOrCreateContainer(position3) {
     if (!this.toastContainers.has(position3)) {
@@ -150560,7 +151496,7 @@ var demoFunc45 = () => b2`
 
 // ts_web/elements/00group-layout/dees-chips/dees-chips.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _selectedChips_dec, _selectedChip_dec, _selectableChips_dec, _chipsAreRemovable_dec, _selectionMode_dec2, _a65, _DeesChips_decorators, _init66, _selectionMode2, _chipsAreRemovable, _selectableChips, _selectedChip, _selectedChips;
 _DeesChips_decorators = [t4("dees-chips")];
@@ -152645,7 +153581,7 @@ var stepperDemo = () => b2`
 
 // ts_web/elements/00group-layout/dees-stepper/dees-stepper.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _selectedStep_dec, _steps_dec, _a69, _DeesStepper_decorators, _init70, _steps, _selectedStep;
 _DeesStepper_decorators = [t4("dees-stepper")];
@@ -152707,9 +153643,9 @@ var DeesStepper = class extends (_a69 = DeesElement, _steps_dec = [n5({
     console.log(selectedStepElement);
     const scrollPosition = selectedStepElement.offsetTop - stepperContainer.offsetHeight / 2 + selectedStepElement.offsetHeight / 2;
     console.log(scrollPosition);
-    const domtoolsInstance = await DomTools.setupDomTools();
+    const domtoolsInstance = await DomTools2.setupDomTools();
     if (!this.scroller) {
-      this.scroller = new domtools_pluginexports_exports.SweetScroll(
+      this.scroller = new domtools_pluginexports_exports2.SweetScroll(
         {
           vertical: true,
           horizontal: false,
@@ -155818,9 +156754,9 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
       this.viewportDimensions = { width: 0, height: 0 };
       return;
     }
-    const styles3 = getComputedStyle(this.viewerMain);
-    const paddingX = parseFloat(styles3.paddingLeft || "0") + parseFloat(styles3.paddingRight || "0");
-    const paddingY = parseFloat(styles3.paddingTop || "0") + parseFloat(styles3.paddingBottom || "0");
+    const styles4 = getComputedStyle(this.viewerMain);
+    const paddingX = parseFloat(styles4.paddingLeft || "0") + parseFloat(styles4.paddingRight || "0");
+    const paddingY = parseFloat(styles4.paddingTop || "0") + parseFloat(styles4.paddingBottom || "0");
     const width = Math.max(this.viewerMain.clientWidth - paddingX, 0);
     const height = Math.max(this.viewerMain.clientHeight - paddingY, 0);
     this.viewportDimensions = { width, height };
@@ -160759,25 +161695,25 @@ var DeesTheme = class extends (_a88 = DeesElement, _customSpacing_dec = [n5({ ty
   // Private Methods
   // ============================================
   generateCustomStyles() {
-    const styles3 = [":host {"];
+    const styles4 = [":host {"];
     if (this.customSpacing) {
       for (const [key2, value2] of Object.entries(this.customSpacing)) {
         if (value2) {
-          styles3.push(`  --dees-spacing-${key2}: ${value2};`);
+          styles4.push(`  --dees-spacing-${key2}: ${value2};`);
         }
       }
     }
     if (this.customRadius) {
       for (const [key2, value2] of Object.entries(this.customRadius)) {
         if (value2) {
-          styles3.push(`  --dees-radius-${key2}: ${value2};`);
+          styles4.push(`  --dees-radius-${key2}: ${value2};`);
         }
       }
     }
     if (this.customShadows) {
       for (const [key2, value2] of Object.entries(this.customShadows)) {
         if (value2) {
-          styles3.push(`  --dees-shadow-${key2}: ${value2};`);
+          styles4.push(`  --dees-shadow-${key2}: ${value2};`);
         }
       }
     }
@@ -160785,19 +161721,19 @@ var DeesTheme = class extends (_a88 = DeesElement, _customSpacing_dec = [n5({ ty
       for (const [key2, value2] of Object.entries(this.customTransitions)) {
         if (value2) {
           const cssKey = key2 === "default" ? "default" : key2;
-          styles3.push(`  --dees-transition-${cssKey}: ${value2};`);
+          styles4.push(`  --dees-transition-${cssKey}: ${value2};`);
         }
       }
     }
     if (this.customControlHeights) {
       for (const [key2, value2] of Object.entries(this.customControlHeights)) {
         if (value2) {
-          styles3.push(`  --dees-control-height-${key2}: ${value2};`);
+          styles4.push(`  --dees-control-height-${key2}: ${value2};`);
         }
       }
     }
-    styles3.push("}");
-    return styles3.join("\n");
+    styles4.push("}");
+    return styles4.join("\n");
   }
   // ============================================
   // Public API Methods
@@ -161003,7 +161939,7 @@ var DeesUpdater = _DeesUpdater;
 
 // ts_web/elements/00group-workspace/dees-workspace-filetree/dees-workspace-filetree.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 init_dees_icon();
 var _errorMessage_dec, _isLoading_dec3, _treeData_dec, _selectedPath_dec, _rootPath_dec, _executionEnvironment_dec2, _a90, _DeesWorkspaceFiletree_decorators, _init93, _executionEnvironment2, _rootPath, _selectedPath, _treeData, _isLoading3, _errorMessage;
@@ -162931,7 +163867,7 @@ var TypeScriptIntelliSenseManager = class {
 
 // ts_web/elements/00group-workspace/dees-workspace-diff-editor/dees-workspace-diff-editor.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 var _filePath_dec2, _language_dec5, _modifiedLabel_dec, _originalLabel_dec, _modifiedContent_dec, _originalContent_dec, _a93, _DeesWorkspaceDiffEditor_decorators, _init96, _originalContent, _modifiedContent, _originalLabel, _modifiedLabel, _language5, _filePath2;
 _DeesWorkspaceDiffEditor_decorators = [t4("dees-workspace-diff-editor")];
@@ -162939,7 +163875,7 @@ var DeesWorkspaceDiffEditor = class extends (_a93 = DeesElement, _originalConten
   constructor() {
     super();
     // INSTANCE
-    __publicField(this, "diffEditorDeferred", domtools_pluginexports_exports.smartpromise.defer());
+    __publicField(this, "diffEditorDeferred", domtools_pluginexports_exports2.smartpromise.defer());
     __privateAdd(this, _originalContent, __runInitializers(_init96, 8, this, "")), __runInitializers(_init96, 11, this);
     __privateAdd(this, _modifiedContent, __runInitializers(_init96, 12, this, "")), __runInitializers(_init96, 15, this);
     __privateAdd(this, _originalLabel, __runInitializers(_init96, 16, this, "Disk Version")), __runInitializers(_init96, 19, this);
@@ -162950,7 +163886,7 @@ var DeesWorkspaceDiffEditor = class extends (_a93 = DeesElement, _originalConten
     __publicField(this, "monacoThemeSubscription", null);
     __publicField(this, "originalModel", null);
     __publicField(this, "modifiedModel", null);
-    DomTools.setupDomTools();
+    DomTools2.setupDomTools();
   }
   render() {
     const fileName = this.filePath.split("/").pop() || "file";
@@ -163233,7 +164169,7 @@ __runInitializers(_init96, 1, DeesWorkspaceDiffEditor);
 
 // ts_web/elements/00group-workspace/dees-workspace/dees-workspace.ts
 init_dist_ts28();
-init_dist_ts27();
+init_dist_ts29();
 init_theme();
 init_group_runtime();
 init_dees_workspace_terminal();
@@ -165676,7 +166612,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.46.1",
+  version: "3.47.1",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 export {
@@ -167630,4 +168566,4 @@ ibantools/jsnext/ibantools.js:
    * @preferred
    *)
 */
-//# sourceMappingURL=bundle-1773172198281.js.map
+//# sourceMappingURL=bundle-1773252306866.js.map