@sdata/web-vue 3.1.0 → 3.2.1

package/dist/sd.css

@@ -4031,6 +4031,24 @@ body {
   display: block;
   width: 100%;
 }
+.sd-tree-node-title-with-ellipsis {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.sd-tree-node-title-text-ellipsis {
+  display: block;
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.sd-tree-node-title-ellipsis {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+}
 .sd-tree-node-indent {
   position: relative;
   flex-shrink: 0;
@@ -14786,6 +14804,154 @@ body.sd-tour-active .sd-tour-popover * {
     opacity: 1;
   }
 }
+.sd-file-previewer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 240px;
+}
+.sd-file-previewer-fullscreen {
+  inset: 0;
+  min-height: 0;
+}
+.sd-file-previewer-inline {
+  overflow: hidden;
+  color: var(--sd-color-text-1);
+  background: var(--sd-color-fill-1);
+  border: 1px solid var(--sd-color-border-2);
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-file-previewer-mask {
+  position: absolute;
+  inset: 0;
+  background-color: var(--sd-color-mask-bg);
+}
+.sd-file-previewer-content {
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.sd-file-previewer-content-fullscreen {
+  position: absolute;
+  inset: 40px;
+}
+.sd-file-previewer-content-inline {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 240px;
+}
+.sd-file-previewer-fullscreen .sd-file-previewer-content-audio {
+  inset: 50% auto auto 50%;
+  width: min(560px, 100% - 40px * 2);
+  max-height: 78vh;
+  background: var(--sd-color-bg-2);
+  border-radius: var(--sd-border-radius-medium);
+  transform: translate(-50%, -50%);
+}
+.sd-file-previewer-header {
+  box-sizing: border-box;
+  padding: 12px 20px;
+  color: var(--sd-color-text-1);
+  font-size: 16px;
+}
+.sd-file-previewer-title {
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-file-previewer-body {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: 0;
+}
+.sd-file-previewer-image, .sd-file-previewer-video-player, .sd-file-previewer-video, .sd-file-previewer-pdf {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.sd-file-previewer-image {
+  object-fit: contain;
+}
+.sd-file-previewer-video-player {
+  max-width: 1180px;
+  max-height: 78vh;
+}
+.sd-file-previewer-inline .sd-file-previewer-video-player {
+  max-width: 100%;
+  max-height: none;
+}
+.sd-file-previewer-video {
+  background: #000;
+}
+.sd-file-previewer-audio-panel {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 20px;
+}
+.sd-file-previewer-audio {
+  display: block;
+  width: 100%;
+}
+.sd-file-previewer-pdf {
+  background: var(--sd-color-bg-2);
+  border: 0;
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-file-previewer-inline .sd-file-previewer-pdf {
+  border-radius: 0;
+}
+.sd-file-previewer-close-btn {
+  position: absolute;
+  top: 36px;
+  right: 36px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  color: var(--sd-color-white);
+  font-size: 14px;
+  background: rgba(0, 0, 0, 0.5);
+  border: 0;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.sd-file-previewer-loading {
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 48px;
+  height: 48px;
+  color: rgb(var(--sd-primary-6));
+  background-color: #232324;
+  border-radius: var(--sd-border-radius-medium);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.sd-file-previewer-error {
+  z-index: 2;
+  color: var(--sd-color-white);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.sd-file-previewer-inline .sd-file-previewer-error {
+  color: var(--sd-color-danger-6);
+}
+
 .sd-json-form-row {
   gap: 8px 8px;
 }