@ai-ecoverse/slicc-spectrum 1.58.0 → 1.58.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/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"> · ${source}</span></span>`;
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;