@design.estate/dees-wcctools 1.2.1 → 2.0.0

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

@@ -5,9 +5,9 @@ declare global {
     }
 }
 export declare class WccFrame extends DeesElement {
-    viewport: string;
-    advancedEditorOpen: boolean;
-    isFullscreen: boolean;
+    accessor viewport: string;
+    accessor advancedEditorOpen: boolean;
+    accessor isFullscreen: boolean;
     static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
     getDisplayedInstance(): Promise<void>;

package/dist_ts_web/elements/wcc-frame.js

@@ -1,22 +1,79 @@
-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 __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
 };
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
 };
 import { DeesElement, property, html, customElement, css, cssManager } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
-let WccFrame = class WccFrame extends DeesElement {
-    constructor() {
-        super(...arguments);
-        this.advancedEditorOpen = false;
-        this.isFullscreen = false;
-    }
-    static { this.styles = [
-        css `
+let WccFrame = (() => {
+    let _classDecorators = [customElement('wcc-frame')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _viewport_decorators;
+    let _viewport_initializers = [];
+    let _viewport_extraInitializers = [];
+    let _advancedEditorOpen_decorators;
+    let _advancedEditorOpen_initializers = [];
+    let _advancedEditorOpen_extraInitializers = [];
+    let _isFullscreen_decorators;
+    let _isFullscreen_initializers = [];
+    let _isFullscreen_extraInitializers = [];
+    var WccFrame = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _viewport_decorators = [property()];
+            _advancedEditorOpen_decorators = [property({ type: Boolean })];
+            _isFullscreen_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _viewport_decorators, { kind: "accessor", name: "viewport", static: false, private: false, access: { has: obj => "viewport" in obj, get: obj => obj.viewport, set: (obj, value) => { obj.viewport = value; } }, metadata: _metadata }, _viewport_initializers, _viewport_extraInitializers);
+            __esDecorate(this, null, _advancedEditorOpen_decorators, { kind: "accessor", name: "advancedEditorOpen", static: false, private: false, access: { has: obj => "advancedEditorOpen" in obj, get: obj => obj.advancedEditorOpen, set: (obj, value) => { obj.advancedEditorOpen = value; } }, metadata: _metadata }, _advancedEditorOpen_initializers, _advancedEditorOpen_extraInitializers);
+            __esDecorate(this, null, _isFullscreen_decorators, { kind: "accessor", name: "isFullscreen", static: false, private: false, access: { has: obj => "isFullscreen" in obj, get: obj => obj.isFullscreen, set: (obj, value) => { obj.isFullscreen = value; } }, metadata: _metadata }, _isFullscreen_initializers, _isFullscreen_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            WccFrame = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #viewport_accessor_storage = __runInitializers(this, _viewport_initializers, void 0);
+        get viewport() { return this.#viewport_accessor_storage; }
+        set viewport(value) { this.#viewport_accessor_storage = value; }
+        #advancedEditorOpen_accessor_storage = (__runInitializers(this, _viewport_extraInitializers), __runInitializers(this, _advancedEditorOpen_initializers, false));
+        get advancedEditorOpen() { return this.#advancedEditorOpen_accessor_storage; }
+        set advancedEditorOpen(value) { this.#advancedEditorOpen_accessor_storage = value; }
+        #isFullscreen_accessor_storage = (__runInitializers(this, _advancedEditorOpen_extraInitializers), __runInitializers(this, _isFullscreen_initializers, false));
+        get isFullscreen() { return this.#isFullscreen_accessor_storage; }
+        set isFullscreen(value) { this.#isFullscreen_accessor_storage = value; }
+        static styles = [
+            css `
       :host {
         border: 10px solid #ffaeaf;
         position: absolute;
@@ -36,9 +93,9 @@ let WccFrame = class WccFrame extends DeesElement {
         min-height: 100%;
       }
     `,
-    ]; }
-    render() {
-        return html `
+        ];
+        render() {
+            return html `
       <style>
         :host {
           ${this.isFullscreen ? `
@@ -54,31 +111,31 @@ let WccFrame = class WccFrame extends DeesElement {
           `}
           transition: all 0.3s ease;
           ${this.isFullscreen ? 'padding: 0px;' : (() => {
-            switch (this.viewport) {
-                case 'desktop':
-                    return `
+                switch (this.viewport) {
+                    case 'desktop':
+                        return `
                   padding: 0px 0px;
                 `;
-                case 'tablet':
-                    return `
+                    case 'tablet':
+                        return `
                   padding: 0px ${(document.body.clientWidth - 200 - domtools.breakpoints.tablet) / 2}px;
                 `;
-                case 'phablet':
-                    return `
+                    case 'phablet':
+                        return `
                   padding: 0px ${(document.body.clientWidth - 200 - domtools.breakpoints.phablet) / 2}px;
                 `;
-                case 'phone':
-                    return `
+                    case 'phone':
+                        return `
                   padding: 0px ${(document.body.clientWidth - 200 - domtools.breakpoints.phone) / 2}px;
                 `;
-            }
-        })()}
+                }
+            })()}
         }
 
         .viewport {
           ${!this.isFullscreen && this.viewport !== 'desktop'
-            ? html ` border-right: 1px dotted #444; border-left: 1px dotted #444; `
-            : html ``}
+                ? html ` border-right: 1px dotted #444; border-left: 1px dotted #444; `
+                : html ``}
           background:
           ${this.goBright ? `
               radial-gradient(#CCCCCC 3px, transparent 4px),
@@ -105,30 +162,24 @@ let WccFrame = class WccFrame extends DeesElement {
         
       </div>
     `;
-    }
-    async getDisplayedInstance() {
-        await this.updateComplete;
-        const slottedContent = this.children;
-        console.log(slottedContent);
-    }
-    async getViewportElement() {
-        return this.shadowRoot.querySelector('.viewport');
-    }
-};
-__decorate([
-    property(),
-    __metadata("design:type", String)
-], WccFrame.prototype, "viewport", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], WccFrame.prototype, "advancedEditorOpen", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], WccFrame.prototype, "isFullscreen", void 0);
-WccFrame = __decorate([
-    customElement('wcc-frame')
-], WccFrame);
+        }
+        async getDisplayedInstance() {
+            await this.updateComplete;
+            const slottedContent = this.children;
+            console.log(slottedContent);
+        }
+        async getViewportElement() {
+            return this.shadowRoot.querySelector('.viewport');
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _isFullscreen_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return WccFrame = _classThis;
+})();
 export { WccFrame };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2NjLWZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3djYy1mcmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUF1QixHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFL0gsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQVNsRCxJQUFNLFFBQVEsR0FBZCxNQUFNLFFBQVMsU0FBUSxXQUFXO0lBQWxDOztRQUtFLHVCQUFrQixHQUFZLEtBQUssQ0FBQztRQUdwQyxpQkFBWSxHQUFZLEtBQUssQ0FBQztJQWlIdkMsQ0FBQzthQS9HZSxXQUFNLEdBQUc7UUFDckIsR0FBRyxDQUFBOzs7O3NCQUllLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7O0tBZW5EO0tBQ0YsQUFyQm1CLENBcUJuQjtJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7O1lBR0gsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7Ozs7OztXQU1yQixDQUFDLENBQUMsQ0FBQztzQkFDUSxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTzs7O1dBR3REOztZQUVDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUU7WUFDOUMsUUFBUSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ3RCLEtBQUssU0FBUztvQkFDWixPQUFPOztpQkFFSixDQUFDO2dCQUNOLEtBQUssUUFBUTtvQkFDWCxPQUFPO2lDQUVELENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsR0FBRyxHQUFHLFFBQVEsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FDcEU7aUJBQ0QsQ0FBQztnQkFDTixLQUFLLFNBQVM7b0JBQ1osT0FBTztpQ0FFRCxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQ3JFO2lCQUNELENBQUM7Z0JBQ04sS0FBSyxPQUFPO29CQUNWLE9BQU87aUNBRUQsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxHQUFHLEdBQUcsUUFBUSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUNuRTtpQkFDRCxDQUFDO1lBQ1IsQ0FBQztRQUNELENBQUMsQ0FBQyxFQUFFOzs7O1lBSUYsQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssU0FBUztZQUNqRCxDQUFDLENBQUMsSUFBSSxDQUFBLGdFQUFnRTtZQUN0RSxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQ1I7O1lBR0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7Ozs7Ozs7OzthQVNmLENBQUMsQ0FBQyxDQUFDOzs7Ozs7Ozs7YUFVTjs7Ozs7O0tBTUwsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsb0JBQW9CO1FBQy9CLE1BQU0sSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUMxQixNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3JDLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVNLEtBQUssQ0FBQyxrQkFBa0I7UUFDN0IsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDbkUsQ0FBQzs7QUF0SE07SUFETixRQUFRLEVBQUU7OzBDQUNhO0FBR2pCO0lBRE4sUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDOztvREFDZTtBQUdwQztJQUROLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzs7OENBQ1M7QUFSMUIsUUFBUTtJQURwQixhQUFhLENBQUMsV0FBVyxDQUFDO0dBQ2QsUUFBUSxDQXlIcEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2NjLWZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3djYy1mcmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRS9ILE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7SUFTNUMsUUFBUTs0QkFEcEIsYUFBYSxDQUFDLFdBQVcsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7O3dCQUFuQixTQUFRLFdBQVc7Ozs7b0NBQ3RDLFFBQVEsRUFBRTs4Q0FHVixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7d0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUw1Qiw2S0FBUyxRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFHMUIsMk1BQVMsa0JBQWtCLDZCQUFsQixrQkFBa0IsK0dBQWtCO1lBRzdDLHlMQUFTLFlBQVksNkJBQVosWUFBWSxtR0FBa0I7WUFSekMsNktBeUhDOzs7O1FBdkhDLHFGQUEwQjtRQUExQixJQUFTLFFBQVEsOENBQVM7UUFBMUIsSUFBUyxRQUFRLG9EQUFTO1FBRzFCLHdKQUF1QyxLQUFLLEdBQUM7UUFBN0MsSUFBUyxrQkFBa0Isd0RBQWtCO1FBQTdDLElBQVMsa0JBQWtCLDhEQUFrQjtRQUc3QyxzSkFBaUMsS0FBSyxHQUFDO1FBQXZDLElBQVMsWUFBWSxrREFBa0I7UUFBdkMsSUFBUyxZQUFZLHdEQUFrQjtRQUVoQyxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLEdBQUcsQ0FBQTs7OztzQkFJZSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7OztLQWVuRDtTQUNGLENBQUE7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7OztZQUdILElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDOzs7Ozs7V0FNckIsQ0FBQyxDQUFDLENBQUM7c0JBQ1EsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU87OztXQUd0RDs7WUFFQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFO2dCQUM5QyxRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztvQkFDdEIsS0FBSyxTQUFTO3dCQUNaLE9BQU87O2lCQUVKLENBQUM7b0JBQ04sS0FBSyxRQUFRO3dCQUNYLE9BQU87aUNBRUQsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxHQUFHLEdBQUcsUUFBUSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUNwRTtpQkFDRCxDQUFDO29CQUNOLEtBQUssU0FBUzt3QkFDWixPQUFPO2lDQUVELENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsR0FBRyxHQUFHLFFBQVEsQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FDckU7aUJBQ0QsQ0FBQztvQkFDTixLQUFLLE9BQU87d0JBQ1YsT0FBTztpQ0FFRCxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQ25FO2lCQUNELENBQUM7Z0JBQ1IsQ0FBQztZQUNELENBQUMsQ0FBQyxFQUFFOzs7O1lBSUYsQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssU0FBUztnQkFDakQsQ0FBQyxDQUFDLElBQUksQ0FBQSxnRUFBZ0U7Z0JBQ3RFLENBQUMsQ0FBQyxJQUFJLENBQUEsRUFDUjs7WUFHRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQzs7Ozs7Ozs7O2FBU2YsQ0FBQyxDQUFDLENBQUM7Ozs7Ozs7OzthQVVOOzs7Ozs7S0FNTCxDQUFDO1FBQ0osQ0FBQztRQUVNLEtBQUssQ0FBQyxvQkFBb0I7WUFDL0IsTUFBTSxJQUFJLENBQUMsY0FBYyxDQUFDO1lBQzFCLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDckMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUM5QixDQUFDO1FBRU0sS0FBSyxDQUFDLGtCQUFrQjtZQUM3QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztRQUNuRSxDQUFDOzs7Ozs7WUF4SFUsdURBQVE7Ozs7O1NBQVIsUUFBUSJ9

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

