@design.estate/dees-catalog 3.67.1 → 3.69.0

package/dist_bundle/bundle.js

@@ -145176,11 +145176,17 @@ var _DeesFormSubmit = class _DeesFormSubmit extends (_a25 = DeesElement, _disabl
         .text=${this.text}
         ?disabled=${this.disabled}
         @clicked=${this.submit}
-      >
-        <slot></slot>
-      </dees-button>
+      ></dees-button>
     `;
   }
+  async firstUpdated() {
+    if (!this.text) {
+      const slotText = this.textContent?.trim();
+      if (slotText) {
+        this.text = slotText;
+      }
+    }
+  }
   async submit() {
     if (this.disabled) {
       return;
@@ -186331,8 +186337,10 @@ function demoFunc53() {
     <dees-heading level="4">This is a H4 heading</dees-heading>
     <dees-heading level="5">This is a H5 heading</dees-heading>
     <dees-heading level="6">This is a H6 heading</dees-heading>
-    <dees-heading level="hr">This is an hr heading</dees-heading>
-    <dees-heading level="hr-small">This is an hr small heading</dees-heading>
+    <dees-heading level="hr">This is an hr heading (level="hr")</dees-heading>
+    <dees-heading level="7">This is an hr heading (level="7")</dees-heading>
+    <dees-heading level="hr-small">This is an hr-small heading (level="hr-small")</dees-heading>
+    <dees-heading level="8">This is an hr-small heading (level="8")</dees-heading>
   `;
 }
 __name(demoFunc53, "demoFunc");
