@blokkli/editor 2.0.0-alpha.59 → 2.0.0-alpha.61

package/dist/runtime/editor/plugins/ViewOption/index.vue

@@ -1,99 +0,0 @@
-<template>
-  <Teleport to="#bk-toolbar-view-options">
-    <button
-      v-if="!ui.isMobile.value"
-      ref="button"
-      class="bk-toolbar-button _bk_group/tooltip"
-      :data-test-view-option="id"
-      :data-test-active="isActive"
-      :class="{ 'bk-is-inactive': !isActive }"
-      :style="{ order: weight || 0 }"
-      @click.prevent.stop="onClick"
-    >
-      <slot name="icon">
-        <Icon v-if="icon" :name="icon" />
-      </slot>
-      <Tooltip :label="title" class="_bk_w-full" placement="below-left">
-        <template v-if="keyCode">
-          <ShortcutIndicator
-            meta
-            :key-code="keyCode"
-            :label="label"
-            group="ui"
-            @pressed="onClick"
-          />
-        </template>
-      </Tooltip>
-    </button>
-  </Teleport>
-
-  <slot :is-active="isActive && !ui.isMobile.value" />
-</template>
-
-<script setup>
-import { useBlokkli, computed, ref, watch } from "#imports";
-import { ShortcutIndicator, Icon, Tooltip } from "#blokkli/editor/components";
-import { defineCommands, defineTourItem } from "#blokkli/editor/composables";
-const { storage, ui, eventBus, debug } = useBlokkli();
-const props = defineProps({
-  id: { type: String, required: true },
-  label: { type: String, required: true },
-  titleOn: { type: String, required: true },
-  titleOff: { type: String, required: true },
-  editOnly: { type: Boolean, required: false },
-  keyCode: { type: String, required: false },
-  icon: { type: null, required: false },
-  tourText: { type: String, required: false },
-  modelValue: { type: Boolean, required: false },
-  weight: { type: [Number, String], required: false }
-});
-const emit = defineEmits(["update:modelValue"]);
-const logger = debug.createLogger("PluginViewOption");
-const storageKey = "view_option_" + props.id;
-const button = ref(null);
-const isActiveStorage = storage.use(storageKey, false, true);
-const isActive = computed({
-  get() {
-    return isActiveStorage.value;
-  },
-  set(v) {
-    isActiveStorage.value = v;
-    emit("update:modelValue", v);
-  }
-});
-watch(isActive, () => {
-  eventBus.emit("view-option:toggle", { id: props.id });
-});
-emit("update:modelValue", isActiveStorage.value);
-const title = computed(() => isActive.value ? props.titleOff : props.titleOn);
-const onClick = () => {
-  isActive.value = !isActive.value;
-  logger.log("Toggle " + props.id, isActive.value);
-};
-defineCommands(() => {
-  return {
-    id: "plugin:view_option:" + props.id,
-    label: title.value,
-    icon: props.icon,
-    group: "ui",
-    callback: () => isActive.value = !isActive.value
-  };
-});
-defineTourItem(() => {
-  if (!props.tourText) {
-    return;
-  }
-  return {
-    id: "plugin:view_option:" + props.id,
-    title: props.label,
-    text: props.tourText,
-    element: () => button.value
-  };
-});
-</script>
-
-<script>
-export default {
-  name: "PluginViewOption"
-};
-</script>

package/dist/runtime/editor/plugins/ViewOption/index.vue.d.ts

@@ -1,139 +0,0 @@
-import type { BlokkliIcon } from '#blokkli-build/icons';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /**
-     * Unique identifier for this view option.
-     *
-     * Used for storage key and event tracking.
-     */
-    id: string;
-    /**
-     * The label used in commands and tour.
-     */
-    label: string;
-    /**
-     * The tooltip text when the option is OFF.
-     *
-     * Should describe what happens when turned on.
-     * @example 'Show grid'
-     */
-    titleOn: string;
-    /**
-     * The tooltip text when the option is ON.
-     *
-     * Should describe what happens when turned off.
-     * @example 'Hide grid'
-     */
-    titleOff: string;
-    /**
-     * Whether the view option is only available in edit mode.
-     *
-     * If true, the option is hidden in preview mode.
-     */
-    editOnly?: boolean;
-    /**
-     * The key code to use for the keyboard shortcut.
-     *
-     * Automatically includes Meta modifier.
-     * @example 'g' for Cmd+G / Ctrl+G
-     */
-    keyCode?: string;
-    /**
-     * The icon displayed in the button.
-     */
-    icon?: BlokkliIcon;
-    /**
-     * Optional text for the interactive tour.
-     *
-     * If provided, this option will be included in the editor tour.
-     */
-    tourText?: string;
-    /**
-     * Two-way binding for the active state.
-     *
-     * Can be used with v-model to track the option state.
-     */
-    modelValue?: boolean;
-    /**
-     * The weight, used for positioning the button.
-     *
-     * Lower weights appear first.
-     */
-    weight?: number | string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (data: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * Unique identifier for this view option.
-     *
-     * Used for storage key and event tracking.
-     */
-    id: string;
-    /**
-     * The label used in commands and tour.
-     */
-    label: string;
-    /**
-     * The tooltip text when the option is OFF.
-     *
-     * Should describe what happens when turned on.
-     * @example 'Show grid'
-     */
-    titleOn: string;
-    /**
-     * The tooltip text when the option is ON.
-     *
-     * Should describe what happens when turned off.
-     * @example 'Hide grid'
-     */
-    titleOff: string;
-    /**
-     * Whether the view option is only available in edit mode.
-     *
-     * If true, the option is hidden in preview mode.
-     */
-    editOnly?: boolean;
-    /**
-     * The key code to use for the keyboard shortcut.
-     *
-     * Automatically includes Meta modifier.
-     * @example 'g' for Cmd+G / Ctrl+G
-     */
-    keyCode?: string;
-    /**
-     * The icon displayed in the button.
-     */
-    icon?: BlokkliIcon;
-    /**
-     * Optional text for the interactive tour.
-     *
-     * If provided, this option will be included in the editor tour.
-     */
-    tourText?: string;
-    /**
-     * Two-way binding for the active state.
-     *
-     * Can be used with v-model to track the option state.
-     */
-    modelValue?: boolean;
-    /**
-     * The weight, used for positioning the button.
-     *
-     * Lower weights appear first.
-     */
-    weight?: number | string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: (props: {}) => any;
-} & {
-    default?: (props: {
-        isActive: any;
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};