@design.estate/dees-wcctools 1.0.77

package/dist_ts_web/elements/wcc-properties.js

@@ -0,0 +1,402 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { DeesElement, property, html, customElement, state } from '@design.estate/dees-element';
+import { WccDashboard } from './wcc-dashboard.js';
+let environment = 'native';
+export const setEnvironment = (envArg) => {
+    environment = envArg;
+};
+export let WccProperties = class WccProperties extends DeesElement {
+    constructor() {
+        super(...arguments);
+        this.selectedViewport = 'native';
+        this.selectedTheme = 'dark';
+        this.warning = null;
+        this.propertyContent = [];
+    }
+    render() {
+        return html `
+      <style>
+        :host {
+          font-family: 'Roboto', sans-serif;
+          box-sizing: border-box;
+          position: absolute;
+          left: 200px;
+          height: 100px;
+          bottom: 0px;
+          right: 0px;
+          overflow: hidden;
+          background: #111;
+          color: #fff;
+        }
+        .grid {
+          display: grid;
+          grid-template-columns: auto 150px 300px 70px;
+        }
+        .properties {
+          border-right: 1px solid #999;
+          height: 100px;
+          overflow-y: auto;
+          display: grid;
+          grid-template-columns: 33% 33% 33%;
+        }
+
+        .material-symbols-outlined {
+          font-family: 'Material Symbols Outlined';
+          font-weight: normal;
+          font-style: normal;
+          font-size: 24px;  /* Preferred icon size */
+          display: inline-block;
+          line-height: 1;
+          text-transform: none;
+          letter-spacing: normal;
+          word-wrap: normal;
+          white-space: nowrap;
+          direction: ltr;
+          font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
+        }
+
+        .properties .property {
+          padding: 5px;
+          background: #444;
+          border: 1px solid #000;
+        }
+
+        .properties input,
+        .properties select {
+          display: block;
+          width: 100%;
+          background: #333;
+          border: none;
+          color: #fff;
+        }
+
+        .viewportSelector,
+        .themeSelector {
+          user-select: none;
+          border-right: 1px solid #999;
+        }
+        .selectorButtons2 {
+          display: grid;
+          grid-template-columns: 50% 50%;
+        }
+        .selectorButtons4 {
+          display: grid;
+          grid-template-columns: 25% 25% 25% 25%;
+        }
+        .button {
+          padding: 10px;
+          text-align: center;
+          border: 1px solid #000;
+          transition: all 0.2s;
+        }
+        .button:hover {
+          cursor: pointer;
+          color: #333;
+          background: #fff;
+        }
+
+        .button.selected {
+          background: #455a64;
+        }
+
+        .button.selected:hover {
+          cursor: pointer;
+          color: #ffffff;
+          background: #455a64;
+        }
+
+        .panelheading {
+          padding: 5px;
+          font-weight: bold;
+          background: #444;
+          border: 1px solid #000;
+        }
+        .docs {
+          text-align: center;
+          line-height: 100px;
+          text-transform: uppercase;
+        }
+
+        .docs:hover {
+          cursor: pointer;
+          color: #333;
+          background: #fff;
+        }
+
+        .warning {
+          position: absolute;
+          background: #222;
+          color: #CCC;
+          top: 0px;
+          bottom: 0px;
+          left: 0px;
+          right: 520px;
+          text-align: center;
+          padding: 35px;
+          font-size: 25px;
+        }
+      </style>
+      <div class="grid">
+        <div class="properties">
+          <div class="panelheading">Properties</div>
+          ${this.propertyContent}
+        </div>
+        <div class="themeSelector">
+          <div class="panelheading">Theme</div>
+          <div class="selectorButtons2">
+            <div
+              class="button ${this.selectedTheme === 'dark' ? 'selected' : null}"
+              @click=${() => {
+            this.selectTheme('dark');
+        }}
+            >
+              Dark<br /><i class="material-symbols-outlined">brightness_3</i>
+            </div>
+            <div
+              class="button ${this.selectedTheme === 'bright' ? 'selected' : null}"
+              @click=${() => {
+            this.selectTheme('bright');
+        }}
+            >
+              Bright<br /><i class="material-symbols-outlined">flare</i>
+            </div>
+          </div>
+        </div>
+        <div class="viewportSelector">
+          <div class="panelheading">Viewport</div>
+          <div class="selectorButtons4">
+            <div
+              class="button ${this.selectedViewport === 'phone' ? 'selected' : null}"
+              @click=${() => {
+            this.selectViewport('phone');
+        }}
+            >
+              Phone<br /><i class="material-symbols-outlined">smartphone</i>
+            </div>
+            <div
+              class="button ${this.selectedViewport === 'phablet' ? 'selected' : null}"
+              @click=${() => {
+            this.selectViewport('phablet');
+        }}
+            >
+              Phablet<br /><i class="material-symbols-outlined">smartphone</i>
+            </div>
+            <div
+              class="button ${this.selectedViewport === 'tablet' ? 'selected' : null}"
+              @click=${() => {
+            this.selectViewport('tablet');
+        }}
+            >
+              Tablet<br /><i class="material-symbols-outlined">tablet</i>
+            </div>
+            <div
+              class="button ${this.selectedViewport === 'desktop' ||
+            this.selectedViewport === 'native'
+            ? 'selected'
+            : null}"
+              @click=${() => {
+            this.selectViewport('native');
+        }}
+            >
+              Desktop<br /><i class="material-symbols-outlined">desktop_windows</i>
+            </div>
+          </div>
+        </div>
+        <div class="docs">Docs</div>
+      </div>
+      ${this.warning ? html `<div class="warning">${this.warning}</div>` : null}
+    `;
+    }
+    async createProperties() {
+        console.log('creating properties for:');
+        console.log(this.selectedItem);
+        const isEnumeration = (propertyArg) => {
+            const keys = Object.keys(propertyArg.type);
+            const values = [];
+            for (const key of keys) {
+                let value = propertyArg.type[key];
+                if (typeof value === 'number') {
+                    value = value.toString();
+                }
+                values.push(value);
+            }
+            for (const key of keys) {
+                if (values.indexOf(key) < 0) {
+                    return false;
+                }
+            }
+            return true;
+        };
+        const getEnumValues = (propertyArg) => {
+            console.log(JSON.stringify(propertyArg));
+            const enumValues = [];
+            Object.keys(propertyArg.type).forEach((valueArg) => {
+                enumValues.push(valueArg);
+            });
+            return enumValues;
+        };
+        const determinePropertyType = async (propertyArg) => {
+            const typeName = propertyArg.type.name;
+            if (typeName) {
+                return typeName;
+            }
+            else {
+                return Array.isArray(propertyArg)
+                    ? 'Array'
+                    : isEnumeration(propertyArg)
+                        ? 'Enum'
+                        : 'Object';
+            }
+        };
+        if (this.selectedItem && this.selectedItem.demo) {
+            console.log(`Got Dees-Element for property evaluation.`);
+            const anonItem = this.selectedItem;
+            if (!anonItem) {
+                this.warning = 'no element selected';
+                return;
+            }
+            console.log(anonItem.elementProperties);
+            const wccFrame = await this.dashboardRef.wccFrame;
+            let firstFoundInstantiatedElement;
+            for (const element of Array.from((await wccFrame.getViewportElement()).children)) {
+                if (element instanceof this.selectedItem) {
+                    firstFoundInstantiatedElement = element;
+                    break;
+                }
+            }
+            if (!firstFoundInstantiatedElement) {
+                this.warning = `no first instantiated element found for >>${anonItem.name}<<`;
+                return;
+            }
+            const classProperties = anonItem.elementProperties;
+            if (!classProperties) {
+                this.warning = `selected element >>${anonItem.name}<< does not expose element properties`;
+                return;
+            }
+            this.warning = null;
+            const propertyArray = [];
+            for (const key of classProperties.keys()) {
+                if (key === 'goBright' || key === 'domtools') {
+                    continue;
+                }
+                const property = classProperties.get(key);
+                const propertyTypeString = await determinePropertyType(property);
+                propertyArray.push(html `
+            <div class="property">
+              ${key} / ${propertyTypeString}<br />
+              ${(() => {
+                    switch (propertyTypeString) {
+                        case 'Boolean':
+                            return html `<input
+                      type="checkbox"
+                      ?checked=${firstFoundInstantiatedElement[key]}
+                      @input="${(eventArg) => {
+                                firstFoundInstantiatedElement[key] = eventArg.target.checked;
+                            }}"
+                    />`;
+                        case 'String':
+                            return html `<input
+                      type="text"
+                      value=${firstFoundInstantiatedElement[key]}
+                      @input="${(eventArg) => {
+                                firstFoundInstantiatedElement[key] = eventArg.target.value;
+                            }}"
+                    />`;
+                        case 'Number':
+                            return html `<input
+                      type="number"
+                      value=${firstFoundInstantiatedElement[key]}
+                      @input="${(eventArg) => {
+                                firstFoundInstantiatedElement[key] = eventArg.target.value;
+                            }}"
+                    />`;
+                        case 'Enum':
+                            const enumValues = getEnumValues(property);
+                            return html `<select
+                      @change="${(eventArg) => {
+                                firstFoundInstantiatedElement[key] = eventArg.target.value;
+                            }}"
+                    >
+                      ${enumValues.map((valueArg) => {
+                                return html `
+                          <option
+                            ?selected=${valueArg === firstFoundInstantiatedElement[key] ? true : false}
+                            name="${valueArg}"
+                          >
+                            ${valueArg}
+                          </option>
+                        `;
+                            })}
+                    </select>`;
+                    }
+                })()}
+            </div>
+          `);
+            }
+            this.propertyContent = propertyArray;
+        }
+        else {
+            console.log(`Cannot extract properties of ${this.selectedItem?.name}`);
+            this.warning = `You selected a page.`;
+            return null;
+        }
+    }
+    selectTheme(themeArg) {
+        this.selectedTheme = themeArg;
+        this.dispatchEvent(new CustomEvent('selectedTheme', {
+            detail: themeArg,
+        }));
+        console.log(this.dashboardRef.selectedType);
+        this.dashboardRef.buildUrl();
+    }
+    async scheduleUpdate() {
+        await this.createProperties();
+        super.scheduleUpdate();
+    }
+    selectViewport(viewport) {
+        this.selectedViewport = viewport;
+        setEnvironment(viewport);
+        this.dispatchEvent(new CustomEvent('selectedViewport', {
+            detail: viewport,
+        }));
+        this.dashboardRef.buildUrl();
+    }
+};
+__decorate([
+    property({
+        type: WccDashboard
+    }),
+    __metadata("design:type", WccDashboard)
+], WccProperties.prototype, "dashboardRef", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], WccProperties.prototype, "selectedItem", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], WccProperties.prototype, "selectedViewport", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], WccProperties.prototype, "selectedTheme", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", String)
+], WccProperties.prototype, "warning", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], WccProperties.prototype, "propertyContent", void 0);
+WccProperties = __decorate([
+    customElement('wcc-properties')
+], WccProperties);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2NjLXByb3BlcnRpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvd2NjLXByb3BlcnRpZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsS0FBSyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBT2xELElBQUksV0FBVyxHQUFpQixRQUFRLENBQUM7QUFFekMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsTUFBTSxFQUFFLEVBQUU7SUFDdkMsV0FBVyxHQUFHLE1BQU0sQ0FBQztBQUN2QixDQUFDLENBQUM7QUFHSyxXQUFNLGFBQWEsR0FBbkIsTUFBTSxhQUFjLFNBQVEsV0FBVztJQUF2Qzs7UUFVRSxxQkFBZ0IsR0FBaUIsUUFBUSxDQUFDO1FBRzFDLGtCQUFhLEdBQVcsTUFBTSxDQUFDO1FBRy9CLFlBQU8sR0FBVyxJQUFJLENBQUM7UUFHOUIsb0JBQWUsR0FBcUIsRUFBRSxDQUFDO0lBc1d6QyxDQUFDO0lBcFdRLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7WUE2SEgsSUFBSSxDQUFDLGVBQWU7Ozs7Ozs4QkFNRixJQUFJLENBQUMsYUFBYSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJO3VCQUN4RCxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLENBQUM7Ozs7OzhCQUtlLElBQUksQ0FB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

