@blokkli/editor 1.4.0-alpha.1 → 2.0.0-alpha.10

package/dist/runtime/blokkliPlugins/ItemAction/index.vue

@@ -4,7 +4,7 @@
       ref="el"
       :disabled="isDisabled"
       :class="{ 'bk-is-active': active, 'bk-is-last': weight === 'last' }"
-      :style="weight !== 'last' ? { order: weight || 0 } : undefined"
+      :style="weight !== 'last' ? { order: weight || 0 } : void 0"
       @click.prevent.stop="onClick"
     >
       <slot name="icon">
@@ -28,105 +28,59 @@
   </Teleport>
 </template>
 
-<script lang="ts" setup>
-import { computed, ref, useBlokkli } from '#imports'
-
-import type { BlokkliIcon } from '#blokkli-build/icons'
-import { Icon, ShortcutIndicator } from '#blokkli/components'
-import type { DraggableExistingBlock } from '#blokkli/types'
-import defineCommands from '#blokkli/helpers/composables/defineCommands'
-import defineTourItem from '#blokkli/helpers/composables/defineTourItem'
-
-const { selection } = useBlokkli()
-
-const el = ref<HTMLElement | null>(null)
-
-const uuids = computed(() => selection.uuids.value)
-
-const props = defineProps<{
-  id: string
-  /**
-   * The title of the action.
-   */
-  title: string
-
-  /**
-   * Whether the action is disabled.
-   */
-  disabled?: boolean
-
-  /**
-   * Whether the button should be displayed in an active state (e.g. when it's a dropdown).
-   */
-  active?: boolean
-
-  /**
-   * The key code to use for the shortcut.
-   */
-  keyCode?: string
-
-  /**
-   * Wheter the shortcut needs the meta modifier key.
-   */
-  meta?: boolean
-
-  /**
-   * Whether the action supports multiple items.
-   */
-  multiple?: boolean
-
-  /**
-   * The weight, used for positioning the button.
-   */
-  weight?: number | string | 'last'
-
-  icon?: BlokkliIcon
-
-  tourText?: string
-}>()
-
+<script setup>
+import { computed, ref, useBlokkli } from "#imports";
+import { Icon, ShortcutIndicator } from "#blokkli/components";
+import defineCommands from "#blokkli/helpers/composables/defineCommands";
+import defineTourItem from "#blokkli/helpers/composables/defineTourItem";
+const { selection } = useBlokkli();
+const el = ref(null);
+const uuids = computed(() => selection.uuids.value);
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: true },
+  disabled: { type: Boolean, required: false },
+  active: { type: Boolean, required: false },
+  keyCode: { type: String, required: false },
+  meta: { type: Boolean, required: false },
+  multiple: { type: Boolean, required: false },
+  weight: { type: [Number, String], required: false },
+  icon: { type: null, required: false },
+  tourText: { type: String, required: false }
+});
 const isDisabled = computed(
-  () =>
-    props.disabled || (!props.multiple && selection.blocks.value.length > 1),
-)
-
-const emit = defineEmits<{
-  (e: 'click', items: DraggableExistingBlock[]): void
-}>()
-
+  () => props.disabled || !props.multiple && selection.blocks.value.length > 1
+);
+const emit = defineEmits(["click"]);
 const onClick = () => {
   if (isDisabled.value || !uuids.value.length) {
-    return
+    return;
   }
-
-  emit('click', selection.blocks.value)
-}
-
+  emit("click", selection.blocks.value);
+};
 defineCommands(() => ({
-  id: 'plugin:item_action:' + props.id,
-  group: 'selection',
+  id: "plugin:item_action:" + props.id,
+  group: "selection",
   label: props.title,
   icon: props.icon,
   disabled: props.disabled || !selection.blocks.value.length,
-  callback: onClick,
-}))
-
+  callback: onClick
+}));
 defineTourItem(() => {
   if (!props.tourText) {
-    return
+    return;
   }
-
   return {
-    id: 'plugin:item_action:' + props.id,
+    id: "plugin:item_action:" + props.id,
     title: props.title,
     text: props.tourText,
-    element: () => el.value,
-  }
-})
+    element: () => el.value
+  };
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'PluginItemAction',
-}
+  name: "PluginItemAction"
+};
 </script>

package/dist/runtime/blokkliPlugins/ItemAction/index.vue.d.ts

