fix(core): update
This commit is contained in:
28
package-lock.json
generated
28
package-lock.json
generated
@@ -1819,14 +1819,14 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@designestate/dees-comms": {
|
||||
"version": "1.0.10",
|
||||
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.10.tgz",
|
||||
"integrity": "sha512-IqzZWYS8Pk/nHzD4zCpOr4dTKCb887DXVRQeApmAiwoGJaFhTMhEPmUs1XJPG5c4EXFxZ1v0vsSrmysc3uEPtg==",
|
||||
"version": "1.0.11",
|
||||
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.11.tgz",
|
||||
"integrity": "sha512-dli893c4j7SLkby9fF8vcXMS5KRdQOREQrPARoNISKnLJFAHyQHm8w2uOPmSIJXPvYF3Sx3a9iOmijUVU9IxjQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@apiglobal/typedrequest": "^1.0.58",
|
||||
"@apiglobal/typedrequest-interfaces": "^1.0.15",
|
||||
"broadcast-channel": "^4.2.0"
|
||||
"broadcast-channel": "^3.7.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@designestate/dees-domtools": {
|
||||
@@ -4600,9 +4600,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/broadcast-channel": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-4.2.0.tgz",
|
||||
"integrity": "sha512-XX9yNnIy/v2T+HR5EKIH7ziM2mYTefsrzZ2lkCmFZxwCDG7Ns7HLIooUXA114sCeFRJ4MEXEgdMapxfPDh9Xkg==",
|
||||
"version": "3.7.0",
|
||||
"resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-3.7.0.tgz",
|
||||
"integrity": "sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@babel/runtime": "^7.7.2",
|
||||
@@ -16792,13 +16792,13 @@
|
||||
}
|
||||
},
|
||||
"@designestate/dees-comms": {
|
||||
"version": "1.0.10",
|
||||
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.10.tgz",
|
||||
"integrity": "sha512-IqzZWYS8Pk/nHzD4zCpOr4dTKCb887DXVRQeApmAiwoGJaFhTMhEPmUs1XJPG5c4EXFxZ1v0vsSrmysc3uEPtg==",
|
||||
"version": "1.0.11",
|
||||
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-comms/-/dees-comms-1.0.11.tgz",
|
||||
"integrity": "sha512-dli893c4j7SLkby9fF8vcXMS5KRdQOREQrPARoNISKnLJFAHyQHm8w2uOPmSIJXPvYF3Sx3a9iOmijUVU9IxjQ==",
|
||||
"requires": {
|
||||
"@apiglobal/typedrequest": "^1.0.58",
|
||||
"@apiglobal/typedrequest-interfaces": "^1.0.15",
|
||||
"broadcast-channel": "^4.2.0"
|
||||
"broadcast-channel": "^3.7.0"
|
||||
}
|
||||
},
|
||||
"@designestate/dees-domtools": {
|
||||
@@ -19080,9 +19080,9 @@
|
||||
}
|
||||
},
|
||||
"broadcast-channel": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-4.2.0.tgz",
|
||||
"integrity": "sha512-XX9yNnIy/v2T+HR5EKIH7ziM2mYTefsrzZ2lkCmFZxwCDG7Ns7HLIooUXA114sCeFRJ4MEXEgdMapxfPDh9Xkg==",
|
||||
"version": "3.7.0",
|
||||
"resolved": "https://verdaccio.lossless.one/broadcast-channel/-/broadcast-channel-3.7.0.tgz",
|
||||
"integrity": "sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==",
|
||||
"requires": {
|
||||
"@babel/runtime": "^7.7.2",
|
||||
"detect-node": "^2.1.0",
|
||||
|
||||
@@ -1,11 +1,4 @@
|
||||
import {
|
||||
LitElement,
|
||||
property,
|
||||
html,
|
||||
customElement,
|
||||
TemplateResult,
|
||||
state,
|
||||
} from 'lit-element';
|
||||
import { LitElement, property, html, customElement, TemplateResult, state } from 'lit-element';
|
||||
import { WccDashboard } from './wcc-dashboard';
|
||||
|
||||
export type TPropertyType = 'String' | 'Number' | 'Boolean' | 'Object' | 'Enum' | 'Array';
|
||||
@@ -25,7 +18,7 @@ export class WccProperties extends LitElement {
|
||||
dashboardRef: WccDashboard;
|
||||
|
||||
@property()
|
||||
public selectedItem: TemplateResult | LitElement;
|
||||
public selectedItem: (() => TemplateResult) | LitElement;
|
||||
|
||||
@property()
|
||||
public selectedViewport: TEnvironment = 'native';
|
||||
@@ -73,7 +66,8 @@ export class WccProperties extends LitElement {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
.properties input, .properties select {
|
||||
.properties input,
|
||||
.properties select {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: #333;
|
||||
@@ -81,7 +75,6 @@ export class WccProperties extends LitElement {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.viewportSelector,
|
||||
.themeSelector {
|
||||
user-select: none;
|
||||
@@ -220,7 +213,8 @@ export class WccProperties extends LitElement {
|
||||
}
|
||||
|
||||
public async createProperties() {
|
||||
console.log('creating properties');
|
||||
console.log('creating properties for:');
|
||||
console.log(this.selectedItem);
|
||||
const isEnumeration = (propertyArg): boolean => {
|
||||
const keys = Object.keys(propertyArg.type);
|
||||
const values = [];
|
||||
@@ -240,7 +234,7 @@ export class WccProperties extends LitElement {
|
||||
};
|
||||
const getEnumValues = (propertyArg): any[] => {
|
||||
console.log(JSON.stringify(propertyArg));
|
||||
const enumValues : any[] = [];
|
||||
const enumValues: any[] = [];
|
||||
Object.keys(propertyArg.type).forEach((valueArg: string) => {
|
||||
enumValues.push(valueArg);
|
||||
});
|
||||
@@ -258,11 +252,10 @@ export class WccProperties extends LitElement {
|
||||
: '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;
|
||||
if (!anonItem._classProperties) {
|
||||
return html`You have selected a page!`;
|
||||
}
|
||||
console.log(anonItem.elementProperties);
|
||||
const wccFrame = await this.dashboardRef.wccFrame;
|
||||
let selectedElement: HTMLElement;
|
||||
for (const element of Array.from(wccFrame.children)) {
|
||||
@@ -271,11 +264,10 @@ export class WccProperties extends LitElement {
|
||||
break;
|
||||
}
|
||||
}
|
||||
console.log(selectedElement);
|
||||
const classProperties: Map<string, any> = anonItem._classProperties;
|
||||
const classProperties: Map<string, any> = anonItem.elementProperties;
|
||||
const propertyArray: TemplateResult[] = [];
|
||||
for (const key of classProperties.keys()) {
|
||||
if (key === 'goBright' || key === 'domtools') {
|
||||
if (key === 'goBright' || key === 'domtools') {
|
||||
continue;
|
||||
}
|
||||
const property = classProperties.get(key);
|
||||
@@ -283,7 +275,7 @@ export class WccProperties extends LitElement {
|
||||
propertyArray.push(
|
||||
html`
|
||||
<div class="property">
|
||||
${key} / ${propertyTypeString}<br>
|
||||
${key} / ${propertyTypeString}<br />
|
||||
${(() => {
|
||||
switch (propertyTypeString) {
|
||||
case 'Boolean':
|
||||
@@ -313,14 +305,20 @@ export class WccProperties extends LitElement {
|
||||
case 'Enum':
|
||||
const enumValues: any[] = getEnumValues(property);
|
||||
return html`<select
|
||||
@change="${(eventArg:any)=>{
|
||||
selectedElement[key]=eventArg.target.value;
|
||||
}}">
|
||||
${enumValues.map(valueArg => {
|
||||
return html`
|
||||
<option ?selected=${valueArg === selectedElement[key] ? true : false} name="${valueArg}">${valueArg}</option>
|
||||
`;
|
||||
})}
|
||||
@change="${(eventArg: any) => {
|
||||
selectedElement[key] = eventArg.target.value;
|
||||
}}"
|
||||
>
|
||||
${enumValues.map((valueArg) => {
|
||||
return html`
|
||||
<option
|
||||
?selected=${valueArg === selectedElement[key] ? true : false}
|
||||
name="${valueArg}"
|
||||
>
|
||||
${valueArg}
|
||||
</option>
|
||||
`;
|
||||
})}
|
||||
</select>`;
|
||||
}
|
||||
})()}
|
||||
@@ -330,6 +328,7 @@ export class WccProperties extends LitElement {
|
||||
}
|
||||
this.propertyContent = propertyArray;
|
||||
} else {
|
||||
console.log(`Cannot extract properties of ${(this.selectedItem as any)?.name}`)
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user