@blokkli/editor 2.0.0-alpha.24 → 2.0.0-alpha.25

package/dist/runtime/helpers/stateProvider.d.ts

@@ -1,47 +0,0 @@
-import { type Ref, type ComputedRef } from 'vue';
-import type { BlokkliAdapter, AdapterContext } from '../adapter/index.js';
-import type { MutatedField, EditEntity, MutatedOptions, TranslationState, MappedState, MutationItem, Validation, MutateWithLoadingStateFunction, EditMode, FieldListItem, PublishOptions, EditPermission } from '#blokkli/types';
-import type { TextProvider } from './textProvider.js';
-export type BlokkliOwner = {
-    name: string | undefined;
-    currentUserIsOwner: boolean;
-};
-export type RenderedBlock = {
-    item: FieldListItem;
-    parentEntityType: string;
-    parentEntityBundle: string;
-    parentEntityUuid: string;
-};
-export type StateProvider = {
-    owner: Readonly<Ref<BlokkliOwner | null>>;
-    refreshKey: Readonly<Ref<string>>;
-    mutatedFields: Readonly<Ref<MutatedField[]>>;
-    entity: Readonly<Ref<EditEntity>>;
-    mutatedOptions: MutatedOptions;
-    translation: Readonly<Ref<TranslationState>>;
-    publishOptions: Readonly<Ref<PublishOptions>>;
-    mutations: Readonly<Ref<MutationItem[]>>;
-    currentMutationIndex: Readonly<Ref<number>>;
-    violations: Readonly<Ref<Validation[]>>;
-    mutateWithLoadingState: MutateWithLoadingStateFunction;
-    editMode: Readonly<Ref<EditMode>>;
-    mutatedEntity: Readonly<Ref<any>>;
-    canEdit: ComputedRef<boolean>;
-    permissions: ComputedRef<EditPermission[]>;
-    stateAvailable: ComputedRef<boolean>;
-    isLoading: Readonly<Ref<boolean>>;
-    fromLibraryUuids: Readonly<Ref<Readonly<string[]>>>;
-    getFieldBlockCount: (key: string) => number;
-    getBlockBundleCount: (bundle: string) => number;
-    getFieldListItem: (uuid: string) => FieldListItem | undefined;
-    getFieldListForBlock: (uuid: string) => MutatedField | undefined;
-    getMutatedField: (uuid: string, fieldName: string) => MutatedField | undefined;
-    getAllUuids: (bundle?: string) => string[];
-    getNestingLevel: (uuid: string) => number;
-    isChildOf: (childUuid: string, parentUuid: string) => boolean;
-    getMappedState: () => MappedState;
-    setOverrideState: (state: MappedState) => void;
-    clearOverrideState: () => void;
-    getFieldKeyForUuid: (uuid: string) => string | null;
-};
-export default function (adapter: BlokkliAdapter<any>, context: ComputedRef<AdapterContext>, $t: TextProvider, providerKey: string, permissions: EditPermission[]): Promise<StateProvider>;

package/dist/runtime/helpers/storageProvider.d.ts

@@ -1,17 +0,0 @@
-import { type ComputedRef, type WritableComputedRef } from '#imports';
-import type { AdapterContext, BlokkliAdapter } from '#blokkli/adapter';
-export type StorageProvider = {
-    use: <T>(key: string | ComputedRef<string>, defaultValue: T, persist?: boolean) => WritableComputedRef<T>;
-    useWithContextPrefix: <T>(key: string, defaultValue: T, persist?: boolean) => WritableComputedRef<T>;
-    clearAll: () => void;
-    clear: (key: string) => void;
-};
-/**
- * Create a reactive variable that is synced to local storage using the
- * given key. The sync only happens client side and after the component
- * has been mounted.
- *
- * This composable can be used to keep state across page navigations and
- * even after a refresh.
- */
-export default function (adapter: BlokkliAdapter<any>, context: ComputedRef<AdapterContext>): Promise<StorageProvider>;

