@aham.ro/ui-designer 0.1.10 → 0.1.12

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    value: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/widgets/{SideInfo.vue.d.ts → DropInfo.vue.d.ts}

@@ -1,6 +1,5 @@
-import type { ChecklistItem } from './header/types';
 type __VLS_Props = {
-    items?: ChecklistItem[];
+    active?: boolean;
 };
 declare const __VLS_export: 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 _default: typeof __VLS_export;

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

@@ -0,0 +1,58 @@
+type DropdownItem = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    extra?: Record<string, unknown>;
+};
+type __VLS_Props = {
+    modelValue?: boolean;
+    dropUp?: boolean;
+    items?: DropdownItem[];
+    searchable?: boolean;
+    teleport?: boolean;
+    position?: {
+        top: number;
+        left: number;
+    };
+};
+declare var __VLS_13: {
+    item: DropdownItem;
+}, __VLS_15: {}, __VLS_23: {
+    item: DropdownItem;
+}, __VLS_25: {};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    item?: (props: typeof __VLS_23) => any;
+} & {
+    default?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    element: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: DropdownItem) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: DropdownItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    items: DropdownItem[];
+    modelValue: boolean;
+    dropUp: boolean;
+    searchable: boolean;
+    teleport: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+}, {}, {}, {}, 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/Header.vue.d.ts

@@ -5,19 +5,25 @@ type __VLS_Props = {
     darkModeChangeable?: boolean;
     moreItems?: MoreMenuItem[];
     darkMode?: boolean;
+    contentDarkMode?: boolean;
     translationsOpen?: boolean;
     themeOpen?: boolean;
+    previewOpen?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     moreSelect: (id: string) => any;
     toggleTheme: () => any;
+    toggleContentTheme: () => any;
     toggleTranslations: () => any;
     toggleThemePanel: () => any;
+    togglePreview: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onMoreSelect?: ((id: string) => any) | undefined;
     onToggleTheme?: (() => any) | undefined;
+    onToggleContentTheme?: (() => any) | undefined;
     onToggleTranslations?: (() => any) | undefined;
     onToggleThemePanel?: (() => any) | undefined;
+    onTogglePreview?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,15 +5,23 @@ type __VLS_Props = {
         type: string;
         label: string;
         icon: string;
+        depth: number;
     }[];
     selectedComponent?: WorkspaceComponent;
+    contentDarkMode?: boolean;
 };
 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;
+    selectLayer: (id: string) => any;
+    reorderLayer: (sourceId: string, targetId: string) => any;
+    moveIntoLayer: (sourceId: string, parentId: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onUpdateProps?: ((props: Record<string, unknown>) => any) | undefined;
     onFocusTranslation?: ((id: string) => any) | undefined;
+    onSelectLayer?: ((id: string) => any) | undefined;
+    onReorderLayer?: ((sourceId: string, targetId: string) => any) | undefined;
+    onMoveIntoLayer?: ((sourceId: string, parentId: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,13 +1,17 @@
 type __VLS_Props = {
     open: boolean;
-    color?: string;
+    colors: Record<string, string>;
+    darkMode: boolean;
+    backgroundVariable: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
-    update: (color: string) => any;
+    update: (key: string, color: string) => any;
+    mode: (dark: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-    onUpdate?: ((color: string) => any) | undefined;
+    onUpdate?: ((key: string, color: string) => any) | undefined;
+    onMode?: ((dark: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,17 @@
+import { type ThemeVariable } from '../stores/theme';
+type __VLS_Props = {
+    variables?: ThemeVariable[];
+};
+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.vue.d.ts

@@ -2,13 +2,19 @@ type __VLS_Props = {
     subject: string;
     templateId?: string;
     templateName?: string;
+    preview?: boolean;
+    contentPrimary?: string;
+    debug?: boolean;
+    contentDarkMode?: boolean;
 };
 declare function addComponent(type: string): void;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addComponent: typeof addComponent;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggleContentTheme: () => any;
     componentDrop: (type: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggleContentTheme?: (() => any) | undefined;
     onComponentDrop?: ((type: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -8,10 +8,10 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
     layout: "flex" | "grid" | "block";
+    position: "relative" | "absolute";
     padding: import("./types").ComponentLength;
     gap: import("./types").ComponentLength;
     radius: import("./types").ComponentLength;
-    position: "relative" | "absolute";
     direction: "row" | "column";
     columns: string;
     align: string;

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

@@ -5,10 +5,11 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {
     layout: "flex" | "grid" | "block";
+    width: import("./types").ComponentLength;
+    position: "relative" | "absolute";
     padding: import("./types").ComponentLength;
     gap: import("./types").ComponentLength;
     radius: import("./types").ComponentLength;
-    position: "relative" | "absolute";
     direction: "row" | "column";
     columns: string;
     align: string;

package/dist/widgets/components/Document.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/components/EmailInput.vue.d.ts

@@ -2,6 +2,7 @@ type __VLS_Props = {
     label?: string;
     placeholder?: string;
     required?: boolean;
+    textColor?: string;
     modelValue?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {

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

@@ -2,7 +2,9 @@ type __VLS_Props = {
     label?: string;
     placeholder?: string;
     required?: boolean;
+    textColor?: string;
     showForgot?: boolean;
+    showForgotLabel?: string;
     modelValue?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
@@ -10,6 +12,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     placeholder: string;
     required: boolean;
     showForgot: boolean;
+    showForgotLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/widgets/components/index.d.ts

@@ -19,3 +19,4 @@ export { default as Alert } from './Alert.vue';
 export { default as Content } from './Content.vue';
 export { default as ConsentCard } from './ConsentCard.vue';
 export { default as ScopeList } from './ScopeList.vue';
+export { default as Document } from './Document.vue';

package/dist/widgets/header/IconButton.vue.d.ts

@@ -5,8 +5,8 @@ type __VLS_Props = {
     active?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    active: boolean;
     title: string;
+    active: boolean;
     icon: string;
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/widgets/properties/Color.vue.d.ts

@@ -0,0 +1,13 @@
+import type { ThemeVariable } from '../../stores/theme';
+type __VLS_Props = {
+    modelValue: string;
+    variables?: ThemeVariable[];
+    darkMode?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -3,13 +3,24 @@ type __VLS_Props = {
     id?: string;
     componentProps?: Record<string, unknown>;
     selected?: boolean;
+    preview?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: 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 __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/Composer.vue.d.ts

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

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

@@ -0,0 +1,19 @@
+import { type WorkspaceComponent, type WorkspaceDevice } from '../../stores/workspace';
+type __VLS_Props = {
+    component: WorkspaceComponent;
+    selectedId?: string;
+    preview?: boolean;
+    depth?: number;
+    device?: WorkspaceDevice;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (id: string) => any;
+    drop: (parentId: string, type: string) => any;
+    moveStart: (id: string, event: DragEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onDrop?: ((parentId: string, type: string) => 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/ZoomController.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    modelValue: number;
+    pan: boolean;
+    debug?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    center: () => any;
+    "update:pan": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onCenter?: (() => any) | undefined;
+    "onUpdate:pan"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -9,3 +9,4 @@ export declare const componentMap: Record<string, Component>;
 export declare const componentPropDefinitions: Record<string, (EditablePropDefinition & {
     key: string;
 })[]>;
+export declare const slotComponentTypes: Set<string>;

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

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

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@aham.ro/ui-designer",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Vue components for the UI designer for IAM and email templates.",
+  "keywords": [
+    "stable"
+  ],
   "type": "module",
   "files": [
     "dist"