mce 0.14.1 → 0.14.3

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

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    'isActive'?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isActive": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:isActive"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/shared/Btn.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     active?: boolean;
+    icon?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/components/shared/FloatPanel.vue.d.ts

@@ -7,7 +7,9 @@ type __VLS_ModelProps = {
     modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_22: {};
+declare var __VLS_22: {
+    isActive: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_22) => any;
 };

package/dist/index.css

@@ -84,8 +84,6 @@
 }.mce-btn {
   padding: 4px;
   border-radius: 4px;
-  height: 24px;
-  width: 24px;
   font-size: 0.75rem;
   display: flex;
   align-items: center;
@@ -96,6 +94,10 @@
   color: rgb(var(--mce-theme-on-background));
   background: rgb(var(--mce-theme-background));
 }
+.mce-btn--icon {
+  height: 24px;
+  width: 24px;
+}
 .mce-btn.mce-btn--active {
   color: rgb(var(--mce-theme-on-primary));
   background: rgb(var(--mce-theme-primary));
@@ -325,6 +327,71 @@
   justify-content: center;
   font-size: 0.75rem;
   margin-right: -6px;
+}.mce-node-creator {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.mce-node-creator__tree {
+  flex: 1;
+  padding: 8px;
+  width: 100%;
+  overflow: auto;
+}
+.mce-node-creator__node {
+  position: relative;
+  flex: none;
+  display: flex;
+  align-items: center;
+  height: 32px;
+  font-size: 0.75rem;
+  padding-left: calc(4px + var(--indent-padding, 0));
+  width: 100%;
+  min-width: max-content;
+  border-radius: 4px;
+}
+.mce-node-creator__node:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 4px;
+  bottom: 4px;
+  background-color: var(--underlay-color, transparent);
+  pointer-events: none;
+  border-radius: inherit;
+}
+.mce-node-creator__node:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 4px;
+  bottom: 4px;
+  background-color: var(--overlay-color, transparent);
+  pointer-events: none;
+  border-radius: inherit;
+}
+.mce-node-creator__node:hover {
+  --overlay-color: rgba(var(--mce-theme-on-background), var(--mce-hover-opacity));
+}
+.mce-node-creator__node--active {
+  --underlay-color: rgba(var(--mce-theme-primary), calc(var(--mce-activated-opacity) * 3));
+}
+.mce-node-creator__node--active:hover {
+  --overlay-color: rgba(var(--mce-theme-primary), var(--mce-hover-opacity));
+}
+.mce-node-creator__actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  height: 24px;
+  padding: 8px;
+  flex-basis: max-content;
+  border-top: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
 }.mce-tooltip {
   background: rgb(var(--mce-theme-surface-variant));
   color: rgb(var(--mce-theme-on-surface-variant));
@@ -1069,6 +1136,7 @@
 }.mce-float-panel {
   position: absolute;
   pointer-events: auto !important;
+  z-index: 2000;
 }
 .mce-float-panel__card {
   display: flex;