package/dist/runtime/helpers/themeProvider.d.ts

@@ -1,30 +0,0 @@
-import type { DraggableStyle } from '#blokkli/types';
-import type { RGB, ThemeColorGroup, ThemeColorShade, ThemeColors, ThemeContextColorGroup, ThemeContextColorShade, ThemeContextColors, ThemeName } from '#blokkli/types/theme';
-import { type Ref } from '#imports';
-import type { ElementProvider } from './providers/element.js';
-type ThemeMap = {
-    accent: Ref<ThemeColors>;
-    mono: Ref<ThemeColors>;
-    teal: Ref<ThemeContextColors>;
-    yellow: Ref<ThemeContextColors>;
-    red: Ref<ThemeContextColors>;
-    lime: Ref<ThemeContextColors>;
-    orange: Ref<ThemeContextColors>;
-};
-export type ThemeProvider = {
-    accent: Ref<ThemeColors>;
-    mono: Ref<ThemeColors>;
-    teal: Ref<ThemeContextColors>;
-    yellow: Ref<ThemeContextColors>;
-    red: Ref<ThemeContextColors>;
-    lime: Ref<ThemeContextColors>;
-    orange: Ref<ThemeContextColors>;
-    getDraggableStyle: (el: HTMLElement | SVGElement) => DraggableStyle;
-    setColor: <Group extends ThemeColorGroup | ThemeContextColorGroup>(group: Group, shade: Group extends ThemeColorGroup ? ThemeColorShade : ThemeContextColorShade, value: RGB) => void;
-    applyTheme: (name: ThemeName | 'custom') => void;
-    invalidateCachedStyle: (el: HTMLElement | SVGElement) => void;
-    getColor<K extends keyof ThemeMap, T extends ThemeMap[K]['value']>(color: K, key: keyof T): RGB;
-    getColorString<K extends keyof ThemeMap, T extends ThemeMap[K]['value']>(color: K, key: keyof T, alpha?: number): string;
-};
-export default function (element: ElementProvider): ThemeProvider;
-export {};

package/dist/runtime/helpers/tourProvider.d.ts

@@ -1,11 +0,0 @@
-import type { TourItem } from '#blokkli/types';
-import { type Ref } from '#imports';
-type TourProviderFunction = () => TourItem[] | TourItem | undefined;
-export type TourProvider = {
-    add: (fn: TourProviderFunction) => void;
-    remove: (fn: TourProviderFunction) => void;
-    getTourItems: () => TourItem[];
-    isTouring: Ref<boolean>;
-};
-export default function (): TourProvider;
-export {};

package/dist/runtime/helpers/typesProvider.d.ts

@@ -1,36 +0,0 @@
-import type { ComputedRef } from 'vue';
-import type { FieldConfig, BlockBundleDefinition, EditableFieldConfig, BlockDefinitionInput, BlockDefinitionOptionsInput, DroppableFieldConfig, DraggableExistingBlock, EntityContext } from '../types/index.js';
-import type { AdapterContext, BlokkliAdapter } from '../adapter/index.js';
-import type { SelectionProvider } from './selectionProvider.js';
-export type BlokkliBlockType = BlockBundleDefinition & {
-    definition: BlockDefinitionInput<BlockDefinitionOptionsInput, never[]> | undefined;
-};
-interface MappableConfig {
-    entityType: string;
-    entityBundle: string;
-    name: string;
-}
-declare class ConfigMap<T extends MappableConfig> {
-    private configs;
-    private mapEntityType;
-    private mapEntityTypeBundle;
-    private mapEntityTypeBundleName;
-    constructor(items: T[]);
-    forEntityType(entityType: string): T[];
-    forEntityTypeAndBundle(entityType: string, entityBundle: string): T[];
-    forName(entityType: string, entityBundle: string, name: string): T | undefined;
-    all(): T[];
-}
-export type BlockDefinitionProvider = {
-    itemBundlesWithNested: string[];
-    allowedTypesInList: ComputedRef<string[]>;
-    generallyAvailableBundles: BlockBundleDefinition[];
-    getBlockBundleDefinition: (bundle: string) => BlockBundleDefinition | undefined;
-    getFieldConfig: (entityType: string, entityBundle: string, fieldName: string) => FieldConfig | undefined;
-    fieldConfig: ConfigMap<FieldConfig>;
-    editableFieldConfig: ConfigMap<EditableFieldConfig>;
-    droppableFieldConfig: ConfigMap<DroppableFieldConfig>;
-    getDroppableFieldConfig: (fieldName: string, host: DraggableExistingBlock | EntityContext) => DroppableFieldConfig;
-};
-export default function (adapter: BlokkliAdapter<any>, selection: SelectionProvider, context: ComputedRef<AdapterContext>): Promise<BlockDefinitionProvider>;
-export {};

