diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 162491e..df4007b 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@design.estate/dees-catalog',
- version: '1.0.188',
+ version: '1.0.189',
description: 'website for lossless.com'
}
diff --git a/ts_web/elements/dees-contextmenu.demo.ts b/ts_web/elements/dees-contextmenu.demo.ts
new file mode 100644
index 0000000..8449f57
--- /dev/null
+++ b/ts_web/elements/dees-contextmenu.demo.ts
@@ -0,0 +1,57 @@
+import { html } from '@design.estate/dees-element';
+import * as plugins from './plugins.js';
+
+import { DeesContextmenu } from './dees-contextmenu.js';
+
+export const demoFunc = () => html`
+
+ {
+ DeesContextmenu.openContextMenuWithOptions(eventArg, [
+ {
+ name: 'copy',
+ iconName: 'copySolid',
+ action: async () => {
+ return null;
+ },
+ },
+ {
+ name: 'edit',
+ iconName: 'penToSquare',
+ action: async () => {
+ return null;
+ },
+ },{
+ name: 'paste',
+ iconName: 'pasteSolid',
+ action: async () => {
+ return null;
+ },
+ },
+ ]);
+}}>Hello
+
+ {},
+ },
+ {
+ name: 'edit',
+ iconName: 'penToSquare',
+ action: async () => {},
+ },{
+ name: 'paste',
+ iconName: 'pasteSolid',
+ action: async () => {},
+ },
+ ] as plugins.tsclass.website.IMenuItem[]}
+>
+`;
\ No newline at end of file
diff --git a/ts_web/elements/dees-contextmenu.ts b/ts_web/elements/dees-contextmenu.ts
index cf98196..2a9ed6f 100644
--- a/ts_web/elements/dees-contextmenu.ts
+++ b/ts_web/elements/dees-contextmenu.ts
@@ -1,3 +1,4 @@
+import { demoFunc } from './dees-contextmenu.demo.js';
import * as plugins from './plugins.js';
import {
customElement,
@@ -23,58 +24,7 @@ declare global {
@customElement('dees-contextmenu')
export class DeesContextmenu extends DeesElement {
// DEMO
- public static demo = () => html`
-
- {
- DeesContextmenu.openContextMenuWithOptions(eventArg, [
- {
- name: 'copy',
- iconName: 'copySolid',
- action: async () => {
- return null;
- },
- },
- {
- name: 'edit',
- iconName: 'penToSquare',
- action: async () => {
- return null;
- },
- },{
- name: 'paste',
- iconName: 'pasteSolid',
- action: async () => {
- return null;
- },
- },
- ]);
- }}>Hello
-
- {},
- },
- {
- name: 'edit',
- iconName: 'penToSquare',
- action: async () => {},
- },{
- name: 'paste',
- iconName: 'pasteSolid',
- action: async () => {},
- },
- ] as plugins.tsclass.website.IMenuItem[]}
- >
- `;
+ public static demo = demoFunc
// STATIC
public static async openContextMenuWithOptions(eventArg: MouseEvent, menuItemsArg: plugins.tsclass.website.IMenuItem[]) {
@@ -122,7 +72,7 @@ export class DeesContextmenu extends DeesElement {
font-size: 14px;
width: 200px;
border: 1px solid #444;
- min-height: 40px;
+ min-height: 34px;
border-radius: 3px;
background: #222;
box-shadow: 0px 1px 4px #000;
@@ -163,15 +113,20 @@ export class DeesContextmenu extends DeesElement {
`;
})}
+ ${this.menuItems.length === 0 ? html`
+
+ ` : html``}
`;
}
public async firstUpdated() {
- if (!this.menuItems || this.menuItems.length === 0) {
- const mainbox = this.shadowRoot.querySelector('.mainbox');
- mainbox.textContent = 'no menu items present';
- }
+
}
public async handleClick(menuItem: plugins.tsclass.website.IMenuItem) {
diff --git a/ts_web/elements/dees-simple-appdash.demo.ts b/ts_web/elements/dees-simple-appdash.demo.ts
new file mode 100644
index 0000000..b529079
--- /dev/null
+++ b/ts_web/elements/dees-simple-appdash.demo.ts
@@ -0,0 +1,5 @@
+import { html } from '@design.estate/dees-element';
+
+export const demoFunc = () => html`
+ Hello there
+`;
diff --git a/ts_web/elements/dees-simple-appdash.ts b/ts_web/elements/dees-simple-appdash.ts
index e69de29..d80a3e6 100644
--- a/ts_web/elements/dees-simple-appdash.ts
+++ b/ts_web/elements/dees-simple-appdash.ts
@@ -0,0 +1,74 @@
+import { demoFunc } from './dees-simple-appdash.demo.js';
+import {
+ customElement,
+ html,
+ DeesElement,
+ property,
+ type TemplateResult,
+ cssManager,
+ css,
+ unsafeCSS,
+ type CSSResult,
+ state,
+} from '@design.estate/dees-element';
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'dees-simple-appdash': DeesSimpleAppDash;
+ }
+}
+
+@customElement('dees-simple-appdash')
+export class DeesSimpleAppDash extends DeesElement {
+ // STATIC
+ public static demo = demoFunc;
+ // INSTANCE
+
+ @property()
+ public title = 'Dees Simple Login';
+
+ public static styles = [
+ cssManager.defaultStyles,
+ css`
+ :host {
+ color: ${cssManager.bdTheme('#333', '#fff')};
+ user-select: none;
+ }
+ .appbar {
+ position: absolute;
+ top: 0;
+ height: 40px;
+ width: 100%;
+ background: ${cssManager.bdTheme('#eeeeeb', '#000')};
+ border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#333')};
+ font-size: 14px;
+ line-height: 40px;
+ font-family: 'Hubot Sans', 'Inter', sans-serif;
+ padding: 0px 16px;
+ }
+ .appcontent {
+ position: absolute;
+ top: 40px;
+ bottom: 0;
+ width: 100%;
+ background: ${cssManager.bdTheme('#eeeeeb', '#000')};
+ }
+ `,
+ ];
+
+ public render(): TemplateResult {
+ return html`
+
+ configvault v1.2.3
+
+
+
+
+ `;
+ }
+
+ public async firstUpdated(_changedProperties): Promise {
+ const domtools = await this.domtoolsPromise;
+ super.firstUpdated(_changedProperties);
+ }
+}
diff --git a/ts_web/elements/dees-simple-login.demo.ts b/ts_web/elements/dees-simple-login.demo.ts
new file mode 100644
index 0000000..621bfe9
--- /dev/null
+++ b/ts_web/elements/dees-simple-login.demo.ts
@@ -0,0 +1,3 @@
+import { html } from '@design.estate/dees-element';
+
+export const demoFunc = () => html` Hello there `;
diff --git a/ts_web/elements/dees-simple-login.ts b/ts_web/elements/dees-simple-login.ts
index 134ba9a..dca7f2a 100644
--- a/ts_web/elements/dees-simple-login.ts
+++ b/ts_web/elements/dees-simple-login.ts
@@ -1,3 +1,5 @@
+import { demoFunc } from './dees-simple-login.demo.js';
+
import {
customElement,
html,
@@ -20,11 +22,7 @@ declare global {
@customElement('dees-simple-login')
export class DeesSimpleLogin extends DeesElement {
// STATIC
- public static demo = () => html`
-
- Hello there
-
- `;
+ public static demo = demoFunc
// INSTANCE
@property()
diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts
index 7d31db9..f9d827c 100644
--- a/ts_web/elements/index.ts
+++ b/ts_web/elements/index.ts
@@ -15,6 +15,7 @@ export * from './dees-input-radio.js';
export * from './dees-input-text.js';
export * from './dees-mobilenavigation.js';
export * from './dees-pdf.js';
+export * from './dees-simple-appdash.js';
export * from './dees-simple-login.js';
export * from './dees-speechbubble.js';
export * from './dees-spinner.js';