@@ -1,19 +1,21 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
 import { WccDashboard } from './wcc-dashboard.js';
 import type { TTemplateFactory } from './wcctools.helpers.js';
+import './wcc-record-button.js';
+import './wcc-recording-panel.js';
 export type TPropertyType = 'String' | 'Number' | 'Boolean' | 'Object' | 'Enum' | 'Array';
 export type TEnvironment = 'native' | 'desktop' | 'tablet' | 'phablet' | 'phone';
 export type TTheme = 'bright' | 'dark';
 export declare const setEnvironment: (envArg: any) => void;
 export declare class WccProperties extends DeesElement {
-    dashboardRef: WccDashboard;
-    selectedItem: TTemplateFactory | DeesElement;
-    selectedViewport: TEnvironment;
-    selectedTheme: TTheme;
-    warning: string;
-    isFullscreen: boolean;
-    propertyContent: TemplateResult[];
-    editingProperties: Array<{
+    accessor dashboardRef: WccDashboard;
+    accessor selectedItem: TTemplateFactory | DeesElement;
+    accessor selectedViewport: TEnvironment;
+    accessor selectedTheme: TTheme;
+    accessor warning: string;
+    accessor isFullscreen: boolean;
+    accessor propertyContent: TemplateResult[];
+    accessor editingProperties: Array<{
         id: string;
         name: string;
         value: any;
@@ -21,6 +23,9 @@ export declare class WccProperties extends DeesElement {
         editorValue: string;
         editorError: string;
     }>;
+    accessor showRecordingPanel: boolean;
+    accessor isRecording: boolean;
+    accessor recordingDuration: number;
     editorHeight: number;
     render(): TemplateResult;
     private findElementRecursively;
@@ -33,4 +38,5 @@ export declare class WccProperties extends DeesElement {
     private handleEditorCancel;
     private closeAllEditors;
     private toggleFullscreen;
+    private handleRecordButtonClick;
 }