@@ -0,0 +1,84 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+import type { DraggableExistingBlock } from '#blokkli/types';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    id: string;
+    /**
+     * The title of the action.
+     */
+    title: string;
+    /**
+     * Whether the action is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button should be displayed in an active state (e.g. when it's a dropdown).
+     */
+    active?: boolean;
+    /**
+     * The key code to use for the shortcut.
+     */
+    keyCode?: string;
+    /**
+     * Wheter the shortcut needs the meta modifier key.
+     */
+    meta?: boolean;
+    /**
+     * Whether the action supports multiple items.
+     */
+    multiple?: boolean;
+    /**
+     * The weight, used for positioning the button.
+     */
+    weight?: number | string | "last";
+    icon?: BlokkliIcon;
+    tourText?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (items: DraggableExistingBlock[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    id: string;
+    /**
+     * The title of the action.
+     */
+    title: string;
+    /**
+     * Whether the action is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button should be displayed in an active state (e.g. when it's a dropdown).
+     */
+    active?: boolean;
+    /**
+     * The key code to use for the shortcut.
+     */
+    keyCode?: string;
+    /**
+     * Wheter the shortcut needs the meta modifier key.
+     */
+    meta?: boolean;
+    /**
+     * Whether the action supports multiple items.
+     */
+    multiple?: boolean;
+    /**
+     * The weight, used for positioning the button.
+     */
+    weight?: number | string | "last";
+    icon?: BlokkliIcon;
+    tourText?: string;
+}> & Readonly<{
+    onClick?: ((items: DraggableExistingBlock[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
+        items: DraggableExistingBlock[];
+        uuids: string[];
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/blokkliPlugins/ItemDropdown/index.vue

@@ -7,36 +7,32 @@
   </Teleport>
 </template>
 
-<script lang="ts" setup>
-import { computed, useBlokkli, onMounted, onBeforeUnmount } from '#imports'
-const props = defineProps<{
-  id: string
-  title: string
-  enabled: boolean
-}>()
-
-const { eventBus } = useBlokkli()
-
-const isRendering = computed(() => props.enabled)
-
+<script setup>
+import { computed, useBlokkli, onMounted, onBeforeUnmount } from "#imports";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: true },
+  enabled: { type: Boolean, required: true }
+});
+const { eventBus } = useBlokkli();
+const isRendering = computed(() => props.enabled);
 onMounted(() => {
-  eventBus.emit('plugin:mount', {
-    type: 'ItemDropdown',
+  eventBus.emit("plugin:mount", {
+    type: "ItemDropdown",
     id: props.id,
-    isRendering,
-  })
-})
-
+    isRendering
+  });
+});
 onBeforeUnmount(() => {
-  eventBus.emit('plugin:unmount', {
-    type: 'ItemDropdown',
-    id: props.id,
-  })
-})
+  eventBus.emit("plugin:unmount", {
+    type: "ItemDropdown",
+    id: props.id
+  });
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'PluginItemDropdown',
-}
+  name: "PluginItemDropdown"
+};
 </script>

package/dist/runtime/blokkliPlugins/ItemDropdown/index.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    id: string;
+    title: string;
+    enabled: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    id: string;
+    title: string;
+    enabled: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/blokkliPlugins/MenuButton/index.vue

@@ -19,56 +19,48 @@
   </Teleport>
 </template>
 
-<script lang="ts" setup>
-import { computed, useBlokkli } from '#imports'
-import type { BlokkliIcon } from '#blokkli-build/icons'
-import { Icon } from '#blokkli/components'
-import defineCommands from '#blokkli/helpers/composables/defineCommands'
-
-const props = defineProps<{
-  id: string
-  title: string
-  description: string
-  disabled?: boolean
-  icon?: BlokkliIcon
-  type?: 'success' | 'danger'
-  weight?: number
-  secondary?: boolean
-}>()
-
-const emit = defineEmits(['click'])
-
-const { ui } = useBlokkli()
-
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon } from "#blokkli/components";
+import defineCommands from "#blokkli/helpers/composables/defineCommands";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: true },
+  description: { type: String, required: true },
+  disabled: { type: Boolean, required: false },
+  icon: { type: null, required: false },
+  type: { type: String, required: false },
+  weight: { type: Number, required: false },
+  secondary: { type: Boolean, required: false }
+});
+const emit = defineEmits(["click"]);
+const { ui } = useBlokkli();
 const to = computed(
-  () => `#bk-menu-${props.secondary ? 'secondary' : 'primary'}`,
-)
-
+  () => `#bk-menu-${props.secondary ? "secondary" : "primary"}`
+);
 function onClick() {
-  ui.menu.close()
-  emit('click')
+  ui.menu.close();
+  emit("click");
 }
-
 const commandCallback = () => {
   if (!props.disabled) {
-    emit('click')
+    emit("click");
   }
-}
-
+};
 defineCommands(() => {
   return {
-    id: 'plugin:menu_button:' + props.id,
-    group: 'action',
+    id: "plugin:menu_button:" + props.id,
+    group: "action",
     label: props.title,
     icon: props.icon,
     disabled: props.disabled,
-    callback: commandCallback,
-  }
-})
+    callback: commandCallback
+  };
+});
 </script>
 
-<script lang="ts">
+<script>
 export default {
-  name: 'PluginMenuButton',
-}
+  name: "PluginMenuButton"
+};
 </script>

package/dist/runtime/blokkliPlugins/MenuButton/index.vue.d.ts

@@ -0,0 +1,32 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    id: string;
+    title: string;
+    description: string;
+    disabled?: boolean;
+    icon?: BlokkliIcon;
+    type?: "success" | "danger";
+    weight?: number;
+    secondary?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{
+    id: string;
+    title: string;
+    description: string;
+    disabled?: boolean;
+    icon?: BlokkliIcon;
+    type?: "success" | "danger";
+    weight?: number;
+    secondary?: boolean;
+}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};