package/dist_ts_web/elements/wcc-sidebar.d.ts

@@ -0,0 +1,11 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import { WccDashboard } from './wcc-dashboard.js';
+export type TElementType = 'element' | 'page';
+export declare class WccSidebar extends DeesElement {
+    websites: string[];
+    selectedItem: DeesElement | (() => TemplateResult);
+    selectedType: TElementType;
+    dashboardRef: WccDashboard;
+    render(): TemplateResult;
+    selectItem(typeArg: TElementType, itemNameArg: string, itemArg: (() => TemplateResult) | DeesElement): void;
+}

package/dist_ts_web/elements/wcc-sidebar.js

@@ -0,0 +1,201 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import * as plugins from '../wcctools.plugins.js';
+import { DeesElement, property, html, customElement } from '@design.estate/dees-element';
+import { WccDashboard } from './wcc-dashboard.js';
+export let WccSidebar = class WccSidebar extends DeesElement {
+    constructor() {
+        super(...arguments);
+        this.websites = [];
+    }
+    render() {
+        return html `
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+      <style>
+        :host {
+          display: block;
+          border-right: 1px solid #999;
+          font-family: 'Roboto', sans-serif;
+          box-sizing: border-box;
+          position: absolute;
+          left: 0px;
+          width: 200px;
+          top: 0px;
+          bottom: 0px;
+          overflow-y: scroll;
+          overflow-x: hidden;
+          background: #222;
+          color: #fff;
+          padding: 5px;
+        }
+
+        .material-symbols-outlined {
+          font-family: 'Material Symbols Outlined';
+          font-weight: normal;
+          font-style: normal;
+          font-size: 24px;  /* Preferred icon size */
+          display: inline-block;
+          line-height: 1;
+          text-transform: none;
+          letter-spacing: normal;
+          word-wrap: normal;
+          white-space: nowrap;
+          direction: ltr;
+          font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
+        }
+
+        .heading {
+          font-size: 24px;
+          text-align: center;        
+          margin: 20px 5px 5px 5px;
+        }
+
+        .heading a {
+          text-decoration: none;
+          color: #fff;
+        }
+
+        .subheading {
+          text-align: center;
+        }
+        .selectOption {
+          position: relative;
+          line-height: 24px;
+          padding: 5px;
+          transition: all 0.2s;
+          display: grid;
+          grid-template-columns: 28px auto;
+        }
+        .selectOption:hover {
+          cursor: pointer;
+          padding: 5px;
+          color: #333;
+          background: #fff;
+        }
+
+        .selectOption.selected {
+          background: #455A64;;
+        }
+
+        .selectOption.selected:hover {
+          cursor: pointer;
+          color: #ffffff;
+          background: #455A64;
+        }
+
+        .selectOption .material-symbols-outlined {
+          color: #666;
+          display: block;
+          transition: all 0.2s;
+        }
+
+        .selectOption.selected .material-symbols-outlined {
+          color: #000;
+        }
+
+        .selectOption .text {
+          display: block;
+          word-wrap: break-word;
+          word-break: break-all;
+          max-width: 100%;
+        }
+
+        
+      </style>
+      <div class="heading">
+        <a href="https://gitlab.com/designestate/dees-wcctools" target="_blank">wcctools</a>
+      </div>
+      <div class="subheading">
+        by Lossless GmbH
+      </div>
+      <div class="menu">
+        <h3>Live Websites</h3>
+        ${this.websites.map(website => {
+            return html `<div class="selectOption"><i class="material-symbols-outlined">ondemand_video</i><div class="text">${website}</div></div>`;
+        })}
+        <h3>Pages</h3>
+        ${(() => {
+            const pages = Object.keys(this.dashboardRef.pages);
+            return pages.map(pageName => {
+                const item = this.dashboardRef.pages[pageName];
+                return html `
+              <div
+                class="selectOption ${this.selectedItem === item ? 'selected' : null}"
+                @click=${async () => {
+                    const domtools = await plugins.deesDomtools.DomTools.setupDomTools();
+                    this.selectItem('page', pageName, item);
+                }}
+              >
+                <i class="material-symbols-outlined">insert_drive_file</i>
+                <div class="text">${pageName}</div>
+              </div>
+            `;
+            });
+        })()}
+        <h3>Elements</h3>
+        ${(() => {
+            const elements = Object.keys(this.dashboardRef.elements);
+            return elements.map(elementName => {
+                const item = this.dashboardRef.elements[elementName];
+                return html `
+              <div
+                class="selectOption ${this.selectedItem === item ? 'selected' : null}"
+                @click=${async () => {
+                    const domtools = await plugins.deesDomtools.DomTools.setupDomTools();
+                    this.selectItem('element', elementName, item);
+                }}
+              >
+                <i class="material-symbols-outlined">featured_video</i>
+                <div class="text">${elementName}</div>
+              </div>
+            `;
+            });
+        })()}
+      </menu>
+    `;
+    }
+    selectItem(typeArg, itemNameArg, itemArg) {
+        console.log('selected item');
+        console.log(itemNameArg);
+        console.log(itemArg);
+        this.selectedItem = itemArg;
+        this.selectedType = typeArg;
+        this.dispatchEvent(new CustomEvent('selectedType', {
+            detail: typeArg
+        }));
+        this.dispatchEvent(new CustomEvent('selectedItemName', {
+            detail: itemNameArg
+        }));
+        this.dispatchEvent(new CustomEvent('selectedItem', {
+            detail: itemArg
+        }));
+        this.dashboardRef.buildUrl();
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], WccSidebar.prototype, "websites", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], WccSidebar.prototype, "selectedItem", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", String)
+], WccSidebar.prototype, "selectedType", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", WccDashboard)
+], WccSidebar.prototype, "dashboardRef", void 0);
+WccSidebar = __decorate([
+    customElement('wcc-sidebar')
+], WccSidebar);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2NjLXNpZGViYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvd2NjLXNpZGViYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE9BQU8sTUFBTSx3QkFBd0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQzlHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUszQyxXQUFNLFVBQVUsR0FBaEIsTUFBTSxVQUFXLFNBQVEsV0FBVztJQUFwQzs7UUFFRSxhQUFRLEdBQWEsRUFBRSxDQUFDO0lBc0xqQyxDQUFDO0lBM0tRLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7VUFxR0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDNUIsT0FBTyxJQUFJLENBQUEsc0dBQXNHLE9BQU8sY0FBYyxDQUFDO1FBQ3pJLENBQUMsQ0FBQzs7VUFFQSxDQUFDLEdBQUcsRUFBRTtZQUNOLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNuRCxPQUFPLEtBQUssQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzFCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUMvQyxPQUFPLElBQUksQ0FBQTs7c0NBRWUsSUFBSSxDQUFDLFlBQVksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUs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

