@myissue/vue-website-page-builder 3.5.13 → 3.5.15

package/dist/types/index.d.ts

@@ -1,312 +0,0 @@
-import { PageBuilderService } from '../services/PageBuilderService';
-export interface PageBuilderState {
-    PageBuilderService: PageBuilderService | null;
-    isSaving: boolean;
-}
-export interface SEOCheck {
-    check: string;
-    passed: boolean;
-    details: string;
-    category: string;
-}
-export interface SEOSummary {
-    score: number;
-    checks: SEOCheck[];
-}
-export interface ComponentObject {
-    id: string | number | null;
-    html_code: string;
-    title: string;
-    [key: string]: unknown;
-}
-export interface ImageObject {
-    src: string;
-    [key: string]: unknown;
-}
-export interface BuilderResourceComponent {
-    html_code: string;
-    title?: string;
-    [key: string]: unknown;
-}
-export type BuilderResourceData = BuilderResourceComponent[];
-export type StartBuilderResult = {
-    error: true;
-    reason: string;
-} | {
-    message: string;
-    validation?: {
-        error: true;
-        warning: string;
-        status: string;
-    } | {
-        error: true;
-        reason: string;
-    };
-    passedComponentsArray?: BuilderResourceData;
-};
-export interface PageBuilderStateStore {
-    getTextAreaVueModel: string | null;
-    LocalStorageItemName: string | null;
-    getHyberlinkEnable: boolean;
-    getComponents: ComponentObject[] | null;
-    getComponent: ComponentObject | null;
-    getElement: HTMLElement | null;
-    getNextSibling: HTMLElement | null;
-    getParentElement: HTMLElement | null;
-    getRestoredElement: string | null;
-    getComponentArrayAddMethod: string | null;
-    getFontBase: string | null;
-    getFontDesktop: string | null;
-    getFontTablet: string | null;
-    getFontMobile: string | null;
-    setElement: (element: HTMLElement | null) => void;
-    setMenuRight: (value: boolean) => void;
-    setComponent: (component: ComponentObject | null) => void;
-    setComponents: (components: ComponentObject[] | null) => void;
-    setComponentArrayAddMethod: (method: string) => void;
-    setCurrentClasses: (classes: string[] | ArrayLike<string>) => void;
-    setClass: (className: string) => void;
-    removeClass: (className: string) => void;
-    setParentElement: (element: HTMLElement | Node | null) => void;
-    setRestoredElement: (html: string | null) => void;
-    setNextSibling: (element: HTMLElement | Node | null) => void;
-    setTextAreaVueModel: (html: string | null) => void;
-    setFontBase: (size: string | null) => void;
-    setFontDesktop: (size: string | null) => void;
-    setFontTablet: (size: string | null) => void;
-    setFontMobile: (size: string | null) => void;
-    setBasePrimaryImage: (url: string | null) => void;
-    setCurrentLayoutPreview: (html: string) => void;
-    setHyperlinkError: (error: string | null) => void;
-    setHyperlinkMessage: (message: string | null) => void;
-    setElementContainsHyperlink: (contains: boolean) => void;
-    setHyberlinkEnable: (enable: boolean) => void;
-    setHyperlinkInput: (input: string) => void;
-    setOpenHyperlinkInNewTab: (newTab: boolean) => void;
-    setHyperlinkAbility: (ability: boolean) => void;
-    setPushComponents: (payload: SetPushComponentsPayload) => void;
-    setLocalStorageItemName: (name: string | null) => void;
-    setUpdateOrCreate: (mode: string) => void;
-    setFontWeight: (weight: string) => void;
-    setFontFamily: (family: string) => void;
-    setFontStyle: (style: string) => void;
-    setFontVerticalPadding: (padding: string) => void;
-    setFontHorizontalPadding: (padding: string) => void;
-    setFontTopPadding: (padding: string) => void;
-    setFontRightPadding: (padding: string) => void;
-    setFontBottomPadding: (padding: string) => void;
-    setFontLeftPadding: (padding: string) => void;
-    setFontVerticalMargin: (margin: string) => void;
-    setFontHorizontalMargin: (margin: string) => void;
-    setFontTopMargin: (margin: string) => void;
-    setFontRightMargin: (margin: string) => void;
-    setFontBottomMargin: (margin: string) => void;
-    setFontLeftMargin: (margin: string) => void;
-    setBorderStyle: (style: string) => void;
-    setBorderWidth: (width: string) => void;
-    setBorderColor: (color: string) => void;
-    setBorderRadiusGlobal: (radius: string) => void;
-    setBorderRadiusTopLeft: (radius: string) => void;
-    setBorderRadiusTopRight: (radius: string) => void;
-    setBorderRadiusBottomleft: (radius: string) => void;
-    setBorderRadiusBottomRight: (radius: string) => void;
-    setBackgroundColor: (color: string) => void;
-    setTextColor: (color: string) => void;
-    setBackgroundOpacity: (opacity: string) => void;
-    setOpacity: (opacity: string) => void;
-    getApplyImageToSelection: ImageObject | null;
-    setCurrentImage: (image: ImageObject) => void;
-    getCurrentPreviewImage: string | null;
-    setCurrentPreviewImage: (url: string | null) => void;
-    [key: string]: unknown;
-}
-export type FormName = 'post' | 'article' | 'blog' | 'news' | 'page' | 'faq' | 'testimonial' | 'case-study' | 'press-release' | 'product' | 'products' | 'category' | 'collection' | 'brand' | 'coupon' | 'discount' | 'shop' | 'cart' | 'checkout' | 'profile' | 'account' | 'team' | 'team-member' | 'author' | 'customer' | 'user' | 'service' | 'services' | 'package' | 'plan' | 'pricing' | 'subscription' | 'job' | 'job-listing' | 'career' | 'applicant' | 'event' | 'events' | 'webinar' | 'appointment' | 'reservation' | 'schedule' | 'listing' | 'directory' | 'location' | 'vendor' | 'company' | 'gallery' | 'image' | 'video' | 'media' | 'audio' | 'file' | 'contact' | 'support' | 'ticket' | 'feedback' | 'review' | 'inquiry' | 'report' | 'setting' | 'configuration' | 'integration' | 'theme' | 'language' | 'menu' | 'navigation' | 'tag' | 'meta';
-export interface User {
-    name: string;
-}
-export interface PageBuilderUser {
-    /**
-     * Optional stable user identifier.
-     * When provided, theme color presets are stored under a user-scoped localStorage
-     * key (`vueWebsitePageBuilderThemeColorPresets-u{id}`) so every user keeps their
-     * own personalized presets on the same device.  Accepts any string or number that
-     * uniquely identifies the user in the host application (e.g. a database row id).
-     * Also accepts `null` for cases where the DB returns a nullable id column.
-     */
-    id?: string | number | null;
-    /**
-     * Display name shown in the builder toolbar.
-     * Optional so consumers can omit it or pass auth-user objects where the name
-     * field may be `username`, `displayName`, etc. — just pick the right field.
-     */
-    name?: string;
-    image?: string;
-}
-export interface PageSettings {
-    classes?: string;
-    style?: string | Record<string, string>;
-    [key: string]: unknown;
-}
-export type ThemeColorPresetId = 'primary' | 'secondary' | 'custom1' | 'custom2' | 'custom3' | 'custom4' | 'custom5' | 'custom6';
-export interface ThemeColorPreset {
-    id: ThemeColorPresetId;
-    label: string;
-    color: string;
-    enabled: boolean;
-}
-/** Flexible input for consumer configs — id accepts any string (e.g. inferred from variables). */
-export interface ThemeColorPresetInput {
-    id: ThemeColorPresetId | (string & {});
-    label?: string;
-    color?: string;
-    enabled?: boolean;
-    [key: string]: unknown;
-}
-/** Input shape for themeColorPresets in PageBuilderConfig (partial colors are normalized at runtime). */
-export interface ThemeColorPresetSettingsInput {
-    enabled?: boolean;
-    colors?: ReadonlyArray<ThemeColorPresetInput>;
-    [key: string]: unknown;
-}
-export interface ThemeColorPresetSettings {
-    enabled: boolean;
-    colors: readonly ThemeColorPreset[];
-}
-/**
- * Per-element font overrides for the builder canvas.
- * Each value is a font key name or comma-separated list (e.g. `'jost'` or
- * `'jost, raleway, arial'`). The first recognised font name is applied;
- * unrecognised names are silently skipped.
- */
-export interface PageBuilderElementFonts {
-    h1?: string;
-    h2?: string;
-    h3?: string;
-    h4?: string;
-    h5?: string;
-    h6?: string;
-    p?: string;
-}
-export interface PageBuilderConfig {
-    updateOrCreate: {
-        /**
-         * Whether the builder is creating new content or updating existing content.
-         * Accepts `'create'`, `'update'`, or any other string for dynamic / computed values.
-         * The union with `(string & {})` preserves autocomplete for the two common values
-         * while allowing any string without requiring `as const` or explicit casting.
-         *
-         * @example
-         * // Dynamic value — works without `as const`
-         * formType: hasContent ? 'update' : 'create'
-         */
-        formType: 'create' | 'update' | (string & {});
-        formName: FormName | (string & {});
-        [key: string]: unknown;
-    };
-    pageBuilderLogo?: {
-        src: string;
-        [key: string]: unknown;
-    } | null;
-    resourceData?: {
-        /**
-         * Optional page/resource title shown in the builder toolbar.
-         * Made optional so consumers can pass a resource object without a title
-         * or when the title isn't known yet at the time `startBuilder` is called.
-         */
-        title?: string;
-        /**
-         * Accepts both numeric IDs and string-based IDs (e.g. UUIDs).
-         * The service handles both types at runtime when building localStorage keys.
-         */
-        id?: number | string;
-        [key: string]: unknown;
-    } | null;
-    userForPageBuilder?: PageBuilderUser;
-    [key: string]: unknown;
-    userSettings?: {
-        language?: {
-            default?: string;
-            enable?: readonly string[];
-            disableLanguageDropDown?: boolean;
-        };
-        autoSave?: boolean;
-        notifications?: boolean;
-        /**
-         * Default canvas font and, optionally, the restricted set of fonts shown in
-         * the font-family picker.
-         *
-         * - Single value: `'jost'` — sets the canvas default; picker shows all fonts.
-         * - Comma-separated list: `'jost, raleway, arial'` — first entry is the
-         *   canvas default; picker is restricted to the listed fonts.
-         *
-         * Unknown font names (not in the built-in list) are silently ignored.
-         */
-        fontFamily?: string;
-        /**
-         * Per-element font overrides applied to the builder canvas.
-         * Each value follows the same format as `fontFamily` — a font key name or
-         * comma-separated list; the first recognised entry is used.
-         *
-         * Available font names: jost, raleway, palantino, arial, helvetica, georgia,
-         * times, times-new-roman, courier, courier-new, verdana, tahoma, trebuchet,
-         * garamond, bookman, comic-sans, impact, lucida, lucida-console, lucida-sans,
-         * candara, optima, avenir, futura, calibri, cambria, didot, franklin-gothic,
-         * rockwell, baskerville, sans, serif, mono
-         */
-        elementFonts?: PageBuilderElementFonts;
-    } | null;
-    settings?: {
-        brandColor?: string;
-        themeColorPresets?: ThemeColorPresetSettingsInput | ThemeColorPresetSettings | null;
-        [key: string]: unknown;
-    } | null;
-    pageSettings?: PageSettings;
-}
-export interface TailwindColors {
-    backgroundColorVariables: string[];
-    textColorVariables: string[];
-}
-export interface TailwindOpacities {
-    opacities: string[];
-    backgroundOpacities: string[];
-}
-export interface TailwindFontSizes {
-    fontBase: string[];
-    fontDesktop: string[];
-    fontTablet: string[];
-    fontMobile: string[];
-}
-export interface TailwindFontStyles {
-    fontStyles: string[];
-}
-export interface TailwindPaddingAndMargin {
-    paddingAndMargin: string[];
-}
-export interface TailwindBorderRadius {
-    borderRadius: string[];
-}
-export interface TailwindBorderStyleWidthColor {
-    borderStyles: string[];
-    borderWidths: string[];
-    borderColors: string[];
-}
-export type TimerHandle = ReturnType<typeof setTimeout>;
-export type MutationObserver = globalThis.MutationObserver;
-export interface FetchedComponentsResponse {
-    components: ComponentObject[];
-    pagination?: {
-        current_page: number;
-        last_page: number;
-        per_page: number;
-        total: number;
-    };
-    [key: string]: unknown;
-}
-export interface SetPushComponentsPayload {
-    componentArrayAddMethod?: string;
-    component: ComponentObject;
-}
-export interface LoadComponentsData {
-    search_query?: string;
-    page?: string | number;
-}

