@tailor-cms/ce-html-edit 2.1.2 → 3.0.0

package/dist/components/{IconButton.vue.d.ts → ToolbarButton.vue.d.ts}

@@ -6,15 +6,22 @@ type __VLS_Props = {
     label: string;
     icon?: string;
     dropdown?: boolean;
+    inMenu?: boolean;
+};
+declare var __VLS_10: {
+    iconSize: number;
+}, __VLS_38: {
+    iconSize: number;
 };
-declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (event: MouseEvent) => any;
+    click: (event: MouseEvent | KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
+    onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,19 @@
+import type { Component as VueComponent } from 'vue';
+export interface Action {
+    label: string;
+    isActive?: string;
+    action: string[];
+    icon: string;
+}
+export interface Component {
+    component: VueComponent;
+}
+export type ToolbarItem = Action | Component;
+type __VLS_Props = {
+    editor: any;
+    items: ToolbarItem[];
+    inMenu?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/actions/AddImage.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/AddLink.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/AddTable.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/AddTooltip.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/BackgroundColor.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/ColorPicker.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     value: string;
     label: string;
     icon: string;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     set: (...args: any[]) => void;

package/dist/components/actions/FontFamily.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/FontSize.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/TextAlign.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/TextColor.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/actions/TextHeading.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     editor: any;
+    inMenu?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/index.css

@@ -1,7 +1,14 @@
-.image-toolbar[data-v-95dfdaed] {
+.list-icon[data-v-5b805705] {
+  position: relative;
+  display: flex;
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-list-item--active .list-icon[data-v-5b805705] {
+  opacity: 1;
+}.image-toolbar[data-v-ace2bd1e] {
   display: flex;
   gap: 0.125rem;
-}.table-toolbar[data-v-72b96f7c] {
+}.table-toolbar[data-v-eb4e05fa] {
   display: flex;
   gap: 0.125rem;
 }.tce-container[data-v-68099383] {
@@ -168,53 +175,67 @@
   visibility: visible;
   opacity: 1;
   margin-bottom: 0.25rem;
-}.v-sheet[data-v-1694efc7] {
+}.v-sheet[data-v-7781f920] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-}.v-sheet[data-v-2da57dc5] {
+}.v-sheet[data-v-09769bae] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-}.cell-btn[data-v-a06729c2] {
+}.cell-btn[data-v-a115566a] {
   margin: 0.0625rem;
 }
-.v-input--density-compact[data-v-a06729c2] {
+.v-input--density-compact[data-v-a115566a] {
   --v-input-control-height: unset;
-}.v-sheet[data-v-00c6083b] {
+}.v-sheet[data-v-c2c60491] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-}.mdi-color-helper[data-v-f1be96c1] {
+}.mdi-color-helper[data-v-ef1c4307] {
   position: absolute !important;
 }
-.v-btn.v-btn--active[data-v-f1be96c1] {
+.v-btn.v-btn--active[data-v-ef1c4307] {
   color: rgba(var(--v-theme-primary));
 }
-.color-icon[data-v-f1be96c1] {
+.color-icon[data-v-ef1c4307] {
   position: relative;
 }
-[data-v-f1be96c1] .v-color-picker .v-color-picker-swatches > div {
+[data-v-ef1c4307] .v-color-picker .v-color-picker-swatches > div {
   padding-bottom: 0;
 }
-[data-v-f1be96c1] .v-color-picker .v-color-picker-swatches__swatch {
+[data-v-ef1c4307] .v-color-picker .v-color-picker-swatches__swatch {
   margin: 0;
 }
-[data-v-f1be96c1] .v-color-picker .v-color-picker-swatches__color {
+[data-v-ef1c4307] .v-color-picker .v-color-picker-swatches__color {
   width: 1.5rem;
   height: 1.5rem;
   margin: 0.125rem;
   max-height: 1.5rem;
   border-radius: 50%;
 }
-.color-btn[data-v-f1be96c1] {
+.color-btn[data-v-ef1c4307] {
   margin: 0.0625rem;
   border: 1px solid #dadce0;
-}.editor-toolbar[data-v-4f9f9591] {
+}.toolbar-group[data-v-10992dc7] {
   display: flex;
-  flex-wrap: wrap;
+  flex-shrink: 0;
+  align-items: center;
   gap: 0.125rem;
 }
-.editor-toolbar > .v-divider[data-v-4f9f9591] {
-  margin: 0.25rem 0.125rem;
+.toolbar-group.in-menu[data-v-10992dc7] {
+  display: block;
+}.editor-toolbar[data-v-467afc39] {
+  display: flex;
+  flex: 1 1 0%;
+  align-items: center;
+  justify-content: flex-start;
+  min-width: 0;
+}
+.separated[data-v-467afc39]::before {
+  content: "";
+  align-self: stretch;
+  width: 1px;
+  margin: 0.25rem 0.125rem 0.25rem 0.25rem;
+  background: rgba(var(--v-border-color), var(--v-border-opacity));
 }