@blokkli/editor 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/runtime/components/Edit/Konami/Game/index.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/Konami/Game/useIconRendering.d.ts

@@ -1,9 +0,0 @@
-declare const ICON_NAMES: readonly ["upload", "tutor", "bug", "chart", "eye", "user", "plus", "robot", "cursor-move", "check", "tools", "revert", "puzzle", "group", "file", "comment", "command", "close", "button-pointer"];
-type IconName = (typeof ICON_NAMES)[number];
-type UseIconRendering = {
-    initIcons: () => Promise<void>;
-    drawIcon: (ctx: CanvasRenderingContext2D, icon: IconName | number, x: number, y: number, large?: boolean) => void;
-    getIconCount: () => number;
-};
-export declare function useIconRendering(cellSize: number, largeSize: number): UseIconRendering;
-export {};

package/dist/runtime/components/Edit/Konami/Game/useIconRendering.js

@@ -1,130 +0,0 @@
-import { icons } from "#blokkli-build/icons";
-const ICON_NAMES = [
-  "upload",
-  "tutor",
-  "bug",
-  "chart",
-  "eye",
-  "user",
-  "plus",
-  "robot",
-  "cursor-move",
-  "check",
-  "tools",
-  "revert",
-  "puzzle",
-  "group",
-  "file",
-  "comment",
-  "command",
-  "close",
-  "button-pointer"
-];
-export function useIconRendering(cellSize, largeSize) {
-  const iconList = ICON_NAMES.map((name) => ({
-    name,
-    svg: icons[name]
-  }));
-  const iconAtlas = /* @__PURE__ */ new Map();
-  const iconAtlasLarge = /* @__PURE__ */ new Map();
-  const atlasCanvas = document.createElement("canvas");
-  atlasCanvas.width = cellSize * iconList.length;
-  atlasCanvas.height = cellSize;
-  const atlasCanvasLarge = document.createElement("canvas");
-  atlasCanvasLarge.width = largeSize * iconList.length;
-  atlasCanvasLarge.height = largeSize;
-  async function initIcons() {
-    const ctx = atlasCanvas.getContext("2d", { willReadFrequently: true });
-    const ctxLarge = atlasCanvasLarge.getContext("2d", {
-      willReadFrequently: true
-    });
-    if (!ctx || !ctxLarge) return;
-    const imagePromises = iconList.map(({ name, svg }) => {
-      return new Promise((resolve) => {
-        const img = new Image();
-        const svgBlob = new Blob([svg], { type: "image/svg+xml" });
-        const url = URL.createObjectURL(svgBlob);
-        img.onload = () => {
-          URL.revokeObjectURL(url);
-          resolve({ name, img });
-        };
-        img.src = url;
-      });
-    });
-    const loadedImages = await Promise.all(imagePromises);
-    const processIcon = (img, name, index, size, targetCtx, atlasMap) => {
-      const tempCanvas = document.createElement("canvas");
-      tempCanvas.width = size;
-      tempCanvas.height = size;
-      const tempCtx = tempCanvas.getContext("2d", { willReadFrequently: true });
-      if (!tempCtx) return;
-      tempCtx.clearRect(0, 0, size, size);
-      tempCtx.drawImage(img, 0, 0, size, size);
-      const imageData = tempCtx.getImageData(0, 0, size, size);
-      const data = imageData.data;
-      for (let i = 0; i < data.length; i += 4) {
-        const r = data[i];
-        const g = data[i + 1];
-        const b = data[i + 2];
-        const a = data[i + 3];
-        const brightness = (r + g + b) / 3;
-        if (a > 128 && brightness < 128) {
-          data[i] = 0;
-          data[i + 1] = 0;
-          data[i + 2] = 0;
-          data[i + 3] = 255;
-        } else {
-          data[i] = 0;
-          data[i + 1] = 0;
-          data[i + 2] = 0;
-          data[i + 3] = 0;
-        }
-      }
-      tempCtx.putImageData(imageData, 0, 0);
-      const atlasX = index * size;
-      targetCtx.drawImage(tempCanvas, 0, 0, size, size, atlasX, 0, size, size);
-      atlasMap.set(name, { x: atlasX, y: 0 });
-    };
-    loadedImages.forEach(({ name, img }, index) => {
-      processIcon(img, name, index, cellSize, ctx, iconAtlas);
-      processIcon(img, name, index, largeSize, ctxLarge, iconAtlasLarge);
-    });
-  }
-  function drawIcon(ctx, icon, x, y, large = false) {
-    let iconName;
-    if (typeof icon === "number") {
-      const iconData = iconList[icon];
-      if (!iconData) return;
-      iconName = iconData.name;
-    } else {
-      iconName = icon;
-    }
-    const atlas = large ? iconAtlasLarge : iconAtlas;
-    const canvas = large ? atlasCanvasLarge : atlasCanvas;
-    const size = large ? largeSize : cellSize;
-    const atlasData = atlas.get(iconName);
-    if (!atlasData) return;
-    const prevSmoothing = ctx.imageSmoothingEnabled;
-    ctx.imageSmoothingEnabled = false;
-    ctx.drawImage(
-      canvas,
-      atlasData.x,
-      atlasData.y,
-      size,
-      size,
-      x,
-      y,
-      size,
-      size
-    );
-    ctx.imageSmoothingEnabled = prevSmoothing;
-  }
-  function getIconCount() {
-    return iconList.length;
-  }
-  return {
-    initIcons,
-    drawIcon,
-    getIconCount
-  };
-}