package/dist/utils/builder/font-family-map.d.ts

@@ -1,22 +0,0 @@
-/**
- * Maps the short font key names (matching tailwind.config.ts fontFamily keys and
- * the pbx-font-* class suffixes) to their CSS font-family strings.
- *
- * Used to resolve element-level font overrides (elementFonts config) into the
- * CSS custom properties that style.css targets with var(--pbx-el-{tag}-font).
- */
-declare const fontFamilyMap: Record<string, string>;
-/**
- * Resolves a font config value to a CSS font-family string.
- *
- * Accepts a short name ("jost"), a pbx-font- prefixed class name ("pbx-font-jost"),
- * a CSS generic keyword ("fantasy"), or a comma-separated list in any of those
- * formats. The first recognised entry wins:
- *   1. Known font in fontFamilyMap  →  returns its CSS font-family stack
- *   2. CSS generic keyword          →  returned as-is (e.g. "fantasy")
- *   3. Anything else                →  skipped
- *
- * Returns undefined when no recognised font is found in the entire list.
- */
-export declare function resolveFontFamily(fontConfig: string): string | undefined;
-export default fontFamilyMap;

package/dist/utils/builder/html-doc-declaration-with-components.d.ts

@@ -1,2 +0,0 @@
-declare const fullHTMLContent: (HTML: string) => string;
-export default fullHTMLContent;

