design.estate/dees-wcctools
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2021-09-27 14:45:05 +02:00
parent 1639a57bd1
commit 77d058f403
2 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
package-lock.json generated
View File

@ -1819,14 +1819,14 @@
} }
}, },
"node_modules/@designestate/dees-comms": { "node_modules/@designestate/dees-comms": {
"version": "1.0.10", "version": "1.0.11",
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.10.tgz", "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.11.tgz",
"integrity": "sha512-IqzZWYS8Pk/nHzD4zCpOr4dTKCb887DXVRQeApmAiwoGJaFhTMhEPmUs1XJPG5c4EXFxZ1v0vsSrmysc3uEPtg==", "integrity": "sha512-dli893c4j7SLkby9fF8vcXMS5KRdQOREQrPARoNISKnLJFAHyQHm8w2uOPmSIJXPvYF3Sx3a9iOmijUVU9IxjQ==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@apiglobal/typedrequest": "^1.0.58", "@apiglobal/typedrequest": "^1.0.58",
"@apiglobal/typedrequest-interfaces": "^1.0.15", "@apiglobal/typedrequest-interfaces": "^1.0.15",
"broadcast-channel": "^4.2.0" "broadcast-channel": "^3.7.0"
} }
}, },
"node_modules/@designestate/dees-domtools": { "node_modules/@designestate/dees-domtools": {
@ -4600,9 +4600,9 @@
} }
}, },
"node_modules/broadcast-channel": { "node_modules/broadcast-channel": {
"version": "4.2.0", "version": "3.7.0",
"resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-4.2.0.tgz", "resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-3.7.0.tgz",
"integrity": "sha512-XX9yNnIy/v2T+HR5EKIH7ziM2mYTefsrzZ2lkCmFZxwCDG7Ns7HLIooUXA114sCeFRJ4MEXEgdMapxfPDh9Xkg==", "integrity": "sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.7.2", "@babel/runtime": "^7.7.2",
@ -16792,13 +16792,13 @@
} }
}, },
"@designestate/dees-comms": { "@designestate/dees-comms": {
"version": "1.0.10", "version": "1.0.11",
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.10.tgz", "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.11.tgz",
"integrity": "sha512-IqzZWYS8Pk/nHzD4zCpOr4dTKCb887DXVRQeApmAiwoGJaFhTMhEPmUs1XJPG5c4EXFxZ1v0vsSrmysc3uEPtg==", "integrity": "sha512-dli893c4j7SLkby9fF8vcXMS5KRdQOREQrPARoNISKnLJFAHyQHm8w2uOPmSIJXPvYF3Sx3a9iOmijUVU9IxjQ==",
"requires": { "requires": {
"@apiglobal/typedrequest": "^1.0.58", "@apiglobal/typedrequest": "^1.0.58",
"@apiglobal/typedrequest-interfaces": "^1.0.15", "@apiglobal/typedrequest-interfaces": "^1.0.15",
"broadcast-channel": "^4.2.0" "broadcast-channel": "^3.7.0"
} }
}, },
"@designestate/dees-domtools": { "@designestate/dees-domtools": {
@ -19080,9 +19080,9 @@
} }
}, },
"broadcast-channel": { "broadcast-channel": {
"version": "4.2.0", "version": "3.7.0",
"resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-4.2.0.tgz", "resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-3.7.0.tgz",
"integrity": "sha512-XX9yNnIy/v2T+HR5EKIH7ziM2mYTefsrzZ2lkCmFZxwCDG7Ns7HLIooUXA114sCeFRJ4MEXEgdMapxfPDh9Xkg==", "integrity": "sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==",
"requires": { "requires": {
"@babel/runtime": "^7.7.2", "@babel/runtime": "^7.7.2",
"detect-node": "^2.1.0", "detect-node": "^2.1.0",

51
ts_web/elements/wcc-properties.ts
View File

@ -1,11 +1,4 @@
import { import { LitElement, property, html, customElement, TemplateResult, state } from 'lit-element';
LitElement,
property,
html,
customElement,
TemplateResult,
state,
} from 'lit-element';
import { WccDashboard } from './wcc-dashboard'; import { WccDashboard } from './wcc-dashboard';
export type TPropertyType = 'String' | 'Number' | 'Boolean' | 'Object' | 'Enum' | 'Array'; export type TPropertyType = 'String' | 'Number' | 'Boolean' | 'Object' | 'Enum' | 'Array';
@ -25,7 +18,7 @@ export class WccProperties extends LitElement {
dashboardRef: WccDashboard; dashboardRef: WccDashboard;
@property() @property()
public selectedItem: TemplateResult | LitElement; public selectedItem: (() => TemplateResult) | LitElement;
@property() @property()
public selectedViewport: TEnvironment = 'native'; public selectedViewport: TEnvironment = 'native';
@ -73,7 +66,8 @@ export class WccProperties extends LitElement {
border: 1px solid #000; border: 1px solid #000;
} }
.properties input, .properties select { .properties input,
.properties select {
display: block; display: block;
width: 100%; width: 100%;
background: #333; background: #333;
@ -81,7 +75,6 @@ export class WccProperties extends LitElement {
color: #fff; color: #fff;
} }
.viewportSelector, .viewportSelector,
.themeSelector { .themeSelector {
user-select: none; user-select: none;
@ -220,7 +213,8 @@ export class WccProperties extends LitElement {
} }
public async createProperties() { public async createProperties() {
console.log('creating properties'); console.log('creating properties for:');
console.log(this.selectedItem);
const isEnumeration = (propertyArg): boolean => { const isEnumeration = (propertyArg): boolean => {
const keys = Object.keys(propertyArg.type); const keys = Object.keys(propertyArg.type);
const values = []; const values = [];
@ -240,7 +234,7 @@ export class WccProperties extends LitElement {
}; };
const getEnumValues = (propertyArg): any[] => { const getEnumValues = (propertyArg): any[] => {
console.log(JSON.stringify(propertyArg)); console.log(JSON.stringify(propertyArg));
const enumValues : any[] = []; const enumValues: any[] = [];
Object.keys(propertyArg.type).forEach((valueArg: string) => { Object.keys(propertyArg.type).forEach((valueArg: string) => {
enumValues.push(valueArg); enumValues.push(valueArg);
}); });
@ -258,11 +252,10 @@ export class WccProperties extends LitElement {
: 'Object'; : 'Object';
} }
}; };
if (this.selectedItem && !((this.selectedItem as any)._classProperties)) { if (this.selectedItem && (this.selectedItem as any).demo) {
console.log(`Got Dees-Element for property evaluation.`);
const anonItem: any = this.selectedItem; const anonItem: any = this.selectedItem;
if (!anonItem._classProperties) { console.log(anonItem.elementProperties);
return html`You have selected a page!`;
}
const wccFrame = await this.dashboardRef.wccFrame; const wccFrame = await this.dashboardRef.wccFrame;
let selectedElement: HTMLElement; let selectedElement: HTMLElement;
for (const element of Array.from(wccFrame.children)) { for (const element of Array.from(wccFrame.children)) {
@ -271,11 +264,10 @@ export class WccProperties extends LitElement {
break; break;
} }
} }
console.log(selectedElement); const classProperties: Map<string, any> = anonItem.elementProperties;
const classProperties: Map<string, any> = anonItem._classProperties;
const propertyArray: TemplateResult[] = []; const propertyArray: TemplateResult[] = [];
for (const key of classProperties.keys()) { for (const key of classProperties.keys()) {
if (key === 'goBright' || key === 'domtools') { if (key === 'goBright' || key === 'domtools') {
continue; continue;
} }
const property = classProperties.get(key); const property = classProperties.get(key);
@ -283,7 +275,7 @@ export class WccProperties extends LitElement {
propertyArray.push( propertyArray.push(
html` html`
<div class="property"> <div class="property">
${key} / ${propertyTypeString}<br> ${key} / ${propertyTypeString}<br />
${(() => { ${(() => {
switch (propertyTypeString) { switch (propertyTypeString) {
case 'Boolean': case 'Boolean':
@ -313,12 +305,18 @@ export class WccProperties extends LitElement {
case 'Enum': case 'Enum':
const enumValues: any[] = getEnumValues(property); const enumValues: any[] = getEnumValues(property);
return html`<select return html`<select
@change="${(eventArg:any)=>{ @change="${(eventArg: any) => {
selectedElement[key]=eventArg.target.value; selectedElement[key] = eventArg.target.value;
}}"> }}"
${enumValues.map(valueArg => { >
${enumValues.map((valueArg) => {
return html` return html`
<option ?selected=${valueArg === selectedElement[key] ? true : false} name="${valueArg}">${valueArg}</option> <option
?selected=${valueArg === selectedElement[key] ? true : false}
name="${valueArg}"
>
${valueArg}
</option>
`; `;
})} })}
</select>`; </select>`;
@ -330,6 +328,7 @@ export class WccProperties extends LitElement {
} }
this.propertyContent = propertyArray; this.propertyContent = propertyArray;
} else { } else {
console.log(`Cannot extract properties of ${(this.selectedItem as any)?.name}`)
return null; return null;
} }
} }