@sdata/web-vue 4.2.0 → 4.3.0

package/dist/sd.css

@@ -2796,14 +2796,6 @@ body {
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }
-.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow {
-  flex-shrink: 1;
-  white-space: nowrap;
-  word-break: normal;
-}
-.sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow .sd-tag-text {
-  max-width: 100%;
-}
 .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-counter {
   flex-shrink: 0;
   white-space: nowrap;
@@ -2846,37 +2838,6 @@ body {
   visibility: hidden;
   pointer-events: none;
 }
-.sd-select-view-multiple .sd-select-view-resize-observer {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-select-view-multiple .sd-select-view-measure {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-select-view-multiple .sd-select-view-measure .sd-select-view-tag {
-  display: inline-flex;
-  flex-shrink: 0;
-}
-.sd-select-view-multiple .sd-select-view-tag-ellipsis {
-  display: block;
-  min-width: 0;
-  max-width: 100%;
-  vertical-align: bottom;
-}
 .sd-select-view-multiple.sd-select-view-focus .sd-select-view-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
   background-color: var(--sd-color-fill-2);
   border-color: var(--sd-color-fill-2);
@@ -3941,11 +3902,6 @@ body {
   margin-right: -13px;
   margin-bottom: calc(1em - 4px - 1px);
 }
-.sd-typography-css-operation {
-  margin-top: -1em;
-  margin-bottom: 1em;
-  text-align: right;
-}
 
 /**********************************************
  * Popup Box
@@ -5447,6 +5403,12 @@ body.sd-tour-active .sd-tour-popover * {
   display: flex;
   width: 100%;
 }
+.sd-tag-group-inner[data-part=content], .sd-tag-group-inner [data-part=content] {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  max-width: 100%;
+}
 .sd-tag-group-popover {
   flex-wrap: wrap;
   max-width: 320px;
@@ -5466,38 +5428,9 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-tag-group-counter-content {
   max-width: 100%;
 }
-.sd-tag-group-item-content-overflow {
-  min-width: 0;
-}
 .sd-tag-group-item-content > .sd-tag, .sd-tag-group-counter-content > .sd-tag, .sd-tag-group-item-content > .sd-link, .sd-tag-group-counter-content > .sd-link, .sd-tag-group-item-content > a, .sd-tag-group-counter-content > a, .sd-tag-group-item-content > span, .sd-tag-group-counter-content > span {
   max-width: 100%;
 }
-.sd-tag-group-item-ellipsis {
-  max-width: 100%;
-}
-.sd-tag-group-measure {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  height: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-tag-group-measure .sd-tag-group-item {
-  flex: 0 0 auto;
-  max-width: none;
-}
-.sd-tag-group-resize-observer {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
 
 .sd-icon-hover.sd-tabs-icon-hover::before {
   width: 16px;
@@ -9907,7 +9840,6 @@ body.sd-tour-active .sd-tour-popover * {
   margin-top: 4px;
 }
 .sd-popover-popup-arrow {
-  z-index: 1;
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
 }
@@ -11599,7 +11531,10 @@ body.sd-tour-active .sd-tour-popover * {
   content: " ";
 }
 .sd-menu-overflow-wrap {
+  display: flex;
+  align-items: center;
   width: 100%;
+  white-space: nowrap;
 }
 .sd-menu-overflow-sub-menu-mirror, .sd-menu-overflow-hidden-menu-item {
   position: absolute !important;
@@ -11692,7 +11627,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: inherit;
 }
 .sd-menu-pop-trigger.sd-trigger-position-bl {
-  transform: translateY(14px);
+  margin-top: 14px;
 }
 .sd-menu-pop-trigger.sd-trigger-position-bl .sd-trigger-arrow {
   z-index: 0;
@@ -11700,7 +11635,7 @@ body.sd-tour-active .sd-tour-popover * {
   border-left: 1px solid var(--sd-color-neutral-3);
 }
 .sd-menu-pop-trigger.sd-trigger-position-rt {
-  transform: translateX(8px);
+  margin-left: 8px;
 }
 .sd-menu-pop-trigger.sd-trigger-position-rt .sd-trigger-arrow {
   z-index: 0;
@@ -12454,14 +12389,6 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
   background-color: rgba(255, 255, 255, 0.2);
 }
-.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow {
-  flex-shrink: 1;
-  white-space: nowrap;
-  word-break: normal;
-}
-.sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-overflow .sd-tag-text {
-  max-width: 100%;
-}
 .sd-input-tag .sd-input-tag-inner .sd-input-tag-tag.sd-input-tag-tag-counter {
   flex-shrink: 0;
   white-space: nowrap;
@@ -12504,37 +12431,6 @@ body.sd-tour-active .sd-tour-popover * {
   visibility: hidden;
   pointer-events: none;
 }
-.sd-input-tag .sd-input-tag-resize-observer {
-  position: absolute;
-  inset: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-input-tag .sd-input-tag-measure {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  white-space: nowrap;
-  visibility: hidden;
-  pointer-events: none;
-}
-.sd-input-tag .sd-input-tag-measure .sd-input-tag-tag {
-  display: inline-flex;
-  flex-shrink: 0;
-}
-.sd-input-tag .sd-input-tag-tag-ellipsis {
-  display: block;
-  min-width: 0;
-  max-width: 100%;
-  vertical-align: bottom;
-}
 .sd-input-tag.sd-input-tag-focus .sd-input-tag-tag:not(.sd-tag-custom-color):not(.sd-tag-red):not(.sd-tag-orangered):not(.sd-tag-orange):not(.sd-tag-gold):not(.sd-tag-lime):not(.sd-tag-green):not(.sd-tag-cyan):not(.sd-tag-blue):not(.sd-tag-sdblue):not(.sd-tag-purple):not(.sd-tag-pinkpurple):not(.sd-tag-magenta) {
   background-color: var(--sd-color-fill-2);
   border-color: var(--sd-color-fill-2);
@@ -12660,6 +12556,12 @@ body.sd-tour-active .sd-tour-popover * {
   transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
 }
 
+.sd-input-tag-item-holder {
+  display: inline-flex;
+  min-width: 0;
+  max-width: 100%;
+}
+
 .sd-input-number {
   position: relative;
   box-sizing: border-box;
@@ -16265,7 +16167,6 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-ellipsis--single-line {
   overflow: hidden;
-  white-space: nowrap;
   text-overflow: ellipsis;
 }
 .sd-ellipsis-content {
@@ -16273,7 +16174,6 @@ body.sd-tour-active .sd-tour-popover * {
   max-width: none;
 }
 .sd-ellipsis--line-clamp {
-  display: -webkit-box;
   width: 100%;
   word-break: break-word;
 }