@@ -186362,8 +186370,10 @@ var _DeesHeading = class _DeesHeading extends (_a79 = DeesElement, _level_dec =
         return b2`<h5><slot></slot></h5>`;
       case "6":
         return b2`<h6><slot></slot></h6>`;
+      case "7":
       case "hr":
         return b2`<div class="heading-hr"><slot></slot></div>`;
+      case "8":
       case "hr-small":
         return b2`<div class="heading-hr heading-hr-small"><slot></slot></div>`;
       default:
@@ -186384,58 +186394,78 @@ __publicField(_DeesHeading, "styles", [
   themeDefaultStyles,
   cssManager.defaultStyles,
   i`
-      /* TODO: Migrate hardcoded values to --dees-* CSS variables */
+      :host {
+        display: block;
+      }
+
       /* Heading styles */
       h1, h2, h3, h4, h5, h6 {
-        margin: 16px 0 8px;
         font-weight: 600;
-        color: ${cssManager.bdTheme("#000", "#fff")};
+        color: var(--dees-color-text-primary);
+      }
+
+      /* Per-level typography + spacing.
+       * Margin scales with importance: h1 gets the most breathing room,
+       * h6 the least. Top margin > bottom margin so headings group with
+       * the content that follows them. */
+      h1 {
+        font-size: 32px;
+        font-family: ${cssCalSansFontFamily};
+        letter-spacing: 0.025em;
+        margin: var(--dees-spacing-2xl) 0 var(--dees-spacing-lg);
+      }
+      h2 {
+        font-size: 28px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h3 {
+        font-size: 24px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h4 {
+        font-size: 20px;
+        margin: var(--dees-spacing-lg) 0 var(--dees-spacing-sm);
+      }
+      h5 {
+        font-size: 16px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-sm);
       }
-      h1 { font-size: 32px; font-family: ${cssCalSansFontFamily}; letter-spacing: 0.025em;}
-      h2 { font-size: 28px; }
-      h3 { font-size: 24px; }
-      h4 { font-size: 20px; }
-      h5 { font-size: 16px; }
-      h6 { font-size: 14px; }
+      h6 {
+        font-size: 14px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-xs);
+      }
+
       /* Horizontal rule style heading */
       .heading-hr {
         display: flex;
         align-items: center;
         text-align: center;
-        margin: 16px 0;
-        color: ${cssManager.bdTheme("#999", "#555")};
+        margin: var(--dees-spacing-lg) 0;
+        color: var(--dees-color-text-muted);
       }
       /* Fade lines toward and away from text for hr style */
       .heading-hr::before {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade in toward center */
-        background: ${cssManager.bdTheme(
-    "linear-gradient(to right, transparent, #ccc)",
-    "linear-gradient(to right, transparent, #333)"
-  )};
-        margin: 0 8px;
+        background: linear-gradient(to right, transparent, var(--dees-color-border-strong));
+        margin: 0 var(--dees-spacing-sm);
       }
       .heading-hr::after {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade out away from center */
-        background: ${cssManager.bdTheme(
-    "linear-gradient(to right, #ccc, transparent)",
-    "linear-gradient(to right, #333, transparent)"
-  )};
-        margin: 0 8px;
+        background: linear-gradient(to right, var(--dees-color-border-strong), transparent);
+        margin: 0 var(--dees-spacing-sm);
       }
       /* Small hr variant with reduced margins */
       .heading-hr.heading-hr-small {
-        margin: 8px 0;
+        margin: var(--dees-spacing-sm) 0;
         font-size: 12px;
       }
       .heading-hr.heading-hr-small::before,
       .heading-hr.heading-hr-small::after {
-        margin: 0 8px;
+        margin: 0 var(--dees-spacing-sm);
       }
     `
 ]);
@@ -193948,12 +193978,35 @@ var demoFunc57 = /* @__PURE__ */ __name(() => b2`
   {
     name: "Analytics",
     iconName: "lucide:lineChart",
-    element: DemoViewAnalytics
+    element: DemoViewAnalytics,
+    subViews: [
+      {
+        name: "Overview",
+        iconName: "lucide:activity",
+        element: DemoViewAnalytics
+      },
+      {
+        name: "Reports",
+        iconName: "lucide:fileText",
+        element: DemoViewDashboard
+      }
+    ]
   },
   {
     name: "Settings",
     iconName: "lucide:settings",
-    element: DemoViewSettings
+    subViews: [
+      {
+        name: "Profile",
+        iconName: "lucide:user",
+        element: DemoViewSettings
+      },
+      {
+        name: "Billing",
+        iconName: "lucide:creditCard",
+        element: DemoViewSettings
+      }
+    ]
   }
 ]}
       @logout=${() => {
@@ -193998,10 +194051,12 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a97 = DeesElement, _
           <div class="viewTabs-container">
             <div class="section-label">Navigation</div>
             <div class="viewTabs">
-              ${this.viewTabs.map(
-      (view) => b2`
+              ${this.viewTabs.map((view) => {
+      const hasSubs = !!view.subViews?.length;
+      const groupActive = hasSubs && this.isGroupActive(view);
+      return b2`
                   <div
-                    class="viewTab ${this.selectedView === view ? "selected" : ""}"
+                    class="viewTab ${this.selectedView === view ? "selected" : ""} ${hasSubs ? "hasSubs" : ""} ${groupActive ? "groupActive" : ""}"
                     @click=${() => this.loadView(view)}
                   >
                     ${view.iconName ? b2`
@@ -194010,9 +194065,34 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a97 = DeesElement, _
                       <dees-icon .icon="${"lucide:file"}"></dees-icon>
                     `}
                     <span>${view.name}</span>
+                    ${hasSubs ? b2`
+                      <dees-icon class="chevron" .icon="${"lucide:chevronDown"}"></dees-icon>
+                    ` : ""}
                   </div>
-                `
-    )}
+                  ${hasSubs && groupActive ? b2`
+                    <div class="subViews">
+                      ${view.subViews.map(
+        (sub2) => b2`
+                          <div
+                            class="viewTab sub ${this.selectedView === sub2 ? "selected" : ""}"
+                            @click=${(e11) => {
+          e11.stopPropagation();
+          this.loadView(sub2);
+        }}
+                          >
+                            ${sub2.iconName ? b2`
+                              <dees-icon .icon="${sub2.iconName.includes(":") ? sub2.iconName : `lucide:${sub2.iconName}`}"></dees-icon>
+                            ` : b2`
+                              <dees-icon .icon="${"lucide:dot"}"></dees-icon>
+                            `}
+                            <span>${sub2.name}</span>
+                          </div>
+                        `
+      )}
+                    </div>
+                  ` : ""}
+                `;
+    })}
             </div>
           </div>
           <div class="appActions">
@@ -194180,7 +194260,19 @@ var _DeesSimpleAppDash = class _DeesSimpleAppDash extends (_a97 = DeesElement, _
       this.currentTerminal = null;
     }
   }
+  isGroupActive(view) {
+    if (this.selectedView === view) return true;
+    return view.subViews?.some((sv) => sv === this.selectedView) ?? false;
+  }
   async loadView(viewArg) {
+    if (!viewArg.element && viewArg.subViews?.length) {
+      const firstNavigable = viewArg.subViews.find((sv) => sv.element);
+      if (firstNavigable) {
+        return this.loadView(firstNavigable);
+      }
+      return;
+    }
+    if (!viewArg.element) return;
     const appcontent = this.shadowRoot.querySelector(".appcontent");
     const view = new viewArg.element();
     if (this.currentView) {
@@ -194392,6 +194484,55 @@ __publicField(_DeesSimpleAppDash, "styles", [
         white-space: nowrap;
       }
 
+      .viewTab .chevron {
+        flex: 0 0 auto;
+        font-size: 14px;
+        opacity: 0.5;
+        transform: rotate(-90deg);
+        transition: transform 0.2s ease, opacity 0.15s ease;
+      }
+
+      .viewTab.hasSubs:hover .chevron {
+        opacity: 0.75;
+      }
+
+      .viewTab.hasSubs.groupActive .chevron {
+        transform: rotate(0deg);
+        opacity: 0.9;
+      }
+
+      .subViews {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+        margin: 2px 0 4px 12px;
+        padding-left: 12px;
+        position: relative;
+      }
+
+      .subViews::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 4px;
+        bottom: 4px;
+        width: 1px;
+        background: var(--dees-color-border-default);
+      }
+
+      .viewTab.sub {
+        padding: 8px 12px;
+        font-size: 12px;
+      }
+
+      .viewTab.sub dees-icon {
+        font-size: 14px;
+      }
+
+      .viewTab.sub.selected::before {
+        left: -12px;
+      }
+
       .appActions {
         padding: 12px 8px;
         border-top: 1px solid var(--dees-color-border-default);
@@ -200315,7 +200456,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.67.1",
+  version: "3.69.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 export {
@@ -202288,4 +202429,4 @@ ibantools/jsnext/ibantools.js:
    * @preferred
    *)
 */
-//# sourceMappingURL=bundle-1775597736098.js.map
+//# sourceMappingURL=bundle-1775638700514.js.map

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.67.1',
+    version: '3.69.0',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-form/dees-form-submit/dees-form-submit.d.ts

@@ -17,6 +17,7 @@ export declare class DeesFormSubmit extends DeesElement {
     constructor();
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
+    firstUpdated(): Promise<void>;
     submit(): Promise<void>;
     focus(): Promise<void>;
 }

package/dist_ts_web/elements/00group-form/dees-form-submit/dees-form-submit.js

@@ -137,11 +137,21 @@ let DeesFormSubmit = (() => {
         .text=${this.text}
         ?disabled=${this.disabled}
         @clicked=${this.submit}
-      >
-        <slot></slot>
-      </dees-button>
+      ></dees-button>
     `;
         }
+        async firstUpdated() {
+            // Capture light DOM text content as the button label. dees-button wipes
+            // its own light DOM during extractLightDom(), so we cannot simply forward
+            // a <slot> into it — we have to hoist the text onto the .text property
+            // ourselves before handing it to dees-button.
+            if (!this.text) {
+                const slotText = this.textContent?.trim();
+                if (slotText) {
+                    this.text = slotText;
+                }
+            }
+        }
         async submit() {
             if (this.disabled) {
                 return;
@@ -166,4 +176,4 @@ let DeesFormSubmit = (() => {
     return DeesFormSubmit = _classThis;
 })();
 export { DeesFormSubmit };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLXN1Ym1pdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWZvcm0vZGVlcy1mb3JtLXN1Ym1pdC9kZWVzLWZvcm0tc3VibWl0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLEdBQUcsRUFDSCxVQUFVLEVBQ1YsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7SUFTekMsY0FBYzs0QkFEMUIsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OEJBQW5CLFNBQVEsV0FBVzs7OztvQ0FRNUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0NBRzFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztnQ0FHekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0NBR3pDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt3Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBakIzQiw2S0FBUyxRQUFRLDZCQUFSLFFBQVEs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1mb3JtLXN1Ym1pdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWZvcm0vZGVlcy1mb3JtLXN1Ym1pdC9kZWVzLWZvcm0tc3VibWl0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixJQUFJLEVBQ0osV0FBVyxFQUNYLEdBQUcsRUFDSCxVQUFVLEVBQ1YsUUFBUSxHQUVULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7SUFTekMsY0FBYzs0QkFEMUIsYUFBYSxDQUFDLGtCQUFrQixDQUFDOzs7O3NCQUNFLFdBQVc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OEJBQW5CLFNBQVEsV0FBVzs7OztvQ0FRNUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0NBRzFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztnQ0FHekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7Z0NBR3pDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt3Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBakIzQiw2S0FBUyxRQUFRLDZCQUFSLFFBQVEs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

package/dist_ts_web/elements/00group-layout/dees-heading/dees-heading.d.ts

@@ -9,9 +9,12 @@ export declare class DeesHeading extends DeesElement {
     static demo: typeof demoFunc;
     static demoGroups: string[];
     /**
-     * Heading level: 1-6 for h1-h6, or 'hr' for horizontal rule style
+     * Heading level:
+     *   '1'-'6'  → <h1>..<h6>
+     *   '7'|'hr'       → horizontal-rule style heading
+     *   '8'|'hr-small' → small horizontal-rule style heading
      */
-    accessor level: '1' | '2' | '3' | '4' | '5' | '6' | 'hr' | 'hr-small';
+    accessor level: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | 'hr' | 'hr-small';
     static styles: CSSResult[];
     render(): TemplateResult;
 }

package/dist_ts_web/elements/00group-layout/dees-heading/dees-heading.demo.js

@@ -7,8 +7,10 @@ export function demoFunc() {
     <dees-heading level="4">This is a H4 heading</dees-heading>
     <dees-heading level="5">This is a H5 heading</dees-heading>
     <dees-heading level="6">This is a H6 heading</dees-heading>
-    <dees-heading level="hr">This is an hr heading</dees-heading>
-    <dees-heading level="hr-small">This is an hr small heading</dees-heading>
+    <dees-heading level="hr">This is an hr heading (level="hr")</dees-heading>
+    <dees-heading level="7">This is an hr heading (level="7")</dees-heading>
+    <dees-heading level="hr-small">This is an hr-small heading (level="hr-small")</dees-heading>
+    <dees-heading level="8">This is an hr-small heading (level="8")</dees-heading>
   `;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1oZWFkaW5nL2RlZXMtaGVhZGluZy5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLFVBQVUsUUFBUTtJQUN0QixPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7O0dBU1YsQ0FBQztBQUNKLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1sYXlvdXQvZGVlcy1oZWFkaW5nL2RlZXMtaGVhZGluZy5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVuRCxNQUFNLFVBQVUsUUFBUTtJQUN0QixPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7R0FXVixDQUFDO0FBQ0osQ0FBQyJ9

package/dist_ts_web/elements/00group-layout/dees-heading/dees-heading.js

@@ -61,7 +61,10 @@ let DeesHeading = (() => {
         #level_accessor_storage = __runInitializers(this, _level_initializers, '1');
         // properties
         /**
-         * Heading level: 1-6 for h1-h6, or 'hr' for horizontal rule style
+         * Heading level:
+         *   '1'-'6'  → <h1>..<h6>
+         *   '7'|'hr'       → horizontal-rule style heading
+         *   '8'|'hr-small' → small horizontal-rule style heading
          */
         get level() { return this.#level_accessor_storage; }
         set level(value) { this.#level_accessor_storage = value; }
@@ -70,52 +73,78 @@ let DeesHeading = (() => {
             themeDefaultStyles,
             cssManager.defaultStyles,
             css `
-      /* TODO: Migrate hardcoded values to --dees-* CSS variables */
+      :host {
+        display: block;
+      }
+
       /* Heading styles */
       h1, h2, h3, h4, h5, h6 {
-        margin: 16px 0 8px;
         font-weight: 600;
-        color: ${cssManager.bdTheme('#000', '#fff')};
+        color: var(--dees-color-text-primary);
+      }
+
+      /* Per-level typography + spacing.
+       * Margin scales with importance: h1 gets the most breathing room,
+       * h6 the least. Top margin > bottom margin so headings group with
+       * the content that follows them. */
+      h1 {
+        font-size: 32px;
+        font-family: ${cssCalSansFontFamily};
+        letter-spacing: 0.025em;
+        margin: var(--dees-spacing-2xl) 0 var(--dees-spacing-lg);
+      }
+      h2 {
+        font-size: 28px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h3 {
+        font-size: 24px;
+        margin: var(--dees-spacing-xl) 0 var(--dees-spacing-md);
+      }
+      h4 {
+        font-size: 20px;
+        margin: var(--dees-spacing-lg) 0 var(--dees-spacing-sm);
+      }
+      h5 {
+        font-size: 16px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-sm);
+      }
+      h6 {
+        font-size: 14px;
+        margin: var(--dees-spacing-md) 0 var(--dees-spacing-xs);
       }
-      h1 { font-size: 32px; font-family: ${cssCalSansFontFamily}; letter-spacing: 0.025em;}
-      h2 { font-size: 28px; }
-      h3 { font-size: 24px; }
-      h4 { font-size: 20px; }
-      h5 { font-size: 16px; }
-      h6 { font-size: 14px; }
+
       /* Horizontal rule style heading */
       .heading-hr {
         display: flex;
         align-items: center;
         text-align: center;
-        margin: 16px 0;
-        color: ${cssManager.bdTheme('#999', '#555')};
+        margin: var(--dees-spacing-lg) 0;
+        color: var(--dees-color-text-muted);
       }
       /* Fade lines toward and away from text for hr style */
       .heading-hr::before {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade in toward center */
-        background: ${cssManager.bdTheme('linear-gradient(to right, transparent, #ccc)', 'linear-gradient(to right, transparent, #333)')};
-        margin: 0 8px;
+        background: linear-gradient(to right, transparent, var(--dees-color-border-strong));
+        margin: 0 var(--dees-spacing-sm);
       }
       .heading-hr::after {
         content: '';
         flex: 1;
         height: 1px;
-        /* fade out away from center */
-        background: ${cssManager.bdTheme('linear-gradient(to right, #ccc, transparent)', 'linear-gradient(to right, #333, transparent)')};
-        margin: 0 8px;
+        background: linear-gradient(to right, var(--dees-color-border-strong), transparent);
+        margin: 0 var(--dees-spacing-sm);
       }
       /* Small hr variant with reduced margins */
       .heading-hr.heading-hr-small {
-        margin: 8px 0;
+        margin: var(--dees-spacing-sm) 0;
         font-size: 12px;
       }
       .heading-hr.heading-hr-small::before,
       .heading-hr.heading-hr-small::after {
-        margin: 0 8px;
+        margin: 0 var(--dees-spacing-sm);
       }
     `,
         ];
@@ -134,8 +163,10 @@ let DeesHeading = (() => {
                     return html `<h5><slot></slot></h5>`;
                 case '6':
                     return html `<h6><slot></slot></h6>`;
+                case '7':
                 case 'hr':
                     return html `<div class="heading-hr"><slot></slot></div>`;
+                case '8':
                 case 'hr-small':
                     return html `<div class="heading-hr heading-hr-small"><slot></slot></div>`;
                 default:
@@ -153,4 +184,4 @@ let DeesHeading = (() => {
     return DeesHeading = _classThis;
 })();
 export { DeesHeading };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbGF5b3V0L2RlZXMtaGVhZGluZy9kZWVzLWhlYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxRQUFRLEVBQ1IsVUFBVSxFQUVWLFdBQVcsR0FFWixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztJQVN6QyxXQUFXOzRCQUR2QixhQUFhLENBQUMsY0FBYyxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7MkJBQW5CLFNBQVEsV0FBVzs7OztpQ0FTekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDMUMsb0tBQVMsS0FBSyw2QkFBTCxLQUFLLHFGQUE4RDtZQVY5RSw2S0FpR0M7Ozs7UUFoR0MsT0FBTztRQUNBLE1BQU0sQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQU90Qyx1RUFBd0UsR0FBRyxFQUFDO1FBTDVFLGFBQWE7UUFDYjs7V0FFRztRQUVILElBQVMsS0FBSywyQ0FBOEQ7UUFBNUUsSUFBUyxLQUFLLGlEQUE4RDtRQUU1RSxnQkFBZ0I7UUFDVCxNQUFNLENBQUMsTUFBTSxHQUFnQjtZQUNsQyxrQkFBa0I7WUFDbEIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7aUJBTVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzsyQ0FFUixvQkFBb0I7Ozs7Ozs7Ozs7OztpQkFZOUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FDOUIsOENBQThDLEVBQzlDLDhDQUE4QyxDQUMvQzs7Ozs7Ozs7c0JBUWEsVUFBVSxDQUFDLE9BQU8sQ0FDOUIsOENBQThDLEVBQzlDLDhDQUE4QyxDQUMvQzs7Ozs7Ozs7Ozs7O0tBWUo7U0FDRixDQUFDO1FBR0YsV0FBVztRQUNKLE1BQU07WUFDWCxRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDbkIsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxJQUFJO29CQUNQLE9BQU8sSUFBSSxDQUFBLDZDQUE2QyxDQUFDO2dCQUMzRCxLQUFLLFVBQVU7b0JBQ2IsT0FBTyxJQUFJLENBQUEsOERBQThELENBQUM7Z0JBQzVFO29CQUNFLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO1lBQ3hDLENBQUM7UUFDSCxDQUFDOzs7Ozs7WUFoR1UsdURBQVc7Ozs7O1NBQVgsV0FBVyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oZWFkaW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbGF5b3V0L2RlZXMtaGVhZGluZy9kZWVzLWhlYWRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxRQUFRLEVBQ1IsVUFBVSxFQUVWLFdBQVcsR0FFWixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztJQVN6QyxXQUFXOzRCQUR2QixhQUFhLENBQUMsY0FBYyxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7MkJBQW5CLFNBQVEsV0FBVzs7OztpQ0FZekMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFDMUMsb0tBQVMsS0FBSyw2QkFBTCxLQUFLLHFGQUEwRTtZQWIxRiw2S0EwSEM7Ozs7UUF6SEMsT0FBTztRQUNBLE1BQU0sQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQVV0Qyx1RUFBb0YsR0FBRyxFQUFDO1FBUnhGLGFBQWE7UUFDYjs7Ozs7V0FLRztRQUVILElBQVMsS0FBSywyQ0FBMEU7UUFBeEYsSUFBUyxLQUFLLGlEQUEwRTtRQUV4RixnQkFBZ0I7UUFDVCxNQUFNLENBQUMsTUFBTSxHQUFnQjtZQUNsQyxrQkFBa0I7WUFDbEIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFpQmdCLG9CQUFvQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBeUR0QztTQUNGLENBQUM7UUFHRixXQUFXO1FBQ0osTUFBTTtZQUNYLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUNuQixLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUc7b0JBQ04sT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7Z0JBQ3RDLEtBQUssR0FBRztvQkFDTixPQUFPLElBQUksQ0FBQSx3QkFBd0IsQ0FBQztnQkFDdEMsS0FBSyxHQUFHO29CQUNOLE9BQU8sSUFBSSxDQUFBLHdCQUF3QixDQUFDO2dCQUN0QyxLQUFLLEdBQUcsQ0FBQztnQkFDVCxLQUFLLElBQUk7b0JBQ1AsT0FBTyxJQUFJLENBQUEsNkNBQTZDLENBQUM7Z0JBQzNELEtBQUssR0FBRyxDQUFDO2dCQUNULEtBQUssVUFBVTtvQkFDYixPQUFPLElBQUksQ0FBQSw4REFBOEQsQ0FBQztnQkFDNUU7b0JBQ0UsT0FBTyxJQUFJLENBQUEsd0JBQXdCLENBQUM7WUFDeEMsQ0FBQztRQUNILENBQUM7Ozs7OztZQXpIVSx1REFBVzs7Ozs7U0FBWCxXQUFXIn0=

package/dist_ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.d.ts

@@ -9,7 +9,8 @@ declare global {
 export interface IView {
     name: string;
     iconName?: string;
-    element: DeesElement['constructor']['prototype'];
+    element?: DeesElement['constructor']['prototype'];
+    subViews?: IView[];
 }
 export type TGlobalMessageType = 'info' | 'success' | 'warning' | 'error';
 export interface IGlobalMessageAction {
@@ -49,6 +50,7 @@ export declare class DeesSimpleAppDash extends DeesElement {
     currentTerminal: DeesWorkspaceTerminal | null;
     launchTerminal(): Promise<DeesWorkspaceTerminal | undefined>;
     private closeTerminal;
+    private isGroupActive;
     private currentView;
-    loadView(viewArg: IView): Promise<void>;
+    loadView(viewArg: IView): any;
 }