package/dist/utils/builder/tailwaind-colors.d.ts

@@ -1,6 +0,0 @@
-interface TailwindColors {
-    backgroundColorVariables: string[];
-    textColorVariables: string[];
-}
-declare const tailwindColors: TailwindColors;
-export default tailwindColors;

package/dist/utils/builder/tailwind-border-radius.d.ts

@@ -1,9 +0,0 @@
-interface TailwindBorderRadius {
-    roundedGlobal: string[];
-    roundedTopLeft: string[];
-    roundedTopRight: string[];
-    roundedBottomLeft: string[];
-    roundedBottomRight: string[];
-}
-declare const tailwindBorderRadius: TailwindBorderRadius;
-export default tailwindBorderRadius;

package/dist/utils/builder/tailwind-border-style-width-color.d.ts

@@ -1,7 +0,0 @@
-interface TailwindBorderStyleWidthColor {
-    borderStyle: string[];
-    borderWidth: string[];
-    borderColor: string[];
-}
-declare const tailwindBorderStyleWidthPlusColor: TailwindBorderStyleWidthColor;
-export default tailwindBorderStyleWidthPlusColor;

package/dist/utils/builder/tailwind-font-sizes.d.ts

@@ -1,8 +0,0 @@
-interface TailwindFontSizes {
-    fontBase: string[];
-    fontDesktop: string[];
-    fontTablet: string[];
-    fontMobile: string[];
-}
-declare const tailwindFontSizes: TailwindFontSizes;
-export default tailwindFontSizes;

