mce 0.15.36 → 0.15.38

package/dist/components/Selection.vue.d.ts

@@ -1,27 +1,9 @@
 import type { TransformValue } from './shared/TransformControls.vue';
-declare var __VLS_14: {
-    box: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-        rotate: number;
-        borderRadius: number;
-    };
-}, __VLS_16: {
-    transform: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-        rotate: number;
-        borderRadius: number;
-    };
-};
+declare var __VLS_14: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     transform?: (props: typeof __VLS_14) => any;
 } & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {
     transformControls: Readonly<import("vue").ShallowRef<({

package/dist/index.css

@@ -55,9 +55,9 @@
   transform-origin: left bottom;
   font-size: 0.75rem;
   line-height: 1.5;
-  white-space: nowrap;
   pointer-events: auto;
   user-select: none;
+  max-width: 100%;
 }
 .mce-frame__name > div {
   position: relative;
@@ -65,6 +65,10 @@
   box-sizing: content-box;
   color: rgb(var(--mce-theme-on-surface));
   opacity: 0.5;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .mce-frame__name > input {
   position: absolute;
@@ -711,6 +715,33 @@
 .mce-transform-controls--hide-ui .mce-transform-controls__rotator,
 .mce-transform-controls--hide-ui .mce-transform-controls__tip {
   visibility: hidden;
+}.mce-cropper {
+  pointer-events: auto;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+.mce-cropper__source {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  transform-origin: top left;
+}
+.mce-cropper__source canvas {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+.mce-cropper__transform {
+  position: absolute;
+  color: rgba(var(--mce-theme-primary), 1);
+  opacity: 0.5;
+}
+.mce-cropper__transform_rect {
+  width: 100%;
+  height: 100%;
 }.mce-selection {
   position: absolute;
   left: 0;
@@ -728,13 +759,15 @@
   border-style: dashed;
   color: rgba(var(--mce-theme-primary), 1);
   opacity: 0.5;
+  border-color: currentColor;
 }
-.mce-selection__area {
+.mce-selection__marquee {
   position: absolute;
   border-width: 1px;
   border-style: solid;
   color: rgba(var(--mce-theme-primary), 1);
   background-color: rgba(var(--mce-theme-primary), 0.1);
+  border-color: currentcolor;
 }
 .mce-selection__transform {
   position: absolute;
@@ -745,6 +778,7 @@
   border-width: 1px;
   border-style: solid;
   color: rgba(var(--mce-theme-primary), 1);
+  border-color: currentcolor;
 }.mce-smart-guides {
   position: absolute;
   overflow: hidden;
@@ -1384,33 +1418,6 @@
   width: 100%;
   height: 100%;
   pointer-events: none;
-}.mce-cropper {
-  pointer-events: auto;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-}
-.mce-cropper__source {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  transform-origin: top left;
-}
-.mce-cropper__source canvas {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.mce-cropper__transform {
-  position: absolute;
-  color: rgba(var(--mce-theme-primary), 1);
-  opacity: 0.5;
-}
-.mce-cropper__transform_rect {
-  width: 100%;
-  height: 100%;
 }.mce-dialog > * {
   box-shadow: var(--mce-shadow);
 }