@design.estate/dees-catalog 1.0.258 → 1.0.260

package/dist_ts_web/00_commitinfo_data.js

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

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

@@ -7,6 +7,11 @@ declare global {
 export declare class DeesSimpleAppDash extends DeesElement {
     static demo: () => TemplateResult<1>;
     name: string;
+    views: Array<{
+        name: string;
+        icon: string;
+        viewFunction: () => Promise<TemplateResult>;
+    }>;
     static styles: CSSResult[];
     render(): TemplateResult;
     firstUpdated(_changedProperties: any): Promise<void>;

package/dist_ts_web/elements/dees-simple-appdash.js

@@ -14,6 +14,7 @@ let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
         super(...arguments);
         // INSTANCE
         this.name = 'Dees Simple Login';
+        this.views = [];
     }
     // STATIC
     static { this.demo = demoFunc; }
@@ -21,7 +22,7 @@ let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
         cssManager.defaultStyles,
         css `
       :host {
-        color: ${cssManager.bdTheme('#333', '#fff')};
+        color: ${cssManager.bdTheme('#333', '#ccc')};
         user-select: none;
       }
       .appbar {
@@ -29,17 +30,36 @@ let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
         top: 0;
         height: 40px;
         width: 100%;
-        background: ${cssManager.bdTheme('#eeeeeb', '#000')};
-        border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#333')};
+        background: ${cssManager.bdTheme('#eeeeeb', '#222')};
+        border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff10')};
         font-size: 14px;
         line-height: 40px;
         font-family: 'Roboto', 'Inter', sans-serif;
         padding: 0px 16px;
+        z-index: 2;
+        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
+        display: grid;
+        grid-template-columns: min-content 1fr auto;
+      }
+
+      .appName {
+        white-space: nowrap;
+      }
+
+      .appActions {
+        display: flex;
       }
+
+      .appActions .action {}
+      .appActions .action:hover {
+        color: ${cssManager.bdTheme('#000', '#fff')};
+      }
+
       .appcontent {
+        z-index: 1;
         position: fixed;
         top: 40px;
-        height: calc(100% - 40px);
+        height: calc(100vh - 40px);
         bottom: 0px;
         width: 100%;
         overflow: auto;
@@ -50,7 +70,13 @@ let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
     render() {
         return html `
       <div class="appbar">
-        configvault v1.2.3
+        <div class="appName">${this.name}</div>
+        <div class="viewTabs"></div>
+        <div class="appActions">
+          <div class="action">
+            Logout
+          </div>
+        </div>
       </div>
       <div class="appcontent">
         <slot></slot>
@@ -66,8 +92,12 @@ __decorate([
     property(),
     __metadata("design:type", Object)
 ], DeesSimpleAppDash.prototype, "name", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Array)
+], DeesSimpleAppDash.prototype, "views", void 0);
 DeesSimpleAppDash = __decorate([
     customElement('dees-simple-appdash')
 ], DeesSimpleAppDash);
 export { DeesSimpleAppDash };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBUzlCLElBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBR0osU0FBSSxHQUFHLG1CQUFtQixDQUFDO0lBZ0RwQyxDQUFDO0lBckRDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFNaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDO21DQUN4QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7c0JBYS9DLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQzs7S0FFdEQ7S0FDRixBQTdCbUIsQ0E2QmxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7O0tBT1YsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQjtRQUMxQyxNQUFNLFFBQVEsR0FBRyxNQUFNLElBQUksQ0FBQyxlQUFlLENBQUM7UUFDNUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7O0FBL0NNO0lBRE4sUUFBUSxFQUFFOzsrQ0FDdUI7QUFOdkIsaUJBQWlCO0lBRDdCLGFBQWEsQ0FBQyxxQkFBcUIsQ0FBQztHQUN4QixpQkFBaUIsQ0FzRDdCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBUzlCLElBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBR0osU0FBSSxHQUFHLG1CQUFtQixDQUFDO1FBRzNCLFVBQUssR0FBdUYsRUFBRSxDQUFDO0lBeUV4RyxDQUFDO0lBakZDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFTaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDO21DQUN4QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQkFxQnpELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7c0JBVzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQzs7S0FFdEQ7S0FDRixBQWhEbUIsQ0FnRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzsrQkFFZ0IsSUFBSSxDQUFDLElBQUk7Ozs7Ozs7Ozs7O0tBV25DLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0I7UUFDMUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN6QyxDQUFDOztBQTNFTTtJQUROLFFBQVEsRUFBRTs7K0NBQ3VCO0FBRzNCO0lBRE4sUUFBUSxFQUFFOzhCQUNHLEtBQUs7Z0RBQW1GO0FBVDNGLGlCQUFpQjtJQUQ3QixhQUFhLENBQUMscUJBQXFCLENBQUM7R0FDeEIsaUJBQWlCLENBa0Y3QiJ9

package/dist_watch/bundle.js

@@ -99369,11 +99369,18 @@ var DeesSimpleAppDash = class extends DeesElement {
   constructor() {
     super(...arguments);
     this.name = "Dees Simple Login";
+    this.views = [];
   }
   render() {
     return x`
       <div class="appbar">
-        configvault v1.2.3
+        <div class="appName">${this.name}</div>
+        <div class="viewTabs"></div>
+        <div class="appActions">
+          <div class="action">
+            Logout
+          </div>
+        </div>
       </div>
       <div class="appcontent">
         <slot></slot>
@@ -99391,7 +99398,7 @@ DeesSimpleAppDash.styles = [
   cssManager.defaultStyles,
   i`
       :host {
-        color: ${cssManager.bdTheme("#333", "#fff")};
+        color: ${cssManager.bdTheme("#333", "#ccc")};
         user-select: none;
       }
       .appbar {
@@ -99399,17 +99406,36 @@ DeesSimpleAppDash.styles = [
         top: 0;
         height: 40px;
         width: 100%;
-        background: ${cssManager.bdTheme("#eeeeeb", "#000")};
-        border-bottom: 1px solid ${cssManager.bdTheme("#ccc", "#333")};
+        background: ${cssManager.bdTheme("#eeeeeb", "#222")};
+        border-bottom: 1px solid ${cssManager.bdTheme("#ccc", "#ffffff10")};
         font-size: 14px;
         line-height: 40px;
         font-family: 'Roboto', 'Inter', sans-serif;
         padding: 0px 16px;
+        z-index: 2;
+        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
+        display: grid;
+        grid-template-columns: min-content 1fr auto;
+      }
+
+      .appName {
+        white-space: nowrap;
       }
+
+      .appActions {
+        display: flex;
+      }
+
+      .appActions .action {}
+      .appActions .action:hover {
+        color: ${cssManager.bdTheme("#000", "#fff")};
+      }
+
       .appcontent {
+        z-index: 1;
         position: fixed;
         top: 40px;
-        height: calc(100% - 40px);
+        height: calc(100vh - 40px);
         bottom: 0px;
         width: 100%;
         overflow: auto;
@@ -99420,6 +99446,9 @@ DeesSimpleAppDash.styles = [
 __decorateClass([
   n4()
 ], DeesSimpleAppDash.prototype, "name", 2);
+__decorateClass([
+  n4()
+], DeesSimpleAppDash.prototype, "views", 2);
 DeesSimpleAppDash = __decorateClass([
   t4("dees-simple-appdash")
 ], DeesSimpleAppDash);