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

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

@@ -1,32 +0,0 @@
-import { type PlacementVertical } from '#blokkli/helpers/composables/useStickyToolbar';
-import type { BlokkliIcon } from '#blokkli-build/icons';
-import type { Coord } from '#blokkli/types';
-type __VLS_Props = {
-    id: string;
-    title: string;
-    anchorEl?: HTMLElement | null;
-    anchorCoordinates?: Coord | null;
-    placementY?: PlacementVertical;
-    closeIcon?: BlokkliIcon;
-};
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {
-    anchorEl: HTMLElement | null;
-    anchorCoordinates: Coord | null;
-    placementY: PlacementVertical;
-    closeIcon: BlokkliIcon;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,51 +0,0 @@
-<template>
-  <div
-    ref="el"
-    class="bk bk-banner"
-    :class="scheme ? 'bk-scheme-' + scheme : void 0"
-  >
-    <Icon :name="icon" />
-    <p v-html="text" />
-    <button v-if="button" class="bk-banner-close" @click="$emit('click')">
-      {{ button }}
-      <Icon name="close" />
-    </button>
-  </div>
-</template>
-
-<script setup>
-import { Icon } from "#blokkli/components";
-import {
-  onBeforeUnmount,
-  onMounted,
-  useTemplateRef,
-  useBlokkli
-} from "#imports";
-const props = defineProps({
-  id: { type: String, required: true },
-  icon: { type: null, required: true },
-  text: { type: String, required: true },
-  button: { type: String, required: false, default: void 0 },
-  scheme: { type: String, required: false, default: "accent" }
-});
-defineEmits(["click"]);
-const { ui } = useBlokkli();
-const el = useTemplateRef("el");
-const observer = new ResizeObserver((entries) => {
-  const entry = entries.at(0);
-  if (!entry) {
-    return;
-  }
-  const height = Math.ceil(entry.borderBoxSize.at(0)?.blockSize ?? 0);
-  ui.setBannerHeight(props.id, height);
-});
-onMounted(() => {
-  if (el.value) {
-    observer.observe(el.value);
-  }
-});
-onBeforeUnmount(() => {
-  observer.disconnect();
-  ui.removeBanner(props.id);
-});
-</script>

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

@@ -1,18 +0,0 @@
-import type { BlokkliIcon } from '#blokkli-build/icons';
-import type { ThemeColorName } from '#blokkli/types/theme';
-type __VLS_Props = {
-    id: string;
-    icon: BlokkliIcon;
-    text: string;
-    button?: string;
-    scheme?: ThemeColorName;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {
-    button: string;
-    scheme: ThemeColorName;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -1,88 +0,0 @@
-<template>
-  <div ref="root" class="bk-block-proxy">
-    <div class="bk-block-proxy-header">
-      <ItemIcon :bundle="bundle" />
-      {{ type?.label }}
-    </div>
-    <div v-if="proxyComponent" class="bk-block-proxy-component">
-      <Component :is="proxyComponent" v-bind="proxyComponentProps" />
-    </div>
-    <div v-if="fieldLayout.length" class="bk-block-proxy-fields">
-      <div
-        v-for="(row, i) in fieldLayout"
-        :key="i"
-        class="bk-block-proxy-fields-row"
-        :style="{
-  gridTemplateColumns: `repeat(${row.length}, 1fr)`
-}"
-      >
-        <div
-          v-for="field in row"
-          :key="field.name"
-          class="bk-block-proxy-fields-row-field"
-        >
-          <span>{{ field.label }}</span>
-          <BlokkliField proxy-mode :name="field.name" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, useBlokkli, useTemplateRef } from "#imports";
-import { getBlokkliItemProxyComponent } from "#blokkli/helpers/editComponents";
-import { ItemIcon } from "#blokkli/components";
-import { falsy } from "#blokkli/helpers";
-import { useBlockRegistration } from "#blokkli/helpers/composables/useBlockRegistration";
-const props = defineProps({
-  uuid: { type: String, required: true },
-  bundle: { type: String, required: true },
-  fieldListType: { type: null, required: true },
-  parentType: { type: null, required: true },
-  itemProps: { type: null, required: false }
-});
-const libraryItemProps = computed(() => {
-  if (props.bundle === "from_library") {
-    const v = props.itemProps?.libraryItem;
-    return v;
-  }
-  return null;
-});
-const proxyComponentProps = computed(() => {
-  if (props.bundle === "from_library") {
-    return libraryItemProps.value?.block?.props;
-  }
-  return props.itemProps;
-});
-const proxyBundle = computed(
-  () => libraryItemProps.value?.block?.bundle || props.bundle
-);
-const { types, runtimeConfig, definitions, dom } = useBlokkli();
-const root = useTemplateRef("root");
-const type = computed(() => types.getBlockBundleDefinition(proxyBundle.value));
-const proxyComponent = getBlokkliItemProxyComponent(proxyBundle.value);
-const definition = definitions.getBlockDefinition(
-  proxyBundle.value,
-  props.fieldListType,
-  props.parentType
-);
-const fieldLayout = computed(() => {
-  if (libraryItemProps.value) {
-    return [];
-  }
-  if (definition?.editor?.fieldLayout) {
-    return definition.editor.fieldLayout.map((row) => {
-      return row.map((fieldName) => {
-        return types.fieldConfig.forName(
-          runtimeConfig.itemEntityType,
-          proxyBundle.value,
-          fieldName
-        );
-      }).filter(falsy);
-    });
-  }
-  return types.fieldConfig.forEntityTypeAndBundle(runtimeConfig.itemEntityType, proxyBundle.value).map((config) => [config]);
-});
-useBlockRegistration(dom, props.uuid);
-</script>

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

@@ -1,10 +0,0 @@
-import type { BlockBundleWithNested, ValidFieldListTypes } from '#blokkli-build/generated-types';
-type __VLS_Props = {
-    uuid: string;
-    bundle: string;
-    fieldListType: ValidFieldListTypes;
-    parentType: BlockBundleWithNested;
-    itemProps?: any;
-};
-declare const _default: 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>;
-export default _default;

package/dist/runtime/components/Edit/BlokkliErrorBoundary.vue

@@ -1,47 +0,0 @@
-<template>
-  <slot />
-</template>
-
-<script setup>
-import { emitMessage } from "#blokkli/helpers/eventBus";
-import { ref, onErrorCaptured, useBlokkli } from "#imports";
-import { useGlobalBlokkliObject } from "#blokkli/helpers/composables/useGlobalBlokkliObject";
-const props = defineProps({
-  label: { type: String, required: true }
-});
-const { $t } = useBlokkli();
-const globalBlokkli = useGlobalBlokkliObject();
-const errors = ref([]);
-const isLocked = defineModel({ type: Boolean, ...{ default: false } });
-const emit = defineEmits(["error"]);
-onErrorCaptured((err) => {
-  errors.value.push(err);
-  if (import.meta.dev) {
-    console.error(err);
-  }
-  emit("error", err);
-  globalBlokkli.pushMessage({
-    type: "error",
-    name: "ErrorBoundary",
-    date: (/* @__PURE__ */ new Date()).toISOString(),
-    message: `[${props.label}] ${err.message}`,
-    context: err.stack || ""
-  });
-  const willBeLocked = errors.value.length >= 3;
-  if (willBeLocked) {
-    const message = $t(
-      "errorCapturedMessageDisabled",
-      '"@label" has errored more than 3 times. The feature will be disabled.'
-    ).replace("@label", props.label).replace("@errorMessage", err.message);
-    emitMessage(message, "error", true);
-  } else {
-    const message = $t(
-      "errorCapturedMessage",
-      'Error in "@label": @errorMessage'
-    ).replace("@label", props.label).replace("@errorMessage", err.message);
-    emitMessage(message, "warning");
-  }
-  isLocked.value = willBeLocked;
-  return false;
-});
-</script>

package/dist/runtime/components/Edit/BlokkliErrorBoundary.vue.d.ts

@@ -1,25 +0,0 @@
-type __VLS_Props = {
-    label: string;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: boolean;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    error: (error: Error) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onError?: ((error: Error) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/Edit/BlokkliRootErrorBoundary.vue

@@ -1,96 +0,0 @@
-<template>
-  <slot />
-
-  <Teleport to="body">
-    <Transition name="bk-fade">
-      <div
-        v-if="errors.length"
-        class="bk bk-fatal-error-overlay"
-        @wheel.capture.passive.stop
-        @click.stop
-        @mousedown.stop
-        @touchstart.passive.stop
-        @mousemove.stop
-      >
-        <div class="bk-fatal-error-overlay-info">
-          <Icon name="sad" />
-          <div>
-            <h2>{{ $t("fatalErrorTitle", "bl\xF6kkli has stopped working") }}</h2>
-            <p>
-              {{
-                $t(
-  "fatalErrorText",
-  "Unfortunately bl\xF6kkli has encountered a fatal error which prevents it from working normally. You may be able to continue using it, but things may not work as expected."
-)
-              }}
-            </p>
-            <div class="bk-fatal-error-buttons">
-              <button class="bk-button bk-is-danger" @click="errors = []">
-                {{ $t("fatalErrorButton", "Continue anyway...") }}
-              </button>
-            </div>
-          </div>
-        </div>
-        <div class="bk-fatal-error-overlay-list">
-          <h3>{{ title }}</h3>
-          <button class="bk-button" @click="downloadLogs">
-            {{ $t("downloadLogsButton", "Download Logs") }}
-          </button>
-        </div>
-      </div>
-    </Transition>
-  </Teleport>
-</template>
-
-<script setup>
-import { computed, ref, onErrorCaptured } from "#imports";
-import { Icon } from "#blokkli/components";
-import textProvider from "#blokkli/helpers/providers/texts";
-import { useGlobalBlokkliObject } from "#blokkli/helpers/composables/useGlobalBlokkliObject";
-const errors = ref([]);
-const $t = textProvider();
-const globalBlokkli = useGlobalBlokkliObject();
-onErrorCaptured((err) => {
-  errors.value.push(err);
-  if (import.meta.dev) {
-    console.error(err);
-  }
-  globalBlokkli.pushMessage({
-    type: "error",
-    name: "RootErrorBoundary",
-    date: (/* @__PURE__ */ new Date()).toISOString(),
-    message: err.message,
-    context: err.stack || ""
-  });
-  return false;
-});
-const title = computed(() => {
-  return errors.value.filter((value, index, self) => {
-    return self.findIndex((v) => v.name === value.name) === index;
-  }).map((v) => {
-    return v.name + " " + v.message;
-  }).join("");
-});
-function downloadLogs() {
-  const messages = globalBlokkli.getMessages();
-  const header = "Type,Logger,Timestamp,Message,Context\n";
-  const rows = messages.map((msg) => {
-    const escapeCsv = (str) => `"${str.replace(/"/g, '""')}"`;
-    return [
-      escapeCsv(msg.type),
-      escapeCsv(msg.name),
-      escapeCsv(msg.date),
-      escapeCsv(msg.message),
-      escapeCsv(msg.context ?? "")
-    ].join(",");
-  }).join("\n");
-  const csv = header + rows;
-  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = `blokkli-logs-${(/* @__PURE__ */ new Date()).toISOString()}.csv`;
-  link.click();
-  URL.revokeObjectURL(url);
-}
-</script>

package/dist/runtime/components/Edit/BlokkliRootErrorBoundary.vue.d.ts

@@ -1,12 +0,0 @@
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,135 +0,0 @@
-<template>
-  <div
-    ref="rootEl"
-    class="bk bk-dialog bk-control"
-    @wheel.passive.stop
-    @keydown.stop="handleKeyDown"
-    @keyup.stop
-    @touchstart.passive.stop
-    @touchmove.stop
-    @touchend.stop
-  >
-    <div class="bk-dialog-inner" :style>
-      <div class="bk bk-overlay-header">
-        <Icon v-if="icon" :name="icon" />
-        <h3>{{ title }}</h3>
-        <button @click="$emit('cancel')">
-          <Icon name="close" />
-        </button>
-      </div>
-
-      <div
-        class="bk-dialog-content"
-        :class="{
-  'bk-is-fullscreen': fullScreen
-}"
-      >
-        <div class="bk-dialog-content-inner">
-          <div v-if="lead" class="bk bk-dialog-lead">
-            {{ lead }}
-          </div>
-          <slot />
-        </div>
-      </div>
-      <div v-if="$slots['pre-footer']" class="bk-dialog-pre-footer">
-        <slot name="pre-footer" />
-      </div>
-      <div v-if="!hideButtons" class="bk bk-dialog-footer">
-        <button
-          class="bk-button"
-          :disabled="!canSubmit"
-          :class="[
-  { 'bk-is-loading': isLoading },
-  isDanger ? 'bk-is-danger' : 'bk-is-primary'
-]"
-          @click="$emit('submit')"
-        >
-          {{ submitLabel }}
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import {
-  useBlokkli,
-  computed,
-  useTemplateRef,
-  onBeforeUnmount,
-  watch
-} from "#imports";
-import { Icon } from "#blokkli/components";
-import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
-import useFocusTrap from "#blokkli/helpers/composables/useFocusTrap";
-const { ui } = useBlokkli();
-const emit = defineEmits(["submit", "cancel"]);
-const rootEl = useTemplateRef("rootEl");
-const props = defineProps({
-  id: { type: String, required: true },
-  title: { type: String, required: true },
-  lead: { type: String, required: false, default: "" },
-  width: { type: [Number, String], required: false, default: 600 },
-  submitLabel: { type: String, required: false, default: "" },
-  canSubmit: { type: Boolean, required: false, default: true },
-  isDanger: { type: Boolean, required: false },
-  isLoading: { type: Boolean, required: false },
-  hideButtons: { type: Boolean, required: false },
-  icon: { type: null, required: false, default: void 0 },
-  fullScreen: { type: Boolean, required: false }
-});
-watch(ui.currentDialog, (dialog) => {
-  if (dialog?.id !== props.id) {
-    emit("cancel");
-  }
-});
-const style = computed(() => {
-  if (ui.isMobile.value) {
-    return {};
-  }
-  if (props.fullScreen) {
-    return {
-      maxWidth: "100vw",
-      height: "100vh"
-    };
-  }
-  if (typeof props.width === "number") {
-    return {
-      maxWidth: props.width + "px"
-    };
-  }
-  return {
-    width: props.width
-  };
-});
-const { onKeyDown } = useFocusTrap({
-  container: rootEl,
-  debugLabel: `Dialog "${props.title}"`
-});
-const handleKeyDown = (e) => {
-  if (e.code === "Escape") {
-    e.preventDefault();
-    emit("cancel");
-    return;
-  }
-  onKeyDown(e);
-};
-onBlokkliEvent("keyPressed", (e) => {
-  if (e.code === "Escape") {
-    emit("cancel");
-  }
-});
-onBlokkliEvent("overlay:close", () => {
-  emit("cancel");
-});
-ui.openDialog({ id: props.id, alignment: "center" });
-onBeforeUnmount(() => {
-  ui.closeDialog(props.id);
-});
-</script>
-
-<script>
-export default {
-  name: "BlokkliDialog"
-};
-</script>

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

@@ -1,48 +0,0 @@
-import type { BlokkliIcon } from '#blokkli-build/icons';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
-    id: string;
-    title: string;
-    lead?: string;
-    width?: number | string;
-    submitLabel?: string;
-    canSubmit?: boolean;
-    isDanger?: boolean;
-    isLoading?: boolean;
-    hideButtons?: boolean;
-    icon?: BlokkliIcon;
-    fullScreen?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cancel: (...args: any[]) => void;
-    submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<{
-    id: string;
-    title: string;
-    lead?: string;
-    width?: number | string;
-    submitLabel?: string;
-    canSubmit?: boolean;
-    isDanger?: boolean;
-    isLoading?: boolean;
-    hideButtons?: boolean;
-    icon?: BlokkliIcon;
-    fullScreen?: boolean;
-}> & Readonly<{
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
-}>, {
-    icon: BlokkliIcon;
-    width: number | string;
-    lead: string;
-    submitLabel: string;
-    canSubmit: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-} & {
-    'pre-footer'?: (props: {}) => any;
-}>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};