package/dist/runtime/helpers/uiProvider.d.ts

@@ -1,57 +0,0 @@
-import { type Ref, type ComputedRef } from '#imports';
-import type { ShallowRef } from 'vue';
-import type { StorageProvider } from './storageProvider.js';
-import type { Coord, GlobalUiDialog, Rectangle, SidebarRegion, Size } from '#blokkli/types';
-import type { Viewport } from '#blokkli/constants';
-import type { AdapterContext } from '#blokkli/adapter';
-import type { ThemeColorName } from '#blokkli/types/theme';
-import type { ElementProvider } from './providers/element.js';
-export type UiProvider = {
-    rootElement: () => HTMLElement;
-    artboardElement: () => HTMLElement;
-    providerElement: HTMLElement;
-    isMobile: ComputedRef<boolean>;
-    isDesktop: ComputedRef<boolean>;
-    isAnimating: Ref<boolean>;
-    isAnalyzing: Ref<boolean>;
-    isProxyMode: Ref<boolean>;
-    hasDialogOpen: ComputedRef<boolean>;
-    currentDialog: Readonly<Ref<GlobalUiDialog | null>>;
-    openDialog: (dialog: GlobalUiDialog) => void;
-    closeDialog: (id?: string) => void;
-    hasTooltipOpen: ComputedRef<boolean>;
-    openTooltip: Ref<string>;
-    selectionColor: ComputedRef<ThemeColorName | null>;
-    setSelectionColor: (id: string, color: ThemeColorName) => void;
-    removeSelectionColor: (id: string) => void;
-    hasTransformOverlayOpen: Ref<boolean>;
-    isTransforming: ComputedRef<boolean>;
-    setTransform: (label?: string | null | undefined) => void;
-    transformLabel: ComputedRef<string>;
-    useAnimations: ComputedRef<boolean>;
-    lowPerformanceMode: ComputedRef<boolean>;
-    visibleViewport: ComputedRef<Rectangle>;
-    visibleViewportPadded: ComputedRef<Rectangle>;
-    setViewportBlockingRectangle: (key: string, rect?: Rectangle) => void;
-    viewportBlockingRects: ComputedRef<Rectangle[]>;
-    appViewport: ComputedRef<Viewport>;
-    openContextMenu: Ref<string>;
-    viewport: ComputedRef<Size>;
-    artboardSize: ComputedRef<Size>;
-    artboardScale: Ref<number>;
-    artboardOffset: Ref<Coord>;
-    selectionTopLeft: Ref<Coord>;
-    interfaceLanguage: ComputedRef<string>;
-    locale: ComputedRef<string>;
-    formatDate: (date: string | Date, options?: Intl.DateTimeFormatOptions) => string;
-    getAbsoluteElementRect: (v: HTMLElement | Rectangle, scale?: number, offset?: Coord) => Rectangle;
-    getViewportRelativeRect: (rect: Rectangle, scale?: number, offset?: Coord) => Rectangle;
-    setBannerHeight: (id: string, height: number) => void;
-    removeBanner: (id: string) => void;
-    setActiveSidebar: (region: SidebarRegion, id: string) => void;
-    removeActiveSidebar: (region: SidebarRegion, id: string) => void;
-    hasSidebarLeft: ComputedRef<boolean>;
-    hasSidebarRight: ComputedRef<boolean>;
-    mainLayoutElement: Readonly<ShallowRef<HTMLDivElement | null>>;
-};
-export default function (providerElement: HTMLElement, storage: StorageProvider, context: ComputedRef<AdapterContext>, element: ElementProvider, mainLayoutElement: Readonly<ShallowRef<HTMLDivElement | null>>, visibleViewportElement: Readonly<ShallowRef<HTMLDivElement | null>>): UiProvider;