package/dist/runtime/components/Edit/Konami/index.vue

@@ -1,42 +0,0 @@
-<template>
-  <BlokkliTransition name="slide-up">
-    <Game v-if="isEnabled" @close="isEnabled = false" />
-  </BlokkliTransition>
-</template>
-
-<script setup>
-import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
-import Game from "./Game/index.vue";
-import { ref } from "#imports";
-import { BlokkliTransition } from "#blokkli/components";
-const isEnabled = ref(false);
-const KONAMI_CODE = [
-  "ArrowUp",
-  "ArrowUp",
-  "ArrowDown",
-  "ArrowDown",
-  "ArrowLeft",
-  "ArrowRight",
-  "ArrowLeft",
-  "ArrowRight",
-  "b",
-  "a"
-];
-const sequence = ref([]);
-onBlokkliEvent("keyPressed", (e) => {
-  const key = e.code;
-  sequence.value.push(key);
-  if (sequence.value.length > KONAMI_CODE.length) {
-    sequence.value.shift();
-  }
-  if (sequence.value.length === KONAMI_CODE.length) {
-    const matches = KONAMI_CODE.every((code, index) => {
-      return sequence.value[index] === code;
-    });
-    if (matches) {
-      isEnabled.value = true;
-      sequence.value = [];
-    }
-  }
-});
-</script>

package/dist/runtime/components/Edit/Konami/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/Loading/index.vue

@@ -1,22 +0,0 @@
-<template>
-  <div
-    class="bk bk-loading-overlay"
-    :class="{ 'bk-is-screen': screen, 'bk-is-white': white }"
-  >
-    <Icon name="spinner" />
-  </div>
-</template>
-
-<script setup>
-import { Icon } from "#blokkli/components";
-defineProps({
-  screen: { type: Boolean, required: false },
-  white: { type: Boolean, required: false }
-});
-</script>
-
-<script>
-export default {
-  name: "Loading"
-};
-</script>

package/dist/runtime/components/Edit/Loading/index.vue.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    screen?: boolean;
-    white?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    screen?: boolean;
-    white?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/Messages/Item/index.vue

@@ -1,105 +0,0 @@
-<template>
-  <div
-    class="bk-message"
-    :class="[{ 'bk-has-timer': hasTimer }, 'bk-is-' + type]"
-    @mouseenter="stopTimer"
-    @mouseleave="startTimer"
-  >
-    <button class="bk-message-content" @click="$emit('close')">
-      <p>{{ message }}</p>
-      <p v-if="additionalText" class="bk-message-additional">
-        {{ additionalText }}
-      </p>
-    </button>
-
-    <div
-      v-if="additional && additional instanceof Error"
-      class="bk-message-actions"
-    >
-      <button
-        class="bk-button bk-is-danger"
-        @click.prevent="showDetails = true"
-      >
-        <Icon name="bug" />
-        Details
-      </button>
-    </div>
-    <Teleport
-      v-if="additional && additional instanceof Error && showDetails"
-      :to="ui.mainLayoutElement.value"
-    >
-      <DialogModal
-        id="messages-error-details"
-        title="Error Details"
-        hide-buttons
-        width="100%"
-        @cancel="showDetails = false"
-      >
-        <div class="bk bk-message-error">
-          <code>
-            <div v-text="additional.message" />
-            <div v-text="additional.name" />
-            <div v-text="additional.cause" />
-            <div v-text="additional.stack" />
-          </code>
-        </div>
-      </DialogModal>
-    </Teleport>
-  </div>
-</template>
-
-<script setup>
-import {
-  ref,
-  onMounted,
-  onBeforeUnmount,
-  computed,
-  watch,
-  useBlokkli
-} from "#imports";
-import { Icon, DialogModal } from "#blokkli/components";
-const props = defineProps({
-  type: { type: String, required: true },
-  message: { type: String, required: true },
-  additional: { type: null, required: false }
-});
-const { ui } = useBlokkli();
-const emit = defineEmits(["close"]);
-const hasTimer = ref(true);
-const showDetails = ref(false);
-const additionalText = computed(() => {
-  if (!props.additional) {
-    return null;
-  }
-  if (props.additional instanceof Error) {
-    return props.additional.message;
-  }
-  return null;
-});
-watch(showDetails, function(isVisible) {
-  if (isVisible) {
-    stopTimer();
-  }
-});
-function stopTimer() {
-  clearTimeout(timeout);
-  hasTimer.value = false;
-}
-function startTimer() {
-  clearTimeout(timeout);
-  if (showDetails.value) {
-    return;
-  }
-  hasTimer.value = true;
-  timeout = setTimeout(() => {
-    emit("close");
-  }, 6e3);
-}
-let timeout = null;
-onMounted(() => {
-  startTimer();
-});
-onBeforeUnmount(() => {
-  stopTimer();
-});
-</script>

