@aham.ro/ui-designer 0.1.9 → 0.1.10

package/dist/widgets/Properties.vue.d.ts

@@ -1,3 +1,19 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { WorkspaceComponent } from '../stores/workspace';
+type __VLS_Props = {
+    layers?: {
+        id: string;
+        type: string;
+        label: string;
+        icon: string;
+    }[];
+    selectedComponent?: WorkspaceComponent;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    updateProps: (props: Record<string, unknown>) => any;
+    focusTranslation: (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdateProps?: ((props: Record<string, unknown>) => any) | undefined;
+    onFocusTranslation?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/widgets/TemplateList.vue.d.ts

@@ -4,12 +4,12 @@ type __VLS_Props = {
     focusedTemplateId?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (id: string) => any;
     add: () => any;
+    select: (id: string) => any;
     rename: (id: string, name: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((id: string) => any) | undefined;
     onAdd?: (() => any) | undefined;
+    onSelect?: ((id: string) => any) | undefined;
     onRename?: ((id: string, name: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/widgets/TranslationSidebar.vue.d.ts

@@ -9,6 +9,7 @@ export interface TranslationField {
 type __VLS_Props = {
     open: boolean;
     fields?: TranslationField[];
+    focusedFieldId?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/dist/widgets/Workspace.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    subject: string;
+    templateId?: string;
+    templateName?: string;
+};
+declare function addComponent(type: string): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    addComponent: typeof addComponent;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    componentDrop: (type: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onComponentDrop?: ((type: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/components/Heading.vue.d.ts

@@ -3,8 +3,8 @@ type __VLS_Props = {
     size?: 'sm' | 'md' | 'lg' | 'xl';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    text: string;
     size: "sm" | "md" | "lg" | "xl";
+    text: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/widgets/workspace/Breadcrumb.vue.d.ts

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

package/dist/widgets/workspace/ComponentHandler.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    type: string;
+    id?: string;
+    componentProps?: Record<string, unknown>;
+    selected?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: () => any;
+    moveStart: (id: string, event: DragEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (() => any) | undefined;
+    onMoveStart?: ((id: string, event: DragEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/workspace/Composer.vue.d.ts

@@ -0,0 +1,13 @@
+import { type WorkspaceComponent } from '../../stores/workspace';
+declare function addComponent(type: string): void;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    addComponent: typeof addComponent;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    componentDrop: (type: string) => any;
+    componentSelect: (component: WorkspaceComponent) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onComponentDrop?: ((type: string) => any) | undefined;
+    onComponentSelect?: ((component: WorkspaceComponent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/workspace/Renderer.vue.d.ts

@@ -0,0 +1,31 @@
+interface RenderedComponent {
+    type: string;
+    props?: Record<string, unknown>;
+}
+type __VLS_Props = {
+    components: RenderedComponent[];
+    selectedIndex?: number;
+};
+declare var __VLS_1: {
+    type: string;
+    props: Record<string, unknown> | undefined;
+    index: number;
+    selected: boolean;
+    select: () => void;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (index: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((index: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/widgets/workspace/configuration.d.ts

@@ -0,0 +1,11 @@
+import type { Component } from 'vue';
+import { withEditable, type EditablePropDefinition } from './editable';
+export { withEditable };
+export type { EditablePropDefinition };
+export declare const componentDisplayNames: Record<string, string>;
+export declare const componentIcons: Record<string, string>;
+export declare function getComponentDisplayName(type: string): string;
+export declare const componentMap: Record<string, Component>;
+export declare const componentPropDefinitions: Record<string, (EditablePropDefinition & {
+    key: string;
+})[]>;

package/dist/widgets/workspace/editable.d.ts

@@ -0,0 +1,12 @@
+export type EditablePropDefinition = {
+    label?: string;
+    type: 'string' | 'text' | 'number' | 'boolean' | 'select';
+    translations?: boolean;
+    options?: string[];
+    defaultValue?: string | number | boolean;
+};
+export type EditablePropDefinitions = Record<string, EditablePropDefinition>;
+export declare const editablePropDefinitions: Record<string, Array<EditablePropDefinition & {
+    key: string;
+}>>;
+export declare function withEditable(componentType: string, definitions: EditablePropDefinitions): EditablePropDefinitions;

package/dist/widgets/workspace/screens/Desktop.vue.d.ts

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

package/dist/widgets/workspace/screens/Device.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    mode: 'phone' | 'tablet';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/widgets/workspace/screens/Mobile.vue.d.ts

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

package/dist/widgets/workspace/screens/Tablet.vue.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aham.ro/ui-designer",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Vue components for the UI designer for IAM and email templates.",
   "type": "module",
   "files": [

package/dist/stores/screens.d.ts

@@ -1,26 +0,0 @@
-export interface ScreenBase {
-    id: string;
-    name: string;
-    icon: string;
-    channel: string;
-    version: string;
-    changed: boolean;
-}
-export interface PredefinedScreen extends ScreenBase {
-    type: 'predefined';
-}
-export interface DynamicScreen extends ScreenBase {
-    type: 'dynamic';
-    content?: Record<string, unknown>;
-}
-export type Screen = PredefinedScreen | DynamicScreen;
-export declare const useScreensStore: import("pinia").StoreDefinition<"screens", {
-    screens: Screen[];
-    screen: Screen | null;
-}, {}, {
-    setScreens(screens: Screen[]): void;
-    setActive(id: string): void;
-    addDynamicLayout(template?: DynamicScreen): void;
-    rename(id: string, name: string): void;
-    clear(): void;
-}>;