package/dist/runtime/types/blokkOptions.d.ts

@@ -1,100 +0,0 @@
-import type { BlokkliIcon } from '#blokkli-build/icons';
-type DefinitionOptionText = {
-    type: 'text';
-    default: string;
-    label: string;
-    description?: string;
-    inputType?: 'text' | 'number' | 'date';
-    group?: string;
-};
-type DefinitionOptionNumber = {
-    type: 'number';
-    default: number;
-    label: string;
-    description?: string;
-    min: number;
-    max: number;
-    group?: string;
-};
-type DefinitionOptionRange = {
-    type: 'range';
-    default: number;
-    label: string;
-    description?: string;
-    min: number;
-    max: number;
-    step: number;
-    group?: string;
-};
-type DefinitionOptionDateTimeLocal = {
-    type: 'datetime-local';
-    label: string;
-    description?: string;
-    default?: string;
-    min?: string;
-    max?: string;
-    group?: string;
-};
-type DefinitionOptionCheckbox = {
-    type: 'checkbox';
-    default: boolean;
-    label: string;
-    description?: string;
-    group?: string;
-};
-type DefinitionOptionColor = {
-    type: 'color';
-    default: `#${string}`;
-    label: string;
-    description?: string;
-    group?: string;
-};
-type DefinitionOptionCheckboxes = {
-    type: 'checkboxes';
-    label: string;
-    description?: string;
-    /**
-     * The default values.
-     */
-    default: string[];
-    options: Record<string, string>;
-    group?: string;
-};
-type DefinitionOptionRadiosGridOption = {
-    columns: number[];
-    label: string;
-};
-type DefinitionOptionRadiosGrid = {
-    displayAs: 'grid';
-    options: Record<string, DefinitionOptionRadiosGridOption>;
-};
-type DefinitionOptionRadiosColorsOption = {
-    hex?: `#${string}`;
-    class?: string;
-    label: string;
-};
-type DefinitionOptionRadiosColors = {
-    displayAs: 'colors';
-    options: Record<string, DefinitionOptionRadiosColorsOption>;
-};
-type DefinitionOptionRadiosRadios = {
-    displayAs?: 'radios' | undefined;
-    options: Record<string, string>;
-};
-type DefinitionOptionRadiosIconsOption = {
-    icon: BlokkliIcon;
-    label: string;
-};
-type DefinitionOptionRadiosIcons = {
-    displayAs: 'icons';
-    options: Record<string, DefinitionOptionRadiosIconsOption>;
-};
-type DefinitionOptionRadios = {
-    type: 'radios';
-    label: string;
-    description?: string;
-    default: string;
-    group?: string;
-} & (DefinitionOptionRadiosColors | DefinitionOptionRadiosGrid | DefinitionOptionRadiosRadios | DefinitionOptionRadiosIcons);
-export type BlockOptionDefinition = DefinitionOptionColor | DefinitionOptionCheckbox | DefinitionOptionCheckboxes | DefinitionOptionRadios | DefinitionOptionText | DefinitionOptionRange | DefinitionOptionNumber | DefinitionOptionDateTimeLocal;
-export {};