@ai-ecoverse/slicc-spectrum 1.58.0 → 1.58.2
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/slicc-ui.js +29 -3
- package/dist/slicc-ui.js.map +2 -2
- package/package.json +2 -2
package/dist/slicc-ui.js
CHANGED
|
@@ -9739,16 +9739,34 @@ var SliccFiles = class extends ModelElement {
|
|
|
9739
9739
|
color: var(--swc-neutral-subdued-content-color-default);
|
|
9740
9740
|
}
|
|
9741
9741
|
.mounts .path[data-source] {
|
|
9742
|
+
--sep: 2ch;
|
|
9742
9743
|
display: flex;
|
|
9743
9744
|
flex-wrap: wrap;
|
|
9745
|
+
margin-left: calc(-1 * var(--sep));
|
|
9746
|
+
clip-path: inset(0 0 0 var(--sep));
|
|
9744
9747
|
}
|
|
9745
9748
|
.mounts .path[data-source] > span {
|
|
9749
|
+
display: flex;
|
|
9750
|
+
min-width: 0;
|
|
9751
|
+
max-width: calc(100% - var(--sep));
|
|
9752
|
+
margin-left: var(--sep);
|
|
9753
|
+
}
|
|
9754
|
+
.mounts .target,
|
|
9755
|
+
.mounts .source .name {
|
|
9746
9756
|
min-width: 0;
|
|
9747
|
-
max-width: 100%;
|
|
9748
9757
|
overflow: hidden;
|
|
9749
9758
|
text-overflow: ellipsis;
|
|
9750
9759
|
white-space: pre;
|
|
9751
9760
|
}
|
|
9761
|
+
.mounts .source {
|
|
9762
|
+
position: relative;
|
|
9763
|
+
}
|
|
9764
|
+
.mounts .source .sep {
|
|
9765
|
+
position: absolute;
|
|
9766
|
+
right: 100%;
|
|
9767
|
+
width: var(--sep);
|
|
9768
|
+
text-align: center;
|
|
9769
|
+
}
|
|
9752
9770
|
.mounts .path {
|
|
9753
9771
|
flex: 1;
|
|
9754
9772
|
min-width: 0;
|
|
@@ -9910,7 +9928,7 @@ var SliccFiles = class extends ModelElement {
|
|
|
9910
9928
|
#mounted(path) {
|
|
9911
9929
|
const source = this.sources.get(path);
|
|
9912
9930
|
if (!source) return b`<span class="path" title=${path}>${path}</span>`;
|
|
9913
|
-
return b`<span class="path" title=${`${path} \xB7 ${source}`} data-source=${source}><span class="target">${path}</span><span class="source"
|
|
9931
|
+
return b`<span class="path" title=${`${path} \xB7 ${source}`} data-source=${source}><span class="target">${path}</span><span class="source"><span class="sep">·</span><span class="name">${source}</span></span></span>`;
|
|
9914
9932
|
}
|
|
9915
9933
|
#strip(files) {
|
|
9916
9934
|
if (this.mounted.length === 0) return A;
|
|
@@ -12548,6 +12566,14 @@ var SliccNetwork = class extends ModelElement {
|
|
|
12548
12566
|
color: var(--swc-neutral-subdued-content-color-default);
|
|
12549
12567
|
overflow-wrap: anywhere;
|
|
12550
12568
|
}
|
|
12569
|
+
.folders {
|
|
12570
|
+
margin-top: var(--swc-spacing-100);
|
|
12571
|
+
}
|
|
12572
|
+
.folders .subheading {
|
|
12573
|
+
font-size: var(--swc-font-size-75);
|
|
12574
|
+
font-weight: var(--swc-bold-font-weight);
|
|
12575
|
+
color: var(--swc-neutral-subdued-content-color-default);
|
|
12576
|
+
}
|
|
12551
12577
|
.folders ul {
|
|
12552
12578
|
display: flex;
|
|
12553
12579
|
flex-direction: column;
|
|
@@ -12977,7 +13003,7 @@ var SliccNetwork = class extends ModelElement {
|
|
|
12977
13003
|
#folders(port, device, folders) {
|
|
12978
13004
|
const heading = `folders-${device.id}`;
|
|
12979
13005
|
return b`<div class="folders" data-folders>
|
|
12980
|
-
<span class="
|
|
13006
|
+
<span class="subheading" id=${heading}>Folders</span>
|
|
12981
13007
|
<ul aria-labelledby=${heading}>${folders.map((folder2) => this.#folder(port, device, folder2))}</ul>
|
|
12982
13008
|
</div>`;
|
|
12983
13009
|
}
|