diff --git a/package.json b/package.json index 3cc701c..05acc94 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "type": "module", "scripts": { "test": "(npm run build)", - "build": "(tsbuild custom ts_web --web && tsbundle element)", + "build": "(tsbuild element --web --allowimplicitany --skiplibcheck && tsbundle element)", "watch": "tswatch element" }, "author": "Lossless GmbH", diff --git a/ts_web/elements/wcc-dashboard.ts b/ts_web/elements/wcc-dashboard.ts index 0136e58..e6c333f 100644 --- a/ts_web/elements/wcc-dashboard.ts +++ b/ts_web/elements/wcc-dashboard.ts @@ -3,17 +3,16 @@ import { DeesElement, property, html, customElement, TemplateResult, queryAsync import * as plugins from '../wcctools.plugins.js'; // wcc tools -import './wcc-frame'; -import './wcc-sidebar'; -import './wcc-properties'; -import { TTheme } from './wcc-properties'; -import { TElementType } from './wcc-sidebar'; +import './wcc-frame.js'; +import './wcc-sidebar.js'; +import './wcc-properties.js'; +import { TTheme } from './wcc-properties.js'; +import { TElementType } from './wcc-sidebar.js'; import { breakpoints } from '@designestate/dees-domtools'; -import { WccFrame } from './wcc-frame'; +import { WccFrame } from './wcc-frame.js'; @customElement('wcc-dashboard') export class WccDashboard extends DeesElement { - public domtools: plugins.deesDomtools.DomTools; @property() public selectedType: TElementType; diff --git a/ts_web/elements/wcc-properties.ts b/ts_web/elements/wcc-properties.ts index 3010e5d..140b39f 100644 --- a/ts_web/elements/wcc-properties.ts +++ b/ts_web/elements/wcc-properties.ts @@ -1,4 +1,4 @@ -import { LitElement, property, html, customElement, TemplateResult, state } from 'lit-element'; +import { DeesElement, property, html, customElement, TemplateResult, state } from '@designestate/dees-element'; import { WccDashboard } from './wcc-dashboard.js'; export type TPropertyType = 'String' | 'Number' | 'Boolean' | 'Object' | 'Enum' | 'Array'; @@ -13,12 +13,14 @@ export const setEnvironment = (envArg) => { }; @customElement('wcc-properties') -export class WccProperties extends LitElement { - @property() - dashboardRef: WccDashboard; +export class WccProperties extends DeesElement { + @property({ + type: WccDashboard + }) + public dashboardRef: WccDashboard; @property() - public selectedItem: (() => TemplateResult) | LitElement; + public selectedItem: (() => TemplateResult) | DeesElement; @property() public selectedViewport: TEnvironment = 'native';