/*!
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 { OcpdComponentRegister } from '../../singletons/ocpd-component-register';
import { OcpdConfigurationManager } from '../../singletons/ocpd-configuration-manager';
export declare abstract class OcpdBaseElementDesigner extends HTMLElement {
    _mouseOverChangedEventHandler: any;
    _ocpdConfigurationManager: OcpdConfigurationManager;
    _ocpdComponentRegister: OcpdComponentRegister;
    tooltipElement: any;
    tooltip: any;
    tooltipId: string;
    tooltipTimer: number;
    fallbackTheme: {
        '--ocp-action-bar-on': string;
        '--ocp-side-bar-border-top': string;
        '--ocp-font-family': string;
        '--ocp-list-box-shadow': string;
        '--ocp-list-alternate-background-color': string;
        '--ocp-list-background-color': string;
        '--ocp-list-background-color-active': string;
        '--ocp-list-background-color-hover': string;
        '--ocp-list-background-color-selected': string;
        '--ocp-list-content-background-color': string;
        '--ocp-list-color': string;
        '--ocp-list-color-selected': string;
        '--ocp-list-color-active': string;
        '--ocp-list-label-color': string;
        '--ocp-list-border-color': string;
        '--ocp-list-border-color-selected': string;
        '--ocp-container-content-background-color': string;
        '--ocp-container-title-background-color': string;
        '--ocp-container-header-background-color': string;
        '--ocp-container-header-color': string;
        '--ocp-container-header-font-size': string;
        '--ocp-container-box-shadow-color': string;
        '--ocp-container-border-color': string;
        '--ocp-container-border-color-hover': string;
        '--ocp-container-border-color-focus': string;
        '--ocp-input-background-color': string;
        '--ocp-input-label-color': string;
        '--ocp-input-label-font-size': string;
        '--ocp-input-entry-background-color': string;
        '--ocp-input-entry-background-color-disabled': string;
        '--ocp-input-entry-font-size': 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-separator-border-color': string;
        '--ocp-button-font-size': string;
        '--ocp-button-small-font-size': string;
        '--ocp-button-large-font-size': string;
        '--ocp-button-border-radius': 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-border-color': string;
        '--ocp-button-primary-border-color-hover': string;
        '--ocp-button-primary-border-color-active': string;
        '--ocp-button-primary-border-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-border-color': string;
        '--ocp-button-subtle-border-color-hover': string;
        '--ocp-button-subtle-border-color-active': string;
        '--ocp-button-subtle-border-color-disabled': string;
        '--ocp-button-subtle-background-color': string;
        '--ocp-button-subtle-background-color-hover': string;
        '--ocp-button-subtle-background-color-active': string;
        '--ocp-button-subtle-background-color-disabled': 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-border-color': string;
        '--ocp-button-subtle-selected-border-color-hover': string;
        '--ocp-button-subtle-selected-border-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-scrollbar-track-color': string;
        '--ocp-scrollbar-thumb-color': string;
        '--ocp-scrollbar-track-size': string;
        '--ocp-scrollbar-thumb-border-size': string;
        '--ocp-scrollbar-thumb-border-size-hover': string;
        '--ocp-error-background-color': string;
        '--ocp-error-border-color': string;
        '--ocp-error-color': string;
        '--ocp-required-color': string;
        '--ocp-toggle-switch-on-background-color': string;
        '--ocp-toggle-switch-off-background-color': string;
        '--ocp-toggle-switch-circle-background-color': string;
        '--ocp-toggle-switch-on-background-color-hover': string;
        '--ocp-toggle-switch-off-background-color-hover': string;
        '--ocp-toggle-switch-on-background-color-active': string;
        '--ocp-toggle-switch-off-background-color-active': string;
        '--ocp-toggle-switch-on-background-color-disabled': string;
        '--ocp-toggle-switch-off-background-color-disabled': string;
        '--ocp-toggle-switch-on-circle-background-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-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-border-color-focus': string;
        '--ocp-svg-arrow-left': string;
        '--ocp-svg-arrow-left-active': string;
        '--ocp-svg-calendar-icon': string;
        '--ocp-svg-calendar-icon-disabled': string;
        '--ocp-checkbox-off-background-color': string;
        '--ocp-checkbox-off-background-color-hover': string;
        '--ocp-checkbox-off-background-color-active': string;
        '--ocp-checkbox-background-color-read-only': 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-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-chevron-last': string;
        '--ocp-svg-chevron-first': string;
        '--ocp-svg-checkbox-off': string;
        '--ocp-svg-checkbox-on': string;
        '--ocp-svg-checkbox-on-disabled': string;
        '--ocp-svg-checkbox-off-disabled': string;
        '--ocp-svg-checkbox-off-hover': string;
        '--ocp-svg-checkbox-off-active': string;
        '--ocp-svg-checkbox-on-active': string;
        '--ocp-svg-checkbox-on-hover': string;
        '--ocp-svg-checkbox-on-read-only': string;
        '--ocp-svg-chevron': string;
        '--ocp-svg-chevron-disabled': string;
        '--ocp-svg-curved-edged-chevron': string;
        '--ocp-svg-delete': string;
        '--ocp-svg-delete-curved-corners': string;
        '--ocp-svg-delete-curved-corners-active': string;
        '--ocp-svg-delete-curved-corners-hover': string;
        '--ocp-svg-delete-curved-corners-focus': string;
        '--ocp-svg-double-chevron': string;
        '--ocp-svg-error': string;
        '--ocp-svg-funnel': string;
        '--ocp-svg-magnifying-glass': string;
        '--ocp-svg-magnifying-glass-grey': string;
        '--ocp-svg-missing-entry': string;
        '--ocp-svg-no-entry': string;
        '--ocp-svg-no-entry-red': string;
        '--ocp-svg-plus': string;
        '--ocp-svg-plus-curved-corners': string;
        '--ocp-svg-plus-curved-corners-active': string;
        '--ocp-svg-plus-curved-corners-hover': string;
        '--ocp-svg-plus-curved-corners-focus': string;
        '--ocp-svg-plus-curved-corners-focus-within': string;
        '--ocp-svg-radio': string;
        '--ocp-svg-radio-disabled': string;
        '--ocp-svg-radio-on': string;
        '--ocp-svg-radio-on-disabled': string;
        '--ocp-svg-red-cross': string;
        '--ocp-svg-tick': string;
        '--ocp-svg-tick-light-grey': string;
        '--ocp-svg-tick-white': string;
        '--ocp-svg-transparent-indicator': string;
        '--ocp-svg-user-icon': string;
        '--ocpd-svg-control-accordion': string;
        '--ocpd-svg-control-action-bar': 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-date': string;
        '--ocpd-svg-control-iframe': string;
        '--ocpd-svg-control-datetime': string;
        '--ocpd-svg-control-form-container': string;
        '--ocpd-svg-control-h-flex': string;
        '--ocpd-svg-control-image': string;
        '--ocpd-svg-control-image-button': string;
        '--ocpd-svg-control-image-button-missing': string;
        '--ocpd-svg-control-integer': string;
        '--ocpd-svg-control-label': string;
        '--ocpd-svg-control-link': string;
        '--ocpd-svg-control-rtf': string;
        '--ocpd-svg-control-number': string;
        '--ocpd-svg-control-radio-group': string;
        '--ocpd-svg-control-responsive-form-grid': string;
        '--ocpd-svg-control-section': string;
        '--ocpd-svg-control-select-box': string;
        '--ocpd-svg-control-separator': string;
        '--ocpd-svg-control-table': string;
        '--ocpd-svg-control-tabs': string;
        '--ocpd-svg-control-text-area': string;
        '--ocpd-svg-control-text-box': 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-arrow-back': string;
        '--ocpd-svg-arrow-left-curved-corners': string;
        '--ocpd-svg-arrow-left-curved-corners-active': string;
        '--ocpd-svg-arrow-left-curved-corners-hover': string;
        '--ocpd-svg-copy': string;
        '--ocpd-svg-cut': string;
        '--ocpd-svg-delete': string;
        '--ocpd-svg-paste': string;
        '--ocpd-svg-person': string;
        '--ocpd-svg-preview': string;
        '--ocpd-svg-add-template': string;
        '--ocpd-svg-save-layout-template': string;
        '--ocpd-svg-save-template': string;
        '--ocpd-svg-globe': string;
        '--ocpd-svg-user-icon': string;
        '--ocpd-svg-warning': string;
        '--ocp-svg-row-drag-handle': 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-year-border-color': string;
        '--ocp-date-picker-separator-border-color': 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-svg-horizontal-arrow': string;
        '--ocp-tooltip-background-color': string;
        '--ocp-tooltip-color': string;
        '--ocp-tooltip-box-shadow-color': string;
        '--ocp-data-grid-background-color': string;
        '--ocp-data-grid-column-header-color': string;
        '--ocp-data-grid-header-border-color': string;
        '--ocp-svg-dialog-close-button': string;
        '--ocp-faceted-filtering-border-color': string;
        '--ocp-faceted-filtering-count-background-color': string;
        '--ocpd-svg-control-image-inverted': string;
        '--ocp-link-unvisited-color': string;
        '--ocp-link-visited-color': string;
        '--ocp-link-hover-color': string;
        '--ocp-link-active-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-warning': string;
    };
    updateThemeTimeout: number;
    protected constructor();
    disconnectedCallback(): void;
    get dataTheme(): string;
    get dataCanvasTheme(): string;
    set dataTheme(theme: string);
    changeThemeForOpenDialogs(): void;
    getInitialCSSVariableValue(variableName: any, themeName: any, themes: any): any;
    mergeThemeConfiguration(config: any, sectionName: any): void;
    addCSSVariableFromTheme(themeName: any, themes: any): void;
    getCssStyle(themeName: string): HTMLStyleElement;
    setCustomCssProperty(cssText: any): void;
    static get observedAttributes(): string[];
    attributeChangedCallback(name: any, oldValue: any, newValue: any): Promise<void>;
    cascadeAttributeChange(attributeName: any, attributeValue: any): Generator<Node, void, unknown>;
    selectCSSForTheme(themeName: string, OTClassicCss: string, JATOCss: string): string;
    getAllThemeableContainers(): NodeList;
    getCss(themeName: any): string;
    getCssString(themeName: string): string;
    hasTooltipIdChanged(element: any): boolean;
    initTooltip(event: any, element: any, elementHost: any): void;
    getTooltipElementId(element: any, elementHost: any): any;
    showTooltip(event: any, element: any, elementHost: any, tooltipText: any): void;
    createTooltip(content: any, tooltipId: any, elementHost: any, element: any, labelStyle?: string): HTMLDivElement;
    getLeftPositionFromFormOrigin(elementDimensions: any, rootDimensions: any): number;
    getTopPositionFromFormOrigin(elementDimensions: any, rootDimensions: any): number;
    getRightPositionFromFormOrigin(elementDimensions: any, rootDimensions: any): number;
    getBottomPositionFromFormOrigin(elementDimensions: any, rootDimensions: any): number;
    getRootBoundingClientRect(elementDimensions: any, rootDimensions: any): DOMRectWrite;
    getTopAdjustment(tooltipDimensions: any, elementDimensions: any, direction: any): number;
    getLeftAdjustment(tooltipDimensions: any, elementDimensions: any, direction: any): number;
    positionTooltip(element: any, dir: any): void;
    getTooltipTop(eventTarget: any): any;
    removeTooltip(): void;
    clearTooltipTimer(): void;
    setUpTooltipTracking(): void;
    disposeTooltipTracking(): void;
    mouseOverChanged(event: any): void;
}
declare class DOMRectWrite {
    static convertReadonlyRect(rectReadOnly: any, top: any, left: any, right: any, bottom: any): DOMRectWrite;
    width: number;
    height: number;
    top: number;
    left: number;
    right: number;
    bottom: number;
}
export {};