package/dist/runtime/components/Edit/Messages/Item/index.vue.d.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    type: 'success' | 'error' | 'warning';
-    message: string;
-    additional?: string | Error | unknown;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/Messages/index.vue

@@ -1,41 +0,0 @@
-<template>
-  <div class="bk bk-messages">
-    <TransitionGroup :name="ui.useAnimations.value ? 'bk-message' : void 0">
-      <Item
-        v-for="(message, index) in messages"
-        v-bind="message"
-        :key="index"
-        @close="removeMessage(index)"
-      />
-    </TransitionGroup>
-  </div>
-</template>
-
-<script setup>
-import { ref, useBlokkli } from "#imports";
-import Item from "./Item/index.vue";
-import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
-const { ui } = useBlokkli();
-const messages = ref([
-  // {
-  //   type: 'success',
-  //   message: 'Foobar this is just a message',
-  // },
-]);
-function removeMessage(index) {
-  messages.value = messages.value.filter((_v, i) => i !== index);
-}
-onBlokkliEvent("message", (message) => {
-  if (message.replace) {
-    messages.value = [message];
-  } else {
-    messages.value.push(message);
-  }
-});
-</script>
-
-<script>
-export default {
-  name: "Messages"
-};
-</script>

package/dist/runtime/components/Edit/Messages/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/Overlay/index.vue

@@ -1,70 +0,0 @@
-<template>
-  <BlokkliTransition name="fade">
-    <div
-      v-if="isVisible"
-      class="bk bk-overlay"
-      @click.prevent.stop.capture="onClick"
-      @dblclick.prevent="onDoubleClick"
-      @wheel.capture.stop.prevent
-      @pointerdown.capture.stop.prevent
-      @pointermove.capture.stop.prevent
-      @touchstart.capture.stop.prevent
-      @touchmove.capture.stop.prevent
-      @touchend.capture.stop.prevent
-    >
-      <div
-        v-if="showDoubleClickInfo"
-        :class="{
-  'bk-is-left': alignment === 'right' || alignment === 'center',
-  'bk-is-right': alignment === 'left'
-}"
-      >
-        <Icon name="click" />
-        <div v-html="infoText" />
-      </div>
-    </div>
-  </BlokkliTransition>
-</template>
-
-<script setup>
-import { BlokkliTransition, Icon } from "#blokkli/components";
-import { computed, useBlokkli, ref, watch } from "#imports";
-const { ui, eventBus, $t } = useBlokkli();
-let clickTimeout = null;
-const showDoubleClickInfo = ref(false);
-const alignment = computed(() => ui.currentDialog.value?.alignment);
-const infoText = computed(
-  () => $t(
-    "overlayDoubleClickInfo",
-    "<strong>Double click</strong> to close overlay"
-  )
-);
-function onClick() {
-  if (clickTimeout) {
-    return;
-  }
-  if (!ui.currentDialog.value?.confirmClose) {
-    onDoubleClick();
-    return;
-  }
-  clickTimeout = window.setTimeout(() => {
-    showDoubleClickInfo.value = true;
-  }, 500);
-}
-const isVisible = computed(() => ui.hasDialogOpen.value);
-watch(isVisible, () => {
-  if (clickTimeout) {
-    window.clearTimeout(clickTimeout);
-    clickTimeout = null;
-  }
-  showDoubleClickInfo.value = false;
-});
-function onDoubleClick() {
-  if (clickTimeout) {
-    window.clearTimeout(clickTimeout);
-    clickTimeout = null;
-  }
-  eventBus.emit("overlay:close");
-  showDoubleClickInfo.value = false;
-}
-</script>