package/dist/utils/builder/tailwind-font-styles.d.ts

@@ -1,7 +0,0 @@
-interface TailwindFontStyles {
-    fontWeight: string[];
-    fontFamily: string[];
-    fontStyle: string[];
-}
-declare const tailwindFontStyles: TailwindFontStyles;
-export default tailwindFontStyles;

package/dist/utils/builder/tailwind-image.d.ts

@@ -1,7 +0,0 @@
-interface TailwindImage {
-    objectFit: string[];
-    objectPosition: string[];
-    aspectRatio: string[];
-}
-declare const tailwindImage: TailwindImage;
-export default tailwindImage;

package/dist/utils/builder/tailwind-opacities.d.ts

@@ -1,6 +0,0 @@
-interface TailwindOpacities {
-    opacities: string[];
-    backgroundOpacities: string[];
-}
-declare const tailwindOpacities: TailwindOpacities;
-export default tailwindOpacities;

package/dist/utils/builder/tailwind-padding-margin.d.ts

@@ -1,16 +0,0 @@
-interface TailwindPaddingMargin {
-    verticalPadding: string[];
-    horizontalPadding: string[];
-    topPadding: string[];
-    rightPadding: string[];
-    bottomPadding: string[];
-    leftPadding: string[];
-    verticalMargin: string[];
-    horizontalMargin: string[];
-    topMargin: string[];
-    rightMargin: string[];
-    bottomMargin: string[];
-    leftMargin: string[];
-}
-declare const tailwindPaddingAndMargin: TailwindPaddingMargin;
-export default tailwindPaddingAndMargin;

package/dist/utils/html-elements/component.d.ts

@@ -1,13 +0,0 @@
-interface ComponentData {
-    title: string;
-    html_code: string;
-    cover_image: string | null;
-    category: string;
-}
-interface Components {
-    components: {
-        data: ComponentData[];
-    };
-}
-declare const component: Components[];
-export default component;

package/dist/utils/html-elements/componentHelpers.d.ts

@@ -1,10 +0,0 @@
-interface ComponentHelper {
-    html_code: string;
-    id: string | null;
-    title: string;
-    icon: string;
-    category: string;
-    [key: string]: unknown;
-}
-declare const componentHelpers: ComponentHelper[];
-export default componentHelpers;

package/dist/utils/html-elements/themes.d.ts

@@ -1,13 +0,0 @@
-interface ComponentData {
-    title: string;
-    html_code: string;
-    cover_image: string | null;
-    category: string;
-}
-interface Themes {
-    themes: {
-        data: ComponentData[];
-    };
-}
-declare const component: Themes[];
-export default component;