/*!
Copyright © 2024 Open Text Corporation, All Rights Reserved.

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
import { OcpdBaseElementDesigner } from '../base-element-designer/ocpd-base-element-designer';
import { Config } from '../../models/control-config';
import { Designer } from '../designer/designer';
import { Model, OcpdItemManagerHelper } from '../../singletons/ocpd-item-manager-helper';
import { OcpdFormClientAPIService } from '../../singletons/ocpd-form-client-api-service';
import { OcpdLocalizationService } from '../../singletons/ocpd-localization-service';
import { OcpdStringLocalizationHelper } from '../../singletons/ocpd-string-localization';
import { ControlToolbox, General, PreviewWindow } from '../../models/localization-types';
import { Template } from '../../models/global-types';
import { OcpdExportJsonToRuntime } from '../../singletons/ocpd-export-json-to-runtime';
import { OcpdConfigurationManager } from '../../singletons/ocpd-configuration-manager';
import { OcpdPropertiesPaneConfigServiceComplete } from '../../singletons/ocpd-properties-pane-config-service-complete';
import { formDefinitionToolbar, previewToolbarSection, schemaToolbar } from '../../models/designer-config';
import { OcpdPersonalization } from '../../singletons/ocpd-personalization';
import { OcpdFormSchemaManager } from '../../singletons/ocpd-form-schema-manager';
export declare class DesignerToolbox extends OcpdBaseElementDesigner {
    _previewSeparator: HTMLDivElement;
    _deleteSeparator: HTMLDivElement;
    _undoRedoSeparator: HTMLDivElement;
    _personalizeButton: HTMLButtonElement;
    _redoButton: HTMLButtonElement;
    _undoButton: HTMLButtonElement;
    _cutButton: HTMLButtonElement;
    _copyButton: HTMLButtonElement;
    _pasteButton: HTMLButtonElement;
    _deleteButton: HTMLButtonElement;
    _saveTemplateButton: HTMLButtonElement;
    _saveLayoutTemplateButton: HTMLButtonElement;
    _popupContent: any;
    _designer: Designer;
    _undoButtonEventHandler: any;
    _redoButtonEventHandler: any;
    _cutButtonEventHandler: any;
    _copyButtonEventHandler: any;
    _pasteButtonEventHandler: any;
    _deleteButtonEventHandler: any;
    _ocpdPropertiesPaneConfigServiceComplete: OcpdPropertiesPaneConfigServiceComplete;
    _ocpdItemManagerHelper: OcpdItemManagerHelper;
    _ocpdFormClientAPIService: OcpdFormClientAPIService;
    _ocpdLocalizationService: OcpdLocalizationService;
    _ocpdStringLocalizationHelper: OcpdStringLocalizationHelper;
    _ocpdExportJsonToRuntime: OcpdExportJsonToRuntime;
    _ocpdConfigurationManager: OcpdConfigurationManager;
    _ocpdPersonalization: OcpdPersonalization;
    _ocpdFormSchemaManager: OcpdFormSchemaManager;
    _saveLayoutTemplateEventHandler: any;
    _saveTemplateEventHandler: any;
    _addTemplateEventHandler: any;
    _showPreviewEventHandler: any;
    _keyDownEventHandler: any;
    _toolboxContainer: HTMLDivElement;
    _themeSelectorContainer: HTMLDivElement;
    _formControlLocaleSelectorContainer: any;
    _formControlCanvasThemeSelectorContainer: any;
    _formControlThemeSelectorContainer: any;
    _canvasThemeSelectorContainer: HTMLDivElement;
    _localeData: ControlToolbox;
    _localeDataPreview: PreviewWindow;
    _localeDataGeneral: General;
    _propertiesSaveLayoutTemplateActionButton: HTMLButtonElement;
    _propertiesSaveTemplateActionButton: HTMLButtonElement;
    _previewButton: HTMLButtonElement;
    _addTemplateButton: HTMLButtonElement;
    _currentId: string;
    _dialogCompleteEventHandler: any;
    sendMessageToRuntime: any;
    themeUIIds: {
        canvasTheme: string;
        theme: string;
        previewTheme: string;
    };
    static get tagName(): string;
    getBoolean(booleanString: any): "false" | "true";
    toggleVisualState(actionName: any): void;
    executeAction(eventData: any): void;
    styleThemeSelectorAsJato(dropdown: any, themeName: any, selectContainer: any): void;
    themeChanged(themeName: any): void;
    userInterfaceLocaleChanged(locale: string): Promise<void>;
    getTooltipText(element: any, elementHost: any): any;
    constructor();
    connectedCallback(config: Config): Promise<void>;
    getThemeModel(itemId: any): {
        id: any;
        schemaId: string;
        data: {
            designerThemeSelector: string;
        };
    };
    addThemeSelector(themeContainer: any, cssClass: any, labelText: any, itemId: any, supportedThemes: any): Promise<void>;
    isUndoRedoSeparatorRequired(): boolean;
    removeEventListeners(): void;
    addEventListeners(): void;
    keyDown(event: KeyboardEvent): Promise<void>;
    setFocusableElement(element: Element): boolean;
    isSelectorContainer(element: Element): boolean;
    isFocusableElement(element: Element): boolean;
    getCurrentElementIndex(element: Element, toolboxElements: HTMLCollection): number;
    undo(): Promise<void>;
    redo(): Promise<void>;
    cut(): Promise<void>;
    copy(): Promise<void>;
    paste(): Promise<void>;
    delete(): Promise<void>;
    disconnectedCallback(): void;
    getLocaleModel(): {
        id: string;
        schemaId: string;
        data: {
            designerLocaleSelector: string;
        };
    };
    addLocaleSelector(): Promise<void>;
    getSchema(): {
        $id: string;
        title: string;
        type: string;
        required: string[];
        properties: {
            designerLocaleSelector: {
                otMinLength: number;
                type: string;
                otOptions: any[];
                default: string;
            };
        };
        additionalProperties: boolean;
    };
    buildLocaleOptions(): any[];
    getLocaleUIConfig(): {
        type: string;
        id: string;
        title: {
            show: boolean;
            text: string;
        };
        controls: {
            label: {
                text: string;
                width: string;
                position: string;
                show: boolean;
            };
            placeholder: string;
            tooltip: string;
            labelStyle: string;
            textStyle: string;
            propertyPath: string;
            type: string;
            id: string;
        }[];
    };
    saveLayoutTemplate(event: any): Promise<void>;
    getLabelOrTitle(config: Config): string;
    addSchemasToSchemaCache(additionalSchemas: any): void;
    doesThemeExist(schema: any): any;
    addPreviewData(): Promise<{
        model: {
            id: string;
            schemaId: string;
            data: {
                fac6a3a59baf40a38ed3842af71a502f: boolean;
                cef896225dfe43f7b6afaf6905aa29b5: boolean;
            };
            serviceName: string;
        };
        schema: any;
        additionalSchemas: any;
    }>;
    getThemeSchema(supportedThemes: any): {
        $id: string;
        title: string;
        type: string;
        required: string[];
        properties: {
            designerThemeSelector: {
                otMinLength: number;
                type: string;
                otOptions: any;
                default: string;
            };
        };
        additionalProperties: boolean;
    };
    getThemeUIConfig(labelText: any): {
        type: string;
        id: string;
        title: {
            show: boolean;
            text: string;
        };
        controls: {
            label: {
                text: any;
                width: string;
                position: string;
                show: boolean;
            };
            placeholder: any;
            tooltip: any;
            labelStyle: string;
            textStyle: string;
            propertyPath: string;
            type: string;
            id: string;
        }[];
    };
    getButtons(): any[];
    getThemes(themeName: string): Promise<{
        JATOLight: {
            "--ocp-action-bar-on": string;
            "--ocpd-svg-control-image-inverted": string;
            "--ocp-side-bar-border-top": string;
            "--ocp-toggle-switch-off-background-color": string;
            "--ocp-toggle-switch-off-background-color-hover": string;
            "--ocp-toggle-switch-off-background-color-active": string;
            "--ocp-toggle-switch-on-background-color": string;
            "--ocp-toggle-switch-on-background-color-hover": string;
            "--ocp-toggle-switch-on-background-color-active": string;
            "--ocp-toggle-switch-off-background-color-disabled": string;
            "--ocp-toggle-switch-on-circle-border-color": string;
            "--ocp-toggle-switch-on-background-color-disabled": string;
            "--ocp-toggle-switch-off-border-color": string;
            "--ocp-toggle-switch-off-border-color-hover": string;
            "--ocp-toggle-switch-off-border-color-active": string;
            "--ocp-toggle-switch-off-border-color-disabled": string;
            "--ocp-toggle-switch-on-border-color": string;
            "--ocp-toggle-switch-on-border-color-hover": string;
            "--ocp-toggle-switch-on-border-color-active": string;
            "--ocp-toggle-switch-on-border-color-disabled": string;
            "--ocp-toggle-switch-on-circle-background-color-disabled": string;
            "--ocp-scrollbar-thumb-color": string;
            "--ocp-error-background-color": string;
            "--ocp-error-border-color": string;
            "--ocp-error-color": string;
            "--ocp-required-color": string;
            "--ocp-font-family": string;
            "--ocp-input-label-color": string;
            "--ocp-input-label-font-size": string;
            "--ocp-input-entry-font-size": string;
            "--ocp-input-entry-background-color": string;
            "--ocp-input-entry-background-color-disabled": string;
            "--ocp-input-entry-color": string;
            "--ocp-input-entry-color-disabled": string;
            "--ocp-input-entry-color-read-only": string;
            "--ocp-input-entry-border-color": string;
            "--ocp-input-entry-border-block-end-color": string;
            "--ocp-input-entry-border-color-focus": string;
            "--ocp-input-entry-border-color-disabled": string;
            "--ocp-input-entry-background-color-hover": string;
            "--ocp-input-entry-border-color-hover": string;
            "--ocp-input-entry-border-color-focus-hover": string;
            "--ocp-input-entry-error-background-color": string;
            "--ocp-input-entry-error-border-color": string;
            "--ocp-input-entry-error-border-block-end-color": string;
            "--ocp-input-entry-error-border-color-focus": string;
            "--ocp-focus-frame-border-color": string;
            "--ocp-focus-frame-shadow-color": string;
            "--ocp-container-box-shadow-color": string;
            "--ocp-container-border-color": string;
            "--ocp-container-header-color": string;
            "--ocp-container-header-font-size": string;
            "--ocp-container-header-background-color": string;
            "--ocp-container-content-background-color": string;
            "--ocp-input-background-color": string;
            "--ocp-list-alternate-background-color": string;
            "--ocp-list-background-color": string;
            "--ocp-list-background-color-hover": string;
            "--ocp-list-background-color-selected": string;
            "--ocp-list-background-color-active": string;
            "--ocp-list-box-shadow": string;
            "--ocp-list-color": string;
            "--ocp-list-color-selected": string;
            "--ocp-list-color-active": string;
            "--ocp-separator-border-color": string;
            "--ocp-button-font-size": string;
            "--ocp-button-border-radius": string;
            "--ocp-button-primary-border-color": string;
            "--ocp-button-primary-color": string;
            "--ocp-button-primary-color-hover": string;
            "--ocp-button-primary-color-active": string;
            "--ocp-button-primary-color-disabled": string;
            "--ocp-button-primary-background-color": string;
            "--ocp-button-primary-background-color-hover": string;
            "--ocp-button-primary-background-color-active": string;
            "--ocp-button-primary-background-color-disabled": string;
            "--ocp-button-secondary-color": string;
            "--ocp-button-secondary-color-hover": string;
            "--ocp-button-secondary-color-active": string;
            "--ocp-button-secondary-color-disabled": string;
            "--ocp-button-secondary-border-color": string;
            "--ocp-button-secondary-border-color-hover": string;
            "--ocp-button-secondary-border-color-active": string;
            "--ocp-button-secondary-border-color-disabled": string;
            "--ocp-button-secondary-background-color": string;
            "--ocp-button-secondary-background-color-hover": string;
            "--ocp-button-secondary-background-color-active": string;
            "--ocp-button-secondary-background-color-disabled": string;
            "--ocp-button-subtle-color": string;
            "--ocp-button-subtle-color-hover": string;
            "--ocp-button-subtle-color-active": string;
            "--ocp-button-subtle-color-disabled": string;
            "--ocp-button-subtle-background-color-hover": string;
            "--ocp-button-subtle-background-color-active": string;
            "--ocp-button-subtle-selected-color": string;
            "--ocp-button-subtle-selected-color-hover": string;
            "--ocp-button-subtle-selected-color-active": string;
            "--ocp-button-subtle-selected-background-color": string;
            "--ocp-button-subtle-selected-background-color-hover": string;
            "--ocp-button-subtle-selected-background-color-active": string;
            "--ocp-svg-chevron": string;
            "--ocp-svg-chevron-disabled": string;
            "--ocp-svg-funnel": string;
            "--ocp-svg-tick": string;
            "--ocp-checkbox-off-background-color": string;
            "--ocp-checkbox-off-background-color-hover": string;
            "--ocp-checkbox-off-background-color-active": string;
            "--ocp-checkbox-off-background-color-disabled": string;
            "--ocp-checkbox-on-background-color": string;
            "--ocp-checkbox-on-background-color-hover": string;
            "--ocp-checkbox-on-background-color-active": string;
            "--ocp-checkbox-background-color-read-only": string;
            "--ocp-checkbox-on-background-color-disabled": string;
            "--ocp-checkbox-off-border-color": string;
            "--ocp-checkbox-on-border-color": string;
            "--ocp-checkbox-border-color-hover": string;
            "--ocp-checkbox-border-color-active": string;
            "--ocp-checkbox-border-color-read-only": string;
            "--ocp-checkbox-border-color-disabled": string;
            "--ocp-svg-checkbox-off-hover": string;
            "--ocp-svg-checkbox-off-active": string;
            "--ocp-svg-checkbox-on": string;
            "--ocp-svg-checkbox-on-active": string;
            "--ocp-svg-checkbox-on-hover": string;
            "--ocp-svg-checkbox-on-read-only": string;
            "--ocp-svg-checkbox-on-disabled": string;
            "--ocp-data-grid-background-color": string;
            "--ocp-date-picker-background-color": string;
            "--ocp-date-picker-background-color-selected": string;
            "--ocp-date-picker-background-color-hover": string;
            "--ocp-date-picker-background-color-active": string;
            "--ocp-date-picker-color-selected": string;
            "--ocp-date-picker-color-disabled": string;
            "--ocp-date-picker-border-color": string;
            "--ocp-date-picker-border-color-selected": string;
            "--ocp-date-picker-box-shadow-color": string;
            "--ocp-date-picker-box-shadow-color-focus": string;
            "--ocp-date-picker-outline-color-selected": string;
            "--ocp-date-picker-toggle-outline-color": string;
            "--ocp-date-picker-toggle-background-color-selected-hover": string;
            "--ocp-date-picker-toggle-background-color-selected-active": string;
            "--ocp-date-picker-current-day-color": string;
            "--ocp-date-picker-separator-border-color": string;
            "--ocp-data-grid-column-header-color": string;
            "--ocp-data-grid-header-border-color": string;
            "--ocp-svg-magnifying-glass": string;
            "--ocp-svg-arrow-left": string;
            "--ocp-svg-horizontal-arrow": string;
            "--ocp-svg-calendar-icon": string;
            "--ocp-svg-calendar-icon-disabled": string;
            "--ocp-svg-error": string;
            "--ocp-tabs-selected-tab-bottom-border-color-selected": string;
            "--ocp-tabs-selected-tab-bottom-border-color-hover": string;
            "--ocp-tabs-selected-tab-bottom-border-color-active": string;
            "--ocp-tooltip-background-color": string;
            "--ocp-tooltip-color": string;
            "--ocp-tooltip-box-shadow-color": string;
            "--ocpd-svg-arrow-back": string;
            "--ocpd-svg-cut": string;
            "--ocpd-svg-copy": string;
            "--ocpd-svg-paste": string;
            "--ocpd-svg-delete": string;
            "--ocpd-svg-preview": string;
            "--ocp-svg-chevron-last": string;
            "--ocp-svg-chevron-first": string;
            "--ocp-svg-plus": string;
            "--ocp-svg-no-entry": string;
            "--ocpd-svg-add-template": string;
            "--ocpd-svg-save-layout-template": string;
            "--ocpd-svg-save-template": string;
            "--ocpd-svg-control-accordion": string;
            "--ocpd-svg-control-button": string;
            "--ocpd-svg-control-check-box": string;
            "--ocpd-svg-control-checkbox-group": string;
            "--ocpd-svg-control-combo-box": string;
            "--ocpd-svg-control-container": string;
            "--ocpd-svg-control-iframe": string;
            "--ocpd-svg-control-table": string;
            "--ocpd-svg-control-date": string;
            "--ocpd-svg-control-datetime": string;
            "--ocpd-svg-control-h-flex": string;
            "--ocpd-svg-control-image": string;
            "--ocpd-svg-control-image-button": string;
            "--ocpd-svg-control-integer": string;
            "--ocpd-svg-control-label": string;
            "--ocpd-svg-control-link": string;
            "--ocpd-svg-control-rtf": string;
            "--ocpd-svg-control-select-box": string;
            "--ocpd-svg-control-number": string;
            "--ocpd-svg-control-radio-group": string;
            "--ocpd-svg-control-section": string;
            "--ocpd-svg-control-separator": string;
            "--ocpd-svg-control-tabs": string;
            "--ocpd-svg-control-text-box": string;
            "--ocpd-svg-control-text-area": string;
            "--ocpd-svg-control-toggle-switch": string;
            "--ocpd-svg-control-upload": string;
            "--ocpd-svg-control-user-control": string;
            "--ocpd-svg-control-v-flex": string;
            "--ocpd-svg-control-currency": string;
            "--ocpd-svg-control-form-container": string;
            "--ocpd-svg-user-icon": string;
            "--ocpd-svg-warning": string;
            "--ocp-svg-plus-curved-corners": string;
            "--ocp-svg-plus-curved-corners-hover": string;
            "--ocp-svg-plus-curved-corners-active": string;
            "--ocp-svg-plus-curved-corners-focus": string;
            "--ocp-svg-plus-curved-corners-focus-within": string;
            "--ocp-svg-delete": string;
            "--ocp-svg-delete-curved-corners": string;
            "--ocp-svg-delete-curved-corners-hover": string;
            "--ocp-svg-delete-curved-corners-active": string;
            "--ocp-svg-delete-curved-corners-focus": string;
            "--ocp-svg-dialog-close-button": string;
            "--ocp-faceted-filtering-border-color": string;
            "--ocp-faceted-filtering-count-background-color": string;
            "--ocp-svg-double-chevron": string;
            "--ocp-svg-curved-edged-chevron": string;
            "--ocp-link-unvisited-color": string;
            "--ocp-link-hover-color": string;
            "--ocp-link-active-color": string;
            "--ocp-link-visited-color": string;
            "--ocp-link-visited-hover-color": string;
            "--ocp-link-visited-active-color": string;
            "--ocp-svg-preview-desktop": string;
            "--ocp-svg-preview-laptop": string;
            "--ocp-svg-preview-tablet": string;
            "--ocp-svg-preview-mobile": string;
            "--ocp-svg-preview-editable": string;
            "--ocp-svg-preview-disabled": string;
            "--ocp-svg-preview-readonly": string;
            "--ocp-svg-preview-model-schema": string;
            "--ocp-svg-preview-form-schema": string;
            "--ocp-svg-preview-merged-schema": string;
            "--ocp-svg-preview-design-definition": string;
            "--ocp-svg-preview-runtime-definition": string;
            "--ocp-svg-omni-button": string;
            "--ocp-svg-radio": string;
            "--ocp-svg-radio-on": string;
            "--ocp-svg-radio-disabled": string;
            "--ocp-svg-radio-on-disabled": string;
            "--ocp-svg-radio-hover": string;
            "--ocp-svg-radio-on-hover": string;
            "--ocp-svg-radio-active": string;
            "--ocp-svg-radio-on-active": string;
            "--ocp-svg-radio-on-read-only": string;
            "--ocp-svg-row-drag-handle": string;
            "--ocp-component-property-svg": string;
            "--ocp-component-condition-svg": string;
            "--ocp-component-system-svg": string;
            "--ocp-component-function-svg": string;
            "--ocp-svg-warning": string;
        };
        JATODark: {
            "--ocp-action-bar-on": string;
            "--ocpd-svg-control-image-inverted": string;
            "--ocp-side-bar-border-top": string;
            "--ocp-toggle-switch-off-background-color": string;
            "--ocp-toggle-switch-off-background-color-hover": string;
            "--ocp-toggle-switch-off-background-color-active": string;
            "--ocp-toggle-switch-on-background-color": string;
            "--ocp-toggle-switch-on-background-color-hover": string;
            "--ocp-toggle-switch-on-background-color-active": string;
            "--ocp-toggle-switch-on-circle-border-color": string;
            "--ocp-toggle-switch-off-background-color-disabled": string;
            "--ocp-toggle-switch-on-background-color-disabled": string;
            "--ocp-toggle-switch-off-border-color": string;
            "--ocp-toggle-switch-off-border-color-hover": string;
            "--ocp-toggle-switch-off-border-color-active": string;
            "--ocp-toggle-switch-off-border-color-disabled": string;
            "--ocp-toggle-switch-on-border-color": string;
            "--ocp-toggle-switch-on-border-color-hover": string;
            "--ocp-toggle-switch-on-border-color-active": string;
            "--ocp-toggle-switch-on-border-color-disabled": string;
            "--ocp-toggle-switch-on-circle-background-color-disabled": string;
            "--ocp-scrollbar-thumb-color": string;
            "--ocp-error-background-color": string;
            "--ocp-error-border-color": string;
            "--ocp-error-color": string;
            "--ocp-required-color": string;
            "--ocp-font-family": string;
            "--ocp-input-label-color": string;
            "--ocp-input-label-font-size": string;
            "--ocp-input-entry-font-size": string;
            "--ocp-input-entry-background-color": string;
            "--ocp-input-entry-background-color-disabled": string;
            "--ocp-input-entry-color": string;
            "--ocp-input-entry-color-disabled": string;
            "--ocp-input-entry-color-read-only": string;
            "--ocp-input-entry-border-color": string;
            "--ocp-input-entry-border-block-end-color": string;
            "--ocp-input-entry-border-color-focus": string;
            "--ocp-input-entry-border-color-disabled": string;
            "--ocp-input-entry-background-color-hover": string;
            "--ocp-input-entry-border-color-hover": string;
            "--ocp-input-entry-border-color-focus-hover": string;
            "--ocp-input-entry-error-background-color": string;
            "--ocp-input-entry-error-border-color": string;
            "--ocp-input-entry-error-border-block-end-color": string;
            "--ocp-input-entry-error-border-color-focus": string;
            "--ocp-focus-frame-border-color": string;
            "--ocp-focus-frame-shadow-color": string;
            "--ocp-container-box-shadow-color": string;
            "--ocp-container-border-color": string;
            "--ocp-container-header-color": string;
            "--ocp-container-header-font-size": string;
            "--ocp-container-header-background-color": string;
            "--ocp-container-content-background-color": string;
            "--ocp-input-background-color": string;
            "--ocp-list-alternate-background-color": string;
            "--ocp-list-background-color": string;
            "--ocp-list-background-color-hover": string;
            "--ocp-list-background-color-selected": string;
            "--ocp-list-background-color-active": string;
            "--ocp-list-box-shadow": string;
            "--ocp-list-color": string;
            "--ocp-list-color-selected": string;
            "--ocp-list-color-active": string;
            "--ocp-separator-border-color": string;
            "--ocp-button-font-size": string;
            "--ocp-button-border-radius": string;
            "--ocp-button-primary-border-color": string;
            "--ocp-button-primary-color": string;
            "--ocp-button-primary-color-hover": string;
            "--ocp-button-primary-color-active": string;
            "--ocp-button-primary-color-disabled": string;
            "--ocp-button-primary-background-color": string;
            "--ocp-button-primary-background-color-hover": string;
            "--ocp-button-primary-background-color-active": string;
            "--ocp-button-primary-background-color-disabled": string;
            "--ocp-button-secondary-color": string;
            "--ocp-button-secondary-color-hover": string;
            "--ocp-button-secondary-color-active": string;
            "--ocp-button-secondary-color-disabled": string;
            "--ocp-button-secondary-border-color": string;
            "--ocp-button-secondary-border-color-hover": string;
            "--ocp-button-secondary-border-color-active": string;
            "--ocp-button-secondary-border-color-disabled": string;
            "--ocp-button-secondary-background-color": string;
            "--ocp-button-secondary-background-color-hover": string;
            "--ocp-button-secondary-background-color-active": string;
            "--ocp-button-secondary-background-color-disabled": string;
            "--ocp-button-subtle-color": string;
            "--ocp-button-subtle-color-hover": string;
            "--ocp-button-subtle-color-active": string;
            "--ocp-button-subtle-color-disabled": string;
            "--ocp-button-subtle-background-color-hover": string;
            "--ocp-button-subtle-background-color-active": string;
            "--ocp-button-subtle-selected-color": string;
            "--ocp-button-subtle-selected-color-hover": string;
            "--ocp-button-subtle-selected-color-active": string;
            "--ocp-button-subtle-selected-background-color": string;
            "--ocp-button-subtle-selected-background-color-hover": string;
            "--ocp-button-subtle-selected-background-color-active": string;
            "--ocp-svg-chevron": string;
            "--ocp-svg-chevron-disabled": string;
            "--ocp-svg-funnel": string;
            "--ocp-svg-tick": string;
            "--ocp-checkbox-off-background-color": string;
            "--ocp-checkbox-off-background-color-hover": string;
            "--ocp-checkbox-off-background-color-active": string;
            "--ocp-checkbox-off-background-color-disabled": string;
            "--ocp-checkbox-on-background-color": string;
            "--ocp-checkbox-on-background-color-hover": string;
            "--ocp-checkbox-on-background-color-active": string;
            "--ocp-checkbox-background-color-read-only": string;
            "--ocp-checkbox-on-background-color-disabled": string;
            "--ocp-checkbox-off-border-color": string;
            "--ocp-checkbox-on-border-color": string;
            "--ocp-checkbox-border-color-hover": string;
            "--ocp-checkbox-border-color-active": string;
            "--ocp-checkbox-border-color-read-only": string;
            "--ocp-checkbox-border-color-disabled": string;
            "--ocp-svg-checkbox-off-hover": string;
            "--ocp-svg-checkbox-off-active": string;
            "--ocp-svg-checkbox-on": string;
            "--ocp-svg-checkbox-on-hover": string;
            "--ocp-svg-checkbox-on-active": string;
            "--ocp-svg-checkbox-on-read-only": string;
            "--ocp-svg-checkbox-on-disabled": string;
            "--ocp-data-grid-background-color": string;
            "--ocp-date-picker-background-color": string;
            "--ocp-date-picker-background-color-selected": string;
            "--ocp-date-picker-background-color-hover": string;
            "--ocp-date-picker-background-color-active": string;
            "--ocp-date-picker-color-selected": string;
            "--ocp-date-picker-color-disabled": string;
            "--ocp-date-picker-border-color": string;
            "--ocp-date-picker-border-color-selected": string;
            "--ocp-date-picker-box-shadow-color": string;
            "--ocp-date-picker-box-shadow-color-focus": string;
            "--ocp-date-picker-outline-color-selected": string;
            "--ocp-date-picker-toggle-outline-color": string;
            "--ocp-date-picker-toggle-background-color-selected-hover": string;
            "--ocp-date-picker-toggle-background-color-selected-active": string;
            "--ocp-date-picker-current-day-color": string;
            "--ocp-date-picker-separator-border-color": string;
            "--ocp-data-grid-column-header-color": string;
            "--ocp-data-grid-header-border-color": string;
            "--ocp-svg-magnifying-glass": string;
            "--ocp-svg-arrow-left": string;
            "--ocp-svg-horizontal-arrow": string;
            "--ocp-svg-calendar-icon": string;
            "--ocp-svg-calendar-icon-disabled": string;
            "--ocp-svg-error": string;
            "--ocp-tabs-selected-tab-bottom-border-color-selected": string;
            "--ocp-tabs-selected-tab-bottom-border-color-hover": string;
            "--ocp-tabs-selected-tab-bottom-border-color-active": string;
            "--ocp-tooltip-background-color": string;
            "--ocp-tooltip-color": string;
            "--ocp-tooltip-box-shadow-color": string;
            "--ocp-svg-chevron-last": string;
            "--ocp-svg-chevron-first": string;
            "--ocp-svg-plus": string;
            "--ocp-svg-no-entry": string;
            "--ocpd-svg-arrow-back": string;
            "--ocpd-svg-cut": string;
            "--ocpd-svg-copy": string;
            "--ocpd-svg-paste": string;
            "--ocpd-svg-delete": string;
            "--ocpd-svg-preview": string;
            "--ocpd-svg-add-template": string;
            "--ocpd-svg-save-layout-template": string;
            "--ocpd-svg-save-template": string;
            "--ocpd-svg-person": string;
            "--ocpd-svg-control-accordion": string;
            "--ocpd-svg-control-button": string;
            "--ocpd-svg-control-check-box": string;
            "--ocpd-svg-control-checkbox-group": string;
            "--ocpd-svg-control-combo-box": string;
            "--ocpd-svg-control-container": string;
            "--ocpd-svg-control-iframe": string;
            "--ocpd-svg-control-table": string;
            "--ocpd-svg-control-date": string;
            "--ocpd-svg-control-datetime": string;
            "--ocpd-svg-control-h-flex": string;
            "--ocpd-svg-control-image": string;
            "--ocpd-svg-control-image-button": string;
            "--ocpd-svg-control-integer": string;
            "--ocpd-svg-control-label": string;
            "--ocpd-svg-control-link": string;
            "--ocpd-svg-control-rtf": string;
            "--ocpd-svg-control-select-box": string;
            "--ocpd-svg-control-number": string;
            "--ocpd-svg-control-radio-group": string;
            "--ocpd-svg-control-section": string;
            "--ocpd-svg-control-separator": string;
            "--ocpd-svg-control-tabs": string;
            "--ocpd-svg-control-text-box": string;
            "--ocpd-svg-control-text-area": string;
            "--ocpd-svg-control-toggle-switch": string;
            "--ocpd-svg-control-upload": string;
            "--ocpd-svg-control-user-control": string;
            "--ocpd-svg-control-currency": string;
            "--ocpd-svg-control-v-flex": string;
            "--ocpd-svg-control-form-container": string;
            "--ocpd-svg-user-icon": string;
            "--ocpd-svg-warning": string;
            "--ocpd-svg-globe": string;
            "--ocp-svg-plus-curved-corners": string;
            "--ocp-svg-plus-curved-corners-hover": string;
            "--ocp-svg-plus-curved-corners-active": string;
            "--ocp-svg-plus-curved-corners-focus": string;
            "--ocp-svg-plus-curved-corners-focus-within": string;
            "--ocp-svg-delete": string;
            "--ocp-svg-delete-curved-corners": string;
            "--ocp-svg-delete-curved-corners-hover": string;
            "--ocp-svg-delete-curved-corners-active": string;
            "--ocp-svg-delete-curved-corners-focus": string;
            "--ocp-svg-dialog-close-button": string;
            "--ocp-faceted-filtering-border-color": string;
            "--ocp-faceted-filtering-count-background-color": string;
            "--ocp-svg-double-chevron": string;
            "--ocp-svg-curved-edged-chevron": string;
            "--ocp-link-unvisited-color": string;
            "--ocp-link-hover-color": string;
            "--ocp-link-active-color": string;
            "--ocp-link-visited-color": string;
            "--ocp-link-visited-hover-color": string;
            "--ocp-link-visited-active-color": string;
            "--ocp-svg-preview-desktop": string;
            "--ocp-svg-preview-laptop": string;
            "--ocp-svg-preview-tablet": string;
            "--ocp-svg-preview-mobile": string;
            "--ocp-svg-preview-editable": string;
            "--ocp-svg-preview-disabled": string;
            "--ocp-svg-preview-readonly": string;
            "--ocp-svg-preview-model-schema": string;
            "--ocp-svg-preview-form-schema": string;
            "--ocp-svg-preview-merged-schema": string;
            "--ocp-svg-preview-design-definition": string;
            "--ocp-svg-preview-runtime-definition": string;
            "--ocp-svg-omni-button": string;
            "--ocp-svg-radio": string;
            "--ocp-svg-radio-on": string;
            "--ocp-svg-radio-disabled": string;
            "--ocp-svg-radio-on-disabled": string;
            "--ocp-svg-radio-hover": string;
            "--ocp-svg-radio-on-hover": string;
            "--ocp-svg-radio-active": string;
            "--ocp-svg-radio-on-active": string;
            "--ocp-svg-radio-on-read-only": string;
            "--ocp-svg-row-drag-handle": string;
            "--ocp-component-property-svg": string;
            "--ocp-component-condition-svg": string;
            "--ocp-component-system-svg": string;
            "--ocp-component-function-svg": string;
            "--ocp-svg-warning": string;
        };
        OTClassic: {};
    }>;
    initializeAndDisplayPreviewDialog(title: string, dialogJson: any, itemId: string, toolbarConfig: any, schemaConfig: any, definitionConfig: any): Promise<void>;
    applyDefaultSettings(toolbarConfig: any, schemaConfig: any, definitionConfig: any): void;
    initializeAndDisplayDialog(title: string, isLayoutTemplate: boolean, dialogJson: any, model: any, itemId: string, isAddTemplate: boolean): Promise<void>;
    setPreviewResolution(resolutionName: any): void;
    isDialogComplete(itemId: any, isAddTemplate: any, event: any): void;
    getPopupRootSchema(): {
        $id: string;
        title: string;
        type: string;
        properties: {
            name: {
                type: string;
            };
            description: {
                type: string;
            };
            designerJSON: {
                type: string;
            };
        };
        additionalProperties: boolean;
    };
    closeInterceptor(isLayoutTemplate: any, itemId: any, isAddTemplate: any, event: any, button: any): void;
    getActiveTab(): any;
    getChildModels(allModels: any, id: any): Config[];
    getTemplateSkeleton(id: any, rootElementType: any): Template;
    getJSONForPreview(): {
        runtimeJSON: any;
        designerJSON: Model[];
    };
    getMaxRow(previewJSON: any): number;
    getTemplateRows(numberOfRows: any, hasActionBarInFirstRow?: boolean): string;
    showOnlyForm(previewToolbarConfig: previewToolbarSection, previewSchemaToolbarConfig: schemaToolbar, previewDefinitionToolbarConfig: formDefinitionToolbar): boolean;
    getTemplateRowsForAvailableHeight(availableHeight: any, forcedFirstRowHeight?: any): {
        templateRows: string;
        rows: number;
    };
    getPreviewDialogJson(previewJSON: any, designerJSON: any, toolbarConfig: any, schemaConfig: any, definitionConfig: any): Promise<any>;
    addPreviewToggles(previewToolbarConfig: previewToolbarSection): {
        type: string;
        numberOfColumns: number;
        grid: {
            gap: number;
            gridTemplateRows: string;
            noMargin: boolean;
        };
        id: string;
        controls: {
            gridColumnStart: number;
            gridColumnEnd: number;
            gridRowStart: number;
            gridRowEnd: number;
            type: string;
            id: string;
            border: string;
            title: {};
            controls: ({
                id: string;
                label: {
                    text: string;
                };
                groupName: string;
                isToggledOn: boolean;
                display: string;
                type: string;
                tooltip: string;
            } | {
                id: string;
                type: string;
                label?: undefined;
                groupName?: undefined;
                isToggledOn?: undefined;
                display?: undefined;
                tooltip?: undefined;
            })[];
        }[];
    };
    addSchemaToggles(previewSchemaToolbarConfig: schemaToolbar): {
        type: string;
        numberOfColumns: number;
        grid: {
            gap: number;
            gridTemplateRows: string;
            noMargin: boolean;
        };
        id: string;
        controls: {
            gridColumnStart: number;
            gridColumnEnd: number;
            gridRowStart: number;
            gridRowEnd: number;
            type: string;
            id: string;
            border: string;
            title: {};
            controls: {
                id: string;
                label: {
                    text: string;
                };
                groupName: string;
                isToggledOn: boolean;
                display: string;
                type: string;
                tooltip: string;
            }[];
        }[];
    };
    addConfigToggles(previewDefinitionToolbarConfig: formDefinitionToolbar): {
        type: string;
        numberOfColumns: number;
        grid: {
            gap: number;
            gridTemplateRows: string;
            noMargin: boolean;
        };
        id: string;
        controls: {
            gridColumnStart: number;
            gridColumnEnd: number;
            gridRowStart: number;
            gridRowEnd: number;
            type: string;
            id: string;
            border: string;
            title: {};
            controls: {
                id: string;
                label: {
                    text: string;
                };
                groupName: string;
                isToggledOn: boolean;
                display: string;
                type: string;
                tooltip: string;
            }[];
        }[];
    };
    getTemplateDialogJson(isAddTemplate: any): {
        type: string;
        id: string;
        controls: {
            width: string;
            type: string;
            id: string;
            controls: {
                type: string;
                numberOfColumns: number;
                grid: {
                    gap: number;
                    gridTemplateRows: string;
                };
                id: string;
                controls: ({
                    label: {
                        text: string;
                        position: string;
                    };
                    gridColumnStart: number;
                    gridColumnEnd: number;
                    gridRowStart: number;
                    gridRowEnd: number;
                    placeholder: string;
                    propertyPath: string;
                    required: boolean;
                    type: string;
                    id: string;
                } | {
                    label: {
                        text: string;
                        position: string;
                    };
                    gridColumnStart: number;
                    gridColumnEnd: number;
                    gridRowStart: number;
                    gridRowEnd: number;
                    placeholder: string;
                    propertyPath: string;
                    type: string;
                    id: string;
                    required?: undefined;
                })[];
            }[];
        }[];
    };
    addTemplate(event: any): Promise<void>;
    saveTemplate(event: any): Promise<void>;
    showPreview(event: any): Promise<void>;
    getCurrentTheme(): string;
    enableValidActionButtons(config: Config, currentId: any): void;
    get undoButton(): HTMLButtonElement;
    get redoButton(): HTMLButtonElement;
    get cutButton(): HTMLButtonElement;
    get copyButton(): HTMLButtonElement;
    get pasteButton(): HTMLButtonElement;
    get deleteButton(): HTMLButtonElement;
    get designer(): Designer;
    get localeSelectorContainer(): HTMLDivElement;
    get toolboxContainer(): HTMLDivElement;
    get propertiesSaveLayoutTemplateActionButton(): HTMLButtonElement;
    get propertiesSaveTemplateActionButton(): HTMLButtonElement;
    get previewButton(): HTMLButtonElement;
    get addTemplateButton(): HTMLButtonElement;
    get personalizeButton(): HTMLButtonElement;
    get undoRedoSeparator(): HTMLDivElement;
    get deleteSeparator(): HTMLDivElement;
    get previewSeparator(): HTMLDivElement;
    get themeSelectorContainer(): HTMLDivElement;
    get canvasThemeSelectorContainer(): HTMLDivElement;
    get formControlThemeSelectorContainer(): any;
    get formControlCanvasThemeSelectorContainer(): any;
    get formControlLocaleSelectorContainer(): any;
    systemConfigurationChanged(systemConfig: any, changes: any): void;
    getCss(themeName: any): string;
}