package/dist/runtime/components/Edit/Overlay/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/Pagination/index.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="bk bk-pagination">
-    <button :disabled="page === 0" @click="page--">
-      <Icon name="arrow-left" />
-    </button>
-    <div>{{ page + 1 }} / {{ totalPages }}</div>
-    <button :disabled="page >= totalPages - 1" @click="page++">
-      <Icon name="arrow-right" />
-    </button>
-  </div>
-</template>
-
-<script setup>
-import { Icon } from "#blokkli/components";
-defineProps({
-  totalPages: { type: Number, required: true }
-});
-const page = defineModel({ type: Number, ...{ default: 0 } });
-</script>

package/dist/runtime/components/Edit/Pagination/index.vue.d.ts

@@ -1,12 +0,0 @@
-type __VLS_Props = {
-    totalPages: number;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: number;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/PluginConfigForm/Checkbox/index.vue

@@ -1,17 +0,0 @@
-<template>
-  <FormToggle v-model="value" :label :description />
-</template>
-
-<script setup>
-import { FormToggle } from "#blokkli/components";
-defineProps({
-  type: { type: String, required: true },
-  name: { type: String, required: true },
-  label: { type: String, required: true },
-  description: { type: String, required: false },
-  required: { type: Boolean, required: true },
-  checkboxLabel: { type: String, required: false },
-  defaultValue: { type: Boolean, required: true }
-});
-const value = defineModel({ type: Boolean });
-</script>

package/dist/runtime/components/Edit/PluginConfigForm/Checkbox/index.vue.d.ts

@@ -1,11 +0,0 @@
-import type { PluginConfigInputCheckbox } from '#blokkli/types';
-type __VLS_Props = PluginConfigInputCheckbox;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/PluginConfigForm/Options/index.vue

@@ -1,37 +0,0 @@
-<template>
-  <FormSelect
-    v-if="variant === 'select'"
-    :id
-    v-model="value"
-    :label
-    :description
-    :required
-    :options
-  />
-  <FormRadio
-    v-else
-    :id
-    v-model="value"
-    :label
-    :description
-    :required
-    :options
-  />
-</template>
-
-<script setup>
-import { computed } from "#imports";
-import { FormSelect, FormRadio } from "#blokkli/components";
-const props = defineProps({
-  type: { type: String, required: true },
-  name: { type: String, required: true },
-  label: { type: String, required: true },
-  description: { type: String, required: false },
-  required: { type: Boolean, required: true },
-  defaultValue: { type: String, required: false },
-  variant: { type: String, required: true },
-  options: { type: Array, required: true }
-});
-const value = defineModel({ type: String });
-const id = computed(() => "plugin-form-item-" + props.name);
-</script>

package/dist/runtime/components/Edit/PluginConfigForm/Options/index.vue.d.ts

@@ -1,11 +0,0 @@
-import type { PluginConfigInputOptions } from '#blokkli/types';
-type __VLS_Props = PluginConfigInputOptions;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/Edit/PluginConfigForm/Text/index.vue

@@ -1,43 +0,0 @@
-<template>
-  <FormTextarea
-    v-if="multiline"
-    :id="name"
-    v-model="value"
-    :label
-    :required
-    :placeholder
-    :description
-    :minlength="minLength"
-    :maxlength="maxLength"
-  />
-  <FormText
-    v-else
-    :id="name"
-    v-model="value"
-    :label
-    :required
-    :description
-    :placeholder
-    :minlength="minLength"
-    :maxlength="maxLength"
-  />
-</template>
-
-<script setup>
-import { FormText, FormTextarea } from "#blokkli/components";
-defineProps({
-  type: { type: String, required: true },
-  name: { type: String, required: true },
-  label: { type: String, required: true },
-  description: { type: String, required: false },
-  required: { type: Boolean, required: true },
-  defaultValue: { type: String, required: false },
-  minLength: { type: Number, required: false },
-  maxLength: { type: Number, required: false },
-  placeholder: { type: String, required: false },
-  pattern: { type: String, required: false },
-  multiline: { type: Boolean, required: false },
-  rows: { type: Number, required: false }
-});
-const value = defineModel({ type: String });
-</script>

package/dist/runtime/components/Edit/PluginConfigForm/Text/index.vue.d.ts

@@ -1,11 +0,0 @@
-import type { PluginConfigInputText } from '#blokkli/types';
-type __VLS_Props = PluginConfigInputText;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;