@design.estate/dees-wcctools 3.0.0 → 3.1.1
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.
- package/dist_bundle/bundle.js +28 -12
- package/dist_bundle/bundle.js.map +2 -2
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/wcc-properties.js +29 -13
- package/dist_watch/bundle.js +28 -12
- package/dist_watch/bundle.js.map +2 -2
- package/package.json +1 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/wcc-properties.ts +28 -12
package/dist_bundle/bundle.js
CHANGED
|
@@ -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
|
|
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;
|
|
@@ -43467,17 +43468,22 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
|
|
|
43467
43468
|
}
|
|
43468
43469
|
.selectorButtons2 {
|
|
43469
43470
|
display: grid;
|
|
43470
|
-
grid-template-columns:
|
|
43471
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
43471
43472
|
flex: 1;
|
|
43472
43473
|
}
|
|
43473
43474
|
.selectorButtons4 {
|
|
43474
43475
|
display: grid;
|
|
43475
|
-
grid-template-columns: repeat(4, 1fr);
|
|
43476
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
43476
43477
|
flex: 1;
|
|
43477
43478
|
}
|
|
43478
43479
|
.selectorButtons5 {
|
|
43479
43480
|
display: grid;
|
|
43480
|
-
grid-template-columns: repeat(5, 1fr);
|
|
43481
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
43482
|
+
flex: 1;
|
|
43483
|
+
}
|
|
43484
|
+
.selectorButtons1 {
|
|
43485
|
+
display: grid;
|
|
43486
|
+
grid-template-columns: minmax(0, 1fr);
|
|
43481
43487
|
flex: 1;
|
|
43482
43488
|
}
|
|
43483
43489
|
.button {
|
|
@@ -43514,6 +43520,11 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
|
|
|
43514
43520
|
.button .material-symbols-outlined {
|
|
43515
43521
|
font-size: 18px;
|
|
43516
43522
|
font-variation-settings: 'FILL' 0, 'wght' 300;
|
|
43523
|
+
min-width: 18px;
|
|
43524
|
+
min-height: 18px;
|
|
43525
|
+
display: inline-flex;
|
|
43526
|
+
align-items: center;
|
|
43527
|
+
justify-content: center;
|
|
43517
43528
|
}
|
|
43518
43529
|
|
|
43519
43530
|
.button.selected .material-symbols-outlined {
|
|
@@ -43556,7 +43567,7 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
|
|
|
43556
43567
|
top: 0.5rem;
|
|
43557
43568
|
bottom: 0.5rem;
|
|
43558
43569
|
left: 0.5rem;
|
|
43559
|
-
right: calc(
|
|
43570
|
+
right: calc(600px + 0.5rem);
|
|
43560
43571
|
display: flex;
|
|
43561
43572
|
align-items: center;
|
|
43562
43573
|
justify-content: center;
|
|
@@ -43932,12 +43943,17 @@ var WccProperties = class extends (_a5 = DeesElement, _dashboardRef_dec3 = [n5({
|
|
|
43932
43943
|
</div>
|
|
43933
43944
|
</div>
|
|
43934
43945
|
</div>
|
|
43935
|
-
|
|
43936
|
-
|
|
43937
|
-
|
|
43938
|
-
|
|
43939
|
-
|
|
43940
|
-
|
|
43946
|
+
<div class="shareSelector">
|
|
43947
|
+
<div class="panelheading">Share</div>
|
|
43948
|
+
<div class="selectorButtons1">
|
|
43949
|
+
<div
|
|
43950
|
+
class="button ${this.isRecording ? "selected" : ""}"
|
|
43951
|
+
@click=${() => this.handleRecordButtonClick()}
|
|
43952
|
+
>
|
|
43953
|
+
Record<i class="material-symbols-outlined">${this.isRecording ? "stop_circle" : "videocam"}</i>
|
|
43954
|
+
</div>
|
|
43955
|
+
</div>
|
|
43956
|
+
</div>
|
|
43941
43957
|
</div>
|
|
43942
43958
|
${this.warning ? x`<div class="warning">${this.warning}</div>` : null}
|
|
43943
43959
|
</div>
|