@haklex/rich-compose 0.34.0 → 0.36.0

package/dist/litexml-html-preview-client.css

@@ -3488,8 +3488,12 @@
 figure.rich-image {
   width: var(--rich-image-display-width, auto);
   max-width: 100%;
+  max-height: var(--rich-image-display-height, none);
   margin-inline: auto;
 }
+figure.rich-image[data-display="fixed-height"] {
+  width: auto;
+}
 figure.rich-image[data-layout="align-left"] {
   margin-left: 0;
   margin-right: auto;
@@ -3510,6 +3514,15 @@ figure.rich-image[data-layout="float-right"] {
   width: var(--rich-image-display-width, 42%);
   margin: 0.125rem 0 0.875rem 1.25rem;
 }
+figure.rich-image[data-display="fixed-height"][data-layout="float-left"], figure.rich-image[data-display="fixed-height"][data-layout="float-right"] {
+  width: auto;
+}
+figure.rich-image[data-display="fixed-height"] img {
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  max-height: var(--rich-image-display-height);
+}
 .rich-image-wrapper[data-layout="float-left"] {
   float: left;
   width: 42%;
@@ -7453,6 +7466,7 @@ figure.rich-image[data-layout="float-right"] {
   text-align: center;
   width: var(--rich-image-display-width, auto);
   max-width: 100%;
+  max-height: var(--rich-image-display-height, none);
 }
 .yvdzu0[data-layout="align-left"] {
   margin-left: 0;
@@ -7474,6 +7488,12 @@ figure.rich-image[data-layout="float-right"] {
   width: var(--rich-image-display-width, 42%);
   margin: 0.125rem 0 0.875rem 1.25rem;
 }
+.yvdzu0[data-display="fixed-height"] {
+  width: auto;
+}
+.yvdzu0[data-layout="float-left"][data-display="fixed-height"], .yvdzu0[data-layout="float-right"][data-display="fixed-height"] {
+  width: auto;
+}
 .rich-image-wrapper[data-layout^="float"] .yvdzu0 {
   float: none;
   width: auto;
@@ -7529,6 +7549,17 @@ figure.rich-image[data-layout="float-right"] {
 .yvdzua:hover {
   transform: none;
 }
+.yvdzu0[data-display="fixed-height"] .yvdzu3 {
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  max-height: var(--rich-image-display-height);
+}
+.yvdzu0[data-display="fixed-height"] .yvdzu8 {
+  width: auto;
+  max-width: 100%;
+  max-height: var(--rich-image-display-height);
+}
 .yvdzuc {
   position: absolute;
   width: 1.65rem;
@@ -7818,13 +7849,39 @@ figure.rich-image[data-layout="float-right"] {
   width: fit-content;
 }
 .yvdzu14 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 2px;
+  padding: 4px;
+  font-family: var(--rc-font-family);
+  z-index: 30;
+}
+.yvdzu14.yvdzu14 {
+  width: 272px;
+}
+.yvdzu15 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-height: 26px;
+}
+.yvdzu16 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  gap: 6px;
+  margin-left: auto;
+  padding-left: 8px;
+}
+.yvdzu17 {
   position: relative;
   display: flex;
   align-items: center;
-  width: 132px;
+  flex: 1;
   height: 24px;
 }
-.yvdzu15 {
+.yvdzu18 {
   appearance: none;
   width: 100%;
   height: 24px;
@@ -7832,12 +7889,12 @@ figure.rich-image[data-layout="float-right"] {
   background: transparent;
   cursor: pointer;
 }
-.yvdzu15::-webkit-slider-runnable-track {
+.yvdzu18::-webkit-slider-runnable-track {
   height: 3px;
   border-radius: 9999px;
   background: linear-gradient(to right, var(--rc-text-secondary) var(--fill), var(--rc-fill) var(--fill));
 }
-.yvdzu15::-webkit-slider-thumb {
+.yvdzu18::-webkit-slider-thumb {
   appearance: none;
   width: 12px;
   height: 12px;
@@ -7848,12 +7905,12 @@ figure.rich-image[data-layout="float-right"] {
   cursor: ew-resize;
   margin-top: -4.5px;
 }
-.yvdzu15::-moz-range-track {
+.yvdzu18::-moz-range-track {
   height: 3px;
   border-radius: 9999px;
   background: linear-gradient(to right, var(--rc-text-secondary) var(--fill), var(--rc-fill) var(--fill));
 }
-.yvdzu15::-moz-range-thumb {
+.yvdzu18::-moz-range-thumb {
   appearance: none;
   width: 12px;
   height: 12px;
@@ -7863,7 +7920,7 @@ figure.rich-image[data-layout="float-right"] {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
   cursor: ew-resize;
 }
-.yvdzu16 {
+.yvdzu19 {
   position: absolute;
   top: 50%;
   width: 3px;
@@ -7873,14 +7930,42 @@ figure.rich-image[data-layout="float-right"] {
   transform: translate(-50%, -50%);
   pointer-events: none;
 }
-.yvdzu17 {
-  min-width: 34px;
+.yvdzu1a {
+  box-sizing: border-box;
+  width: 52px;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--rc-border);
+  border-radius: 6px;
+  background-color: var(--rc-bg-secondary);
+  color: var(--rc-text);
+  font-size: var(--rc-font-size-xs);
+  font-variant-numeric: tabular-nums;
+  text-align: center;
+  line-height: 24px;
+  overflow: hidden;
+}
+.yvdzu1b {
+  appearance: none;
+  -moz-appearance: textfield;
+  padding: 0;
+  outline: none;
+  min-width: 0;
+}
+.yvdzu1b:focus {
+  border-color: var(--rc-text-secondary);
+}
+.yvdzu1c {
+  box-sizing: border-box;
+  width: 48px;
   text-align: right;
   font-size: var(--rc-font-size-xs);
   font-variant-numeric: tabular-nums;
-  color: var(--rc-text-secondary);
+  color: var(--rc-text-tertiary);
 }
-.yvdzu18 {
+.yvdzu1d {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -7895,11 +7980,11 @@ figure.rich-image[data-layout="float-right"] {
   cursor: pointer;
   transition: background-color 0.15s ease, color 0.15s ease;
 }
-.yvdzu18:hover {
+.yvdzu1d:hover {
   color: var(--rc-text);
   background-color: var(--rc-fill-secondary);
 }
-.yvdzu19 {
+.yvdzu1e {
   color: var(--rc-text);
   background-color: var(--rc-fill-secondary);
 }