@design.estate/dees-catalog 1.0.259 → 1.0.261

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '1.0.259',
+    version: '1.0.261',
     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,22 +30,31 @@ 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);
+        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.8);
         display: grid;
-        grid-template-columns: 1fr auto;
+        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;
@@ -61,6 +71,7 @@ let DeesSimpleAppDash = class DeesSimpleAppDash extends DeesElement {
         return html `
       <div class="appbar">
         <div class="appName">${this.name}</div>
+        <div class="viewTabs"></div>
         <div class="appActions">
           <div class="action">
             Logout
@@ -81,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBUzlCLElBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBR0osU0FBSSxHQUFHLG1CQUFtQixDQUFDO0lBK0RwQyxDQUFDO0lBcEVDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFNaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDO21DQUN4QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3NCQXVCL0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOztLQUV0RDtLQUNGLEFBdkNtQixDQXVDbEI7SUFFSyxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7OytCQUVnQixJQUFJLENBQUMsSUFBSTs7Ozs7Ozs7OztLQVVuQyxDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCO1FBQzFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM1QyxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDekMsQ0FBQzs7QUE5RE07SUFETixRQUFRLEVBQUU7OytDQUN1QjtBQU52QixpQkFBaUI7SUFEN0IsYUFBYSxDQUFDLHFCQUFxQixDQUFDO0dBQ3hCLGlCQUFpQixDQXFFN0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9kZWVzLXNpbXBsZS1hcHBkYXNoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsYUFBYSxFQUNiLElBQUksRUFDSixXQUFXLEVBQ1gsUUFBUSxFQUVSLFVBQVUsRUFDVixHQUFHLEVBQ0gsU0FBUyxFQUVULEtBQUssR0FDTixNQUFNLDZCQUE2QixDQUFDO0FBUzlCLElBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWtCLFNBQVEsV0FBVztJQUEzQzs7UUFHTCxXQUFXO1FBR0osU0FBSSxHQUFHLG1CQUFtQixDQUFDO1FBRzNCLFVBQUssR0FBdUYsRUFBRSxDQUFDO0lBeUV4RyxDQUFDO0lBakZDLFNBQVM7YUFDSyxTQUFJLEdBQUcsUUFBUSxBQUFYLENBQVk7YUFTaEIsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7aUJBRVUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRN0IsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDO21DQUN4QixVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQkFxQnpELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7c0JBVzdCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQzs7S0FFdEQ7S0FDRixBQWhEbUIsQ0FnRGxCO0lBRUssTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzsrQkFFZ0IsSUFBSSxDQUFDLElBQUk7Ozs7Ozs7Ozs7O0tBV25DLENBQUM7SUFDSixDQUFDO0lBRU0sS0FBSyxDQUFDLFlBQVksQ0FBQyxrQkFBa0I7UUFDMUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzVDLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN6QyxDQUFDOztBQTNFTTtJQUROLFFBQVEsRUFBRTs7K0NBQ3VCO0FBRzNCO0lBRE4sUUFBUSxFQUFFOzhCQUNHLEtBQUs7Z0RBQW1GO0FBVDNGLGlCQUFpQjtJQUQ3QixhQUFhLENBQUMscUJBQXFCLENBQUM7R0FDeEIsaUJBQWlCLENBa0Y3QiJ9

package/dist_watch/bundle.js

@@ -99369,11 +99369,13 @@ var DeesSimpleAppDash = class extends DeesElement {
   constructor() {
     super(...arguments);
     this.name = "Dees Simple Login";
+    this.views = [];
   }
   render() {
     return x`
       <div class="appbar">
         <div class="appName">${this.name}</div>
+        <div class="viewTabs"></div>
         <div class="appActions">
           <div class="action">
             Logout
@@ -99396,7 +99398,7 @@ DeesSimpleAppDash.styles = [
   cssManager.defaultStyles,
   i`
       :host {
-        color: ${cssManager.bdTheme("#333", "#fff")};
+        color: ${cssManager.bdTheme("#333", "#ccc")};
         user-select: none;
       }
       .appbar {
@@ -99404,8 +99406,8 @@ 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;
@@ -99413,13 +99415,22 @@ DeesSimpleAppDash.styles = [
         z-index: 2;
         box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
         display: grid;
-        grid-template-columns: 1fr auto;
+        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;
@@ -99435,6 +99446,9 @@ DeesSimpleAppDash.styles = [
 __decorateClass([
   n4()
 ], DeesSimpleAppDash.prototype, "name", 2);
+__decorateClass([
+  n4()
+], DeesSimpleAppDash.prototype, "views", 2);
 DeesSimpleAppDash = __decorateClass([
   t4("dees-simple-appdash")
 ], DeesSimpleAppDash);