@design.estate/dees-wcctools 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -43361,7 +43361,7 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
43361
43361
  }
43362
43362
  .grid {
43363
43363
  display: grid;
43364
- grid-template-columns: 1fr 150px 350px 70px;
43364
+ grid-template-columns: 1fr 150px 350px 100px;
43365
43365
  height: 100%;
43366
43366
  }
43367
43367
  .properties {
@@ -43458,7 +43458,8 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
43458
43458
  }
43459
43459
 
43460
43460
  .viewportSelector,
43461
- .themeSelector {
43461
+ .themeSelector,
43462
+ .shareSelector {
43462
43463
  user-select: none;
43463
43464
  background: transparent;
43464
43465
  display: flex;
@@ -43480,6 +43481,11 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
43480
43481
  grid-template-columns: repeat(5, 1fr);
43481
43482
  flex: 1;
43482
43483
  }
43484
+ .selectorButtons1 {
43485
+ display: grid;
43486
+ grid-template-columns: 1fr;
43487
+ flex: 1;
43488
+ }
43483
43489
  .button {
43484
43490
  display: flex;
43485
43491
  flex-direction: column;
@@ -43932,12 +43938,17 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
43932
43938
  </div>
43933
43939
  </div>
43934
43940
  </div>
43935
- <!-- Recording Button -->
43936
- <wcc-record-button
43937
- .state=${this.isRecording ? "recording" : "idle"}
43938
- .duration=${this.recordingDuration}
43939
- @record-click=${() => this.handleRecordButtonClick()}
43940
- ></wcc-record-button>
43941
+ <div class="shareSelector">
43942
+ <div class="panelheading">Share</div>
43943
+ <div class="selectorButtons1">
43944
+ <div
43945
+ class="button ${this.isRecording ? "selected" : ""}"
43946
+ @click=${() => this.handleRecordButtonClick()}
43947
+ >
43948
+ Record<i class="material-symbols-outlined">${this.isRecording ? "stop_circle" : "videocam"}</i>
43949
+ </div>
43950
+ </div>
43951
+ </div>
43941
43952
  </div>
43942
43953
  ${this.warning ? x`<div class="warning">${this.warning}</div>` : null}
43943
43954
  </div>