package/dist_ts_web/index.d.ts

@@ -0,0 +1,7 @@
+import { LitElement, type TemplateResult } from 'lit';
+declare const setupWccTools: (elementsArg?: {
+    [key: string]: LitElement;
+}, pagesArg?: {
+    [key: string]: () => TemplateResult;
+}) => void;
+export { setupWccTools };

package/dist_ts_web/index.js

@@ -0,0 +1,16 @@
+import { WccDashboard } from './elements/wcc-dashboard.js';
+import { LitElement } from 'lit';
+const setupWccTools = (elementsArg, pagesArg) => {
+    let hasRun = false;
+    const runWccToolsSetup = async () => {
+        if (document.readyState === 'complete' && !hasRun) {
+            hasRun = true;
+            const wccTools = new WccDashboard(elementsArg, pagesArg);
+            document.querySelector('body').append(wccTools);
+        }
+    };
+    document.addEventListener('readystatechange', runWccToolsSetup);
+    runWccToolsSetup();
+};
+export { setupWccTools };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQXVCLE1BQU0sS0FBSyxDQUFDO0FBRXRELE1BQU0sYUFBYSxHQUFHLENBQUMsV0FBMkMsRUFBRSxRQUFrRCxFQUFFLEVBQUU7SUFDeEgsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ25CLE1BQU0sZ0JBQWdCLEdBQUcsS0FBSyxJQUFJLEVBQUU7UUFDbEMsSUFBSSxRQUFRLENBQUMsVUFBVSxLQUFLLFVBQVUsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNqRCxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBQ2QsTUFBTSxRQUFRLEdBQUcsSUFBSSxZQUFZLENBQUMsV0FBa0IsRUFBRSxRQUFRLENBQUMsQ0FBQztZQUNoRSxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNqRDtJQUNILENBQUMsQ0FBQztJQUNGLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ2hFLGdCQUFnQixFQUFFLENBQUM7QUFDckIsQ0FBQyxDQUFDO0FBRUYsT0FBTyxFQUNMLGFBQWEsRUFDZCxDQUFDIn0=

package/dist_ts_web/wcctools.plugins.d.ts

@@ -0,0 +1,4 @@
+import * as smartdelay from '@push.rocks/smartdelay';
+export { smartdelay };
+import * as deesDomtools from '@design.estate/dees-domtools';
+export { deesDomtools };

package/dist_ts_web/wcctools.plugins.js

@@ -0,0 +1,5 @@
+import * as smartdelay from '@push.rocks/smartdelay';
+export { smartdelay };
+import * as deesDomtools from '@design.estate/dees-domtools';
+export { deesDomtools };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2NjdG9vbHMucGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3RzX3dlYi93Y2N0b29scy5wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxVQUFVLE1BQU0sd0JBQXdCLENBQUM7QUFFckQsT0FBTyxFQUNMLFVBQVUsRUFDWCxDQUFDO0FBRUYsT0FBTyxLQUFLLFlBQVksTUFBTSw4QkFBOEIsQ0FBQztBQUU3RCxPQUFPLEVBQ0wsWUFBWSxFQUNiLENBQUMifQ==