declare module "src/abstract-constant" {
    /**
     * @abstract
     */
    export default class AbstractConstant {
        /**
         * @param {string} value
         */
        constructor(value: string);
        /**
         * @type {string}
         * @private
         */
        private _value;
        /**
         * @returns {string}
         */
        get value(): string;
        /**
         * @returns {string}
         */
        getValue(): string;
        /**
         * @return {string}
         */
        toString(): string;
    }
}
declare module "src/constant" {
    export default class Constant {
        /**
         * @type {string}
         */
        static BSI_CX_CSS_HREF: string;
        /**
         * @type {string}
         */
        static BSI_CX_CSS_INLINE: string;
        /**
         * @type {string}
         */
        static BSI_CX_DESIGN_BASE_URL: string;
        /**
         * @type {string}
         */
        static BSI_CX_MODULE_RUNTIME_PATH: string;
        /**
         * @type {string}
         */
        static BSI_CX_MODULE_RUNTIME_HREF: string;
        /**
         * @type {string}
         */
        static BSI_CX_MODULE_RUNTIME_INLINE: string;
        /**
         * @type {string}
         */
        static BSI_CX_JS_MODULE_START: string;
        /**
         * @type {string}
         */
        static BSI_CX_JS_MODULE_END: string;
        /**
         * @type {string}
         */
        static BSI_CX_JS_PROPERTY_PLUGIN: string;
        /**
         * @type {string}
         */
        static BSI_CX_TARGET_VERSION: string;
        /**
         * @type {string}
         */
        static BSI_CX_TARGET_TYPE: string;
        /**
         * @type {string}
         */
        static BSI_CX_DEFAULT_LOCALE: string;
    }
}
declare module "src/design-type" {
    export class DesignType extends AbstractConstant {
        valueOf(): string;
    }
    /**
     * @type {DesignType}
     * @since Studio 1.0
     */
    export const LANDINGPAGE: DesignType;
    /**
     * @type {DesignType}
     * @since Studio 1.0
     */
    export const EMAIL: DesignType;
    /**
     * @type {DesignType}
     * @since BSI CX 1.3
     */
    export const WEBSITE: DesignType;
    /**
     * @type {DesignType[]}
     */
    export const LEGACY_TYPES: DesignType[];
    /**
     * @type {DesignType[]}
     */
    export const ALL_TYPES: DesignType[];
    /**
     * @type {DesignType}
     */
    export const TARGET: DesignType;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/version" {
    /** @typedef {import('./design-type').DesignType} DesignType */
    export class Version extends AbstractConstant {
        /**
         *
         * @param {[major:number,minor:number,patch:number]} version
         * @param {DesignType[]} allowedTypes
         * @param {boolean} legacyFormat
         * @param {string|undefined} [schemaVersion]
         */
        constructor(version: [major: number, minor: number, patch: number], allowedTypes: DesignType[], legacyFormat: boolean, schemaVersion?: string | undefined);
        _version: [major: number, minor: number, patch: number];
        _allowedTypes: import("src/design-type").DesignType[];
        _legacyFormat: boolean;
        _schemaVersion: string;
        /**
         * @return {[major:number,minor:number,patch:number]}
         */
        get version(): [major: number, minor: number, patch: number];
        /**
         * @returns {DesignType[]}
         */
        get allowedTypes(): DesignType[];
        /**
         * @returns {boolean}
         */
        get legacyFormat(): boolean;
        /**
         * @returns {string|undefined}
         */
        get schemaVersion(): string | undefined;
        /**
         * @param {Version} version
         * @returns {number}
         */
        compareTo(version: Version): number;
        /**
         * Make versions comparable by calculating an integer value.
         * @return {number}
         */
        valueOf(): number;
    }
    /**
     * @type {Version}
     */
    export const STUDIO_1_0: Version;
    /**
     * @type {Version}
     */
    export const STUDIO_1_1: Version;
    /**
     * @type {Version}
     */
    export const STUDIO_1_2: Version;
    /**
     * @type {Version}
     */
    export const CX_1_3: Version;
    /**
     * @type {Version}
     */
    export const CX_22_0: Version;
    /**
     * @type {Version}
     */
    export const CX_23_1: Version;
    /**
     * @type {Version}
     */
    export const CX_23_2: Version;
    /**
     * @type {Version}
     */
    export const CX_24_1: Version;
    /**
     * @type {Version}
     */
    export const CX_24_2: Version;
    /**
     * @type {Version}
     */
    export const CX_25_1: Version;
    /**
     * @type {Version}
     */
    export const CX_25_2: Version;
    /**
     * @type {Version}
     */
    export const CX_26_1: Version;
    /**
     * @type {Version}
     */
    export const CX_26_2: Version;
    /**
     * @type {Version}
     */
    export const CX_27_1: Version;
    /**
     * @type {Version}
     */
    export const CX_27_2: Version;
    /**
     * @type {Version}
     */
    export const TARGET: Version;
    export type DesignType = import("src/design-type").DesignType;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/raw-value" {
    export default class RawValue {
        /**
         * @param {*} value
         */
        constructor(value: any);
        /**
         * @type {*}
         * @private
         */
        private _value;
        /**
         * @returns {*}
         */
        get value(): any;
    }
}
declare module "src/design-json-property" {
    export default class DesignJsonProperty {
        /**
         * @type {string}
         */
        static ID: string;
        /**
         * @type {string}
         */
        static SCHEMA_VERSION: string;
        /**
         * @type {string}
         */
        static TITLE: string;
        /**
         * @type {string}
         */
        static AUTHOR: string;
        /**
         * @type {string}
         */
        static DATE: string;
        /**
         * @type {string}
         */
        static PREVIEW_IMAGE: string;
        /**
         * @type {string}
         */
        static ALT_TEXT_MANDATORY: string;
        /**
         * @type {string}
         */
        static CAPTION_ENABLED: string;
        /**
         * @type {string}
         */
        static STUDIO_LINK_ENABLED: string;
        /**
         * @type {string}
         */
        static DEFAULT_LOCALE: string;
        /**
         * @type {string}
         */
        static LOCALES: string;
        /**
         * @type {string}
         */
        static CONTENT_ELEMENT_GROUPS: string;
        /**
         * @type {string}
         */
        static GROUP_ID: string;
        /**
         * @type {string}
         */
        static CONTENT_ELEMENTS: string;
        /**
         * @type {string}
         */
        static ELEMENT_ID: string;
        /**
         * @type {string}
         */
        static FILE: string;
        /**
         * @type {string}
         */
        static ICON: string;
        /**
         * @type {string}
         */
        static PARTS: string;
        /**
         * @type {string}
         */
        static PART_ID: string;
        /**
         * @type {string}
         */
        static PART_CONFIG: string;
        /**
         * @type {string}
         */
        static HTML_EDITOR_CONFIG: string;
        /**
         * @type {string}
         */
        static LABEL: string;
        /**
         * @type {string}
         */
        static DESCRIPTION: string;
        /**
         * @type {string}
         */
        static HIDDEN: string;
        /**
         * @type {string}
         */
        static ARCHIVED: string;
        /**
         * @type {string}
         */
        static STYLE_CONFIGS: string;
        /**
         * @type {string}
         */
        static CSS_CLASSES: string;
        /**
         * @type {string}
         */
        static CSS_CLASS: string;
        /**
         * @type {string}
         */
        static STYLES: string;
        /**
         * @type {string}
         */
        static STYLE_ID: string;
        /**
         * @type {string}
         */
        static DOM_MANIPULATIONS: string;
        /**
         * @type {string}
         */
        static SELECTOR: string;
        /**
         * @type {string}
         */
        static ATTRIBUTE: string;
        /**
         * @type {string}
         */
        static VALUE: string;
        /**
         * @type {string}
         */
        static HTML_EDITOR_CONFIGS: string;
        /**
         * @type {string}
         */
        static FEATURES: string;
        /**
         * @type {string}
         */
        static TEXT_COLORS: string;
        /**
         * @type {string}
         */
        static BACKGROUND_COLORS: string;
        /**
         * @type {string}
         */
        static FORMATS: string;
        /**
         * @type {string}
         */
        static FONT_SIZES: string;
        /**
         * @type {string}
         */
        static FONT_SIZE_UNIT: string;
        /**
         * @type {string}
         */
        static FONT_SIZE_DEFAULT: string;
        /**
         * @type {string}
         */
        static LINE_HEIGHTS: string;
        /**
         * @type {string}
         */
        static ENTER_MODE: string;
        /**
         * @type {string}
         */
        static WEBSITE: string;
        /**
         * @type {string}
         */
        static NLS: string;
        /**
         * @type {string}
         */
        static WEBSITE_CONTENT_TYPES: string;
        /**
         * @type {string}
         */
        static WEBSITE_CONTENT_TYPE: string;
        /**
         * @type {string}
         */
        static MAX_NAVIGATION_LEVEL: string;
        /**
         * @type {string}
         */
        static PAGINATION: string;
        /**
         * @type {string}
         */
        static NUM_DATA_RECORDS_PER_PAGE: string;
        /**
         * @type {string}
         */
        static NUM_ADJACENT_PAGES: string;
        /**
         * @type {string}
         */
        static INCLUDES: string;
        /**
         * @type {string}
         */
        static EDITABLE: string;
        /**
         * @type {string}
         */
        static INCLUDE_TYPE: string;
        /**
         * @type {string}
         */
        static NAME: string;
        /**
         * @type {string}
         */
        static PAGE_INCLUDE: string;
    }
}
declare module "src/abstract-builder" {
    /** @typedef {import('./version').Version} Version */
    /** @typedef {import('./design-type').DesignType} DesignType */
    /**
     * @abstract
     */
    export default class AbstractBuilder {
        /**
         * @type {Version|undefined}
         * @private
         */
        private _minVersion;
        /**
         * @type {Version|undefined}
         * @private
         */
        private _maxVersion;
        /**
         * @type {DesignType[]}
         * @private
         */
        private _allowedTypes;
        /**
         * @return {Version}
         */
        get minVersion(): Version;
        /**
         * @return {Version|undefined}
         */
        get maxVersion(): Version | undefined;
        /**
         * @returns {DesignType[]}
         */
        get allowedTypes(): DesignType[];
        /**
         * Define a minimum CX version. Will be excluded from builds targeting a lower version.
         *
         * @example
         * .withMinVersion(Version.CX_22_0)
         * @see {@link withMaxVersion}
         * @param {Version} minVersion
         * @returns {this}
         */
        withMinVersion(minVersion: Version): this;
        /**
         * Define a maximum CX version. Will be excluded from builds targeting a higher version.
         *
         * @example
         * .withMaxVersion(Version.CX_22_0)
         * @see {@link withMinVersion}
         * @param {Version} maxVersion
         * @returns {this}
         */
        withMaxVersion(maxVersion: Version): this;
        /**
         * Define allowed template types. Will be excluded from builds targeting other types.
         *
         * @example
         * .withAllowedTypes(DesignType.EMAIL,DesignType.LANDINGPAGE)
         * @param {...DesignType} types
         * @returns {this}
         */
        withAllowedTypes(...types: DesignType[]): this;
        /**
         * Build the configuration. Normally, there is no need to invoke this method manually.
         *
         * @returns {{}|undefined}
         */
        build(): {} | undefined;
        /**
         * @abstract
         * @returns {{}}
         * @protected
         */
        protected _buildInternal(): {};
        /**
         * Check if this builder part is compatible with the defined target version.
         *
         * @returns {boolean}
         */
        isCompatible(): boolean;
        /**
         * @param {string} property
         * @param {{}} targetObj
         * @param {function} extractFunc
         * @param {boolean} [arrayToObject=false]
         * @param {boolean} [setMetaProperty=false]
         * @protected
         */
        protected _applyPropertyIfDefined(property: string, targetObj: {}, extractFunc: Function, arrayToObject?: boolean, setMetaProperty?: boolean): void;
        /**
         * @param {string} property
         * @param {{}} targetObj
         * @param {AbstractBuilder|AbstractBuilder[]} value
         * @private
         */
        private _applyMetaPropertyFromValue;
        /**
         * @param {{}[]} arr
         * @private
         */
        private _applyArrayToObject;
        /**
         * @param {*} value
         * @return {boolean}
         * @private
         */
        private _checkCompatibility;
        /**
         * @template T
         * @param {T} newObj
         * @param {boolean|undefined} [shallow=true]
         * @returns {T}
         * @protected
         */
        protected _clone<T>(newObj: T, shallow?: boolean | undefined): T;
    }
    export type Version = import("src/version").Version;
    export type DesignType = import("src/design-type").DesignType;
}
declare module "src/object-cloner" {
    export default class ObjectCloner {
        /**
         * @template T
         * @param {T} source
         * @param {T} target
         * @param {boolean|undefined} [shallow=true]
         * @returns {T}
         */
        static clone<T>(source: T, target: T, shallow?: boolean | undefined): T;
        /**
         * @template T
         * @param {T} value
         * @returns {T}
         */
        static cloneValue<T>(value: T): T;
        /**
         * @template T
         * @param {T} source
         * @param {T} target
         * @param {boolean} shallow
         * @returns {T}
         * @private
         */
        private _clone;
        /**
         * @template T
         * @param {T} value
         * @returns {T}
         * @private
         */
        private _cloneValue;
        /**
         * @param {[]} arr
         * @returns {[]}
         * @private
         */
        private _cloneArray;
        /**
         * @param {{}} obj
         * @returns {{}}
         * @private
         */
        private _cloneObject;
    }
}
declare module "src/build-config/validation-error" {
    export default class ValidationError extends Error {
    }
}
declare module "src/utility" {
    /**
     *
     * @param {string} name
     * @param {string} version
     * @param {string} [suffix='']
     */
    export function getZipArchiveName(name: string, version: string, suffix?: string): string;
    /**
     * @param {ValidatedBuildConfig} config
     * @param {string|undefined} [suffix=undefined]
     */
    export function buildPublicPath(config: ValidatedBuildConfig, suffix?: string | undefined): string;
    /**
     * @param {*} obj
     * @returns {string}
     */
    export function toString(obj: any): string;
    /**
     * @see {@link https://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript#answer-3561711}
     * @param {string} input
     * @returns {string}
     */
    export function escapeRegex(input: string): string;
    /**
     * @param {string} str
     * @returns {string}
     */
    export function ucfirst(str: string): string;
    /**
     * @param {string} mayRelativePath
     * @param {string|undefined} [basePathWhenRelative=undefined]
     * @returns {string}
     */
    export function getAbsolutePath(mayRelativePath: string, basePathWhenRelative?: string | undefined): string;
    /**
     * @param {string} str1
     * @param {string} str2
     * @returns {string}
     */
    export function findStringSimilarities(str1: string, str2: string): string;
    /**
     * @param {string[]} arr1
     * @param {string[]} arr2
     * @returns {string[]}
     */
    export function findArraySimilarities(arr1: string[], arr2: string[]): string[];
    /**
     * @param {string} possibleWin32Path
     * @returns {string}
     */
    export function toPosixPath(possibleWin32Path: string): string;
    /**
     * @param {string} startFolder
     * @returns {string}
     */
    export function findNodeModulesFolder(startFolder: string): string;
}
declare module "src/build-config/module-config" {
    /** @typedef {import('./build-config').default} BuildConfig */
    /**
     * This is the builder class for JavaScript module configurations.
     * Pass objects of this class to {@link BuildConfig#withModules}.
     *
     * @example
     * .withModules(
     *   new ModuleConfig()
     *     .withName('main')
     *     .withPath('main.js'),
     *   new ModuleConfig()
     *     .withName('app')
     *     .withPath(path.resolve(__dirname,'lib','app.js')))
     */
    export default class ModuleConfig {
        /**
         * @param {string|undefined} [name=undefined]
         * @param {string|undefined} [path=undefined]
         */
        constructor(name?: string | undefined, path?: string | undefined);
        /**
         * @type {string|undefined}
         * @private
         */
        private _name;
        /**
         * @type {string|undefined}
         * @private
         */
        private _path;
        /**
         * @returns {string|undefined}
         */
        get name(): string | undefined;
        /**
         * @returns {string|undefined}
         */
        get path(): string | undefined;
        /**
         * The name for your JavaScript module. The name specified here must be unique in your build configuration.
         * This means you can't configure two modules with the same name. This will be the name of the resulting entry
         * in the Webpack configuration.
         *
         * @param {string} name - The module name.
         * @returns {ModuleConfig}
         */
        withName(name: string): ModuleConfig;
        /**
         * Path to the entry module file. The path can either be an absolute one or relative to the path specified with {@link BuildConfig#withRootPath}.
         *
         * @param {string} path - The path to the module.
         * @returns {ModuleConfig}
         */
        withPath(path: string): ModuleConfig;
        /**
         * @returns {{}}
         */
        build(): {};
        /**
         * @param {boolean|undefined} [shallow=true]
         * @returns {ModuleConfig}
         */
        clone(shallow?: boolean | undefined): ModuleConfig;
    }
    export type BuildConfig = import("src/build-config/build-config").default;
}
declare module "src/build-config/build-config-interface" {
    /** @typedef {import('webpack').PathData} PathData */
    /** @typedef {import('webpack').AssetInfo} AssetInfo */
    /** @typedef {import('../version').Version} Version */
    /** @typedef {import('../design-type').DesignType} DesignType */
    /** @typedef {import('./module-config').default} ModuleConfig */
    /**
     * @interface
     */
    export default class BuildConfigInterface {
        /**
         * @returns {string}
         */
        get name(): string;
        /**
         * @returns {string}
         */
        get version(): string;
        /**
         * @returns {Version}
         */
        get targetVersion(): Version;
        /**
         * @returns {DesignType}
         */
        get designType(): DesignType;
        /**
         * @returns {string}
         */
        get rootPath(): string;
        /**
         * @returns {string}
         */
        get outputPath(): string;
        /**
         * @returns {string|undefined}
         */
        get propertiesFilePath(): string | undefined;
        /**
         * @returns {number|'auto'}
         */
        get devServerPort(): number | "auto";
        /**
         * @returns {boolean}
         */
        get hashZipFiles(): boolean;
        /**
         * @returns {ModuleConfig[]}
         */
        get modules(): ModuleConfig[];
        /**
         * @returns {string}
         */
        get modulesRootPath(): string;
        /**
         * @returns {{}[]}
         */
        get additionalFilesToCopy(): {}[];
        /**
         * @returns {boolean}
         */
        get sourceMapEnabled(): boolean;
        /**
         * @returns {string}
         */
        get staticFileFolderPath(): string;
        /**
         * @returns {string}
         */
        get copyAssetsFolderPath(): string;
        /**
         * @returns {string | ((pathData: PathData, assetInfo?: AssetInfo) => string)}
         */
        get assetResourceRuleFilename(): string | ((pathData: PathData, assetInfo?: AssetInfo) => string);
        /**
         * @returns {string[]}
         */
        get additionalStaticAssetFileExtensions(): string[];
        /**
         * @returns {{}[]}
         */
        get webpackRules(): {}[];
        /**
         * @returns {Object[]}
         */
        get webpackPlugins(): any[];
        /**
         * @returns {boolean}
         */
        get postcssEnabled(): boolean;
    }
    export type PathData = import("webpack").PathData;
    export type AssetInfo = import("webpack").AssetInfo;
    export type Version = import("src/version").Version;
    export type DesignType = import("src/design-type").DesignType;
    export type ModuleConfig = import("src/build-config/module-config").default;
}
declare module "src/build-config/validated-build-config" {
    /** @typedef {import('webpack').PathData} PathData */
    /** @typedef {import('webpack').AssetInfo} AssetInfo */
    /** @typedef {import('../version').Version} Version */
    /** @typedef {import('../design-type').DesignType} DesignType */
    /** @typedef {import('./module-config').default} ModuleConfig */
    /** @typedef {import('./build-config-interface').default} BuildConfigInterface */
    /**
     * @implements {BuildConfigInterface}
     */
    export default class ValidatedBuildConfig implements BuildConfigInterface {
        /**
         * @type {string}
         * @private
         */
        private _name;
        /**
         * @type {string}
         * @private
         */
        private _version;
        /**
         * @type {Version}
         * @private
         */
        private _targetVersion;
        /**
         * @type {DesignType}
         * @private
         */
        private _designType;
        /**
         * @type {string}
         * @private
         */
        private _rootPath;
        /**
         * @type {string}
         * @private
         */
        private _outputPath;
        /**
         * @type {string|undefined}
         * @private
         */
        private _propertiesFilePath;
        /**
         * @type {number}
         * @private
         */
        private _devServerPort;
        /**
         * @type {boolean}
         * @private
         */
        private _hashZipFiles;
        /**
         * @type {ModuleConfig[]}
         * @private
         */
        private _modules;
        /**
         * @type {string}
         * @private
         */
        private _modulesRootPath;
        /**
         * @type {{}[]}
         * @private
         */
        private _additionalFilesToCopy;
        /**
         * @type {boolean}
         * @private
         */
        private _sourceMapEnabled;
        /**
         * @type {string}
         * @private
         */
        private _staticFileFolderPath;
        /**
         * @type {string}
         * @private
         */
        private _copyAssetsFolderPath;
        /**
         * @type {string | ((pathData: PathData, assetInfo?: AssetInfo) => string)}
         * @private
         */
        private _assetResourceRuleFilename;
        /**
         * @type {string[]}
         * @private
         */
        private _additionalStaticAssetFileExtensions;
        /**
         * @type {Object[]}
         * @private
         */
        private _webpackPlugins;
        /**
         * @type {{}[]}
         * @private
         */
        private _webpackRules;
        /**
         * @type {boolean}
         * @private
         */
        private _postcssEnabled;
        /**
         * @returns {string}
         */
        get name(): string;
        /**
         * @returns {string}
         */
        get version(): string;
        /**
         * @returns {Version}
         */
        get targetVersion(): Version;
        /**
         * @returns {DesignType}
         */
        get designType(): DesignType;
        /**
         * @returns {string}
         */
        get rootPath(): string;
        /**
         * @returns {string}
         */
        get outputPath(): string;
        /**
         * @returns {string|undefined}
         */
        get propertiesFilePath(): string | undefined;
        /**
         * @returns {number|'auto'}
         */
        get devServerPort(): number | "auto";
        /**
         * @returns {boolean}
         */
        get hashZipFiles(): boolean;
        /**
         * @returns {ModuleConfig[]}
         */
        get modules(): ModuleConfig[];
        /**
         * @returns {string}
         */
        get modulesRootPath(): string;
        /**
         * @returns {{}[]}
         */
        get additionalFilesToCopy(): {}[];
        /**
         * @returns {boolean}
         */
        get sourceMapEnabled(): boolean;
        /**
         * @returns {string}
         */
        get staticFileFolderPath(): string;
        /**
         * @returns {string}
         */
        get copyAssetsFolderPath(): string;
        /**
         * @returns {string | ((pathData: PathData, assetInfo?: AssetInfo) => string)}
         */
        get assetResourceRuleFilename(): string | ((pathData: PathData, assetInfo?: AssetInfo) => string);
        /**
         * @returns {string[]}
         */
        get additionalStaticAssetFileExtensions(): string[];
        /**
         * @returns {Object[]}
         */
        get webpackPlugins(): any[];
        /**
         * @returns {{}[]}
         */
        get webpackRules(): {}[];
        /**
         * @returns {boolean}
         */
        get postcssEnabled(): boolean;
    }
    export type PathData = import("webpack").PathData;
    export type AssetInfo = import("webpack").AssetInfo;
    export type Version = import("src/version").Version;
    export type DesignType = import("src/design-type").DesignType;
    export type ModuleConfig = import("src/build-config/module-config").default;
    export type BuildConfigInterface = import("src/build-config/build-config-interface").default;
}
declare module "src/dist-folder" {
    export default class DistFolder {
        /**
         * @type {string}
         */
        static CONTENT_ELEMENTS: string;
        /**
         * @type {string}
         */
        static INCLUDES: string;
        /**
         * @type {string}
         */
        static ASSETS: string;
        /**
         * @type {string}
         */
        static MODULES: string;
        /**
         * @type {string}
         */
        static STATIC: string;
        /**
         * @type {string}
         */
        static VENDORS: string;
        /**
         * @type {string}
         */
        static SHARED: string;
    }
}
declare module "src/build-config/default-build-config" {
    /** @typedef {import('./build-config-interface').default} BuildConfigInterface */
    /**
     * @implements {BuildConfigInterface}
     */
    export default class DefaultBuildConfig implements BuildConfigInterface {
        get additionalFilesToCopy(): any[];
        get copyAssetsFolderPath(): string;
        get assetResourceRuleFilename(): string;
        get additionalStaticAssetFileExtensions(): any[];
        get designType(): import("src/design-type").DesignType;
        get devServerPort(): string;
        get hashZipFiles(): boolean;
        get modules(): any[];
        get modulesRootPath(): string;
        get name(): any;
        get outputPath(): string;
        get propertiesFilePath(): any;
        get rootPath(): any;
        get sourceMapEnabled(): boolean;
        get staticFileFolderPath(): string;
        get targetVersion(): import("src/version").Version;
        get version(): string;
        get webpackPlugins(): any[];
        get webpackRules(): any[];
        get postcssEnabled(): boolean;
    }
    export type BuildConfigInterface = import("src/build-config/build-config-interface").default;
}
declare module "src/build-config/build-config-validator" {
    /** @typedef {import('./build-config').default} BuildConfig */
    export default class BuildConfigValidator {
        /**
         * @param {BuildConfig} buildConfig
         * @returns {ValidatedBuildConfig}
         */
        static validate(buildConfig: BuildConfig): ValidatedBuildConfig;
        /**
         * @param {BuildConfig} buildConfig
         */
        constructor(buildConfig: BuildConfig);
        /**
         * @type {DefaultBuildConfig}
         * @private
         */
        private _defaultBuildConfig;
        /**
         * @type {BuildConfig}
         * @private
         */
        private _buildConfig;
        /**
         * @type {ValidatedBuildConfig}
         * @private
         */
        private _validatedConfig;
        /**
         * @returns {DefaultBuildConfig}
         */
        get defaultBuildConfig(): DefaultBuildConfig;
        /**
         * @returns {BuildConfig}
         */
        get buildConfig(): BuildConfig;
        /**
         * @returns {ValidatedBuildConfig}
         */
        get validatedConfig(): ValidatedBuildConfig;
        /**
         * @private
         */
        private _validate;
        /**
         * @param {string} name
         * @param {(value:any)=>boolean} type
         * @param {boolean} [applyDefaultConfig=true]
         * @param {boolean} [cloneValue=true]
         */
        _validateProperty(name: string, type: (value: any) => boolean, applyDefaultConfig?: boolean, cloneValue?: boolean): void;
        /**
         * @param {string} name
         * @param {string} property
         * @returns {string}
         * @private
         */
        private _validateName;
        /**
         * @param {string} version
         * @param {string} property
         * @returns {string}
         * @private
         */
        private _validateVersion;
        /**
         * @param {string} rootPath
         * @param {string} property
         * @returns {string}
         * @private
         */
        private _validateRootPath;
        /**
         * @param {string|undefined} outputPath
         * @param {string} property
         * @private
         */
        private _validateOutputPath;
        /**
         * @param {string|undefined} propertiesFilePath
         * @param {string} property
         * @private
         */
        private _validatePropertiesFilePath;
        /**
         * @param {string} modulesRootPath
         * @param {string} property
         * @private
         */
        private _validateModulesRootPath;
        /**
         * @param {ModuleConfig[]} modules
         * @param {string} property
         * @private
         */
        private _validateModules;
        /**
         * @param {string} staticFileFolderPath
         * @param {string} property
         * @private
         */
        private _validateStaticFileFolderPath;
        /**
         * @param {string} copyAssetsFolderPath
         * @param {string} property
         * @private
         */
        private _validateCopyAssetsFolderPath;
        /**
         * @param {string|undefined} originalPath
         * @param {string} configuredPath
         * @param {string} property
         * @returns {string}
         * @private
         */
        private _validateRelativeOrAbsoluteFolderPath;
    }
    export type BuildConfig = import("src/build-config/build-config").default;
    import DefaultBuildConfig from "src/build-config/default-build-config";
    import ValidatedBuildConfig from "src/build-config/validated-build-config";
}
declare module "src/build-config/build-config" {
    /** @typedef {import('webpack').PathData} PathData */
    /** @typedef {import('webpack').AssetInfo} AssetInfo */
    /** @typedef {import('../version').Version} Version */
    /** @typedef {import('../version').CX_22_0} CX_22_0 */
    /** @typedef {import('../design-type').DesignType} DesignType */
    /** @typedef {import('../design-type').LANDINGPAGE} LANDINGPAGE */
    /** @typedef {import('./module-config').default} ModuleConfig */
    /** @typedef {import('./default-build-config').default} DefaultBuildConfig */
    /** @typedef {import('./build-config-interface').default} BuildConfigInterface */
    /** @typedef {import('./validated-build-config').default} ValidatedBuildConfig */
    /**
     * The configuration object for the build of one template.
     *
     * @implements {BuildConfigInterface}
     */
    export default class BuildConfig implements BuildConfigInterface {
        /**
         * @type {string}
         * @private
         */
        private _name;
        /**
         * @type {string}
         * @private
         */
        private _version;
        /**
         * @type {Version}
         * @private
         */
        private _targetVersion;
        /**
         * @type {DesignType}
         * @private
         */
        private _designType;
        /**
         * @type {string}
         * @private
         */
        private _rootPath;
        /**
         * @type {string}
         * @private
         */
        private _outputPath;
        /**
         * @type {string|undefined}
         * @private
         */
        private _propertiesFilePath;
        /**
         * @type {number|'auto'}
         * @private
         */
        private _devServerPort;
        /**
         * @type {boolean}
         * @private
         */
        private _hashZipFiles;
        /**
         * @type {ModuleConfig[]}
         * @private
         */
        private _modules;
        /**
         * @type {string}
         * @private
         */
        private _modulesRootPath;
        /**
         * @type {{}[]}
         * @private
         */
        private _additionalFilesToCopy;
        /**
         * @type {boolean}
         * @private
         */
        private _sourceMapEnabled;
        /**
         * @type {string}
         * @private
         */
        private _staticFileFolderPath;
        /**
         * @type {string}
         * @private
         */
        private _copyAssetsFolderPath;
        /**
         * @type {string | ((pathData: PathData, assetInfo?: AssetInfo) => string)}
         * @private
         */
        private _assetResourceRuleFilename;
        /**
         * @returns {string[]}
         */
        _additionalStaticAssetFileExtensions: any;
        /**
         * @type {{}[]}
         * @private
         */
        private _webpackRules;
        /**
         * @type {Object[]}
         * @private
         */
        private _webpackPlugins;
        /**
         * @type {boolean}
         * @private
         */
        private _postcssEnabled;
        /**
         * @returns {string}
         */
        get name(): string;
        /**
         * @returns {string}
         */
        get version(): string;
        /**
         * @returns {Version}
         */
        get targetVersion(): Version;
        /**
         * @returns {DesignType}
         */
        get designType(): DesignType;
        /**
         * @returns {string}
         */
        get rootPath(): string;
        /**
         * @returns {string}
         */
        get outputPath(): string;
        /**
         * @returns {string|undefined}
         */
        get propertiesFilePath(): string | undefined;
        /**
         * @returns {number|'auto'}
         */
        get devServerPort(): number | "auto";
        /**
         * @returns {boolean}
         */
        get hashZipFiles(): boolean;
        /**
         * @returns {ModuleConfig[]}
         */
        get modules(): ModuleConfig[];
        /**
         * @returns {string}
         */
        get modulesRootPath(): string;
        /**
         * @returns {{}[]}
         */
        get additionalFilesToCopy(): {}[];
        /**
         * @returns {boolean}
         */
        get sourceMapEnabled(): boolean;
        /**
         * @returns {string}
         */
        get staticFileFolderPath(): string;
        /**
         * @returns {string}
         */
        get copyAssetsFolderPath(): string;
        /**
         * @returns {string | ((pathData: PathData, assetInfo?: AssetInfo) => string)}
         */
        get assetResourceRuleFilename(): string | ((pathData: PathData, assetInfo?: AssetInfo) => string);
        /**
         * @returns {string[]}
         */
        get additionalStaticAssetFileExtensions(): string[];
        /**
         * @returns {{}[]}
         */
        get webpackRules(): {}[];
        /**
         * @returns {Object[]}
         */
        get webpackPlugins(): any[];
        /**
         * @returns {boolean}
         */
        get postcssEnabled(): boolean;
        /**
         * The name of this template, e.g. landingpage. This will be included in the name of the resulting ZIP file in the dist folder.
         * Be aware, that you should use a normalized name without any umlauts, special chars, spaces or slashes.
         *
         * @param {string} name - The name of your template.
         * @returns {BuildConfig}
         */
        withName(name: string): BuildConfig;
        /**
         * The version of this template, e.g. 1.0.1. This will be included in the name of the resulting ZIP file in the dist folder.
         *
         * @see {@link https://semver.org/spec/v2.0.0.html}
         * @param {string} version - The version for this template. It is recommended to use a semantic version string.
         * @returns {BuildConfig}
         */
        withVersion(version: string): BuildConfig;
        /**
         * The application version of BSI CX (or BSI Studio) this design is built for.
         *
         * @see {@link Version} for available versions
         * @param {Version} version - The BSI CX version. Default will be {@link CX_22_0}
         * @returns {BuildConfig}
         */
        withTargetVersion(version: Version): BuildConfig;
        /**
         * The type of this design (e.g. email or landingpage).
         *
         * @see {@link DesignType} for available types
         * @param {DesignType} type - The design type to use. Default will be {@link LANDINGPAGE}
         * @returns {BuildConfig}
         */
        withDesignType(type: DesignType): BuildConfig;
        /**
         * The path to the root folder of this template. This folder contains the source code of your template.
         * An absolute path is recommended. If the path is relative, it will be resolved in relation to the current working directory.
         *
         * @param {string} rootPath - The path to your template root. An absolute path is recommended.
         * @returns {BuildConfig}
         */
        withRootPath(rootPath: string): BuildConfig;
        /**
         * A custom output folder path to use. Default: dist/{name}. An absolute path is recommended.
         * If the path is relative, it will be resolved in relation to the current working directory.
         * The folder does not have to exist, the build will create it for you. But it is recommended
         * to ignore the folder and its content in your VCS.
         *
         * @see {@link https://git-scm.com/docs/gitignore}
         * @param {string} outputPath - The path to your output folder. An absolute path is recommended.
         * @returns {BuildConfig}
         */
        withOutputPath(outputPath: string): BuildConfig;
        /**
         * The data properties file for your Twig templates. This file will be required and the contents of this file will be
         * available as "properties" variable inside your Twig templates and trough the <code>bsiProperty</code> functions inside
         * your LESS and SASS files. You can use a relative path. Relative paths will be resolved in relation to your {@link withRootPath|template root}.
         *
         * @param {string} propertiesFilePath - The path to your properties file.
         * @returns {BuildConfig}
         */
        withPropertiesFilePath(propertiesFilePath: string): BuildConfig;
        /**
         * A TCP port number to use for the development server. The default port is 9001. Be aware,
         * that you don't have to configure a separate port for each template of your build.
         * Only the first configuration will be considered.
         *
         * @param {number|'auto'} devServerPort - The development server port number.
         * @returns {BuildConfig}
         */
        withDevServerPort(devServerPort: number | "auto"): BuildConfig;
        /**
         * Add a unique hash value to the name of the resulting ZIP file, e.g. landingpage-1.0.0-alpha-089a9.zip.
         *
         * @param {boolean} hashZipFiles - Enable or disable this feature. Default is <code>true</code>.
         * @returns {BuildConfig}
         */
        withHashZipFiles(hashZipFiles: boolean): BuildConfig;
        /**
         * Add additional JavaScript modules. Each additional JavaScript module configuration will result in a separate
         * entry configuration. Be aware, that your modules must be placed inside the modules root path.
         * Use {@link withModulesRootPath} to set a custom modules root path.
         *
         * @param {...ModuleConfig} modules - Pass objects of the {@link BuildConfig} class.
         * @returns {BuildConfig}
         */
        withModules(...modules: ModuleConfig[]): BuildConfig;
        /**
         * Absolute or relative path to the modules root folder. Per default this will be the "modules" folder inside your template root.
         * Relative paths will be resolved in relation to your {@link withRootPath|template root} configuration.
         *
         * @param {string} modulesRootPath - The path to your modules root folder.
         * @returns {BuildConfig}
         */
        withModulesRootPath(modulesRootPath: string): BuildConfig;
        /**
         * Add additional files to copy to the output folder. The configuration here will be passed down to the
         * {@link https://github.com/webpack-contrib/copy-webpack-plugin|CopyWebpackPlugin}. Be aware, that you always
         * can put files inside the "assets" folder inside your template root without any configuration here.
         * You can change the path to the assets folder with the {@link withCopyAssetsFolderPath} method.
         *
         * @see {@link https://github.com/webpack-contrib/copy-webpack-plugin#patterns}
         * @param {...{}} additionalFilesToCopy - Pattern configuration object.
         * @returns {BuildConfig}
         */
        withAdditionalFilesToCopy(...additionalFilesToCopy: {}[]): BuildConfig;
        /**
         * Enable or disable source map generation. If enabled, source maps will be emitted for JavaScript, LESS and SASS
         * files. Enabling this feature will also emit an additional "dev" ZIP file. The generated .map files will only be
         * contained in this ZIP file. So upload the dev ZIP file if you want to debug a design in BSI CX. The dev ZIP file
         * should not be used in production environments. Enabling source maps will also have a slight performance impact.
         *
         * @param {boolean} sourceMapEnabled - Enable or disable the feature. Enabled by default.
         * @returns {BuildConfig}
         */
        withSourceMapEnabled(sourceMapEnabled: boolean): BuildConfig;
        /**
         * Set the folder for static assets (e.g. images or simple JavaScript files).
         * Can either be an absolute or relative path. Relative paths will be normalized in relation to the template root folder.
         * Use {@link withRootPath} to set the template root folder.
         *
         * @param {string} staticFileFolderPath - The path to the static assets folder.
         * @returns {BuildConfig}
         */
        withStaticFileFolderPath(staticFileFolderPath: string): BuildConfig;
        /**
         * Set the root folder to copy additional assets from. Use {@link withAdditionalFilesToCopy} to configure additional
         * assets for your bundle. This can either be an absolute or relative path.
         * Relative paths will be normalized in relation to the template root folder.
         * Use {@link withRootPath} to set the template root folder.
         *
         * @param {string} copyAssetsFolderPath - The path to the copy assets folder.
         * @returns {BuildConfig}
         */
        withCopyAssetsFolderPath(copyAssetsFolderPath: string): BuildConfig;
        /**
         * Set a custom filename for asset modules. Default value is: <code>static/[name]-[contenthash][ext]</code>
         *
         * @see {@link https://webpack.js.org/configuration/module/#rulegeneratorfilename}
         * @param {string | ((pathData: PathData, assetInfo?: AssetInfo) => string)} assetResourceRuleFilename
         * @returns {BuildConfig}
         */
        withAssetResourceRuleFilename(assetResourceRuleFilename: string | ((pathData: PathData, assetInfo?: AssetInfo) => string)): BuildConfig;
        /**
         * Additional file extensions for static assets. The following file extensions are defined by default: avif, png,
         * apng, jpg, jpeg, jfif, pjpeg, pjp, webp, gif, bmp, tiff, tif, raw, svg, eot, ttf, woff, woff2, pdf, ico,
         * cur, mkv, 3gp, mp3, mp4, m4v, m4p, ogv, webm, aac, flac, mpg, mpeg, oga, ogg, wav, json5
         *
         * The extensions you define here will be added to the list.
         *
         * @param {...string} extensions
         * @returns {BuildConfig}
         */
        withAdditionalStaticAssetFileExtensions(...extensions: string[]): BuildConfig;
        /**
         * Configure additional rules for the Webpack configuration. Be aware, that this can clash with the existing rules.
         *
         * @see {@link https://webpack.js.org/configuration/module/#rule}
         * @param {...{}} rules - Webpack rules objects.
         * @returns {BuildConfig}
         */
        withWebpackRules(...rules: {}[]): BuildConfig;
        /**
         * Configure additional plugins for the Webpack configuration. Be aware, that this can clash with the existing plugins.
         *
         * @see {@link https://webpack.js.org/configuration/plugins/}
         * @param {...Object} plugins - Instances of Webpack plugins.
         * @returns {BuildConfig}
         */
        withWebpackPlugins(...plugins: any[]): BuildConfig;
        /**
         * Enable or disable PostCSS for the Webpack configuration.
         *
         * @param {boolean} postcssEnabled - Enable or disable PostCSS.
         * @returns {BuildConfig}
         */
        withPostcssEnabled(postcssEnabled: boolean): BuildConfig;
        /**
         * Create a clone of this copy. Can be useful if different templates should be created from the same sources.
         * A shallow clone will be created by default. This means nested objects will still reference the same origin.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {BuildConfig}
         */
        clone(shallow?: boolean): BuildConfig;
        /**
         * Validate the build configuration. <strong>There is no need to call this method.</strong>
         * The {@link WebpackConfigBuilder.fromConfigs|WebpackConfigBuilder} will do this for you.
         *
         * @returns {ValidatedBuildConfig} - The validated build config with {@link DefaultBuildConfig|defaults} applied where necessary.
         */
        validate(): ValidatedBuildConfig;
    }
    export type PathData = import("webpack").PathData;
    export type AssetInfo = import("webpack").AssetInfo;
    export type Version = import("src/version").Version;
    export type CX_22_0 = import("src/version").Version;
    export type DesignType = import("src/design-type").DesignType;
    export type LANDINGPAGE = import("src/design-type").DesignType;
    export type ModuleConfig = import("src/build-config/module-config").default;
    export type DefaultBuildConfig = import("src/build-config/default-build-config").default;
    export type BuildConfigInterface = import("src/build-config/build-config-interface").default;
    export type ValidatedBuildConfig = import("src/build-config/validated-build-config").default;
}
declare module "src/handlebars-helpers" {
    const _default: {
        'bsi.nls': (key: any) => any;
    };
    export default _default;
}
declare module "src/builder-object-normalizer" {
    export default class BuilderObjectNormalizer {
        /**
         * Convert a builder object into a standard object by invoking the build method on a builder object or just return the provided object.
         * This method normally operates on imported values from executed JavaScript assets, see {@link _BsiCxWebpackPlugin#_loadAssets}.
         * Such values cannot be checked with instanceof.
         *
         * @param {*} obj
         * @returns {*}
         */
        static normalize(obj: any): any;
        /**
         * @param {*} obj
         * @returns {*}
         * @private
         */
        private _normalize;
        /**
         * @param {*[]} arr
         * @returns {*[]}
         * @private
         */
        private _normalizeArray;
        /**
         * @param {{}} obj
         * @returns {{}}
         * @private
         */
        private _normalizeObject;
    }
}
declare module "src/file" {
    export default class File {
        /**
         * @type {string}
         */
        static DESIGN_JSON: string;
        /**
         * @type {string}
         */
        static DESIGN_JSON_CHUNK: string;
        /**
         * @type {string}
         */
        static DESIGN_JS: string;
        /**
         * @type {string}
         */
        static DESIGN_HTML: string;
        /**
         * @type {string}
         */
        static CONTENT_ELEMENTS_HTML: string;
        /**
         * @type {string}
         */
        static DESIGN_PROPERTIES: string;
    }
}
declare module "src/browser-utility" {
    /**
     * @param {(string|number)[]} arr
     * @returns {string}
     */
    export function scalarArrayToList(arr: (string | number)[]): string;
    /**
     * @template T
     * @param {T} v
     * @returns {T}
     */
    export function identity<T>(v: T): T;
    /**
     * @param {AbstractConstant} constant
     * @returns {string}
     */
    export function constantObjectValue(constant: AbstractConstant): string;
    /**
     * @param {AbstractBuilder} builder
     * @returns {{}}
     */
    export function builderObjectValue(builder: AbstractBuilder): {};
    /**
     * Very simple UUID v4 generator. Don't use the <code>crypto.getRandomValues()</code> or the uuid NPM package
     * (won't work in the browser context).
     *
     * @see {@link https://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid#answer-2117523}
     * @returns {string}
     */
    export function uuid(): string;
}
declare module "src/design-json-property-extension" {
    export default class DesignJsonPropertyExtension {
        /**
         * @type {string}
         */
        static DROPZONES: string;
        /**
         * @type {string}
         */
        static DROPZONE: string;
        /**
         * @type {string}
         */
        static ALLOWED_ELEMENTS: string;
        /**
         * @type {string}
         */
        static MAX_ALLOWED_ELEMENTS: string;
        /**
         * @type {string}
         */
        static REMOVE_ALLOWED: string;
        /**
         * @type {string}
         */
        static COPY_ALLOWED: string;
        /**
         * @type {string}
         */
        static MOVE_ALLOWED: string;
    }
}
declare module "src/bsi-html-attributes" {
    export default class BsiHtmlAttributes {
        /**
         * @type {string}
         */
        static DROPZONE: string;
        /**
         * @type {string}
         */
        static DROPZONE_ALLOWED_ELEMENTS: string;
        /**
         * @type {string}
         */
        static DROPZONE_MAX_NUMBER_OF_ELEMENTS: string;
        /**
         * @type {string}
         */
        static HIDE_MOVE_BUTTON: string;
        /**
         * @type {string}
         */
        static HIDE_COPY_BUTTON: string;
        /**
         * @type {string}
         */
        static HIDE_REMOVE_BUTTON: string;
    }
}
declare module "src/abstract-property-plugin" {
    /**
     * @abstract
     */
    export default class AbstractPropertyPlugin {
        /**
         * @param {BuildContext} context
         */
        constructor(context: BuildContext);
        /**
         * @type {CssPropertyResolver}
         * @protected
         */
        protected _propertyResolver: CssPropertyResolver;
        /**
         * @type {{}}
         * @protected
         */
        protected _properties: {};
        /**
         * @param {*} property
         * @param {*} fallback
         * @returns {*}
         */
        getProperty(property: any, fallback: any): any;
        /**
         * @param {*} property
         * @param {*} fallback
         * @returns {*}
         * @private
         */
        private _handleNotFoundProperty;
    }
}
declare module "src/bsi-js-property-plugin" {
    export default class BsiJsPropertyPlugin extends AbstractPropertyPlugin {
    }
    import AbstractPropertyPlugin from "src/abstract-property-plugin";
}
declare module "src/path-hash-utility" {
    /**
     * @param {string} filePath
     * @returns {number}
     */
    export function createPathHash(filePath: string): number;
}
declare module "src/bsi-cx-webpack-plugin" {
    export default class BsiCxWebpackPlugin {
        /**
         * @type {string}
         */
        static PLUGIN_NAME: string;
        /**
         * @param {BuildContext} context
         */
        constructor(context: BuildContext);
        /**
         * @type {BuildContext}
         * @private
         */
        private _context;
        apply(compiler: any): void;
    }
}
declare module "src/java-property-file-builder" {
    export default class JavaPropertyFileBuilder {
        _properties: any[];
        /**
         * @param {string} key
         * @param {string} value
         * @returns {JavaPropertyFileBuilder}
         */
        append(key: string, value: string): JavaPropertyFileBuilder;
        /**
         * @param {string} comment
         * @returns {JavaPropertyFileBuilder}
         */
        appendComment(comment: string): JavaPropertyFileBuilder;
        /**
         * @param {string} section
         * @returns {JavaPropertyFileBuilder}
         */
        appendCommentSection(section: string): JavaPropertyFileBuilder;
        /**
         * @returns {JavaPropertyFileBuilder}
         */
        appendBlank(): JavaPropertyFileBuilder;
        /**
         * @returns {string}
         */
        build(): string;
        /**
         * @param {string} line
         * @returns {string}
         */
        _printLine(line: string): string;
        /**
         * @param {string} key
         * @returns {string}
         */
        _escapeKey(key: string): string;
        /**
         * @param {string} value
         * @returns {string}
         */
        _escapeValue(value: string): string;
    }
}
declare module "src/legacy-design-property" {
    export default class LegacyDesignProperty {
        /**
         * @type {string}
         */
        static TEMPLATE_NAME: string;
        /**
         * @type {string}
         */
        static TEMPLATE_AUTHOR: string;
        /**
         * @type {string}
         * @private
         */
        private static _LABEL;
        /**
         * @type {string}
         * @private
         */
        private static _DESCRIPTION;
        /**
         * @type {string}
         * @private
         */
        private static _GROUP;
        /**
         * @type {string}
         * @private
         */
        private static _ELEMENT;
        /**
         * @type {string}
         * @private
         */
        private static _PARTS;
        /**
         * @type {string}
         * @private
         */
        private static _ICON;
        /**
         * @type {string}
         * @private
         */
        private static _STYLES;
        /**
         * @type {string}
         * @private
         */
        private static _STYLE;
        /**
         * @type {string}
         * @private
         */
        private static _CLASS;
        /**
         * @type {string}
         * @private
         */
        private static _HTML_EDITOR_CONFIG;
        /**
         * @type {string}
         * @private
         */
        private static _FEATURES;
        /**
         * @type {string}
         * @private
         */
        private static _TEXT_COLORS;
        /**
         * @type {string}
         * @private
         */
        private static _BACKGROUND_COLORS;
        /**
         * @type {string}
         * @private
         */
        private static _FORMATS;
        /**
         * @type {string}
         * @private
         */
        private static _FONT_SIZES;
        /**
         * @type {string}
         * @private
         */
        private static _FONT_SIZE_UNIT;
        /**
         * @type {string}
         * @private
         */
        private static _FONT_SIZE_DEFAULT;
        /**
         * @type {string}
         * @private
         */
        private static _LINE_HEIGHTS;
        /**
         * @type {string}
         * @private
         */
        private static _ENTER;
        /**
         * @param {string} group
         * @returns {string}
         */
        static getContentElementGroupLabel(group: string): string;
        /**
         * @param {string} element
         * @returns {string}
         */
        static getContentElementLabel(element: string): string;
        /**
         * @param {string} element
         * @returns {string}
         */
        static getContentElementDescription(element: string): string;
        /**
         * @param {string} element
         * @returns {string}
         */
        static getContentElementIcon(element: string): string;
        /**
         * @param {string} element
         * @returns {string}
         */
        static getContentElementStyles(element: string): string;
        /**
         * @param {string} element
         * @param {string} part
         * @param {number} index
         * @returns {string}
         */
        static getContentElementPartLabel(element: string, part: string, index: number): string;
        /**
         * @param {string} element
         * @param {string} part
         * @param {number} index
         * @returns {string}
         */
        static getContentElementPartHtmlEditorConfig(element: string, part: string, index: number): string;
        /**
         * @param {string} element
         * @param {string} part
         * @param {number} index
         * @returns {string}
         */
        static _getContentElementPart(element: string, part: string, index: number): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getStyleLabel(name: string): string;
        /**
         * @param {string} name
         * @param {string} cssClass
         * @returns {string}
         */
        static getStyleClassLabel(name: string, cssClass: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigFeatures(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigTextColors(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigBackgroundColors(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigFormats(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigFontSizes(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigFontSizeUnit(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigFontSizeDefault(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigLineHeights(name: string): string;
        /**
         * @param {string} name
         * @returns {string}
         */
        static getHtmlEditorConfigEnter(name: string): string;
    }
}
declare module "src/bsi-cx-webpack-legacy-design-plugin" {
    export default class BsiCxWebpackLegacyDesignPlugin {
        /**
         * @type {string}
         */
        static PLUGIN_NAME: string;
        /**
         * @param {ValidatedBuildConfig} config
         */
        constructor(config: ValidatedBuildConfig);
        /**
         * @type {ValidatedBuildConfig}
         * @private
         */
        private _config;
        apply(compiler: any): void;
    }
}
declare module "src/bsi-cx-webpack-zip-hash-plugin" {
    export default class BsiCxWebpackZipHashPlugin {
        /**
         * @type {string}
         */
        static PLUGIN_NAME: string;
        /**
         * @param {string} name
         * @param {string} version
         * @param {boolean} enabled
         */
        constructor(name: string, version: string, enabled: boolean);
        /**
         * @type {string}
         * @private
         */
        private _name;
        /**
         * @type {string}
         * @private
         */
        private _version;
        /**
         * @type {boolean}
         * @private
         */
        private _enabled;
        /**
         * @type {string}
         * @private
         */
        private _prodZipFileName;
        /**
         * @type {string}
         * @private
         */
        private _devZipFileName;
        /**
         * @param {Compilation} compilation
         * @param {Asset} asset
         */
        _handleZipAsset(compilation: Compilation, asset: Asset): void;
        /**
         * @param {Compiler} compiler
         * @private
         */
        private _removeOldZipAssets;
        apply(compiler: any): void;
    }
}
declare module "src/bsi-cx-twig-context-webpack-plugin" {
    export default class BsiCxTwigContextWebpackPlugin {
        /**
         * @type {string}
         */
        static PLUGIN_NAME: string;
        /**
         * @param {PropertyContext} propertyContext
         */
        constructor(propertyContext: PropertyContext);
        /**
         * @type {PropertyContext}
         * @private
         */
        private _propertyContext;
        apply(compiler: any): void;
    }
}
declare module "src/bsi-less-property-plugin" {
    export default class BsiLessPropertyPlugin extends AbstractPropertyPlugin {
        /**
         * @returns {number[]}
         */
        get minVersion(): number[];
        /**
         * @param lessInstance
         * @param pluginManager
         * @param functions
         */
        install(lessInstance: any, pluginManager: any, functions: any): void;
    }
    import AbstractPropertyPlugin from "src/abstract-property-plugin";
}
declare module "src/module-loader" {
    export class ModuleLoader {
        static NODE_MODULES: RegExp;
        /**
         * @param {string} modulePath
         */
        constructor(modulePath: string);
        /**
         * @type {string}
         * @private
         */
        private _modulePath;
        /**
         * @type {Set<string>}
         * @private
         */
        private _dependencies;
        /**
         * @returns {string}
         */
        get modulePath(): string;
        /**
         * @returns {Set<string>}
         */
        get dependencies(): Set<string>;
        /**
         *
         * @returns {Module}
         */
        load(): Module;
        /**
         * @param {Set<string>} visited,
         * @param {Dict<NodeModule>} cache
         * @param {string} id
         * @param {number} level
         * @private
         */
        private _deleteRelatedModuleCache;
    }
    import Module from "module";
}
declare module "src/property-context" {
    export default class PropertyContext {
        /**
         * @param {string|undefined} propertiesFilePath
         */
        constructor(propertiesFilePath: string | undefined);
        /**
         * @type {string|undefined}
         * @private
         */
        private _propertiesFilePath;
        /**
         * @type {ModuleLoader}
         * @private
         */
        private _propertiesModule;
        /**
         * @type {{}}
         * @private
         */
        private _properties;
        /**
         * @type {{}}
         * @private
         */
        private _proxy;
        /**
         * @type {boolean}
         * @private
         */
        private _propertiesReloadRequired;
        /**
         * @returns {string|undefined}
         */
        get propertiesFilePath(): string | undefined;
        /**
         * @returns {ModuleLoader}
         */
        get propertiesModule(): ModuleLoader;
        /**
         * Get the original properties object without the proxy.
         *
         * @returns {{}}
         */
        get properties(): {};
        /**
         * Get the properties object, guarded by a proxy.
         *
         * @returns {{}}
         */
        get proxy(): {};
        /**
         * @returns {boolean}
         */
        get propertiesReloadRequired(): boolean;
        forcePropertiesReload(): void;
        /**
         * @returns {boolean}
         */
        hasPropertiesFilePath(): boolean;
        /**
         * @returns {{}}
         * @private
         */
        private _getPropertiesProxy;
        /**
         * @returns {{}}
         * @private
         */
        private _getProxyHandler;
        /**
         * @param {{}} target
         * @param {string} property
         * @returns {*}
         * @private
         */
        private _get;
        /**
         * @private
         */
        private _reloadPropertiesIfRequired;
    }
    import { ModuleLoader } from "src/module-loader";
}
declare module "src/css/abstract-css-property" {
    export default class AbstractCssProperty {
        /**
         * @param {*} value
         * @returns {function(*):AbstractCssProperty|undefined}
         */
        static getParser(value: any): (arg0: any) => AbstractCssProperty | undefined;
        /**
         * @returns {*}
         * @abstract
         */
        getLessNode(): any;
        /**
         * @returns {*}
         * @abstract
         */
        getSassObject(): any;
        /**
         * Will be used in Twig files.
         *
         * @returns {string}
         * @abstract
         */
        toString(): string;
        /**
         * Will be used inside JS files to generate the design.json file.
         *
         * @returns {number|string|undefined}
         */
        toJSON(): number | string | undefined;
    }
}
declare module "src/css/css-color" {
    export default class CssColor extends AbstractCssProperty {
        /**
         * @type {RegExp}
         */
        static RGBA: RegExp;
        /**
         * @type {RegExp}
         */
        static HEX: RegExp;
        /**
         * @type {{}}
         */
        static COLORS: {};
        /**
         * @param {string} hex
         * @returns {CssColor}
         */
        static fromHex(hex: string): CssColor;
        /**
         * @param {number} red
         * @param {number} green
         * @param {number} blue
         * @param {number} [alpha=1]
         */
        static fromRGB(red: number, green: number, blue: number, alpha?: number): CssColor;
        /**
         * @param {string} str
         * @returns {CssColor}
         */
        static fromRGBString(str: string): CssColor;
        /**
         * @param {string} color
         * @returns {CssColor}
         */
        static fromKeyword(color: string): CssColor;
        /**
         * @param {*} value
         * @returns {function(*):CssColor|undefined}
         */
        static getParser(value: any): (arg0: any) => CssColor | undefined;
        /**
         * @param {number} red
         * @param {number} green
         * @param {number} blue
         * @param {number} alpha
         */
        constructor(red: number, green: number, blue: number, alpha: number);
        /**
         * @type {number}
         * @private
         */
        private _red;
        /**
         * @type {number}
         * @private
         */
        private _green;
        /**
         * @type {number}
         * @private
         */
        private _blue;
        /**
         * @type {number}
         * @private
         */
        private _alpha;
        /**
         * @returns {number}
         */
        get red(): number;
        /**
         * @returns {number}
         */
        get green(): number;
        /**
         * @returns {number}
         */
        get blue(): number;
        /**
         * @returns {number}
         */
        get alpha(): number;
        /**
         * @returns {string}
         */
        get hex(): string;
        /**
         * @returns {string}
         */
        get rgb(): string;
        /**
         * @returns {string}
         */
        get rgba(): string;
        /**
         * @param {number} color
         * @returns {number}
         * @private
         */
        private _assertColor;
        /**
         * @param {number|undefined} [color=undefined]
         * @returns {string}
         * @private
         */
        private _toHex;
        /**
         * @returns {string}
         * @private
         */
        private _toRgb;
        /**
         * @returns {string}
         * @private
         */
        private _toRgba;
    }
    import AbstractCssProperty from "src/css/abstract-css-property";
}
declare module "src/css/css-dimension" {
    export default class CssDimension extends AbstractCssProperty {
        /**
         * @type {RegExp}
         */
        static VALUE_UNIT: RegExp;
        static fromString(str: any): CssDimension;
        /**
         * @param {number} num
         * @returns {CssDimension}
         */
        static fromNumber(num: number): CssDimension;
        /**
         * @param {*} value
         * @returns {function(*):CssDimension|undefined}
         */
        static getParser(value: any): (arg0: any) => CssDimension | undefined;
        /**
         * @param {number} value
         * @param {string|undefined} [unit=undefined]
         */
        constructor(value: number, unit?: string | undefined);
        /**
         * @type {number}
         * @private
         */
        private _value;
        /**
         * @type {string|undefined}
         * @private
         */
        private _unit;
        /**
         * @returns {number}
         */
        get value(): number;
        /**
         * @returns {string|undefined}
         */
        get unit(): string | undefined;
    }
    import AbstractCssProperty from "src/css/abstract-css-property";
}
declare module "src/css/css-raw" {
    export default class CssRaw extends AbstractCssProperty {
        /**
         * @param {*} value
         * @returns {CssRaw}
         */
        static fromAny(value: any): CssRaw;
        /**
         * @param {*} value
         * @returns {function(*): CssRaw}
         */
        static getParser(value: any): (arg0: any) => CssRaw;
        /**
         * @param {*} value
         */
        constructor(value: any);
        /**
         * @type {*}
         * @private
         */
        private _value;
        /**
         * @returns {*}
         */
        get value(): any;
    }
    import AbstractCssProperty from "src/css/abstract-css-property";
}
declare module "src/query-constant" {
    export default class QueryConstant {
        /**
         * @type {string}
         */
        static INLINE: string;
        /**
         * @type {string}
         */
        static ASSET: string;
    }
}
declare module "src/css/css-url" {
    export default class CssUrl extends AbstractCssProperty {
        /**
         * @param {string|number} value
         * @returns {undefined}
         */
        static getParser(value: string | number): undefined;
        /**
         * @param {string} url
         * @param {boolean} [inline=false]
         */
        constructor(url: string, inline?: boolean);
        /**
         * @type {string}
         * @private
         */
        private _url;
        /**
         * @type {boolean}
         * @private
         */
        private _inline;
        /**
         * @returns {string}
         */
        get rawUrl(): string;
        /**
         * @returns {string}
         */
        get externalUrl(): string;
        /**
         * @returns {string}
         */
        get inlineUrl(): string;
        /**
         * @returns {string}
         */
        get url(): string;
        /**
         * @returns {string}
         */
        get ref(): string;
        /**
         * @returns {string}
         */
        get inlineRef(): string;
        /**
         * @returns {string}
         */
        get externalRef(): string;
        /**
         * @returns {string}
         */
        get css(): string;
        /**
         * @returns {string}
         */
        get inlineCss(): string;
        /**
         * @returns {string}
         */
        get inlineRefCss(): string;
        /**
         * @returns {string}
         */
        get externalCss(): string;
        /**
         * @returns {string}
         */
        get externalRefCss(): string;
        /**
         * @returns {boolean}
         */
        get inline(): boolean;
        /**
         * @returns {string}
         * @private
         */
        private _getInlineUrl;
        /**
         * @param {string} url
         * @returns {string}
         * @private
         */
        private _getRef;
        /**
         * @param {string} url
         * @returns {string}
         * @private
         */
        private _getCss;
    }
    import AbstractCssProperty from "src/css/abstract-css-property";
}
declare module "src/css/css-bool" {
    export default class CssBool extends AbstractCssProperty {
        /**
         * @param {boolean} value
         * @returns {CssBool}
         */
        static fromBoolean(value: boolean): CssBool;
        /**
         * @param {*} value
         * @returns {(function(*): CssBool)|undefined}
         */
        static getParser(value: any): ((arg0: any) => CssBool) | undefined;
        /**
         * @param {boolean} value
         */
        constructor(value: boolean);
        /**
         * @type {boolean}
         * @private
         */
        private _value;
        /**
         * @returns {boolean}
         */
        get value(): boolean;
    }
    import AbstractCssProperty from "src/css/abstract-css-property";
}
declare module "src/css/css-property-resolver" {
    /** @typedef {import('./abstract-css-property').default} AbstractCssProperty */
    export default class CssPropertyResolver {
        /**
         * @type {Map<string|number, AbstractCssProperty>}
         * @private
         */
        private _cache;
        clearCache(): void;
        /**
         * @template T
         * @param {T} value
         * @returns {AbstractCssProperty|T}
         */
        resolve<T>(value: T): AbstractCssProperty | T;
        /**
         * @param {string|number} value
         * @returns {AbstractCssProperty}
         * @private
         */
        private _createProperty;
    }
    export type AbstractCssProperty = import("src/css/abstract-css-property").default;
}
declare module "src/build-context" {
    export default class BuildContext {
        /**
         * @param {ValidatedBuildConfig} config
         */
        constructor(config: ValidatedBuildConfig);
        /**
         * @type {ValidatedBuildConfig}
         * @private
         */
        private _config;
        /**
         * @type {PropertyContext}
         * @private
         */
        private _properties;
        /**
         * @type {CssPropertyResolver}
         * @private
         */
        private _cssPropertyResolver;
        /**
         * @returns {ValidatedBuildConfig}
         */
        get config(): ValidatedBuildConfig;
        /**
         * @returns {PropertyContext}
         */
        get properties(): PropertyContext;
        /**
         * @returns {CssPropertyResolver}
         */
        get cssPropertyResolver(): CssPropertyResolver;
    }
    import PropertyContext from "src/property-context";
    import CssPropertyResolver from "src/css/css-property-resolver";
}
declare module "src/bsi-sass-property-plugin" {
    export default class BsiSassPropertyPlugin extends AbstractPropertyPlugin {
        getFunction(): {
            'bsiProperty($property, $fallback: null)': any;
        };
    }
    import AbstractPropertyPlugin from "src/abstract-property-plugin";
}
declare module "src/webpack-config-builder" {
    export default class WebpackConfigBuilder {
        /**
         * @type {string}
         */
        static DESIGN_LAYER: string;
        /**
         * @type {RegExp}
         */
        static STATIC_JS_FILE_EXTENSION: RegExp;
        /**
         * Build the configuration for webpack from {@link BuildConfig} objects.
         *
         * @param  {...BuildConfig} configs
         */
        static fromConfigs(...configs: BuildConfig[]): {
            entry: {};
            name: any;
            context: any;
            target: string;
            module: {
                rules: {}[];
            };
            plugins: any[];
            devtool: string | boolean;
            devServer: {};
            stats: {};
            performance: {};
            optimization: {
                minimize: boolean;
                minimizer: TerserPlugin<import("terser", { with: { "resolution-mode": "import" } }).MinifyOptions>[];
                splitChunks: {
                    chunks: string;
                    cacheGroups: {};
                };
            };
            output: {};
            experiments: {
                layers: boolean;
            };
        }[];
        /**
         * @param {ValidatedBuildConfig} config
         */
        constructor(config: ValidatedBuildConfig);
        /**
         * @type {BuildContext}
         * @private
         */
        private _context;
        /**
         * @returns {BuildContext}
         */
        get context(): BuildContext;
        /**
         * @returns {ValidatedBuildConfig}
         */
        get config(): ValidatedBuildConfig;
        /**
         * @returns {PropertyContext}
         */
        get properties(): PropertyContext;
        build(): {
            entry: {};
            name: any;
            context: any;
            target: string;
            module: {
                rules: {}[];
            };
            plugins: any[];
            devtool: string | boolean;
            devServer: {};
            stats: {};
            performance: {};
            optimization: {
                minimize: boolean;
                minimizer: TerserPlugin<import("terser", { with: { "resolution-mode": "import" } }).MinifyOptions>[];
                splitChunks: {
                    chunks: string;
                    cacheGroups: {};
                };
            };
            output: {};
            experiments: {
                layers: boolean;
            };
        };
        /**
         * The entry configuration.
         *
         * @returns {{}}
         */
        _getEntryConfig(): {};
        /**
         * Get the entry configuration for a template.
         *
         * @param {string} name
         * @returns {{}}
         */
        _evaluateEntryTemplate(name: string): {};
        /**
         * @returns {string}
         * @private
         */
        private _getDesignJsFilePath;
        /**
         * Get the entry configurations for the JavaScript modules.
         *
         * @returns {{}}
         */
        _getJavaScriptModuleEntries(): {};
        /**
         * @param {ModuleConfig} config
         * @returns {{filename: string, import: string, runtime: string}}
         * @private
         */
        private _getJavaScriptModuleEntry;
        /**
         * Rules for Twig file handling.
         *
         * @returns {{}[]}
         */
        _getTwigRuleConfig(): {}[];
        /**
         * Rule for HTML and Handlebars file handling.
         *
         * @returns {{}[]}
         */
        _getHtmlAndHbsRuleConfig(): {}[];
        /**
         * Rules for LESS, SASS/SCSS and CSS file handling.
         *
         * @returns {{}[]}
         */
        _getStyleRulesConfig(): {}[];
        /**
         * Rule for node module assets.
         *
         * @returns {{}[]}
         * @private
         */
        private _getNodeModuleAssetsRule;
        /**
         * Get all file extensions that should be handled as static assets (e.g. images and fonts).
         *
         * @returns {string[]}
         */
        _getStaticAssetFileExtensions(): string[];
        /**
         * Rule for static assets handling.
         *
         * @returns {{}[]}
         */
        _getStaticAssetsRuleConfig(): {}[];
        /**
         * Rule for static JavaScript file handling.
         *
         * @returns {{}[]}
         */
        _getStaticJavaScriptFileRuleConfig(): {}[];
        /**
         * Create the asset resource filename for given asset and design type.
         *
         * @param {Asset} asset
         * @param {DesignType} designType
         * @param {String} assetResourceRuleFilename
         * @returns {string}
         */
        _getAssetResourceFilename(asset: Asset, designType: typeof DesignType, assetResourceRuleFilename: string): string;
        /**
         * a valid resource file name must contain both '[name]' and '[ext]'
         *
         * @param {String} filename
         * @returns {boolean}
         */
        _isValidAssetResourceRuleFilename(filename: string): boolean;
        /**
         * @param {string} fileToCheck
         * @returns {boolean}
         */
        _isStaticJavaScriptFile(fileToCheck: string): boolean;
        /**
         * Rule for regular JavaScript file handling.
         *
         * @returns {{}[]}
         */
        _getRegularJavaScriptFileRuleConfig(): {}[];
        /**
         * @returns {{}[]}
         * @private
         */
        private _getAdditionalRules;
        /**
         * @returns {string}
         * @private
         */
        private _getTemplateLoader;
        /**
         * @returns {string}
         * @private
         */
        private _getTwingLoader;
        /**
         * @returns {{}[]}
         * @private
         */
        private _getCssLoaderChain;
        /**
         * Mini CSS extract plugin configuration.
         *
         * @returns {MiniCssExtractPlugin[]}
         */
        _getMiniCssExtractPluginConfig(): MiniCssExtractPlugin[];
        /**
         * Copy plugin configuration.
         *
         * @returns {CopyPlugin[]}
         */
        _getCopyPluginConfig(): CopyPlugin[];
        /**
         *
         * @returns {BsiCxTwigContextWebpackPlugin[]}
         * @private
         */
        private _getBsiCxTwigContextWebpackPlugin;
        /**
         * @returns {BsiCxWebpackPlugin[]}
         * @private
         */
        private _getBsiCxWebpackPluginConfig;
        /**
         * Webpack ZIP plugin configuration.
         *
         * @returns {[]}
         */
        _getZipPluginConfig(): [];
        /**
         * @returns {Object[]}
         * @private
         */
        private _getAdditionalPlugins;
        /**
         * BSI CX legacy design format plugin config.
         *
         * @returns {BsiCxWebpackLegacyDesignPlugin[]}
         */
        _getBsiCxWebpackLegacyDesignPluginConfig(): BsiCxWebpackLegacyDesignPlugin[];
        /**
         * The dev tool configuration.
         *
         * @returns {string|boolean}
         */
        _getDevToolConfig(): string | boolean;
        /**
         * Development server configuration.
         *
         * @returns {{}}
         */
        _getDevServerConfig(): {};
        /**
         * The stats configuration.
         *
         * @returns {{}}
         */
        _getStatsConfig(): {};
        /**
         * The performance configuration.
         *
         * @returns {{}}
         */
        _getPerformanceConfig(): {};
        /**
         * The minimizer configuration.
         *
         * @returns {TerserPlugin[]}
         */
        _getOptimizationMinimizerConfig(): TerserPlugin[];
        /**
         * The chache groups configuration.
         *
         * @returns {{}}
         */
        _getOptimizationCacheGroupsConfig(): {};
        /**
         * The output configuration.
         *
         * @returns {{}}
         */
        _getOutputConfig(): {};
    }
    import BuildContext from "src/build-context";
    import TerserPlugin from "terser-webpack-plugin";
    import * as DesignType from "src/design-type";
    import MiniCssExtractPlugin from "mini-css-extract-plugin";
    import CopyPlugin from "copy-webpack-plugin";
    import BsiCxWebpackLegacyDesignPlugin from "src/bsi-cx-webpack-legacy-design-plugin";
}
declare module "src/css/helper" {
    /**
     * Create a <code>url()</code> object. The supplied path segments will be passed to <code>path.resolve</code>
     * to get the correct path. <strong>It is recommended to pass an absolute path.</strong>
     * Use the <code>__dirname</code constant as first path segment.
     *
     * @example
     * css.url(__dirname, 'static', 'image.png')
     * @param {...string} pathSegments - The path segments.
     * @returns {CssUrl}
     */
    export function url(...pathSegments: string[]): CssUrl;
    /**
     * Create a <code>url()</code> containing a base64 encoded data-uri.
     *
     * @example
     * css.dataUri(__dirname, 'static', 'image.png')
     * @see {@link url} for details
     * @param {...string} pathSegments - The path segments.
     * @returns {CssUrl}
     */
    export function dataUri(...pathSegments: string[]): CssUrl;
    /**
     * Create a CSS color value. You can pass one, three or four values. Take a look at the examples to find out more
     * about the accepted input.
     *
     * @example
     * css.color('red'); // color string
     * css.color('#ff00ff'); // normal hex format
     * css.color('#ff00ff99'); // rgba as hex
     * css.color('rgb(255, 0, 255)'); // rgb format
     * css.color('rgba(255, 0, 255, 0.1)'); // rgba format
     * css.color(255, 0, 255); // pass each channel as number
     * css.color(255, 0, 255, 0.5); // pass each channel as numeric value
     * @param {...string|number} channels - The color definition in one of the allowed forms.
     * @returns {CssColor|string}
     */
    export function color(...channels: (string | number)[]): CssColor | string;
    /**
     * Create a CSS numeric value with a given unit. Take a look at the example to find out more about the accepted input.
     *
     * @example
     * css.number('10px');
     * css.number('10em');
     * css.number('10ex');
     * css.number('10ch');
     * css.number('10rem');
     * css.number('10in');
     * css.number('10cm');
     * css.number('10mm');
     * css.number('10pc');
     * css.number('10pt');
     * css.number('10vw');
     * css.number('10vh');
     * css.number('10vmin');
     * css.number('10vmax');
     * css.number('10%');
     * @param {string} value - The value as string.
     * @returns {CssDimension|string}
     */
    export function number(value: string): CssDimension | string;
    import CssUrl from "src/css/css-url";
    import CssColor from "src/css/css-color";
    import CssDimension from "src/css/css-dimension";
}
declare module "export/main" {
    import * as Version from "src/version";
    import * as DesignType from "src/design-type";
    import BuildConfig from "src/build-config/build-config";
    import ModuleConfig from "src/build-config/module-config";
    import DefaultBuildConfig from "src/build-config/default-build-config";
    import WebpackConfigBuilder from "src/webpack-config-builder";
    import * as css from "src/css/helper";
    export { Version, DesignType, BuildConfig, ModuleConfig, DefaultBuildConfig, WebpackConfigBuilder, css };
}
declare module "src/design/features" {
    /**
     * Class to set design features.
     */
    export class Features extends AbstractBuilder {
        /**
         * @type {Boolean|undefined}
         * @private
         */
        private _formFieldRules;
        /**
         * @returns {Boolean|undefined}
         */
        get formFieldRules(): boolean | undefined;
        /**
         * Set the value of the formFieldRules property.
         *
         * @see {@link withFeatures}
         * @param {Boolean} enabled - enable or forbid formFieldRules
         * @returns {Features}
         */
        withFormFieldRules(enabled: boolean): Features;
    }
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/design/security" {
    /**
     * Class to set security features.
     */
    export class Security extends AbstractBuilder {
        /**
         * @type {HtmlSanitization|undefined}
         * @private
         */
        private _htmlSanitization;
        /**
         * @returns {HtmlSanitization|undefined}
         */
        get htmlSanitization(): HtmlSanitization | undefined;
        /**
         * Set the value of the htmlSanitization property.
         *
         * @param {HtmlSanitization} htmlSanitization - enable or forbid formFieldRules
         * @returns {Security}
         */
        withHtmlSanitization(htmlSanitization: HtmlSanitization): Security;
    }
    export class HtmlSanitization extends AbstractBuilder {
        /**
         * @type {Boolean|undefined}
         * @private
         */
        private _allowEventAttributes;
        /**
         * @type {Boolean|undefined}
         * @private
         */
        private _allowInlineScripts;
        /**
         * @returns {Boolean|undefined}
         */
        get allowEventAttributes(): boolean | undefined;
        /**
         * @returns {Boolean|undefined}
         */
        get allowInlineScripts(): boolean | undefined;
        /**
         * Set the value of the allowEventAttributes property.
         *
         * @param {Boolean} allowEventAttributes - enable or forbid event attributes
         * @returns {Security}
         */
        withAllowEventAttributes(allowEventAttributes: boolean): Security;
        /**
         * Set the value of the allowInlineScripts property.
         *
         * @param {Boolean} allowInlineScripts - enable or forbid inline scripts
         * @returns {Security}
         */
        withAllowInlineScripts(allowInlineScripts: boolean): Security;
    }
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/design/schema-version" {
    /** @typedef {import('./design').default} Design */
    /**
     * Class to define a schema version.
     */
    export class SchemaVersion extends AbstractConstant {
    }
    /**
     * Use this in website templates for BSI CX 1.3.
     *
     * @see {@link Design#withSchemaVersion}
     * @type {SchemaVersion}
     * @since BSI CX 1.3
     */
    export const V_1_0: SchemaVersion;
    /**
     * Use this in all templates for BSI CX 22.0.
     *
     * @see {@link Design#withSchemaVersion}
     * @type {SchemaVersion}
     * @since 22.0
     */
    export const V_22_0: SchemaVersion;
    /**
     * Use this in all templates for BSI CX 23.1.
     *
     * @see {@link Design#withSchemaVersion}
     * @type {SchemaVersion}
     * @since 23.1
     */
    export const V_23_1: SchemaVersion;
    /**
     * Use this in all templates for BSI CX 23.2.
     *
     * @see {@link Design#withSchemaVersion}
     * @type {SchemaVersion}
     * @since 23.2
     */
    export const V_23_2: SchemaVersion;
    export type Design = import("src/design/design").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/design/websiteContentType" {
    /** @typedef {import('./design').default} Design */
    /**
     * Class to define a WebsiteContentType.
     */
    export class WebsiteContentType extends AbstractConstant {
    }
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const BLOG: WebsiteContentType;
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const POP_UP: WebsiteContentType;
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const OPEN_POSITION: WebsiteContentType;
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const PRESS_RELEASE: WebsiteContentType;
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const USE_CASE: WebsiteContentType;
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const EVENT: WebsiteContentType;
    /**
     * @see {@link Design#withDefaultWebsiteContentType}
     * @see {@link Design#withWebsiteContentTypes}
     * @type {WebsiteContentType}
     */
    export const CUSTOMER_PARTNER: WebsiteContentType;
    export type Design = import("src/design/design").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/style/css-class" {
    /** @typedef {import('./style').default} Style */
    /**
     * This is the builder class for css class objects (required by the {@link Style|style} configuration object).
     *
     * @example
     * module.exports = cx.style
     *   .withIdentifier('text-color')
     *   .withLabel('Text Color')
     *   .withCssClasses(
     *     cx.cssClass
     *       .withCssClass('text-red')
     *       .withLabel('Red'),
     *     cx.cssClass
     *       .withCssClass('text-blue')
     *       .withLabel('Blue'));
     * @since Studio 1.1
     */
    export default class CssClass extends AbstractBuilder {
        /**
         * Static helper method to create a new CSS class object.
         *
         * @example
         * CssClass.create('text-red','Red')
         * @param {string} cssClass - The CSS class to use.
         * @param {string} label - The label to use.
         * @returns {CssClass}
         */
        static create(cssClass: string, label: string): CssClass;
        /**
         * @type {string|undefined}
         * @private
         */
        private _cssClass;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _label;
        /**
         * @returns {string|undefined}
         */
        get cssClass(): string | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get label(): string | NLS | undefined;
        /**
         * Specify the CSS class to use.
         *
         * @example
         * .withCssClass('text-red')
         * @param {string} cssClass - The CSS class to use.
         * @returns {CssClass}
         */
        withCssClass(cssClass: string): CssClass;
        /**
         * Specify the label to use with this CSS class.
         *
         * @param {string|NLS} label - The label to use.
         * @returns {CssClass}
         */
        withLabel(label: string | NLS): CssClass;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {CssClass}
         */
        clone(shallow?: boolean): CssClass;
    }
    export type Style = import("src/style/style").default;
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/style/dom-manipulation" {
    /** @typedef {import('./style-option').default} StyleOption */
    /**
     * This is the builder class for DOM manipulation objects (required by the {@link StyleOption} configuration object).
     *
     * @example
     * module.exports = cx.style
     *   .withIdentifier('background-color')
     *   .withLabel('Background Color')
     *   .withStyleOptions(
     *     cx.styleOption
     *       .withStyleId('darkred-background-5vLqPX')
     *       .withLabel('Darkred')
     *       .withCssClass('darkred-background')
     *       .withDomManipulations(
     *         cx.domManipulation
     *           .withSelector('div.darkred-background')
     *           .withAttribute('style')
     *           .withValue('background-color: darkred;'),
     *         cx.domManipulation
     *           .withSelector('div.darkred-background p')
     *           .withAttribute('style')
     *           .withValue('color: white;')),
     *     cx.styleOption
     *       .withStyleId('lightblue-background-9ftMNF')
     *       .withLabel('Lightblue')
     *       .withCssClass('lightblue-background')
     *       .withDomManipulations(
     *         cx.domManipulation
     *           .withSelector('div.lightblue-background')
     *           .withAttribute('style')
     *           .withValue('background-color: lightblue;'),
     *         cx.domManipulation
     *           .withSelector('div.lightblue-background p')
     *           .withAttribute('style')
     *           .withValue('color: black;')));
     * @since CX 23.2
     */
    export default class DomManipulation extends AbstractBuilder {
        /**
         * Static helper method to create a new DOM manipulation object.
         *
         * @example
         * DomManipulation.create('div.btn-blue','style','color: #16616d; border: 2px solid #16616d;')
         * @param {string} selector - The selector to use.
         * @param {string} attribute - The attribute to use.
         * @param {string} value - The value to use.
         * @returns {DomManipulation}
         */
        static create(selector: string, attribute: string, value: string): DomManipulation;
        /**
         * @type {string|undefined}
         * @private
         */
        private _selector;
        /**
         * @type {string|undefined}
         * @private
         */
        private _attribute;
        /**
         * @type {string|undefined}
         * @private
         */
        private _value;
        /**
         * @returns {string|undefined}
         */
        get selector(): string | undefined;
        /**
         * @returns {string|undefined}
         */
        get attribute(): string | undefined;
        /**
         * @returns {string|undefined}
         */
        get value(): string | undefined;
        /**
         * Specify the selector to use with this DOM manipulation.
         * Any DOM selector can be used, e.g. tag, class, id.
         *
         * @example
         * .withSelector('div.btn-blue')
         * @param {string} selector - The selector to use.
         * @returns {DomManipulation}
         */
        withSelector(selector: string): DomManipulation;
        /**
         * Specify the attribute to use with this DOM manipulation.
         * Use the attribute 'style' to define CSS inline styles. Alternatively, set 'class' to specify CSS classes.
         *
         * @example
         * .withAttribute('style')
         * @param {string} attribute - The attribute to use.
         * @returns {DomManipulation}
         */
        withAttribute(attribute: string): DomManipulation;
        /**
         * Specify the value to use with this DOM manipulation.
         *
         * @example
         * .withValue('color: #16616d; border: 2px solid #16616d;')
         * @param {string} value - The value to use.
         * @returns {DomManipulation}
         */
        withValue(value: string): DomManipulation;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {DomManipulation}
         */
        clone(shallow?: boolean): DomManipulation;
    }
    export type StyleOption = import("src/style/style-option").default;
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/style/style-option" {
    /** @typedef {import('./style').default} Style */
    /** @typedef {import('./dom-manipulation').default} DomManipulation */
    /**
     * This is the builder class for style option objects (required by the {@link Style|style} configuration object).
     *
     * @example
     * module.exports = cx.style
     *   .withIdentifier('background-color')
     *   .withLabel('Background Color')
     *   .withStyleOptions(
     *     cx.styleOption
     *       .withStyleId('darkred-background-5vLqPX')
     *       .withLabel('Darkred')
     *       .withCssClass('darkred-background')
     *       .withDomManipulations(
     *         cx.domManipulation
     *           .withSelector('div.darkred-background')
     *           .withAttribute('style')
     *           .withValue('background-color: darkred;'),
     *         cx.domManipulation
     *           .withSelector('div.darkred-background p')
     *           .withAttribute('style')
     *           .withValue('color: white;')),
     *     cx.styleOption
     *       .withStyleId('lightblue-background-9ftMNF')
     *       .withLabel('Lightblue')
     *       .withCssClass('lightblue-background')
     *       .withDomManipulations(
     *         cx.domManipulation
     *           .withSelector('div.lightblue-background')
     *           .withAttribute('style')
     *           .withValue('background-color: lightblue;'),
     *         cx.domManipulation
     *           .withSelector('div.lightblue-background p')
     *           .withAttribute('style')
     *           .withValue('color: black;')));
     * @since CX 23.2
     */
    export default class StyleOption extends AbstractBuilder {
        /**
         * @type {string|undefined}
         * @private
         */
        private _styleId;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _label;
        /**
         * @type {string|undefined}
         * @private
         */
        private _cssClass;
        /**
         * @type {RawValue|DomManipulation[]|undefined}
         * @private
         */
        private _domManipulations;
        /**
         * @returns {string|undefined}
         */
        get styleId(): string | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get label(): string | NLS | undefined;
        /**
         * @returns {string|undefined}
         */
        get cssClass(): string | undefined;
        /**
         * @returns {RawValue|[DomManipulation]|undefined}
         */
        get domManipulations(): RawValue | [DomManipulation] | undefined;
        /**
         * Specify the style id to use.
         *
         * @example
         * .withStyleId('text-red')
         * @param {string} styleId - The style id that identifies the style option.
         * @returns {StyleOption}
         */
        withStyleId(styleId: string): StyleOption;
        /**
         * Specify the label to use with this style option.
         *
         * @param {string|NLS} label - The label to use.
         * @returns {StyleOption}
         */
        withLabel(label: string | NLS): StyleOption;
        /**
         * Specify the CSS class to use.
         *
         * @example
         * .withCssClass('text-red')
         * @param {string} cssClass - The CSS class to use.
         * @returns {StyleOption}
         */
        withCssClass(cssClass: string): StyleOption;
        /**
         * Specify the DOM manipulations to use with this style option.
         *
         * @example
         * .withDomManipulations(
         *   cx.domManipulation
         *     .withSelector('div.darkred-background')
         *     .withAttribute('style')
         *     .withValue('background-color: darkred;'),
         *   cx.domManipulation
         *     .withSelector('div.darkred-background p')
         *     .withAttribute('style')
         *     .withValue('color: white;'))
         * @see {@link withRawDomManipulations} to set a raw value
         * @param {...DomManipulation} domManipulations - The DOM manipulations to use.
         * @returns {StyleOption}
         */
        withDomManipulations(...domManipulations: DomManipulation[]): StyleOption;
        /**
         * Set the raw DOM manipulations to use with this style option.
         *
         * @example
         * .withRawDomManipulations(
         *   {
         *     selector: 'div.darkred-background',
         *     attribute: 'style',
         *     value: 'background-color: darkred;'
         *   },
         *   {
         *     selector: 'div.darkred-background p',
         *     attribute: 'style',
         *     value: 'color: white;'
         *   }
         * )
         * @param {...{}} domManipulations
         * @returns {StyleOption}
         */
        withRawDomManipulations(...domManipulations: {}[]): StyleOption;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {StyleOption}
         */
        clone(shallow?: boolean): StyleOption;
    }
    export type Style = import("src/style/style").default;
    export type DomManipulation = import("src/style/dom-manipulation").default;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/style/style" {
    /** @typedef {import('./css-class').default} CssClass */
    /** @typedef {import('./style-option').default} StyleOption */
    /**
     * This is the builder class for style configuration objects.
     *
     * @example
     * module.exports = cx.style
     *   .withIdentifier('text-color')
     *   .withLabel('Text Color')
     *   .withCssClasses(
     *     cx.cssClass
     *       .withCssClass('text-red')
     *       .withLabel('Red'),
     *     cx.cssClass
     *       .withCssClass('text-blue')
     *       .withLabel('Blue'));
     *
     * With CX 23.2 an extended style format was introduced,
     * which makes it possible to define styles using either CSS classes or DOM manipulations, or a combination of both.
     *
     * @example
     * module.exports = cx.style
     *   .withIdentifier('background-color')
     *   .withLabel('Background Color')
     *   .withStyleOptions(
     *     cx.styleOption
     *       .withStyleId('darkred-background-5vLqPX')
     *       .withLabel('Darkred')
     *       .withCssClass('darkred-background')
     *       .withDomManipulations(
     *         cx.domManipulation
     *           .withSelector('div.darkred-background')
     *           .withAttribute('style')
     *           .withValue('background-color: darkred;'),
     *         cx.domManipulation
     *           .withSelector('div.darkred-background p')
     *           .withAttribute('style')
     *           .withValue('color: white;')),
     *     cx.styleOption
     *       .withStyleId('lightblue-background-9ftMNF')
     *       .withLabel('Lightblue')
     *       .withCssClass('lightblue-background')
     *       .withDomManipulations(
     *         cx.domManipulation
     *           .withSelector('div.lightblue-background')
     *           .withAttribute('style')
     *           .withValue('background-color: lightblue;'),
     *         cx.domManipulation
     *           .withSelector('div.lightblue-background p')
     *           .withAttribute('style')
     *           .withValue('color: black;')));
     *
     * @since Studio 1.1
     */
    export default class Style extends AbstractBuilder {
        /**
         * @type {string|undefined}
         * @private
         */
        private _identifier;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _label;
        /**
         * @type {RawValue|CssClass[]|undefined}
         * @private
         */
        private _cssClasses;
        /**
         * @type {RawValue|StyleOption[]|undefined}
         * @private
         */
        private _styles;
        /**
         * @returns {string|undefined}
         */
        get identifier(): string | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get label(): string | NLS | undefined;
        /**
         * @returns {RawValue|[CssClass]|undefined}
         */
        get cssClasses(): RawValue | [CssClass] | undefined;
        /**
         * @returns {RawValue|[StyleOption]|undefined}
         */
        get styles(): RawValue | [StyleOption] | undefined;
        /**
         * Set the unique identifier for this style configuration. If not specified, a UUID v4 will be used.
         * <strong>It is recommended to set this property.</strong>
         *
         * @example
         * .withIdentifier('text-color')
         * @param {string} identifier - The identifier to use.
         * @returns {Style}
         */
        withIdentifier(identifier: string): Style;
        /**
         * Set the label for this style configuration.
         *
         * @param {string|NLS} label - The label to use.
         * @returns {Style}
         */
        withLabel(label: string | NLS): Style;
        /**
         * Specify the css classes to use with this style configuration.
         *
         * @example
         * .withCssClasses(
         *   cx.cssClass
         *     .withCssClass('text-red')
         *     .withLabel('Red'),
         *   cx.cssClass
         *     .withCssClass('text-blue')
         *     .withLabel('Blue'))
         * @see {@link withRawCssClasses} to set a raw value
         * @param {...CssClass} cssClasses - The css classes to use.
         * @returns {Style}
         */
        withCssClasses(...cssClasses: CssClass[]): Style;
        /**
         * Set the raw css classes to use with this style.
         *
         * @example
         * .withRawCssClasses(
         *   {
         *     cssClass: 'text-red',
         *     label: 'Red'
         *   },
         *   {
         *     cssClass: 'text-blue',
         *     label: 'Blue'
         *   }
         * )
         * @param {...{}} cssClasses
         * @returns {Style}
         */
        withRawCssClasses(...cssClasses: {}[]): Style;
        /**
         * Specify the style options to use with this style configuration.
         *
         * @example
         * .withStyleOptions(
         *   cx.styleOption
         *     .withStyleId('darkred-background-5vLqPX')
         *     .withLabel('Darkred')
         *     .withCssClass('darkred-background')
         *     .withDomManipulations(
         *       cx.domManipulation
         *         .withSelector('div.darkred-background')
         *         .withAttribute('style')
         *         .withValue('background-color: darkred;'),
         *       cx.domManipulation
         *         .withSelector('div.darkred-background p')
         *         .withAttribute('style')
         *         .withValue('color: white;')),
         *   cx.styleOption
         *     .withStyleId('lightblue-background-9ftMNF')
         *     .withLabel('Lightblue')
         *     .withCssClass('lightblue-background')
         *     .withDomManipulations(
         *       cx.domManipulation
         *         .withSelector('div.lightblue-background')
         *         .withAttribute('style')
         *         .withValue('background-color: lightblue;'),
         *       cx.domManipulation
         *         .withSelector('div.lightblue-background p')
         *         .withAttribute('style')
         *         .withValue('color: black;')))
         * @see {@link withRawStyleOptions} to set a raw value
         * @param {...StyleOption} styles - The style options to use.
         * @returns {Style}
         */
        withStyleOptions(...styles: StyleOption[]): Style;
        /**
         * Set the raw style options to use with this style.
         *
         * @example
         * .withRawStyleOptions(
         *   {
         *     styleId: 'darkred-background-5vLqPX',
         *     label: 'Darkred',
         *     cssClass: 'darkred-background',
         *     domManipulations: [
         *       { selector: 'div.darkred-background', attribute: 'style', value: 'background-color: darkred;' },
         *       { selector: 'div.darkred-background p', attribute: 'style', value: 'color: white;' }
         *     ]
         *   },
         *   {
         *     styleId: 'lightblue-background-9ftMNF',
         *     label: 'Lightblue',
         *     cssClass: 'lightblue-background',
         *     domManipulations: [
         *       { selector: 'div.lightblue-background', attribute: 'style', value: 'background-color: lightblue;' },
         *       { selector: 'div.lightblue-background p', attribute: 'style', value: 'color: black;' }
         *     ]
         *   }
         * )
         * @param {...{}} styles
         * @returns {Style}
         */
        withRawStyleOptions(...styles: {}[]): Style;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {Style}
         */
        clone(shallow?: boolean): Style;
    }
    export type CssClass = import("src/style/css-class").default;
    export type StyleOption = import("src/style/style-option").default;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/content-element/icon" {
    export class Icon extends AbstractConstant {
    }
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const HEADING: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const TEXT: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const TEXT_WITH_IMAGE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const IMAGE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const TABLE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const LIST: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const VIDEO: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const MEGAPHONE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const SOCIAL_FOLLOW: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const SOCIAL_SHARE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const SNIPPET: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const QRCODE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const PAPERCLIP: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const DOCUMENT: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const PHONE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const COMMUNICATION: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const HANDSHAKE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const HEART: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const INFO: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const ENVELOPE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const FACEBOOK: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const YOUTUBE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const PERSON_MALE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const PERSON_FEMALE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const ASTERISK: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const SMILEY: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const DIVIDER: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const PARAMETER: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const TWITTER: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const HEADSET: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const METADATA: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const PILE: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const CHAIN: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const SIGNPOST: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const COMPASS: Icon;
    /**
     * @type {Icon}
     * @since 22.0
     */
    export const DIAGRAM_LINE: Icon;
    /**
     * @type {Icon}
     * @since 22.0
     */
    export const DIAGRAM_AREA: Icon;
    /**
     * @type {Icon}
     * @since 22.0
     */
    export const DIAGRAM_BAR: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const RADIOBUTTON: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const CHECKBOX: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const TEXTAREA: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const FORMFIELD: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const DROPDOWN: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const ONE_COLUMN: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const TWO_COLUMNS: Icon;
    /**
     * @type {Icon}
     * @since Studio 1.0
     */
    export const THREE_COLUMNS: Icon;
    /**
     * @type {Icon}
     * @since CX 23.2
     */
    export const CALENDAR_CLOCK: Icon;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/content-element/part/part" {
    export default class Part extends AbstractBuilder {
        /**
         * @param {string} partId
         */
        constructor(partId: string, label: any, id: any);
        /**
         * @type {string}
         * @private
         */
        private _id;
        /**
         * @type {string}
         * @private
         */
        private _partId;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _label;
        /**
         * @type {{}|undefined}
         * @private
         */
        private _config;
        /**
         * @type {RawValue|HtmlEditorConfig|undefined}
         * @private
         */
        private _htmlEditorConfig;
        /**
         * @type {Boolean|undefined}
         * @private
         */
        private _altTextMandatory;
        /**
         * @type {Boolean|undefined}
         * @private
         */
        private _captionEnabled;
        /**
         * @type {Boolean|undefined}
         * @private
         */
        private _studioLinkEnabled;
        /**
         * @returns {string}
         */
        get id(): string;
        /**
         * @returns {string}
         */
        get partId(): string;
        /**
         * @returns {string|NLS|undefined}
         */
        get label(): string | NLS | undefined;
        /**
         * @returns {{}|undefined}
         */
        get config(): {} | undefined;
        /**
         * @returns {RawValue|HtmlEditorConfig|undefined}
         */
        get htmlEditorConfig(): RawValue | HtmlEditorConfig | undefined;
        /**
         * @returns {Boolean|undefined}
         */
        get altTextMandatory(): boolean | undefined;
        /**
         * @returns {Boolean|undefined}
         */
        get captionEnabled(): boolean | undefined;
        /**
         * @returns {Boolean|undefined}
         */
        get studioLinkEnabled(): boolean | undefined;
        /**
         * The ID of the part. You can apply an unique identifier to your content element part.
         * <strong>It is highly recommended to use a {@link https://duckduckgo.com/?q=uuid|UUID}.</strong>
         * This property is only for the design build and will not appear in the final build artifacts.
         * The advantage of using this property is, that you don't have to care about the order of your parts
         * in your specification. The build will reorder the part definitions in the order they appear in the
         * corresponding template. This can be very handy in large and complex elements with many parts.
         *
         * @example
         * // template.html
         * <div data-bsi-element="title">
         *   <h1 data-bsi-element-part="539a1787-7df2-43ab-9a67-e1f913ad5d7c">Lorem ipsum</h1>
         * </div>
         *
         * // title.js
         * module.exports = new ContentElement()
         *   .withElementId('title')
         *   .withLabel('Title')
         *   .withFile(require('./template.html')
         *   .withParts(
         *     cx.part.PlainText('Title', '539a1787-7df2-43ab-9a67-e1f913ad5d7c')
         *    );
         *
         * // dist/title-4026bb9f6ec6c2284775.html
         * <div data-bsi-element="title">
         *   <h1 data-bsi-element-part="plain-text">Lorem ipsum</h1>
         * </div>
         * @param {string} id - The ID to use.
         * @returns {this}
         */
        withId(id: string): this;
        /**
         * The set content element part's label.
         *
         * @param {string|NLS} label - The label to set.
         * @returns {this}
         * @since Studio 1.0
         */
        withLabel(label: string | NLS): this;
        withRawConfig(config: any): this;
        withConfig(key: any, value: any): this;
        /**
         * Set a HTML editor configuration to use with this part. Be aware, that you have to reference an existing
         * {@link HtmlEditorConfig} object. You don't have to register the used HTML editor config in the design object
         * using {@link Design#withHtmlEditorConfigs}. This is only necessary for raw editor configs.
         *
         * @example
         * let editorConfig = new HtmlEditorConfig()
         *   .withIdentifier('minimal')
         *   .withRawEnterMode('p')
         *   .withFeatures(
         *     Feature.BOLD,
         *     Feature.ITALIC,
         *     Feature.UNDERLINE);
         * // ...
         * let element = new ContentElement()
         *   .withElementId('element')
         *   .withParts(
         *     new FormattedTextPart()
         *       .withLabel('Text')
         *       .withHtmlEditorConfig(editorConfig))
         * @see {withRawHtmlEditorConfig} to set a raw value
         * @param {HtmlEditorConfig} htmlEditorConfig
         * @returns {FormattedTextPart}
         */
        withHtmlEditorConfig(htmlEditorConfig: HtmlEditorConfig): FormattedTextPart;
        /**
         * Set a Boolean to indicate if the alt-text for this image is mandatory.
         * If true users must describe the image before they can save it in the CX editor.
         *
         * @see {withAltTextMandatory}
         * @param {Boolean} altTextMandatory
         * @returns {Part}
         */
        withAltTextMandatory(altTextMandatory: boolean): Part;
        /**
         * Set a Boolean to indicate if caption is enabled in editor.
         * If true users can add a caption for the table in CX editor.
         *
         * @see {withCaptionEnabled}
         * @param {Boolean} captionEnabled
         * @returns {Part}
         */
        withCaptionEnabled(captionEnabled: boolean): Part;
        /**
         * Set a Boolean to indicate if studioLink is enabled in the editor.
         * If true users can use the studioLink feature for plainTexts and multilineTexts in CX editor.
         *
         * @see {withStudioLinkEnabled}
         * @param {Boolean} studioLinkEnabled
         * @returns {Part}
         */
        withStudioLinkEnabled(studioLinkEnabled: boolean): Part;
    }
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/content-element/content-element-group" {
    /** @typedef {import('./content-element').default} ContentElement */
    /**
     * This is the builder class to specify content element groups.
     *
     * @example
     * module.exports = cx.contentElementGroup
     *   .withGroupId('content')
     *   .withLabel('Content')
     *   .withContentElements(
     *     require('./content-elements/content/title'),
     *     require('./content-elements/content/text')));
     */
    export default class ContentElementGroup extends AbstractBuilder {
        /**
         * @type {string|undefined}
         * @private
         */
        private _groupId;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _label;
        /**
         * @type {boolean|undefined}
         * @private
         */
        private _hidden;
        /**
         * @type {RawValue|[ContentElement]|undefined}
         * @private
         */
        private _contentElements;
        /**
         * @returns {string|undefined}
         */
        get groupId(): string | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get label(): string | NLS | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get hidden(): boolean | undefined;
        /**
         * @returns {RawValue|[ContentElement]|undefined}
         */
        get contentElements(): RawValue | [ContentElement] | undefined;
        /**
         * Set an unique identifier for the content element group. If not set, a UUID v4 will be used.
         * <strong>It is recommended to set the group identifier.</strong>
         *
         * @param {string} groupId - The group ID.
         * @returns {ContentElementGroup}
         */
        withGroupId(groupId: string): ContentElementGroup;
        /**
         * The label for this content element group.
         *
         * @param {string|NLS} label - The group label.
         * @returns {ContentElementGroup}
         */
        withLabel(label: string | NLS): ContentElementGroup;
        /**
         * Declare this content element group as hidden. It is not required to set this property.
         * Groups are visible per default.
         *
         * @param {boolean} hidden - Hide this group.
         * @returns {ContentElementGroup}
         */
        withHidden(hidden: boolean): ContentElementGroup;
        /**
         * Set the content elements of your group.
         *
         * @example
         * .withContentElements(
         *   cx.contentElement
         *     .withElementId('image-with-text')
         *     .withLabel('Image with text')
         *     .withDescription('Displays an image with an optional text.')
         *     .withFile(require('./template.twig'))
         *     .withIcon(Icon.IMAGE)
         *     .withParts(
         *       cx.part.image
         *         .withLabel('Image'),
         *       cx.part.plainText
         *         .withLabel('Description')))
         * @see {@link withRawContentElements} to set a raw value
         * @see {@link ContentElement}
         * @param {...ContentElement} contentElements - The content elements to use.
         * @returns {ContentElementGroup}
         */
        withContentElements(...contentElements: ContentElement[]): ContentElementGroup;
        /**
         * Add new content element parts to group.
         * Replaces elements with same Element Id in exisiting group
         *
         * @example
         * require("@bsi-cx/design-standard-library-web/content-elements/my-group")
         *  .addOrReplaceElements(
         *    require("./my-group/new-element"),
         *    require("./my-group/overwrite-element"))
         *
         * @param  {...ContentElement} newContentElements
         */
        addOrReplaceElements(...newContentElements: ContentElement[]): this;
        /**
         * Remove content elements from group.
         * If elementId not exists in group, nothing happens.
         *
         * @example
         * require("@bsi-cx/design-standard-library-web/content-elements/my-group")
         *  .removeElementsWithId("not-used-element-id")
         *
         * @param  {...ContentElement} contentElementIds
         */
        removeElementsWithId(...contentElementIds: ContentElement[]): this;
        /**
         * Set the content elements of your group as raw value.
         *
         * @example
         * .withRawContentElements({
         *   elementId: 'title',
         *   file: require('./title/template.twig'),
         *   icon 'heading',
         *   label: 'Title',
         *   parts: [
         *     {
         *       partId: 'plain-text',
         *       label: 'Title'
         *     }
         *   ]
         * })
         * @see {@link withContentElements}
         * @param {...{}} contentElements - The content elements as raw value.
         * @returns {ContentElementGroup}
         */
        withRawContentElements(...contentElements: {}[]): ContentElementGroup;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {ContentElementGroup}
         */
        clone(shallow?: boolean): ContentElementGroup;
    }
    export type ContentElement = import("src/content-element/content-element").default;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/dropzone/dropzone" {
    /** @typedef {import('../content-element/content-element').default} ContentElement */
    /**
     * This is the builder class to specify a dropzone.
     *
     * @example
     * .withDropzones(
     *   cx.dropzone
     *     .withDropzone('a5142bca-448b-40c5-bdde-942f531fcd12')
     *     .withAllowedElements(
     *       require('./content-elements/basic/text'),
     *       require('./content-elements/basic/image'))
     *     .withMaxAllowedElements(1),
     *   cx.dropzone
     *     .withDropzone('3b369b8b-f1f6-4754-bb0f-e49a46c315e1')
     *     .withAllowedElements(
     *       require('./content-elements/basic/text'),
     *       require('./content-elements/basic/image'))
     *     .withMaxAllowedElements(1))
     */
    export default class Dropzone extends AbstractBuilder {
        /**
         * @type {string|undefined}
         * @private
         */
        private _dropzone;
        /**
         * @type {RawValue|[ContentElement]|undefined}
         * @private
         */
        private _allowedElements;
        /**
         * @type {number|undefined}
         * @private
         */
        private _maxAllowedElements;
        /**
         * @type {boolean|undefined}
         * @private
         */
        private _removeAllowed;
        /**
         * @type {boolean|undefined}
         * @private
         */
        private _copyAllowed;
        /**
         * @type {boolean|undefined}
         * @private
         */
        private _moveAllowed;
        /**
         * @returns {string|undefined}
         */
        get dropzone(): string | undefined;
        /**
         * @returns {RawValue|ContentElement[]|undefined}
         */
        get allowedElements(): RawValue | ContentElement[] | undefined;
        /**
         * @returns {number|undefined}
         */
        get maxAllowedElements(): number | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get removeAllowed(): boolean | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get copyAllowed(): boolean | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get moveAllowed(): boolean | undefined;
        /**
         * Set the identifier of this dropzone. <strong>It is highly recommended using a
         * {@link https://duckduckgo.com/?q=uuid|UUID}.</strong>
         *
         * @param {string} dropzone - The dropzone name.
         * @returns {Dropzone}
         */
        withDropzone(dropzone: string): Dropzone;
        /**
         * Set the allowed elements.
         *
         * @example
         * .withAllowedElements(
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         * @param {...ContentElement} allowedElements - The allowed elements.
         * @returns {Dropzone}
         */
        withAllowedElements(...allowedElements: ContentElement[]): Dropzone;
        /**
         * Set the allowed elements as raw value.
         *
         * @param {...string} allowedElements - The allowed elements.
         * @returns {Dropzone}
         */
        withRawAllowedElements(...allowedElements: string[]): Dropzone;
        /**
         * Set the number of maximum allowed elements.
         *
         * @param {number} maxAllowedElements - The number of maximum allowed elements.
         * @returns {Dropzone}
         */
        withMaxAllowedElements(maxAllowedElements: number): Dropzone;
        /**
         * Enable or disable the remove button on dropzone elements.
         *
         * @param {boolean} removeAllowed - Enable or disable the remove button.
         * @returns {Dropzone}
         */
        withRemoveAllowed(removeAllowed: boolean): Dropzone;
        /**
         * Enable or disable the copy button on dropzone elements.
         *
         * @param {boolean} copyAllowed - Enable or disable the copy button.
         * @returns {Dropzone}
         */
        withCopyAllowed(copyAllowed: boolean): Dropzone;
        /**
         * Enable or disable the move button on dropzone elements.
         *
         * @param {boolean} moveAllowed - Enable or disable the move button.
         * @returns {Dropzone}
         */
        withMoveAllowed(moveAllowed: boolean): Dropzone;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {Dropzone}
         */
        clone(shallow?: boolean): Dropzone;
    }
    export type ContentElement = import("src/content-element/content-element").default;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/content-element/content-element" {
    /** @typedef {import('../design/design').default} Design */
    /** @typedef {import('../style/style').default} Style */
    /** @typedef {import('./icon').Icon} Icon */
    /** @typedef {import('./part/part').Part} Part */
    /** @typedef {import('./content-element-group').default} ContentElementGroup */
    /** @typedef {import('../dropzone/dropzone').default} Dropzone */
    /**
     * This is the builder class for content elements. Pass objects of this class to {@link ContentElementGroup#withContentElements}.
     *
     * @example
     * .withContentElements(
     *   cx.contentElement
     *     .withElementId('image-with-text')
     *     .withLabel('Image with text')
     *     .withDescription('Displays an image with an optional text.')
     *     .withFile(require('./template.twig'))
     *     .withIcon(Icon.IMAGE)
     *     .withParts(
     *       cx.part.Image('Image', 'image-id'),
     *       cx.part.PlainText('Description', 'description-id')))
     */
    export default class ContentElement extends AbstractBuilder {
        /**
         * @type {string|undefined}
         * @private
         */
        private _elementId;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _label;
        /**
         * @type {string|NLS|undefined}
         * @private
         */
        private _description;
        /**
         * @type {{}|undefined}
         * @private
         */
        private _file;
        /**
         * @type {RawValue|Icon|undefined}
         * @private
         */
        private _icon;
        /**
         * @type {boolean|undefined}
         * @private
         */
        private _hidden;
        /**
         * @type {boolean|undefined}
         * @private
         */
        private _archived;
        /**
         * @type {RawValue|[Style]|undefined}
         * @private
         */
        private _styleConfigs;
        /**
         * @type {RawValue|[Part]|undefined}
         * @private
         */
        private _parts;
        /**
         * @type {Dropzone[]|undefined}
         * @private
         */
        private _dropzones;
        /**
         * @returns {string|undefined}
         */
        get elementId(): string | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get label(): string | NLS | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get description(): string | NLS | undefined;
        /**
         * @returns {{}|undefined}
         */
        get file(): {} | undefined;
        /**
         * @returns {RawValue|Icon|undefined}
         */
        get icon(): RawValue | Icon | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get hidden(): boolean | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get archived(): boolean | undefined;
        /**
         * @returns {RawValue|Style[]|undefined}
         */
        get styleConfigs(): RawValue | Style[] | undefined;
        /**
         * @returns {RawValue|Part[]|undefined}
         */
        get parts(): RawValue | Part[] | undefined;
        /**
         * @returns {Dropzone[]|undefined}
         */
        get dropzones(): Dropzone[] | undefined;
        /**
         * Set the ID of this content element.
         *
         * @param {string} elementId - The content element's ID.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withElementId(elementId: string): ContentElement;
        /**
         * Set the label of the content element.
         *
         * @param {string|NLS} label - The label of the content element.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withLabel(label: string | NLS): ContentElement;
        /**
         * Set the description of the content element.
         *
         * @param {string|NLS} description - The description of the content element.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withDescription(description: string | NLS): ContentElement;
        /**
         * Set the template to use for this content element. Be aware, that you have to require the template.
         *
         * @example
         * .withFile(require('./template.twig'))
         * @param {string} file - The reference to the required template.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withFile(file: string): ContentElement;
        /**
         * Set the icon for this content element.
         *
         * @example
         * .withIcon(Icon.IMAGE)
         * @see {@link Icon} for available icons
         * @see {@link withRawIcon} to set a raw value
         * @param {Icon} icon - The icon for this content element.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withIcon(icon: Icon): ContentElement;
        /**
         * Set the icon for this content element as raw value.
         *
         * @example
         * .withRawIcon('image')
         * @see {@link withIcon}
         * @param {string} icon - The raw icon for this content element.
         * @returns {ContentElement}
         */
        withRawIcon(icon: string): ContentElement;
        /**
         * Declare this content element as hidden.
         *
         * @example
         * .withHidden(true)
         * @param {boolean} hidden - The hidden state.
         * @returns {ContentElement}
         * @since BSI CX 1.3
         */
        withHidden(hidden: boolean): ContentElement;
        /**
         * Declare this content element as archived.
         *
         * @example
         * .withArchived(true)
         * @param {boolean} archived - The archived state.
         * @returns {ContentElement}
         * @since BSI CX 23.2
         */
        withArchived(archived: boolean): ContentElement;
        /**
         * Declare this content element as archived for a minimum CX version.
         *
         * @example
         * .withArchivedMinVersion(Version.CX_23_2)
         * @param {Version} minVersion
         * @returns {ContentElement}
         * @since BSI CX 23.2
         */
        withArchivedMinVersion(minVersion: Version): ContentElement;
        /**
         * Declare the styles for this content element. You don't have to register the used styles in the design object
         * using {@link Design#withStyleConfigs}. This is only necessary for raw style configs.
         *
         * @example
         * let textColorStyle = cx.style
         *   .withIdentifier('text-color')
         *   .withLabel('Text Color')
         *   .withCssClasses(
         *     cx.cssClass
         *       .withCssClass('blue-text')
         *       .withLabel('Blue'),
         *     cx.cssClass
         *       .withCssClass('red-text')
         *       .withLabel('Red'))
         *  let textElement = cx.contentElement
         *    .withStyleConfigs(
         *      textColorStyle,
         *      require('./styles/background-color'))
         * @see {@link withRawStyleConfigs} to set a raw value
         * @param {...Style} styleConfigs - Styles for this content element.
         * @returns {ContentElement}
         * @since Studio 1.1
         */
        withStyleConfigs(...styleConfigs: Style[]): ContentElement;
        /**
         * Declare the styles for this content element as raw value. Be aware, that you just pass the name of the referenced
         * style rather than the style configuration itself (which is specified in the <code>styleConfigs</code> section
         * in your design specification. Use {@link Design#withStyleConfigs} to do so.
         *
         * @example
         * .withRawStyleConfigs('text-color', 'background-color')
         * @see {@link withStyleConfigs}
         * @param {...string} styleConfigs - Style config identifiers.
         * @returns {ContentElement}
         * @since Studio 1.1
         */
        withRawStyleConfigs(...styleConfigs: string[]): ContentElement;
        /**
       * Add styles to this content element. You don't have to register the used styles in the design object
       * using {@link Design#withStyleConfigs}. This is only necessary for raw style configs.
       *
       * @example
       *  let textElement = cx.contentElement
       *    .withAddStyleConfigs(
       *      require('./styles/background-color'))
       * @see {@link withRawStyleConfigs} to set a raw value
       * @param {...Style} styleConfigs - Styles for this content element.
       * @returns {ContentElement}
       * @since Studio 1.1
       */
        withAddStyleConfigs(...styleConfigs: Style[]): ContentElement;
        /**
       * Remove styles for this content element.
       *
       * @example
       *  let textElement = cx.contentElement
       *    .withRemoveStyleConfigs(
       *      require('./styles/background-color'))
       * @param {...Style} styleConfigs - Styles to be removed for this content element.
       * @returns {ContentElement}
       * @since Studio 1.1
       */
        withRemoveStyleConfigs(...styleConfigs: Style[]): ContentElement;
        /**
         * Specify the parts of your content element.
         *
         * @example
         * .withParts(
         *   cx.part.image
         *     .withLabel('Image'),
         *   cx.part.plainText
         *     .withLabel('Description'))
         * @see {@link withRawParts} to set a raw value
         * @param {...Part} parts - The parts to use.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withParts(...parts: Part[]): ContentElement;
        /**
         * Set the parts of your content element as raw value.
         *
         * @example
         * .withRawParts(
         *   {
         *     partId: 'image',
         *     label: 'Image'
         *   },
         *   {
         *     partId: 'plain-text',
         *     label: 'Description'
         *   }
         * )
         * @see {@link withParts}
         * @param {...{}} parts - The parts as raw value.
         * @returns {ContentElement}
         * @since Studio 1.0
         */
        withRawParts(...parts: {}[]): ContentElement;
        /**
         * Define the dropzones of this content element.
         *
         * @example
         * .withDropzones(
         *   cx.dropzone
         *     .withDropzone('a5142bca-448b-40c5-bdde-942f531fcd12')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1),
         *   cx.dropzone
         *     .withDropzone('3b369b8b-f1f6-4754-bb0f-e49a46c315e1')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1))
         * @param {...Dropzone} dropzones - The dropzones of this content element.
         * @returns {ContentElement}
         */
        withDropzones(...dropzones: Dropzone[]): ContentElement;
        /**
         * Extend the allowed elements list of a defined dropzone. Be aware that this only works when you define your allowed
         * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
         *
         * @example
         * .withExtendedDropzone(
         *   'a5142bca-448b-40c5-bdde-942f531fcd12',
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         * @param {string} id - The ID of the dropzone to extend (set with {@link Dropzone#withDropzone}).
         * @param {...ContentElement} elements - The elements to add to the allowed elements list.
         * @returns {ContentElement}
         */
        withExtendedDropzone(id: string, ...elements: ContentElement[]): ContentElement;
        /**
         * Extend the allowed elements list of all dropzone. Be aware that this only works when you define your allowed
         * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
         *
         * In case you want to extend the allowed elements list of a specific dropzone, use {@link withExtendedDropzone} instead.
         *
         * @example
         * .withExtendAllDropzones(
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         *
         * @param {...ContentElement} elements - The elements to add to the allowed elements list.
         * @returns {ContentElement}
         */
        withExtendAllDropzones(...elements: ContentElement[]): ContentElement;
        /**
         * Reduces the allowed elements list of a defined dropzone. Be aware that this only works when you define your allowed
         * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
         *
         * @example
         * .withReducedDropzone(
         *   'a5142bca-448b-40c5-bdde-942f531fcd12',
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         * @param {string} id - The ID of the dropzone to reduce (set with {@link Dropzone#withDropzone}).
         * @param {...ContentElement} elements - The elements to remove from the allowed elements list.
         * @returns {ContentElement}
         */
        withReducedDropzone(id: string, ...elements: ContentElement[]): ContentElement;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {ContentElement}
         */
        clone(shallow?: boolean): ContentElement;
        /**
         * @return {boolean}
         * @private
         */
        private _hasIncompatibleParts;
    }
    export type Design = import("src/design/design").default;
    export type Style = import("src/style/style").default;
    export type Icon = import("src/content-element/icon").Icon;
    export type Part = import("src/content-element/part/part").Part;
    export type ContentElementGroup = import("src/content-element/content-element-group").default;
    export type Dropzone = import("src/dropzone/dropzone").default;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/html-editor-config/enter-mode" {
    /** @typedef {import('./html-editor-config').default} HtmlEditorConfig */
    export class EnterMode extends AbstractConstant {
    }
    /**
     * Wrap paragraphs with <code>&lt;p&gt;&lt;/p&gt;</code> on a line feed in the HTML editor.
     *
     * @see {@link HtmlEditorConfig#withEnterMode}
     * @type {EnterMode}
     */
    export const P: EnterMode;
    /**
     * Add a <code>&lt;/br&gt;</code> on a line feed in the HTML editor.
     *
     * @see {@link HtmlEditorConfig#withEnterMode}
     * @type {EnterMode}
     */
    export const BR: EnterMode;
    /**
     * Wrap paragraphs with <code>&lt;div&gt;&lt;/div&gt;</code> on a line feed in the HTML editor.
     *
     * @see {@link HtmlEditorConfig#withEnterMode}
     * @type {EnterMode}
     */
    export const DIV: EnterMode;
    export type HtmlEditorConfig = import("src/html-editor-config/html-editor-config").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/html-editor-config/feature" {
    /** @typedef {import('./html-editor-config').default} HtmlEditorConfig */
    export class Feature extends AbstractConstant {
    }
    /**
     * Bold formatting option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const BOLD: Feature;
    /**
     * Italic formatting option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const ITALIC: Feature;
    /**
     * Underline formatting option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const UNDERLINE: Feature;
    /**
     * Strike trough formatting option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const STRIKE_THROUGH: Feature;
    /**
     * Subscript formatting option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const SUBSCRIPT: Feature;
    /**
     * Superscript formatting option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const SUPERSCRIPT: Feature;
    /**
     * Set the font size in the editor.
     *
     * @see {@link HtmlEditorConfig#withFontSizes}
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const FONT_SIZE: Feature;
    /**
     * Set the line height in the editor.
     *
     * @see {@link HtmlEditorConfig#withLineHeights}
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const LINE_HEIGHT: Feature;
    /**
     * Set the text color in the editor.
     *
     * @see {@link HtmlEditorConfig#withTextColors}
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const TEXT_COLOR: Feature;
    /**
     * Set the background color in the editor.
     *
     * @see {@link HtmlEditorConfig#withBackgroundColors}
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const BACKGROUND_COLOR: Feature;
    /**
     * Align the text left.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const ALIGN_LEFT: Feature;
    /**
     * Align the text center.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const ALIGN_CENTER: Feature;
    /**
     * Align the text right.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const ALIGN_RIGHT: Feature;
    /**
     * Align the text justify.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const ALIGN_JUSTIFY: Feature;
    /**
     * Create an ordered list.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const FORMAT_OL: Feature;
    /**
     * Create an unordered list.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const FORMAT_UL: Feature;
    /**
     * Outdent the text.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const OUTDENT: Feature;
    /**
     * Indent the text.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const INDENT: Feature;
    /**
     * Enable paragraph format options.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const PARAGRAPH_FORMAT: Feature;
    /**
     * Quote the text.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const QUOTE: Feature;
    /**
     * Insert special characters.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const SPECIAL_CHARACTERS: Feature;
    /**
     * Insert emoticons.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const EMOTICONS: Feature;
    /**
     * Insert a link.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const INSERT_LINK: Feature;
    /**
     * Clear all applied styles and formatting.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const CLEAR_FORMATTING: Feature;
    /**
     * Undo the previous action.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const UNDO: Feature;
    /**
     * Redo the previous action.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const REDO: Feature;
    /**
     * Show the editor in fullscreen mode.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const FULLSCREEN: Feature;
    /**
     * Select all text.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const SELECT_ALL: Feature;
    /**
     * Edit the raw HTML code.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const HTML: Feature;
    /**
     * Show the editor help.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const HELP: Feature;
    /**
     * Show the cx link option.
     *
     * @see {@link HtmlEditorConfig#withFeatures}
     * @type {Feature}
     */
    export const STUDIO_LINK: Feature;
    export type HtmlEditorConfig = import("src/html-editor-config/html-editor-config").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/html-editor-config/format" {
    /** @typedef {import('./html-editor-config').default} HtmlEditorConfig */
    export class Format extends AbstractConstant {
    }
    /**
     * Allow <code>&lt;p&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const P: Format;
    /**
     * Allow <code>&lt;h1&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const H1: Format;
    /**
     * Allow <code>&lt;h2&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const H2: Format;
    /**
     * Allow <code>&lt;h3&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const H3: Format;
    /**
     * Allow <code>&lt;h4&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const H4: Format;
    /**
     * Allow <code>&lt;h5&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const H5: Format;
    /**
     * Allow <code>&lt;h6&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const H6: Format;
    /**
     * Allow <code>&lt;pre&gt;</code> tags.
     *
     * @see {@link HtmlEditorConfig#withFormats}
     * @type {Format}
     */
    export const PRE: Format;
    export type HtmlEditorConfig = import("src/html-editor-config/html-editor-config").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/html-editor-config/font-size-unit" {
    /** @typedef {import('./html-editor-config').default} HtmlEditorConfig */
    export class FontSizeUnit extends AbstractConstant {
    }
    /**
     * Font sizes as pixel values.
     *
     * @see {@link HtmlEditorConfig#withFontSizeUnit}
     * @type {FontSizeUnit}
     */
    export const PX: FontSizeUnit;
    /**
     * Font sizes as em values.
     *
     * @see {@link HtmlEditorConfig#withFontSizeUnit}
     * @type {FontSizeUnit}
     */
    export const EM: FontSizeUnit;
    /**
     * Font sizes as rem values.
     *
     * @see {@link HtmlEditorConfig#withFontSizeUnit}
     * @type {FontSizeUnit}
     */
    export const REM: FontSizeUnit;
    /**
     * Font sizes as pt values.
     *
     * @see {@link HtmlEditorConfig#withFontSizeUnit}
     * @type {FontSizeUnit}
     */
    export const PT: FontSizeUnit;
    /**
     * Font sizes as cm values.
     *
     * @see {@link HtmlEditorConfig#withFontSizeUnit}
     * @type {FontSizeUnit}
     */
    export const CM: FontSizeUnit;
    /**
     * Font sizes as mm values.
     *
     * @see {@link HtmlEditorConfig#withFontSizeUnit}
     * @type {FontSizeUnit}
     */
    export const MM: FontSizeUnit;
    export type HtmlEditorConfig = import("src/html-editor-config/html-editor-config").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/html-editor-config/html-editor-config" {
    /** @typedef {import('./enter-mode').EnterMode} EnterMode */
    /** @typedef {import('./feature').Feature} Feature */
    /** @typedef {import('./format').Format} Format */
    /** @typedef {import('./font-size-unit').FontSizeUnit} FontSizeUnit */
    /**
     * This is the builder class to specify a HTML editor configuration.
     *
     * @example
     * module.exports = cx.htmlEditorConfig
     *   .withIdentifier('minimal')
     *   .withRawEnterMode('p')
     *   .withFeatures(
     *     Feature.BOLD,
     *     Feature.ITALIC,
     *     Feature.UNDERLINE);
     */
    export default class HtmlEditorConfig extends AbstractBuilder {
        /**
         * @type {string|undefined}
         * @private
         */
        private _identifier;
        /**
         * @type {RawValue|Feature[]|undefined}
         * @private
         */
        private _features;
        /**
         * @type {string[]|undefined}
         * @private
         */
        private _textColors;
        /**
         * @type {string[]|undefined}
         * @private
         */
        private _backgroundColors;
        /**
         * @type {RawValue|Format[]|undefined}
         * @private
         */
        private _formats;
        /**
         * @type {number[]|undefined}
         * @private
         */
        private _fontSizes;
        /**
         * @type {RawValue|FontSizeUnit|undefined}
         * @private
         */
        private _fontSizeUnit;
        /**
         * @type {number|undefined}
         * @private
         */
        private _fontSizeDefault;
        /**
         * @type {number[]|undefined}
         * @private
         */
        private _lineHeights;
        /**
         * @type {RawValue|EnterMode|undefined}
         * @private
         */
        private _enterMode;
        /**
         * @returns {string|undefined}
         */
        get identifier(): string | undefined;
        /**
         * @returns {RawValue|Feature[]|undefined}
         */
        get features(): RawValue | Feature[] | undefined;
        /**
         * @returns {string[]|undefined}
         */
        get textColors(): string[] | undefined;
        /**
         * @returns {string[]|undefined}
         */
        get backgroundColors(): string[] | undefined;
        /**
         * @returns {RawValue|Format[]|undefined}
         */
        get formats(): RawValue | Format[] | undefined;
        /**
         * @returns {number[]|undefined}
         */
        get fontSizes(): number[] | undefined;
        /**
         * @returns {RawValue|FontSizeUnit|undefined}
         */
        get fontSizeUnit(): RawValue | FontSizeUnit | undefined;
        /**
         * @returns {number|undefined}
         */
        get fontSizeDefault(): number | undefined;
        /**
         * @returns {number[]|undefined}
         */
        get lineHeights(): number[] | undefined;
        /**
         * @returns {RawValue|EnterMode|undefined}
         */
        get enter(): RawValue | EnterMode | undefined;
        /**
         * Set an unique identifier for the editor configuration. If not set, a UUID v4 will be used.
         * It is recommended to set the identifier.
         *
         * @param {string} identifier - The unique identifier for this editor config.
         * @returns {HtmlEditorConfig}
         */
        withIdentifier(identifier: string): HtmlEditorConfig;
        /**
         * The features enable in this HTML editor configuration.
         *
         * @example
         * .withFeatures(Feature.ITALIC, Feature.BOLD, Feature.UNDERLINE)
         * @see {@link Feature} for available features
         * @see {@link withRawFeatures} to set a raw value
         * @param {...Feature} features - The features to enable.
         * @returns {HtmlEditorConfig}
         */
        withFeatures(...features: Feature[]): HtmlEditorConfig;
        /**
         * Set the raw <code>features</code> property.
         *
         * @example
         * .withRawFeatures('bold', 'italic', 'underline')
         * @see {@link withFeatures}
         * @param {...string} features - The raw features to enable.
         * @returns {HtmlEditorConfig}
         */
        withRawFeatures(...features: string[]): HtmlEditorConfig;
        /**
         * Set the available text colors. Specify the colors in the hexadecimal format.
         *
         * @example
         * .withTextColors('#ff00ff', '#ff0000', '#00ff00')
         * @see {@link TEXT_COLOR} to enable the feature
         * @param {...string} textColors - The text colors to set.
         * @returns {HtmlEditorConfig}
         */
        withTextColors(...textColors: string[]): HtmlEditorConfig;
        /**
         * Set the available background colors. Specify the colors in the hexadecimal format.
         *
         * @example
         * .withBackgroundColors('#ff00ff', '#ff0000', '#00ff00')
         * @see {@link BACKGROUND_COLOR} to enable the feature
         * @param {...string} backgroundColors - The background colors to set.
         * @returns {HtmlEditorConfig}
         */
        withBackgroundColors(...backgroundColors: string[]): HtmlEditorConfig;
        /**
         * Specify the available formats.
         *
         * @example
         * .withFormats(Format.P, Format.PRE)
         * @see {@link Format} for available formats
         * @see {@link withRawFormats} to set a raw value
         * @param {...Format} formats - The formats to set.
         * @returns {HtmlEditorConfig}
         */
        withFormats(...formats: Format[]): HtmlEditorConfig;
        /**
         * Specify a raw value for the <code>formats</code> field.
         *
         * @example
         * .withRawFormats('p', 'pre')
         * @see {@link withFormats}
         * @param {...string} formats - The raw formats to set.
         * @returns {HtmlEditorConfig}
         */
        withRawFormats(...formats: string[]): HtmlEditorConfig;
        /**
         * Specify the available font sizes.
         *
         * @example
         * .withFontSizes(12, 13, 14, 15, 16)
         * @see {@link FONT_SIZE} to enable this feature
         * @param {...number} fontSizes - The font sizes to set.
         * @returns {HtmlEditorConfig}
         */
        withFontSizes(...fontSizes: number[]): HtmlEditorConfig;
        /**
         * Specify the font size unit to use.
         *
         * @example
         * .withFontSizeUnit(FontSizeUnit.PX)
         * @see {@link withRawFontSizeUnit} to set the raw value
         * @param {FontSizeUnit} fontSizeUnit - The font size unit to set.
         * @returns {HtmlEditorConfig}
         */
        withFontSizeUnit(fontSizeUnit: FontSizeUnit): HtmlEditorConfig;
        /**
         * Set the raw value for the <code>fontSizeUnit</code> property.
         *
         * @example
         * .withRawFontSizeUnit('px')
         * @see {@link withFontSizeUnit}
         * @param {string} fontSizeUnit - The raw font size unit to set.
         * @returns {HtmlEditorConfig}
         */
        withRawFontSizeUnit(fontSizeUnit: string): HtmlEditorConfig;
        /**
         * Set the default font size to use.
         *
         * @example
         * .withFontSizeDefault(16)
         * @param {number} fontSizeDefault - The default font size to set.
         * @returns {HtmlEditorConfig}
         */
        withFontSizeDefault(fontSizeDefault: number): HtmlEditorConfig;
        /**
         * Set the available line heights.
         *
         * @example
         * .withLineHeights(1, 1.15 , 1.5, 2)
         * @see {@link LINE_HEIGHT} to enable this feature
         * @param {...number} lineHeights - The line heights.
         * @returns {HtmlEditorConfig}
         */
        withLineHeights(...lineHeights: number[]): HtmlEditorConfig;
        /**
         * Define the enter mode to use.
         *
         * @example
         * .withEnterMode(EnterMode.P)
         * @see {@link withRawEnterMode} to set the raw value
         * @param {EnterMode} enterMode - The enter mode.
         * @returns {HtmlEditorConfig}
         */
        withEnterMode(enterMode: EnterMode): HtmlEditorConfig;
        /**
         * Set the raw enter mode.
         *
         * @example
         * .withRawEnterMode('p')
         * @param {string} enterMode - The raw enter mode.
         * @returns {HtmlEditorConfig}
         */
        withRawEnterMode(enterMode: string): HtmlEditorConfig;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {HtmlEditorConfig}
         */
        clone(shallow?: boolean): HtmlEditorConfig;
    }
    export type EnterMode = import("src/html-editor-config/enter-mode").EnterMode;
    export type Feature = import("src/html-editor-config/feature").Feature;
    export type Format = import("src/html-editor-config/format").Format;
    export type FontSizeUnit = import("src/html-editor-config/font-size-unit").FontSizeUnit;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/website/website" {
    /**
     * This is the builder class for website objects.
     *
     * @example
     * module.exports = cx.website
     *   .withMaxNavigationLevel(2)
     *   .withPagination(
     *     cx.pagination
     *       .withNumDataRecordsPerPage(20)
     *       .withNumAdjacentPages(3))
     *   .withIncludes(
     *     cx.include
     *       .withIdentifier('header')
     *       .withEditable(true)
     *       .withFile(require('./template.twig')
     *       .withName('Template for the Homepage'),
     *     cx.include
     *       .withIdentifier('pagination-element')
     *       .withEditable(false)
     *       .withContentType('pre-defined')
     *       .withFile(require('./includes/pagination-element.hbs'))
     *       .withName('Pagination'))
     * @since BSI CX 1.3
     */
    export default class Website extends AbstractBuilder {
        /**
         * @type {number|undefined}
         * @private
         */
        private _maxNavigationLevel;
        /**
         * @type {RawValue|Pagination|undefined}
         * @private
         */
        private _pagination;
        /**
         * @type {RawValue|AbstractInclude[]|undefined}
         * @private
         */
        private _includes;
        /**
         * @returns {number|undefined}
         */
        get maxNavigationLevel(): number | undefined;
        /**
         * @returns {RawValue|Pagination|undefined}
         */
        get pagination(): RawValue | Pagination | undefined;
        /**
         * @returns {RawValue|AbstractInclude[]|undefined}
         */
        get includes(): RawValue | AbstractInclude[] | undefined;
        /**
         * Define the maximum navigation level.
         *
         * @param {number} maxNavigationLevel - The maximum navigation level.
         * @returns {Website}
         */
        withMaxNavigationLevel(maxNavigationLevel: number): Website;
        /**
         * Define the pagination to be used for this website.
         *
         * @example
         * .withPagination(
         *   cx.pagination
         *     .withNumDataRecordsPerPage(20)
         *     .withNumAdjacentPages(3))
         * @param {Pagination} pagination
         * @returns {Website}
         */
        withPagination(pagination: Pagination): Website;
        /**
         * Define the pagination to be used for this website as raw value.
         *
         * @example
         * .withRawPagination({
         *   numDataRecordsPerPage: 20,
         *   numAdjacentPages: 3
         * })
         * @param {{}} pagination - Pagination as raw value.
         * @returns {Website}
         */
        withRawPagination(pagination: {}): Website;
        /**
         * Define the includes for this website.
         *
         * @example
         * .withIncludes(
         *   cx.include
         *     .withIdentifier('footer')
         *     .withEditable(true)
         *     .withFile(require('./template.twig'))
         *     .withName('Footer'))
         * @see {@link withRawIncludes} to set a raw value
         * @param {...AbstractInclude} includes
         * @returns {Website}
         */
        withIncludes(...includes: AbstractInclude[]): Website;
        /**
         * Define the includes for this website as raw value.
         *
         * @example
         * .withRawIncludes({
         *   __page__: {
         *     editable: true,
         *     file: require('./page.twig'),
         *     name: 'Template for content'
         *   },
         *   header: {
         *     editable: true,
         *     file: require('./header.html'),
         *     name: 'Header'
         *   }
         * })
         * @param {{}} includes - The includes as raw value.
         * @returns {Website}
         */
        withRawIncludes(includes: {}): Website;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {Website}
         */
        clone(shallow?: boolean): Website;
    }
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/nls/translation" {
    /** @typedef {import('../design/locale').Locale} Locale */
    /**
     * The builder class for translation objects.
     *
     * @example
     * module.exports = [
     *   // using with* methods
     *   cx.nls
     *     .withIdentifier('action')
     *     .withTranslations(
     *       cx.translation
     *         .withLocale(Locale.WILDCARD)
     *         .withTranslation('action'),
     *       cx.translation
     *         .withLocale(Locale.DE)
     *         .withTranslation('Aktion')),
     *   // using factory shortcuts
     *   cx.h.nls(
     *     'contact',
     *     cx.h.t('contact'),
     *     cx.h.t('de', 'Kontakt'),
     *     cx.h.t(Locale.DE_CH, 'Kontakt'))
     * ];
     */
    export default class Translation extends AbstractBuilder {
        /**
         * Static helper to create a translation object with a given locale.
         *
         * @example
         * Translation.create(Locale.EN, 'action')
         * @param {Locale} locale - The locale to use.
         * @param {string} translation - The translation to use.
         * @returns {Translation}
         */
        static create(locale: Locale, translation: string): Translation;
        /**
         * Static helper to create a translation object with a {@link WILDCARD|wildcard} locale.
         *
         * @example
         * Translation.wildcard('action')
         * @param {string} translation - The translation to use.
         * @returns {Translation}
         */
        static wildcard(translation: string): Translation;
        /**
         * @type {Locale|RawValue|undefined}
         * @private
         */
        private _locale;
        /**
         * @type {string|undefined}
         * @private
         */
        private _translation;
        /**
         * @returns {Locale|RawValue|undefined}
         */
        get locale(): Locale | RawValue | undefined;
        /**
         * @returns {string|undefined}
         */
        get translation(): string | undefined;
        /**
         * Set the locale to use for this translation.
         *
         * @example
         * .withLocale(Locale.EN)
         * @param {Locale} locale - The locale to use.
         * @returns {Translation}
         */
        withLocale(locale: Locale): Translation;
        /**
         * Set the locale as raw value.
         *
         * @example
         * .withRawLocale('en')
         * @param {string} locale - The raw locale to use.
         * @returns {Translation}
         */
        withRawLocale(locale: string): Translation;
        /**
         * Set the translated string for this translation object.
         *
         * @example
         * .withTranslation('action')
         * @param {string} translation - The translation to use.
         * @returns {Translation}
         */
        withTranslation(translation: string): Translation;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {Translation}
         */
        clone(shallow?: boolean): Translation;
    }
    export type Locale = import("src/design/locale").Locale;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
}
declare module "src/nls/nls" {
    /**
     * The builder class for NLS objects.
     *
     * @example
     * module.exports = [
     *   // using with* methods
     *   cx.nls
     *     .withIdentifier('action')
     *     .withTranslations(
     *       cx.translation
     *         .withLocale(Locale.WILDCARD)
     *         .withTranslation('action'),
     *       cx.translation
     *         .withLocale(Locale.DE)
     *         .withTranslation('Aktion')),
     *   // using factory shortcuts
     *   cx.h.nls(
     *     'contact',
     *     cx.h.t('contact'),
     *     cx.h.t('de', 'Kontakt'),
     *     cx.h.t(Locale.DE_CH, 'Kontakt'))
     * ];
     */
    export default class NLS extends AbstractBuilder {
        /**
         * Static helper method to create a NLS with some translations.
         *
         * @param {string} identifier - The identifier to use.
         * @param {...Translation} translations - The translation objects.
         * @returns {NLS}
         */
        static create(identifier: string, ...translations: Translation[]): NLS;
        /**
         * @example
         * NLS.fromMap(
         *   'reset',
         *   new Map([
         *     [Locale.WILDCARD, 'Reset'],
         *     [Locale.DE, 'Zurücksetzen']
         *   ])
         * )
         * @param {string} identifier
         * @param {Map<Locale,string>} map
         */
        static fromMap(identifier: string, map: Map<Locale, string>): NLS;
        /**
         * @type {string|undefined}
         * @private
         */
        private _identifier;
        /**
         * @type {Translation[]|undefined}
         * @private
         */
        private _translations;
        /**
         * @type {string|undefined}
         * @private
         */
        private _nlsMarker;
        /**
         * @returns {string|undefined}
         */
        get identifier(): string | undefined;
        /**
         * @returns {Translation[]|undefined}
         */
        get translations(): Translation[] | undefined;
        /**
         * @returns {string|undefined}
         */
        get nlsMarker(): string | undefined;
        /**
         * @param {string} identifier
         * @returns {NLS}
         */
        withIdentifier(identifier: string): NLS;
        /**
         * Add translations to this NLS object.
         *
         * @example
         * cx.nls
         *   .withIdentifier('action')
         *   .withTranslations(
         *     cx.translation
         *       .withLocale(Locale.WILDCARD)
         *       .withTranslation('action'),
         *     cx.translation
         *       .withLocale(Locale.DE)
         *       .withTranslation('Aktion'))
         * @param {...Translation} translations - The translation objects.
         * @returns {NLS}
         */
        withTranslations(...translations: Translation[]): NLS;
        /**
         * Set the translations as raw value.
         *
         * @example
         * .withRawTranslations({
         *   '*': 'contact',
         *   'de': 'Kontakt',
         *   'de-CH': 'Kontakt'
         * })
         * @param {{}} translations
         * @returns {NLS}
         */
        withRawTranslations(translations: {}): NLS;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {NLS}
         */
        clone(shallow?: boolean): NLS;
    }
    import AbstractBuilder from "src/abstract-builder";
    import Translation from "src/nls/translation";
}
declare module "src/design/design" {
    /** @typedef {import('./schema-version').SchemaVersion} SchemaVersion */
    /** @typedef {import('./locale').Locale} Locale */
    /** @typedef {import('./features').Features} Features */
    /** @typedef {import('./security').Security} Security */
    /** @typedef {import('./security').HtmlSanitization} HtmlSanitization */
    /** @typedef {import('./websiteContentType').WebsiteContentType} WebsiteContentType */
    /** @typedef {import('../content-element/content-element').default} ContentElement */
    /** @typedef {import('../content-element/part/formatted-text-part').default} FormattedTextPart */
    /** @typedef {import('../content-element/content-element-group').default} ContentElementGroup */
    /** @typedef {import('../dropzone/dropzone').default} Dropzone */
    /** @typedef {import('../html-editor-config/html-editor-config').default} HtmlEditorConfig */
    /** @typedef {import('../website/website').default} Website */
    /** @typedef {import('../style/style').default} Style */
    /** @typedef {import('../nls/nls').default} NLS */
    /**
     * This is the builder class to specify a design.
     *
     * @example
     * module.exports = cx.design
     *   .withTitle('My BSI CX Design')
     *   .withAuthor('John Doe')
     *   .withDate('18.8.2021')
     *   .withPreviewImage(require('./preview.png'))
     *   .withRawDefaultLocale('en')
     *   .withContentElementGroups(
     *     cx.contentElementGroup
     *       .withGroupId('content')
     *       .withLabel('Content')
     *       .withContentElements(
     *         require('./content-elements/content/title'),
     *         require('./content-elements/content/text')));
     */
    export default class Design extends AbstractBuilder {
        /**
         * @type {RawValue|SchemaVersion|undefined}
         * @private
         */
        private _schemaVersion;
        /**
         * @type {string|undefined}
         * @private
         */
        private _title;
        /**
         * @type {string|undefined}
         * @private
         */
        private _author;
        /**
         * @type {string|undefined}
         * @private
         */
        private _date;
        /**
         * @type {{}|undefined}
         * @private
         */
        private _previewImage;
        /**
         * @type {RawValue|Locale|undefined}
         * @private
         */
        private _defaultLocale;
        /**
         * @type {RawValue|[Locale]|undefined}
         * @private
         */
        private _locales;
        /**
         * @type {RawValue|[ContentElementGroup]|undefined}
         * @private
         */
        private _contentElementGroups;
        /**
         * @type {Dropzone[]|undefined}
         * @private
         */
        private _dropzones;
        /**
         * @type {RawValue|[Style]|undefined}
         * @private
         */
        private _styleConfigs;
        /**
         * @type {RawValue|HtmlEditorConfig[]|undefined}
         * @private
         */
        private _htmlEditorConfigs;
        /**
         * @type {RawValue|Website|undefined}
         * @private
         */
        private _website;
        /**
         * @type {RawValue|NLS[]|undefined}
         * @private
         */
        private _nls;
        /**
         * @type {RawValue|[WebsiteContentType]|undefined}
         * @private
         */
        private _websiteContentTypes;
        /**
         * @type {RawValue|Features|undefined}
         * @private
         */
        private _features;
        /**
         * @type {RawValue|Security|undefined}
         * @private
         */
        private _security;
        /**
         * @type {Object}
         * @private
         */
        private _rawObjects;
        /**
         * @returns {RawValue|SchemaVersion|undefined}
         */
        get schemaVersion(): RawValue | SchemaVersion | undefined;
        /**
         * @returns {string|undefined}
         */
        get title(): string | undefined;
        /**
         * @returns {string|undefined}
         */
        get author(): string | undefined;
        /**
         * @returns {string|undefined}
         */
        get date(): string | undefined;
        /**
         * @returns {{}|undefined}
         */
        get previewImage(): {} | undefined;
        /**
         * @returns {RawValue|Locale|undefined}
         */
        get defaultLocale(): RawValue | Locale | undefined;
        /**
         * @returns {RawValue|[Locale]|undefined}
         */
        get locales(): RawValue | [Locale] | undefined;
        /**
         * @returns {RawValue|ContentElementGroup[]|undefined}
         */
        get contentElementGroups(): RawValue | ContentElementGroup[] | undefined;
        /**
         * @returns {Dropzone[]|undefined}
         */
        get dropzones(): Dropzone[] | undefined;
        /**
         * @returns {RawValue|[Style]|undefined}
         */
        get styleConfigs(): RawValue | [Style] | undefined;
        /**
         * @returns {RawValue|HtmlEditorConfig[]|undefined}
         */
        get htmlEditorConfigs(): RawValue | HtmlEditorConfig[] | undefined;
        /**
         * @returns {RawValue|Website|undefined}
         */
        get website(): RawValue | Website | undefined;
        /**
         * @returns {RawValue|NLS[]|undefined}
         */
        get nls(): RawValue | NLS[] | undefined;
        /**
         * @returns {RawValue|[WebsiteContentType]|undefined}
         */
        get websiteContentTypes(): RawValue | [WebsiteContentType] | undefined;
        /**
         * @returns {RawValue|Features|undefined}
         */
        get features(): RawValue | Features | undefined;
        /**
         * @returns {RawValue|Security|undefined}
         */
        get security(): RawValue | Security | undefined;
        /**
         * @returns {Object}
         */
        get rawObjects(): any;
        /**
         * The schema version to use. This is relevant for website templates and all templates for BSI CX 22.0 onwards.
         *
         * @example
         * .withSchemaVersion(SchemaVersion.V_22_0)
         * @see {@link SchemaVersion} for available versions
         * @see {@link withRawSchemaVersion} to set a raw value
         * @param {SchemaVersion} schemaVersion - The schema version to use.
         * @returns {Design}
         */
        withSchemaVersion(schemaVersion: SchemaVersion): Design;
        /**
         * Supply a raw schema version.
         *
         * @example
         * .withRawSchemaVersion('22.0')
         * @see {@link withSchemaVersion}
         * @param {string} schemaVersion - The schema version to use.
         * @returns {Design}
         */
        withRawSchemaVersion(schemaVersion: string): Design;
        /**
         * The title for your design.
         *
         * @param {string} title - The design title.
         * @returns {Design}
         */
        withTitle(title: string): Design;
        /**
         * The author of your design.
         *
         * @param {string} author - The design author.
         * @returns {Design}
         */
        withAuthor(author: string): Design;
        /**
         * The creation date of your design e.g. 18.08.2021.
         *
         * @example
         * .withDate('18.08.2021')
         * @param {string} date - The design date.
         * @returns {Design}
         */
        withDate(date: string): Design;
        /**
         * The preview image of your design. Use in combination with require.
         *
         * @example
         * .withPreviewImage(require('./preview-image.png'))
         * @param {{}} previewImage
         * @returns {Design}
         */
        withPreviewImage(previewImage: {}): Design;
        /**
         * The default locale for your design. This is relevant for website templates and all templates for BSI CX 22.0 onwards.
         *
         * @example
         * .withDefaultLocale(Locale.EN)
         * @see {@link Locale} for available locales
         * @see {@link withRawDefaultLocale} to set a raw value
         * @param {Locale} defaultLocale - The design default locale.
         * @returns {Design}
         */
        withDefaultLocale(defaultLocale: Locale): Design;
        /**
         * Set the raw default locale as string.
         *
         * @example
         * .withRawDefaultLocale('en')
         * @see {@link withDefaultLocale}
         * @param {string} defaultLocale - The default locale.
         * @returns {Design}
         */
        withRawDefaultLocale(defaultLocale: string): Design;
        /**
         * The available locales for your design. This is relevant for website templates and all templates for BSI CX 22.0 onwards.
         *
         * @example
         * .withLocales(Locale.EN_GB,Locale.DE_CH)
         * @see {@link Locale} for available locales
         * @see {@link withRawLocales} to set a raw value
         * @param {...Locale} locales - The design locales.
         * @returns {Design}
         */
        withLocales(...locales: Locale[]): Design;
        /**
         * Set the raw locales as string.
         *
         * @example
         * .withRawLocales('en-GB','de-CH')
         * @see {@link withLocales}
         * @param {...string} locales - The design locales.
         * @returns {Design}
         */
        withRawLocales(...locales: string[]): Design;
        /**
         * Your design's content element groups.
         *
         * @see {@link withRawContentElementGroups} to set a raw value
         * @param {...ContentElementGroup} contentElementGroups - The content element groups.
         * @returns {Design}
         */
        withContentElementGroups(...contentElementGroups: ContentElementGroup[]): Design;
        /**
         * Set the content element groups of your design as raw object.
         *
         * @example
         * .withRawContentElementGroups(
         *   {
         *     groupId: 'content',
         *     label: 'Content',
         *     contentElements: []
         *   },
         *   {
         *     groupId: 'advanced',
         *     label: 'Advanced',
         *     contentElements: []
         *   }
         * )
         * @see {@link withContentElementGroups}
         * @param {...{}} contentElementGroups - The content element groups.
         * @returns {Design}
         */
        withRawContentElementGroups(...contentElementGroups: {}[]): Design;
        /**
         * Define the root dropzones of this template.
         *
         * @example
         * .withDropzones(
         *   cx.dropzone
         *     .withDropzone('a5142bca-448b-40c5-bdde-942f531fcd12')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1),
         *   cx.dropzone
         *     .withDropzone('3b369b8b-f1f6-4754-bb0f-e49a46c315e1')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1))
         * @param {...Dropzone} dropzones - The root dropzones.
         * @returns {Design}
         */
        withDropzones(...dropzones: Dropzone[]): Design;
        /**
         * Extend the allowed elements list of a defined dropzone. Be aware that this only works when you define your allowed
         * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
         *
         * @example
         * .withExtendedDropzone(
         *   'a5142bca-448b-40c5-bdde-942f531fcd12',
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         * @param {string} id - The ID of the dropzone to extend (set with {@link Dropzone#withDropzone}).
         * @param {...ContentElement} elements - The elements to add to the allowed elements list.
         * @returns {Design}
         */
        withExtendedDropzone(id: string, ...elements: ContentElement[]): Design;
        /**
         * Reduces the allowed elements list of a defined dropzone. Be aware that this only works when you define your allowed
         * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
         *
         * @example
         * .withReducedDropzone(
         *   'a5142bca-448b-40c5-bdde-942f531fcd12',
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         * @param {string} id - The ID of the dropzone to reduce (set with {@link Dropzone#withDropzone}).
         * @param {...ContentElement} elements - The elements to remove from the allowed elements list.
         * @returns {Design}
         */
        withReducedDropzone(id: string, ...elements: ContentElement[]): Design;
        /**
         * The style configurations of your design. This is only necessary if you use
         * {@link ContentElement#withRawStyleConfigs} to reference your style configurations.
         * Otherwise you don't have to register your styles here.
         *
         * @see {@link withRawStyleConfigs} to set a raw value
         * @param {...Style} styleConfigs - The style configurations.
         * @returns {Design}
         */
        withStyleConfigs(...styleConfigs: Style[]): Design;
        /**
         * Set the style configurations of your design as raw object.
         *
         * @example
         * .withRawStyleConfigs({
         *   'background-color': {
         *     label: 'Background Color',
         *     cssClasses: [
         *       { cssClass: 'black-background', label: 'Black' },
         *       { cssClass: 'blue-background', label: 'Blue' }
         *     ]
         *   },
         *   'text-color': {
         *     label: 'Text Color',
         *     cssClasses: [
         *       { cssClass: 'black-text', label: 'Black' },
         *       { cssClass: 'blue-text', label: 'Blue' }
         *     ]
         *   }
         * })
         *
         * With CX 23.2 an extended style format was introduced,
         * which makes it possible to define styles using either CSS classes or DOM manipulations, or a combination of both.
         *
         * @example
         * .withRawStyleConfigs({
         *   'background-color': {
         *     label: 'Background Color',
         *     styles: [
         *       {
         *         styleId: 'darkred-background-5vLqPX',
         *         label: 'Darkred',
         *         cssClass: 'darkred-background',
         *         domManipulations: [
         *           { selector: 'div.darkred-background', attribute: 'style', value: 'background-color: darkred;' },
         *           { selector: 'div.darkred-background p', attribute: 'style', value: 'color: white;' }
         *         ]
         *       },
         *       {
         *         styleId: 'lightblue-background-9ftMNF',
         *         label: 'Lightblue',
         *         cssClass: 'lightblue-background',
         *         domManipulations: [
         *           { selector: 'div.lightblue-background', attribute: 'style', value: 'background-color: lightblue;' },
         *           { selector: 'div.lightblue-background p', attribute: 'style', value: 'color: black;' }
         *         ]
         *       }
         *     ]
         *   }
         * })
         * @see {@link withStyleConfigs}
         * @param {{}} styleConfigs - The <code>styleConfigs</code> object.
         * @returns {Design}
         */
        withRawStyleConfigs(styleConfigs: {}): Design;
        /**
         * The HTML editor configurations of your design. This is only necessary if you use
         * {@link FormattedTextPart#withRawHtmlEditorConfig} to reference your HTML editor configuration.
         * Otherwise you don't have to register your configurations here.
         *
         * @see {@link withRawHtmlEditorConfigs} to set a raw value
         * @param {...HtmlEditorConfig} htmlEditorConfigs
         * @returns {Design}
         */
        withHtmlEditorConfigs(...htmlEditorConfigs: HtmlEditorConfig[]): Design;
        /**
         * Set the HTML editor configurations as raw object.
         *
         * @example
         * .withRawHtmlEditorConfigs({
         *   minimal: {
         *     features: ['italic','bold','underline','strikeThrough']
         *   }
         * })
         * @see {@link withHtmlEditorConfigs}
         * @param {{}} htmlEditorConfigs - The <code>htmlEditorConfigs</code> object.
         * @returns {Design}
         */
        withRawHtmlEditorConfigs(htmlEditorConfigs: {}): Design;
        /**
         * The website configuration of your design.
         *
         * @see {@link withRawWebsite} to set a raw value
         * @param {Website} website - The website object.
         * @returns {Design}
         * @since BSI CX 1.3
         */
        withWebsite(website: Website): Design;
        /**
         * Set the raw website object of your design.
         *
         * @example
         * .withRawWebsite({
         *   maxNavigationLevel: 2,
         *   includes: {
         *     __page__: {
         *       editable: true,
         *       file: require('./includes/page.hbs'),
         *       name: 'Template for content pages'
         *     },
         *     footer: {
         *       editable: true,
         *       file: require('./includes/footer.html'),
         *       name: 'Footer'
         *     }
         *   }
         * })
         * @param {{}} website - The raw <code>website</code> object.
         * @returns {Design}
         * @since BSI CX 1.3
         */
        withRawWebsite(website: {}): Design;
        /**
         * Configure you design's translation support.
         *
         * @see {@link withRawNLS} to set a raw value
         * @param {...NLS} nls
         * @returns {Design}
         */
        withNLS(...nls: NLS[]): Design;
        /**
         * Set the raw value of the <code>nls</code> property.
         *
         * @example
         * .withRawNLS({
         *   action: { '*': 'action', de: 'Aktion' },
         *   name: { '*': 'name', de: 'Name' }
         * })
         * @see {@link withNLS}
         * @param {{}} nls - The raw value.
         * @returns {Design}
         */
        withRawNLS(nls: {}): Design;
        /**
         * Configure the allowed website content types.
         *
         * @see {@link withRawWebsiteContentTypes} to set a raw value
         * @param {...WebsiteContentType} websiteContentTypes
         * @returns {Design}
         */
        withWebsiteContentTypes(...websiteContentTypes: WebsiteContentType[]): Design;
        /**
         * Set the raw value of the websiteContentTypes property.
         *
         * @example
         * .withRawWebsiteContentTypes('blog', 'some-custom-type', 'use-case')
         * @see {@link withWebsiteContentTypes}
         * @param {...string} websiteContentTypes - The raw value.
         * @returns {Design}
         */
        withRawWebsiteContentTypes(...websiteContentTypes: string[]): Design;
        /**
         * Configure the features object.
         *
         * @see {@link withRawFeatures} to set a raw value
         * @param {Features} features
         * @returns {Design}
         */
        withFeatures(features: Features): Design;
        /**
         * Set the raw value of the features property.
         *
         * @example
         * .withRawFeatures({ "formFieldRules": true })
         * @see {@link withFeatures}
         * @param {object} features - The raw value.
         * @returns {Design}
         */
        withRawFeatures(features: object): Design;
        /**
         * Set the features.formFieldEnabled value.
         * Shortcut for `withFeatures(cx.features.withFormFieldRules(enable))`
         * Remove if more than one feature is available.
         *
         * @param {Boolean} enable
         * @returns {Design}
         */
        withFeatureFormFieldRules(enable: boolean): Design;
        /**
         * Configure the security object.
         *
         * @example
         * .withSecurity(
         *    cx.security.withHtmlSanitization(
         *        cx.htmlSanitization
         *            .withAllowEventAttributes(allowEventAttributes)
         *            .withAllowInlineScripts(allowInlineScripts)))
         *
         * @see {@link withRawSecurity} to set a raw value
         * @param {Security} security
         * @returns {Design}
         */
        withSecurity(security: Security): Design;
        /**
         * Set the raw value of the security property.
         *
         * @example
         * .withRawSecurity({ "formFieldRules": true })
         * @see {@link withSecurity}
         * @param {object} security - The raw value.
         * @returns {Design}
         */
        withRawSecurity(security: object): Design;
        /**
         * Set the features.formFieldEnabled value.
         *
         * @example
         * .withSecurityHtmlSanitization(true, false)
         *
         * @see {@link withSecurity} to set a security object
         * @param {boolean} allowEventAttributes
         * @param {boolean} allowInlineScripts
         * @returns {Design}
         */
        withSecurityHtmlSanitization(allowEventAttributes?: boolean, allowInlineScripts?: boolean): Design;
        /**
         * Add a raw key, value pair to the design object.
         *
         * @example
          .withRawObject('newObjectProperty', { someObj: { crazyStuff: "yolo", someOtherStuff: false } })
          .withRawObject('newProperty', 24)
         * @param {String} key - The key
         * @param {any} value - The value. Can be a value or an object
         * @returns {Design}
         */
        withRawObject(key: string, value: any): Design;
        /**
         * Clone the configuration.
         *
         * @example
         * let design1 = new Design().withName('my first design');
         * let design2 = design1.clone().withName('my second design');
         * design1 === design2 // false
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {Design}
         */
        clone(shallow?: boolean): Design;
    }
    export type SchemaVersion = import("src/design/schema-version").SchemaVersion;
    export type Locale = import("src/design/locale").Locale;
    export type Features = import("src/design/features").Features;
    export type Security = import("src/design/security").Security;
    export type HtmlSanitization = import("src/design/security").HtmlSanitization;
    export type WebsiteContentType = import("src/design/websiteContentType").WebsiteContentType;
    export type ContentElement = import("src/content-element/content-element").default;
    export type FormattedTextPart = any;
    export type ContentElementGroup = import("src/content-element/content-element-group").default;
    export type Dropzone = import("src/dropzone/dropzone").default;
    export type HtmlEditorConfig = import("src/html-editor-config/html-editor-config").default;
    export type Website = import("src/website/website").default;
    export type Style = import("src/style/style").default;
    export type NLS = import("src/nls/nls").default;
    import AbstractBuilder from "src/abstract-builder";
    import RawValue from "src/raw-value";
    import { Features } from "src/design/features";
    import { Security } from "src/design/security";
    import { HtmlSanitization } from "src/design/security";
}
declare module "src/design/locale" {
    /** @typedef {import('./design').default} Design */
    /**
     * Class to define a locale.
     */
    export class Locale extends AbstractConstant {
    }
    /**
     * This defines the fallback locale to use.
     *
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const WILDCARD: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const EN: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const EN_GB: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const EN_US: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const DE: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const DE_DE: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const DE_CH: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const FR: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const FR_CH: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const IT: Locale;
    /**
     * @see {@link Design#withDefaultLocale}
     * @see {@link Design#withLocales}
     * @type {Locale}
     */
    export const IT_CH: Locale;
    export type Design = import("src/design/design").default;
    import AbstractConstant from "src/abstract-constant";
}
declare module "src/website/abstract-include" {
    /** @typedef {import('../dropzone/dropzone').default} Dropzone */
    /**
     * @abstract
     * @since BSI CX 1.3
     */
    export default class AbstractInclude extends AbstractBuilder {
        /**
         * @param {string|undefined} identifier
         */
        constructor(identifier: string | undefined);
        /**
         * @type {string|undefined}
         * @protected
         */
        protected _identifier: string | undefined;
        /**
         * @type {boolean|undefined}
         * @protected
         */
        protected _editable: boolean | undefined;
        /**
         * @type {string|undefined}
         * @protected
         */
        protected _includeType: string | undefined;
        /**
         * @type {string|WebsiteContentType|undefined}
         * @protected
         */
        protected _websiteContentType: string | WebsiteContentType | undefined;
        /**
         * @type {{}|undefined}
         * @protected
         */
        protected _file: {} | undefined;
        /**
         * @type {string|NLS|undefined}
         * @protected
         */
        protected _name: string | NLS | undefined;
        /**
         * @type {Dropzone[]|undefined}
         * @private
         */
        private _dropzones;
        /**
         * @returns {string|undefined}
         */
        get identifier(): string | undefined;
        /**
         * @returns {boolean|undefined}
         */
        get editable(): boolean | undefined;
        /**
         * @returns {string|undefined}
         */
        get includeType(): string | undefined;
        /**
         * @returns {string|WebsiteContentType|undefined}
         */
        get websiteContentType(): string | WebsiteContentType | undefined;
        /**
         * @returns {{}|undefined}
         */
        get file(): {} | undefined;
        /**
         * @returns {string|NLS|undefined}
         */
        get name(): string | NLS | undefined;
        /**
         * @returns {Dropzone[]|undefined}
         */
        get dropzones(): Dropzone[] | undefined;
        /**
         * Enable or disable edit mode on this include.
         *
         * @param {boolean} editable - The editable flag.
         * @returns {this}
         */
        withEditable(editable: boolean): this;
        /**
         * Define the type of this include.
         *
         * @example
         * .withIncludeType('pre-defined')
         * @param {string} includeType - The type of this include.
         * @returns {this}
         */
        withIncludeType(includeType: string): this;
        /**
         * Define the website content type of this include.
         * If set the choosen WebsiteContentType use this include.
         *
         * For example: if the WebsiteContentType is BLOG, every blogpost in this Website use this include as template
         *
         * @example
         * .withWebsiteContentType(WebsiteContentType.BLOG)
         * @param {WebsiteContentType} websiteContentType - The website content type of this include.
         * @returns {this}
         */
        withWebsiteContentType(websiteContentType: WebsiteContentType): this;
        /**
         * Define the template to use with this include. Be aware, that you must <code>require</code> the corresponding
         * template file. This can either be a \*.html, \*.hbs, \*.hbs.twig or a \*.twig file.
         *
         * @example
         * .withFile(require('./footer.html'))
         * @param {{}} file - The file object. Just pass the response of your require statement.
         * @returns {this}
         */
        withFile(file: {}): this;
        /**
         * Set the name of this include. In contrast to the {@link identifier}, this property must not be unique.
         *
         * @param {string|NLS} name - The name of this include.
         * @returns {this}
         */
        withName(name: string | NLS): this;
        /**
         * Define the dropzones of this include.
         *
         * @example
         * .withDropzones(
         *   cx.dropzone
         *     .withDropzone('a5142bca-448b-40c5-bdde-942f531fcd12')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1),
         *   cx.dropzone
         *     .withDropzone('3b369b8b-f1f6-4754-bb0f-e49a46c315e1')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1))
         * @param {...Dropzone} dropzones - The dropzones of this include.
         * @returns {this}
         */
        withDropzones(...dropzones: Dropzone[]): this;
        /**
         * Extend the allowed elements list of a defined dropzone. Be aware that this only works when you define your allowed
         * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
         *
         * @example
         * .withExtendedDropzone(
         *   'a5142bca-448b-40c5-bdde-942f531fcd12',
         *   require('./content-elements/basic/text'),
         *   require('./content-elements/basic/image'))
         * @param {string} id - The ID of the dropzone to extend (set with {@link Dropzone#withDropzone}).
         * @param {...ContentElement} elements - The elements to add to the allowed elements list.
         * @returns {this}
         */
        withExtendedDropzone(id: string, ...elements: ContentElement[]): this;
        /**
       * Reduces the allowed elements list of a defined dropzone. Be aware that this only works when you define your allowed
       * elements by using the provided builder class with the {@link Dropzone#withAllowedElements} method.
       *
       * @example
       * .withReducedDropzone(
       *   'a5142bca-448b-40c5-bdde-942f531fcd12',
       *   require('./content-elements/basic/text'),
       *   require('./content-elements/basic/image'))
       * @param {string} id - The ID of the dropzone to reduce (set with {@link Dropzone#withDropzone}).
       * @param {...ContentElement} elements - The elements to remove from the allowed elements list.
       * @returns {ContentElement}
       */
        withReducedDropzone(id: string, ...elements: ContentElement[]): ContentElement;
    }
    export type Dropzone = import("src/dropzone/dropzone").default;
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/website/page-include" {
    /**
     * This is the page include builder class.
     *
     * @example
     * new PageInclude()
     *   .withEditable(true)
     *   .withFile(require('./includes/page.html'))
     *   .withName('Template for content')
     * @since BSI CX 1.3
     */
    export default class PageInclude extends AbstractInclude {
        constructor();
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {PageInclude}
         */
        clone(shallow?: boolean): PageInclude;
    }
    import AbstractInclude from "src/website/abstract-include";
}
declare module "src/website/include" {
    /** @typedef {import('./website').default} Website */
    /** @typedef {import('../dropzone/dropzone').default} Dropzone */
    /**
     * This is the builder class for {@link Website|website} includes.
     *
     * @example
     * .withIncludes(
     *   cx.pageInclude
     *     .withEditable(true)
     *     .withFile(require('./includes/page.html'))
     *     .withName('Template for new content'),
     *   cx.include
     *     .withIdentifier('header')
     *     .withEditable(true)
     *     .withFile(require('./includes/header.twig'))
     *     .withName('Header'),
     *   cx.include
     *     .withIdentifier('pagination-element')
     *     .withEditable(false)
     *     .withContentType('pre-defined')
     *     .withFile(require('./includes/pagination-element.hbs'))
     *     .withName('Pagination'))
     * @since BSI CX 1.3
     */
    export default class Include extends AbstractInclude {
        constructor();
        /**
         * Set the unique identifier to use. A UUID v4 will be used, if you don't set this property.
         * <strong>It is recommended to define this property.</strong>
         *
         * @param {string} identifier - A unique identifier for this include.
         * @returns {Include}
         */
        withIdentifier(identifier: string): Include;
        /**
         * Clone the configuration.
         *
         * @param {boolean} [shallow=true] - Create a shallow clone.
         * @returns {Include}
         */
        clone(shallow?: boolean): Include;
    }
    export type Website = import("src/website/website").default;
    export type Dropzone = import("src/dropzone/dropzone").default;
    import AbstractInclude from "src/website/abstract-include";
}
declare module "src/content-element/part/part-factory" {
    export default class PartFactory {
        /**
         * Get a new background content element part builder instance.
         *
         * @returns {Part}
         */
        get backgroundImage(): Part;
        /**
         * Build a new background content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        BackgroundImage(label: string, id: string): Part;
        /**
         * Get a new form content element part builder instance.
         *
         * @returns {Part}
         */
        get form(): Part;
        /**
         * Build a new form content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        Form(label: string, id: string): Part;
        /**
         * Get a new checkbox form field content element part builder instance.
         *
         * @returns {Part}
         */
        get formCheckbox(): Part;
        /**
         * Build a new checkbox form field content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        FormCheckbox(label: string, id: string): Part;
        /**
         * Get a new form field content element part builder instance.
         *
         * @returns {Part}
         */
        get formField(): Part;
        /**
         * Build a new form field content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        FormField(label: string, id: string): Part;
        /**
         * Get a new radio form field content element part builder instance.
         *
         * @returns {Part}
         */
        get formRadio(): Part;
        /**
         * Build a new radio form field content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        FormRadio(label: string, id: string): Part;
        /**
         * Get a new select form field content element part builder instance.
         *
         * @returns {Part}
         */
        get formSelect(): Part;
        /**
         * Build a new select form field content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        FormSelect(label: string, id: string): Part;
        /**
         * Get a new basic dynamic value list form field content element part builder instance.
         *
         * @returns {Part}
         */
        get basicDynamicValueList(): Part;
        /**
         * Build a new basic dynamic value list form field content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        BasicDynamicValueList(label: string, id: string): Part;
        /**
         * Get a new textarea form field content element part builder instance.
         *
         * @returns {Part}
         */
        get formTextarea(): Part;
        /**
         * Build a new textarea form field content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        FormTextarea(label: string, id: string): Part;
        /**
         * Get a new formatted text content element part builder instance.
         *
         * @returns {Part}
         */
        get formattedText(): Part;
        /**
         * Build a new formatted text content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @param {HtmlEditorConfig} htmlEditorConfig
         * @returns {Part}
         */
        FormattedText(label: string, id: string, htmlEditorConfig: HtmlEditorConfig): Part;
        /**
         * Get a new HTML content element part builder instance.
         *
         * @returns {Part}
         */
        get html(): Part;
        /**
         * Build a new HTML content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        Html(label: string, id: string): Part;
        /**
         * Get a new image content element part builder instance.
         *
         * @returns {Part}
         */
        get image(): Part;
        /**
         * Build a new image content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @param {boolean} altTextMandatory
         * @returns {Part}
         */
        Image(label: string, id: string, altTextMandatory: boolean): Part;
        /**
         * Get a new iterator content element part builder instance.
         *
         * @returns {Part}
         */
        get iterator(): Part;
        /**
         * Build a new iterator content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        Iterator(label: string, id: string): Part;
        /**
         * Get a new link content element part builder instance.
         *
         * @returns {Part}
         */
        get link(): Part;
        /**
         * Build a new link content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        Link(label: string, id: string): Part;
        /**
         * Get a new news snippet content element part builder instance.
         *
         * @returns {Part}
         */
        get newsSnippet(): Part;
        /**
         * Build a new news snippet content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        NewsSnippet(label: string, id: string): Part;
        /**
         * Get a new plain text content element part builder instance.
         *
         * @returns {Part}
         */
        get plainText(): Part;
        /**
         * Build a new plain text content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @param {Boolean} studioLinkEnabled
         * @returns {Part}
         */
        PlainText(label: string, id: string, studioLinkEnabled: boolean): Part;
        /**
         * Get a new social follow content element part builder instance.
         *
         * @returns {Part}
         */
        get socialFollow(): Part;
        /**
         * Build a new social follow content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        SocialFollow(label: string, id: string): Part;
        /**
         * Get a new social share content element part builder instance.
         *
         * @returns {Part}
         */
        get socialShare(): Part;
        /**
         * Build a new social share content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        SocialShare(label: string, id: string): Part;
        /**
         * Get a new table content element part builder instance.
         *
         * @returns {Part}
         */
        get table(): Part;
        /**
         * Build a new table content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @param {boolean} captionEnabled
         * @returns {Part}
         */
        Table(label: string, id: string, captionEnabled: boolean): Part;
        /**
         * Get a new URL provider content element part builder instance.
         *
         * @returns {Part}
         */
        get urlProvider(): Part;
        /**
         * Build a new URL provider content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        UrlProvider(label: string, id: string): Part;
        /**
         * Get a new video content element part builder instance.
         *
         * @returns {Part}
         */
        get video(): Part;
        /**
         * Build a new video content element part builder instance.
         *
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        Video(label: string, id: string): Part;
        /**
         * Create a raw element part builder instance. Can be used for custom element parts.
         *
         * @param {string} partId
         * @returns {Part}
         */
        raw(partId: string): Part;
        /**
         * Create a raw element part builder instance. Can be used for custom element parts.
         *
         * @param {string} partId
         * @param {string} label
         * @param {string} id
         * @returns {Part}
         */
        Raw(partId: string, label: string, id: string): Part;
    }
    import Part from "src/content-element/part/part";
}
declare module "src/website/pagination" {
    /**
     * This is the builder class for {@link Website|website} pagination.
     *
     * @example
     * .withPagination(
     *   cx.pagination
     *     .withNumDataRecordsPerPage(20)
     *     .withNumAdjacentPages(3))
     * @since BSI CX 22.0
     */
    export default class Pagination extends AbstractBuilder {
        /**
         * @type {number|undefined}
         * @private
         */
        private _numDataRecordsPerPage;
        /**
         * @type {number|undefined}
         * @private
         */
        private _numAdjacentPages;
        /**
         * @returns {number|undefined}
         */
        get numDataRecordsPerPage(): number | undefined;
        /**
         * @returns {number|undefined}
         */
        get numAdjacentPages(): number | undefined;
        /**
         * Define how many records are to be displayed simultaneously on a page.
         *
         * @param {number} numDataRecordsPerPage - The number of data records to be displayed on a page.
         * @returns {Pagination}
         */
        withNumDataRecordsPerPage(numDataRecordsPerPage: number): Pagination;
        /**
         * Define how many lower and higher page numbers are to be displayed in the pagination navigation.
         *
         * @param {number} numAdjacentPages - The number of adjacent pages.
         * @returns {Pagination}
         */
        withNumAdjacentPages(numAdjacentPages: number): Pagination;
    }
    import AbstractBuilder from "src/abstract-builder";
}
declare module "src/design/design-helper" {
    /** @typedef {import('./design-factory').default} DesignFactory */
    /** @typedef {import('../style/css-class').default} CssClass */
    /**
     * A collection of various helper methods.
     *
     * @example
     * cx.h.nls(
     *   'action',
     *   cx.h.t('action'),
     *   cx.h.t('de','Aktion'))
     */
    export default class DesignHelper {
        /**
         * @param {DesignFactory} factory
         */
        constructor(factory: DesignFactory);
        /**
         * @type {DesignFactory}
         * @private
         */
        private _factory;
        /**
         * Shortcut to create a new {@link Style} object. See example for usage.
         *
         * @example
         * module.exports = cx.h.style(
         *   'text-color',
         *   'Text Color',
         *   cx.h.cssClass('text-red','Red'),
         *   cx.h.cssClass('text-blue','Blue'));
         * @param {string} identifier
         * @param {string} label
         * @param {...CssClass} cssClasses
         */
        style(identifier: string, label: string, ...cssClasses: CssClass[]): import("export/browser").Style;
        /**
         * Shortcut to create a new {@link CssClass} instance. See example for usage.
         *
         * @example
         * module.exports = cx.style
         *   .withIdentifier('text-color')
         *   .withLabel('Text Color')
         *   .withCssClasses(
         *     cx.h.cssClass('text-red','Red'),
         *     cx.h.cssClass('text-blue','Blue'));
         * @param {string} cssClass
         * @param {string} label
         * @returns {CssClass}
         */
        cssClass(cssClass: string, label: string): CssClass;
        /**
         * Shortcut to create a {@link NLS} object. See example for usage.
         *
         * @example
         * module.exports = [
         *   cx.h.nls(
         *     'action',
         *     cx.h.t('action'),
         *     cx.h.t('de', 'Aktion'),
         *     cx.h.t(Locale.DE_CH, 'Aktion')),
         *   cx.h.nls(
         *     'contact',
         *     cx.h.t('contact'),
         *     cx.h.t('de', 'Kontakt'),
         *     cx.h.t(Locale.DE_CH, 'Kontakt'))
         * ];
         * @see {@link t}
         * @param {string} identifier
         * @param {Translation} translations
         * @returns {NLS}
         */
        nls(identifier: string, ...translations: Translation): NLS;
        /**
         * Shortcut to create a {@link Translation} object. See example for usage.
         *
         * @example
         * cx.nls
         *   .withIdentifier('action')
         *   .withTranslations(
         *     cx.h.t('action'), // wildcard translation
         *     cx.h.t('de', 'Aktion'), // translation with raw locale
         *     cx.h.t(Locale.DE_CH, 'Ägschen')) // translation with locale as constant
         * @see {@link n}
         * @param {Locale|string} localeOrWildcardTranslation - Locale (as string or constant) or translation string.
         * @param {string|undefined} [optionalTranslation=undefined] - The translation, only required if the first parameter is a locale.
         * @returns {Translation}
         */
        t(localeOrWildcardTranslation: Locale | string, optionalTranslation?: string | undefined): Translation;
    }
    export type DesignFactory = import("src/design/design-factory").default;
    export type CssClass = import("src/style/css-class").default;
    import { Locale } from "src/design/locale";
}
declare module "src/design/design-factory" {
    /**
     * Use the design factory to minimize the amount of imports when specifying a design.
     * The design factory is available under the <code>cx</code> constant.
     *
     * @example
     * const {cx} = require('@bsi-cx/design-build');
     *
     * module.exports = cx.design
     *   .withTitle('My BSI CX Design')
     *   .withAuthor('John Doe')
     *   .withDate('18.8.2021')
     *   .withPreviewImage(require('./preview.png'))
     *   .withRawDefaultLocale('en')
     *   .withHtmlEditorConfigs(
     *     require('./configs/html-editor/full.js'),
     *     require('./configs/html-editor/minimal.js'))
     *   .withContentElementGroups(
     *     cx.contentElementGroup
     *       .withGroupId('content')
     *       .withLabel('Content')
     *       .withContentElements(
     *         require('./content-elements/content/title'),
     *         require('./content-elements/content/text')));
     */
    export default class DesignFactory {
        /**
         * Get a new design builder instance.
         *
         * @example
         * cx.design
         *   .withTitle('My BSI CX Design')
         *   .withAuthor('John Doe')
         *   .withDate('18.8.2021')
         *   .withPreviewImage(require('./preview.png'))
         *   .withRawDefaultLocale('en')
         *   .withHtmlEditorConfigs(
         *     require('./configs/html-editor/full.js'),
         *     require('./configs/html-editor/minimal.js'))
         *   .withContentElementGroups(
         *     cx.contentElementGroup
         *       .withGroupId('content')
         *       .withLabel('Content')
         *       .withContentElements(
         *         require('./content-elements/content/title'),
         *         require('./content-elements/content/text')));
         * @returns {Design}
         */
        get design(): Design;
        /**
         * Get a new content element group builder instance.
         *
         * @example
         * .withContentElementGroups(
         *   cx.contentElementGroup
         *     .withGroupId('content')
         *     .withLabel('Content')
         *     .withContentElements(
         *       require('./content-elements/content/title'),
         *       require('./content-elements/content/text')));
         * @returns {ContentElementGroup}
         */
        get contentElementGroup(): ContentElementGroup;
        /**
         * Get a new content element builder instance.
         *
         * @example
         * .withContentElements(
         *   cx.contentElement
         *     .withElementId('image-with-text')
         *     .withLabel('Image with text')
         *     .withDescription('Displays an image with an optional text.')
         *     .withFile(require('./template.twig'))
         *     .withIcon(Icon.IMAGE)
         *     .withParts(
         *       cx.part.image
         *         .withLabel('Image'),
         *       cx.part.plainText
         *         .withLabel('Description')))
         * @returns {ContentElement}
         */
        get contentElement(): ContentElement;
        /**
         * Get a new website builder instance.
         *
         * @example
         * .withWebsite(
         *   cx.website
         *     .withMaxNavigationLevel(2)
         *     .withIncludes(
         *       cx.include
         *         .withEditable(true)
         *         .withName('Header')
         *         .withFile(require('./includes/header.html')),
         *       cx.include
         *         .withEditable(true)
         *         .withName('Footer')
         *         .withFile(require('./includes/footer.html')))
         * @returns {Website}
         */
        get website(): Website;
        /**
         * Get a new website include builder instance.
         *
         * @example
         * .withIncludes(
         *   cx.include
         *     .withEditable(true)
         *     .withName('Header')
         *     .withFile(require('./includes/header.html')),
         *   cx.include
         *     .withEditable(true)
         *     .withName('Footer')
         *     .withFile(require('./includes/footer.html')))
         * @returns {Include}
         */
        get include(): Include;
        /**
         * Get a new dropzone builder instance.
         *
         * @example
         * .withDropzones(
         *   cx.dropzone
         *     .withDropzone('a5142bca-448b-40c5-bdde-942f531fcd12')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1),
         *   cx.dropzone
         *     .withDropzone('3b369b8b-f1f6-4754-bb0f-e49a46c315e1')
         *     .withAllowedElements(
         *       require('./content-elements/basic/text'),
         *       require('./content-elements/basic/image'))
         *     .withMaxAllowedElements(1))
         * @returns {Dropzone}
         */
        get dropzone(): Dropzone;
        /**
         * Get a new website page include builder instance.
         *
         * @example
         * .withIncludes(
         *   cx.pageInclude
         *     .withEditable(true)
         *     .withName('Template for Content')
         *     .withFile(require('./includes/page.html')),
         *   cx.include
         *     .withEditable(true)
         *     .withName('Footer')
         *     .withFile(require('./includes/footer.html')))
         * @returns {PageInclude}
         */
        get pageInclude(): PageInclude;
        /**
         * Get a new website pagination config builder instance.
         *
         * @example
         * .withPagination(
         *   cx.pagination
         *     .withNumDataRecordsPerPage(20)
         *     .withNumAdjacentPages(3))
         * @returns {Pagination}
         */
        get pagination(): Pagination;
        /**
         * Get a new HTML editor config builder instance.
         *
         * @example
         * module.exports = cx.htmlEditorConfig
         *   .withIdentifier('minimal')
         *   .withRawEnterMode('p')
         *   .withFeatures(
         *     Feature.BOLD,
         *     Feature.ITALIC,
         *     Feature.UNDERLINE);
         * @returns {HtmlEditorConfig}
         */
        get htmlEditorConfig(): HtmlEditorConfig;
        /**
         * Get a new style configuration builder instance.
         *
         * @example
         * module.exports = cx.style
         *   .withIdentifier('text-color')
         *   .withLabel('Text Color')
         *   .withCssClasses(
         *     cx.cssClass
         *       .withCssClass('text-blue')
         *       .withLabel('Blue'),
         *     cx.cssClass
         *       .withCssClass('text-red')
         *       .withLabel('Red'));
         * @returns {Style}
         */
        get style(): Style;
        /**
         * Get a new css class builder instance.
         *
         * @example
         * .withCssClasses(
         *   cx.cssClass
         *     .withCssClass('text-blue')
         *     .withLabel('Blue'),
         *   cx.cssClass
         *     .withCssClass('text-red')
         *     .withLabel('Red'));
         * @returns {CssClass}
         */
        get cssClass(): CssClass;
        /**
         * Get a new style option builder instance.
         *
         * @example
         * .withStyleOptions(
         *   cx.styleOption
         *     .withStyleId('darkred-background-5vLqPX')
         *     .withLabel('Darkred')
         *     .withCssClass('darkred-background')
         *     .withDomManipulations(
         *       cx.domManipulation
         *         .withSelector('div.darkred-background')
         *         .withAttribute('style')
         *         .withValue('background-color: darkred;'),
         *       cx.domManipulation
         *         .withSelector('div.darkred-background p')
         *         .withAttribute('style')
         *         .withValue('color: white;')),
         *   cx.styleOption
         *     .withStyleId('lightblue-background-9ftMNF')
         *     .withLabel('Lightblue')
         *     .withCssClass('lightblue-background')
         *     .withDomManipulations(
         *       cx.domManipulation
         *         .withSelector('div.lightblue-background')
         *         .withAttribute('style')
         *         .withValue('background-color: lightblue;'),
         *       cx.domManipulation
         *         .withSelector('div.lightblue-background p')
         *         .withAttribute('style')
         *         .withValue('color: black;')))
         * @returns {StyleOption}
         */
        get styleOption(): StyleOption;
        /**
         * Get a new DOM manipulation builder instance.
         *
         * @example
         * .withDomManipulations(
         *   cx.domManipulation
         *     .withSelector('div.darkred-background')
         *     .withAttribute('style')
         *     .withValue('background-color: darkred;'),
         *   cx.domManipulation
         *     .withSelector('div.darkred-background p')
         *     .withAttribute('style')
         *     .withValue('color: white;'))
         * @returns {DomManipulation}
         */
        get domManipulation(): DomManipulation;
        /**
         * Get a new NLS builder instance.
         *
         * @example
         * .withNLS(
         *   cx.nls
         *     .withIdentifier('action')
         *     .withTranslations(
         *       cx.translation
         *         .withLocale(Locale.WILDCARD)
         *         .withTranslation('action'),
         *       cx.translation
         *         .withLocale(Locale.DE)
         *         .withTranslation('Aktion')))
         * @returns {NLS}
         */
        get nls(): NLS;
        /**
         * Get a new NLS translation builder instance.
         *
         * @example
         * .withTranslations(
         *   cx.translation
         *     .withLocale(Locale.WILDCARD)
         *     .withTranslation('action'),
         *   cx.translation
         *     .withLocale(Locale.DE)
         *     .withTranslation('Aktion'))
         * @returns {Translation}
         */
        get translation(): Translation;
        /**
         * Get a content element part factory instance to create new content element part builder objects.
         * The content element part factory is also available under the part constant.
         *
         * @example
         * const {cx, part} = require('@bsi-cx/design-build');
         *
         * // ...
         * .withParts(
         *   cx.part.plainText
         *     .withLabel('Text'),
         *   part.image
         *     .withImage('Image'))
         * @returns {PartFactory}
         */
        get part(): PartFactory;
        /**
         * Get a collection of various helper methods.
         *
         * @example
         * cx.h.nls(
         *   'action',
         *   cx.h.t('action'),
         *   cx.h.t('de','Aktion'))
         * @returns {DesignHelper}
         */
        get h(): DesignHelper;
    }
    import Design from "src/design/design";
    import ContentElementGroup from "src/content-element/content-element-group";
    import ContentElement from "src/content-element/content-element";
    import Website from "src/website/website";
    import Include from "src/website/include";
    import Dropzone from "src/dropzone/dropzone";
    import PageInclude from "src/website/page-include";
    import Pagination from "src/website/pagination";
    import HtmlEditorConfig from "src/html-editor-config/html-editor-config";
    import Style from "src/style/style";
    import CssClass from "src/style/css-class";
    import StyleOption from "src/style/style-option";
    import DomManipulation from "src/style/dom-manipulation";
    import NLS from "src/nls/nls";
    import Translation from "src/nls/translation";
    import PartFactory from "src/content-element/part/part-factory";
    import DesignHelper from "src/design/design-helper";
}
declare module "src/bsi-property" {
    /**
     * @param {string} property
     * @param {*} [fallback]
     * @returns {*}
     */
    export default function bsiProperty(property: string, fallback?: any): any;
}
declare module "export/browser" {
    import DesignJsonProperty from "src/design-json-property";
    import AbstractBuilder from "src/abstract-builder";
    import AbstractConstant from "src/abstract-constant";
    import BuilderObjectNormalizer from "src/builder-object-normalizer";
    import ObjectCloner from "src/object-cloner";
    import RawValue from "src/raw-value";
    import * as Locale from "src/design/locale";
    import * as WebsiteContentType from "src/design/websiteContentType";
    import * as SchemaVersion from "src/design/schema-version";
    import Design from "src/design/design";
    import ContentElementGroup from "src/content-element/content-element-group";
    import Dropzone from "src/dropzone/dropzone";
    import * as Version from "src/version";
    import * as DesignType from "src/design-type";
    import * as Feature from "src/html-editor-config/feature";
    import * as EnterMode from "src/html-editor-config/enter-mode";
    import * as FontSizeUnit from "src/html-editor-config/font-size-unit";
    import * as Format from "src/html-editor-config/format";
    import HtmlEditorConfig from "src/html-editor-config/html-editor-config";
    import Style from "src/style/style";
    import CssClass from "src/style/css-class";
    import StyleOption from "src/style/style-option";
    import DomManipulation from "src/style/dom-manipulation";
    import * as Icon from "src/content-element/icon";
    import ContentElement from "src/content-element/content-element";
    import Part from "src/content-element/part/part";
    import Website from "src/website/website";
    import PageInclude from "src/website/page-include";
    import Include from "src/website/include";
    import NLS from "src/nls/nls";
    import Translation from "src/nls/translation";
    /**
     * A collection of various builder factory methods.
     *
     * @type {DesignFactory}
     */
    export const cx: DesignFactory;
    import bsiProperty from "src/bsi-property";
    import DesignFactory from "src/design/design-factory";
    export { DesignJsonProperty, AbstractBuilder, AbstractConstant, BuilderObjectNormalizer, ObjectCloner, RawValue, Locale, WebsiteContentType, SchemaVersion, Design, ContentElementGroup, Dropzone, Version, DesignType, Feature, EnterMode, FontSizeUnit, Format, HtmlEditorConfig, Style, CssClass, StyleOption, DomManipulation, Icon, ContentElement, Part, Website, PageInclude, Include, NLS, Translation, bsiProperty };
}
declare module "@bsi-cx/design-build" {
    export * from "export/main";
    export * from "export/browser";
}
//# sourceMappingURL=types.d.ts.map