@design.estate/dees-wcctools 3.5.1 → 3.5.2

package/dist_bundle/bundle.js

@@ -41561,14 +41561,14 @@ var WccFrame = class extends (_a = DeesElement, _viewport_dec = [n5()], _advance
       <style>
         :host {
           ${this.isNative ? `
-            border: none !important;
+            border: 0px solid rgba(255, 174, 175, 0) !important;
             left: 0px !important;
             right: 0px !important;
             top: 0px !important;
             bottom: 0px !important;
           ` : `
             bottom: ${this.advancedEditorOpen ? "400px" : "100px"};
-            border: 10px solid #ffaeaf;
+            border: 10px solid rgba(255, 174, 175, 1);
             left: ${this.sidebarWidth}px;
           `}
           transition: ${this.isResizing ? "none" : "all 0.3s ease"};
@@ -41647,7 +41647,7 @@ WccFrame = __decorateElement(_init, 0, "WccFrame", _WccFrame_decorators, WccFram
 __publicField(WccFrame, "styles", [
   i`
       :host {
-        border: 10px solid #ffaeaf;
+        border: 10px solid rgba(255, 174, 175, 1);
         position: absolute;
         background: ${cssManager.bdTheme("#333", "#000")};
         right: 0px;
@@ -41852,9 +41852,9 @@ __runInitializers(_init2, 1, _WccContextmenu);
 var WccContextmenu = _WccContextmenu;
 
 // ts_web/elements/wcc-sidebar.ts
-var _isResizing_dec2, _sidebarWidth_dec2, _pinnedItems_dec, _searchQuery_dec, _collapsedSections_dec, _expandedElements_dec, _isNative_dec2, _dashboardRef_dec, _selectedType_dec, _selectedItem_dec, _a3, _WccSidebar_decorators, _init3, _selectedItem, _selectedType, _dashboardRef, _isNative2, _expandedElements, _collapsedSections, _searchQuery, _pinnedItems, _sidebarWidth2, _isResizing2;
+var _isHidden_dec, _isResizing_dec2, _sidebarWidth_dec2, _pinnedItems_dec, _searchQuery_dec, _collapsedSections_dec, _expandedElements_dec, _isNative_dec2, _dashboardRef_dec, _selectedType_dec, _selectedItem_dec, _a3, _WccSidebar_decorators, _init3, _selectedItem, _selectedType, _dashboardRef, _isNative2, _expandedElements, _collapsedSections, _searchQuery, _pinnedItems, _sidebarWidth2, _isResizing2, _isHidden;
 _WccSidebar_decorators = [t4("wcc-sidebar")];
-var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ attribute: false })], _selectedType_dec = [n5({ attribute: false })], _dashboardRef_dec = [n5()], _isNative_dec2 = [n5()], _expandedElements_dec = [r5()], _collapsedSections_dec = [r5()], _searchQuery_dec = [n5()], _pinnedItems_dec = [n5({ attribute: false })], _sidebarWidth_dec2 = [n5({ type: Number })], _isResizing_dec2 = [r5()], _a3) {
+var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ attribute: false })], _selectedType_dec = [n5({ attribute: false })], _dashboardRef_dec = [n5()], _isNative_dec2 = [n5()], _expandedElements_dec = [r5()], _collapsedSections_dec = [r5()], _searchQuery_dec = [n5()], _pinnedItems_dec = [n5({ attribute: false })], _sidebarWidth_dec2 = [n5({ type: Number })], _isResizing_dec2 = [r5()], _isHidden_dec = [r5()], _a3) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _selectedItem, __runInitializers(_init3, 8, this)), __runInitializers(_init3, 11, this);
@@ -41867,6 +41867,7 @@ var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ att
     __privateAdd(this, _pinnedItems, __runInitializers(_init3, 36, this, /* @__PURE__ */ new Set())), __runInitializers(_init3, 39, this);
     __privateAdd(this, _sidebarWidth2, __runInitializers(_init3, 40, this, 200)), __runInitializers(_init3, 43, this);
     __privateAdd(this, _isResizing2, __runInitializers(_init3, 44, this, false)), __runInitializers(_init3, 47, this);
+    __privateAdd(this, _isHidden, __runInitializers(_init3, 48, this, false)), __runInitializers(_init3, 51, this);
     __publicField(this, "sectionsInitialized", false);
     // ============ Resize functionality ============
     __publicField(this, "startResize", (e10) => {
@@ -41923,7 +41924,7 @@ var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ att
           --ring: #3b82f6;
           --radius: 4px;
 
-          display: ${this.isNative ? "none" : "block"};
+          display: ${this.isHidden ? "none" : "block"};
           border-right: 1px solid rgba(255, 255, 255, 0.08);
           font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
           font-size: 14px;
@@ -42541,6 +42542,15 @@ var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ att
   }
   updated(changedProperties) {
     super.updated(changedProperties);
+    if (changedProperties.has("isNative")) {
+      if (this.isNative) {
+        setTimeout(() => {
+          this.isHidden = true;
+        }, 300);
+      } else {
+        this.isHidden = false;
+      }
+    }
     if (changedProperties.has("selectedItem") && this.selectedItem && this.dashboardRef?.sections) {
       for (const section of this.dashboardRef.sections) {
         if (section.type !== "elements") continue;
@@ -42603,6 +42613,7 @@ _searchQuery = new WeakMap();
 _pinnedItems = new WeakMap();
 _sidebarWidth2 = new WeakMap();
 _isResizing2 = new WeakMap();
+_isHidden = new WeakMap();
 __decorateElement(_init3, 4, "selectedItem", _selectedItem_dec, WccSidebar, _selectedItem);
 __decorateElement(_init3, 4, "selectedType", _selectedType_dec, WccSidebar, _selectedType);
 __decorateElement(_init3, 4, "dashboardRef", _dashboardRef_dec, WccSidebar, _dashboardRef);
@@ -42613,6 +42624,7 @@ __decorateElement(_init3, 4, "searchQuery", _searchQuery_dec, WccSidebar, _searc
 __decorateElement(_init3, 4, "pinnedItems", _pinnedItems_dec, WccSidebar, _pinnedItems);
 __decorateElement(_init3, 4, "sidebarWidth", _sidebarWidth_dec2, WccSidebar, _sidebarWidth2);
 __decorateElement(_init3, 4, "isResizing", _isResizing_dec2, WccSidebar, _isResizing2);
+__decorateElement(_init3, 4, "isHidden", _isHidden_dec, WccSidebar, _isHidden);
 WccSidebar = __decorateElement(_init3, 0, "WccSidebar", _WccSidebar_decorators, WccSidebar);
 __runInitializers(_init3, 1, WccSidebar);
 
@@ -43921,7 +43933,7 @@ __publicField(WccRecordingPanel, "styles", [
 __runInitializers(_init5, 1, WccRecordingPanel);
 
 // ts_web/elements/wcc-properties.ts
-var _recordingDuration_dec2, _isRecording_dec, _showRecordingPanel_dec, _editingProperties_dec, _propertyContent_dec, _sidebarWidth_dec3, _isNative_dec3, _warning_dec, _selectedTheme_dec, _selectedViewport_dec, _selectedItem_dec2, _dashboardRef_dec3, _a6, _WccProperties_decorators, _init6, _dashboardRef3, _selectedItem2, _selectedViewport, _selectedTheme, _warning, _isNative3, _sidebarWidth3, _propertyContent, _editingProperties, _showRecordingPanel, _isRecording, _recordingDuration2;
+var _isHidden_dec2, _recordingDuration_dec2, _isRecording_dec, _showRecordingPanel_dec, _editingProperties_dec, _propertyContent_dec, _sidebarWidth_dec3, _isNative_dec3, _warning_dec, _selectedTheme_dec, _selectedViewport_dec, _selectedItem_dec2, _dashboardRef_dec3, _a6, _WccProperties_decorators, _init6, _dashboardRef3, _selectedItem2, _selectedViewport, _selectedTheme, _warning, _isNative3, _sidebarWidth3, _propertyContent, _editingProperties, _showRecordingPanel, _isRecording, _recordingDuration2, _isHidden2;
 var environment = "native";
 var setEnvironment = (envArg) => {
   environment = envArg;
@@ -43929,7 +43941,7 @@ var setEnvironment = (envArg) => {
 _WccProperties_decorators = [t4("wcc-properties")];
 var WccProperties = class extends (_a6 = DeesElement, _dashboardRef_dec3 = [n5({
   type: WccDashboard2
-})], _selectedItem_dec2 = [n5()], _selectedViewport_dec = [n5()], _selectedTheme_dec = [n5()], _warning_dec = [n5()], _isNative_dec3 = [n5()], _sidebarWidth_dec3 = [n5({ type: Number })], _propertyContent_dec = [r5()], _editingProperties_dec = [r5()], _showRecordingPanel_dec = [r5()], _isRecording_dec = [r5()], _recordingDuration_dec2 = [r5()], _a6) {
+})], _selectedItem_dec2 = [n5()], _selectedViewport_dec = [n5()], _selectedTheme_dec = [n5()], _warning_dec = [n5()], _isNative_dec3 = [n5()], _sidebarWidth_dec3 = [n5({ type: Number })], _propertyContent_dec = [r5()], _editingProperties_dec = [r5()], _showRecordingPanel_dec = [r5()], _isRecording_dec = [r5()], _recordingDuration_dec2 = [r5()], _isHidden_dec2 = [r5()], _a6) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _dashboardRef3, __runInitializers(_init6, 8, this)), __runInitializers(_init6, 11, this);
@@ -43944,6 +43956,7 @@ var WccProperties = class extends (_a6 = DeesElement, _dashboardRef_dec3 = [n5({
     __privateAdd(this, _showRecordingPanel, __runInitializers(_init6, 44, this, false)), __runInitializers(_init6, 47, this);
     __privateAdd(this, _isRecording, __runInitializers(_init6, 48, this, false)), __runInitializers(_init6, 51, this);
     __privateAdd(this, _recordingDuration2, __runInitializers(_init6, 52, this, 0)), __runInitializers(_init6, 55, this);
+    __privateAdd(this, _isHidden2, __runInitializers(_init6, 56, this, false)), __runInitializers(_init6, 59, this);
     __publicField(this, "editorHeight", 300);
   }
   render() {
@@ -43980,7 +43993,7 @@ var WccProperties = class extends (_a6 = DeesElement, _dashboardRef_dec3 = [n5({
           overflow: hidden;
           background: var(--background);
           color: var(--foreground);
-          display: ${this.isNative ? "none" : "block"};
+          display: ${this.isHidden ? "none" : "block"};
         }
         .grid {
           display: grid;
@@ -44795,6 +44808,15 @@ var WccProperties = class extends (_a6 = DeesElement, _dashboardRef_dec3 = [n5({
   }
   updated(changedProperties) {
     super.updated(changedProperties);
+    if (changedProperties.has("isNative")) {
+      if (this.isNative) {
+        setTimeout(() => {
+          this.isHidden = true;
+        }, 300);
+      } else {
+        this.isHidden = false;
+      }
+    }
     if (changedProperties.has("selectedItem")) {
       this.createProperties().catch((error) => {
         console.error("Error creating properties:", error);
@@ -44911,6 +44933,7 @@ _editingProperties = new WeakMap();
 _showRecordingPanel = new WeakMap();
 _isRecording = new WeakMap();
 _recordingDuration2 = new WeakMap();
+_isHidden2 = new WeakMap();
 __decorateElement(_init6, 4, "dashboardRef", _dashboardRef_dec3, WccProperties, _dashboardRef3);
 __decorateElement(_init6, 4, "selectedItem", _selectedItem_dec2, WccProperties, _selectedItem2);
 __decorateElement(_init6, 4, "selectedViewport", _selectedViewport_dec, WccProperties, _selectedViewport);
@@ -44923,6 +44946,7 @@ __decorateElement(_init6, 4, "editingProperties", _editingProperties_dec, WccPro
 __decorateElement(_init6, 4, "showRecordingPanel", _showRecordingPanel_dec, WccProperties, _showRecordingPanel);
 __decorateElement(_init6, 4, "isRecording", _isRecording_dec, WccProperties, _isRecording);
 __decorateElement(_init6, 4, "recordingDuration", _recordingDuration_dec2, WccProperties, _recordingDuration2);
+__decorateElement(_init6, 4, "isHidden", _isHidden_dec2, WccProperties, _isHidden2);
 WccProperties = __decorateElement(_init6, 0, "WccProperties", _WccProperties_decorators, WccProperties);
 __runInitializers(_init6, 1, WccProperties);