/* eslint-disable */
/* tslint:disable */
/**
 * This is an autogenerated file created by the Stencil compiler.
 * It contains typing information for all components that exist in this project.
 */
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
import { DnnAutocompleteSuggestion, NeedMoreItemsEventArgs } from "./components/dnn-autocomplete/types";
import { CheckedState } from "./components/dnn-checkbox/types";
import { DnnColorInfo } from "./components/dnn-color-input/dnn-color-info";
import { ColorInfo } from "./utilities/colorInfo";
import { DropzoneResx } from "./components/dnn-dropzone/types";
import { ImageCropperResx } from "./components/dnn-image-cropper/types";
import { IPermissions } from "./components/dnn-permissions-grid/permissions-interface";
import { IRoleGroup } from "./components/dnn-permissions-grid/role-group-interface";
import { IRole } from "./components/dnn-permissions-grid/role-interface";
import { ILocalization } from "./components/dnn-permissions-grid/localization-interface";
import { ISearchedUser } from "./components/dnn-permissions-grid/searched-user-interface";
import { Config } from "jodit/types/config";
import { Jodit } from "jodit";
import { DnnToggleChangeEventDetail } from "./components/dnn-toggle/toggle-interface";
export { DnnAutocompleteSuggestion, NeedMoreItemsEventArgs } from "./components/dnn-autocomplete/types";
export { CheckedState } from "./components/dnn-checkbox/types";
export { DnnColorInfo } from "./components/dnn-color-input/dnn-color-info";
export { ColorInfo } from "./utilities/colorInfo";
export { DropzoneResx } from "./components/dnn-dropzone/types";
export { ImageCropperResx } from "./components/dnn-image-cropper/types";
export { IPermissions } from "./components/dnn-permissions-grid/permissions-interface";
export { IRoleGroup } from "./components/dnn-permissions-grid/role-group-interface";
export { IRole } from "./components/dnn-permissions-grid/role-interface";
export { ILocalization } from "./components/dnn-permissions-grid/localization-interface";
export { ISearchedUser } from "./components/dnn-permissions-grid/searched-user-interface";
export { Config } from "jodit/types/config";
export { Jodit } from "jodit";
export { DnnToggleChangeEventDetail } from "./components/dnn-toggle/toggle-interface";
export namespace Components {
    interface DnnAutocomplete {
        /**
          * Defines the type of automatic completion the browser could use. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
          * @default "off"
         */
        "autocomplete": string;
        /**
          * Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
         */
        "checkValidity": () => Promise<ValidityState>;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this autocomplete.
         */
        "label"?: string;
        /**
          * The name for this autocomplete when used in forms.
         */
        "name"?: string;
        /**
          * How many suggestions to preload in pixels of their height. This is used to calculate the virtual scroll height and request more items before they get into view.
          * @default 1000
         */
        "preloadThresholdPixels": number;
        /**
          * Callback to render suggestions, if not provided, only the label will be rendered.
         */
        "renderSuggestion"?: (suggestion: DnnAutocompleteSuggestion) => HTMLElement;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * Can be used to set a custom validity message.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets the list of suggestions.
          * @default []
         */
        "suggestions": DnnAutocompleteSuggestion[];
        /**
          * The total amount of suggestions for the given search query. This can be used to show virtual scroll and pagination progressive feeding. The needMoreItems event should be used to request more items.
         */
        "totalSuggestions"?: number;
        /**
          * Defines the value for this autocomplete
          * @default ""
         */
        "value": string;
    }
    interface DnnButton {
        /**
          * Defines the look of the button.
          * @default 'primary'
         */
        "appearance": 'primary' | 'danger' | 'secondary' | 'tertiary';
        /**
          * Optionally add a confirmation dialog before firing the action.
          * @default false
         */
        "confirm"?: boolean;
        /**
          * The text of the confirmation message;
          * @default "Are you sure ?"
         */
        "confirmMessage"?: string;
        /**
          * The text of the no button for confirmation.
          * @default "No"
         */
        "confirmNoText"?: string;
        /**
          * The text of the yes button for confirmation.
          * @default "Yes"
         */
        "confirmYesText"?: string;
        /**
          * Disables the button
          * @default false
         */
        "disabled": boolean;
        /**
          * @deprecated Use type instead. Optional button type, can be either submit, reset or button and defaults to button if not specified. Warning: DNN wraps the whole page in a form, only use this if you are handling form submission manually. Warning: This will be deprecated in the next version and replaced with a new 'type' property.
          * @default 'button'
         */
        "formButtonType": 'submit' | 'reset' | 'button';
        /**
          * Optionally reverses the button style.
          * @default false
         */
        "reversed": boolean;
        /**
          * Optionally sets the button size, small normal or large, defaults to normal
          * @default 'normal'
         */
        "size"?: 'small' | 'normal' | 'large';
        /**
          * Optional button type, can be either submit, reset or button and defaults to button if not specified. Warning: DNN wraps the whole page in a form, only use this if you are handling form submission manually.
          * @default 'button'
         */
        "type": 'submit' | 'reset' | 'button';
    }
    interface DnnCheckbox {
        /**
          * Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
         */
        "checkValidity": () => Promise<ValidityState>;
        /**
          * Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined)
          * @default "unchecked"
         */
        "checked": CheckedState;
        /**
          * The name to show in the formData (if using forms).
          * @default ""
         */
        "name": string;
        /**
          * A function that will be called when the checkbox needs to change state and returns the next state. Can be used to customize the order of the states when the component is clicked. Only called if you also use the tri-state feature (useIntermediate).
          * @default (currentState) => this.defaultNextStateHandler(currentState)
         */
        "nextStateHandler": (currentState: CheckedState) => CheckedState;
        /**
          * If true, the checkbox needs to be checked for the form validation to succeed.
          * @default false
         */
        "required": boolean;
        /**
          * Can be used to customize the validation message when the field is required but not checked.
          * @default "The checkbox must be checked"
         */
        "requiredMessage": string;
        /**
          * Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state)
          * @default false
         */
        "useIntermediate": boolean;
        /**
          * The value for this checkbox (not to be confused with its checked state).
          * @default "on"
         */
        "value": string;
    }
    interface DnnChevron {
        /**
          * Collapse text for screen readers
          * @default "collapse"
         */
        "collapseText"?: string;
        /**
          * Expand text for screen readers
          * @default "expand"
         */
        "expandText"?: string;
        /**
          * Is the chevron expanded
          * @default false
         */
        "expanded"?: boolean;
    }
    interface DnnCollapsible {
        /**
          * Defines if the panel is expanded or not.
          * @default false
         */
        "expanded": boolean;
        /**
          * Defines the transition time in ms, defaults to 150ms
          * @default 150
         */
        "transitionDuration"?: number;
        /**
          * Updates the component height, use to update after a slot content changes.
         */
        "updateSize": () => Promise<void>;
    }
    /**
     * A custom input component that allows previewing and changing a color value.
     */
    interface DnnColorInput {
        /**
          * Sets the initial color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "000088"
         */
        "color": string;
        /**
          * Sets the initial contrast color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "FFFFFF"
         */
        "contrastColor": string;
        /**
          * Sets the initial dark color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "0000044"
         */
        "darkColor": string;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * Sets the initial light color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "00000FF"
         */
        "lightColor": string;
        /**
          * Can be used to customize the text language.
          * @default {     contrast: "Contrast",     preview: "Preview",     cancel: "Cancel",     confirm: "Confirm",     normal: "Normal",     light: "Light",     dark: "Dark",   }
         */
        "localization": {
    contrast: string,
    preview: string,
    cancel: string,
    confirm: string,
    normal: string,
    light: string,
    dark: string,
  };
        /**
          * The name for this input if forms are used.
         */
        "name"?: string;
        /**
          * Disables interacting with the component.
         */
        "readonly"?: boolean;
        /**
          * If true, the picker will allow selecting a contast color too.
         */
        "useContrastColor"?: boolean;
        /**
          * If true, the picker will allow selecting a dark color too.
         */
        "useDarkColor"?: boolean;
        /**
          * If true, the picker will allow selecting a light color too.
         */
        "useLightColor"?: boolean;
    }
    /**
     * Color Picker for Dnn
     */
    interface DnnColorPicker {
        /**
          * Sets the initial color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "FFFFFF"
         */
        "color": string;
        /**
          * Sets the width-height ratio of the color picker saturation-lightness box.
          * @example 100% renders a perfect square
          * @default "50%"
         */
        "colorBoxHeight": string;
    }
    interface DnnContextMenu {
        /**
          * Closes the menu.
         */
        "close": () => Promise<void>;
        /**
          * If true, the menu will close when an item is clicked.
          * @default false
         */
        "closeOnClick": boolean;
        /**
          * Opens the menu using a pointer event.
         */
        "open": (event: PointerEvent) => Promise<void>;
    }
    interface DnnDropzone {
        /**
          * If true, will allow the user to take a snapshot using the device camera. (only works over https).
          * @default false
         */
        "allowCameraMode": boolean;
        /**
          * A list of allowed file extensions. If not specified, any file is allowed. Ex: ["jpg", "jpeg", "gif", "png"]
         */
        "allowedExtensions"?: string[];
        /**
          * Specifies the jpeg quality for when the device camera is used to generate a picture. Needs to be a number between 0 and 1 and defaults to 0.8
          * @default 0.8
         */
        "captureQuality": number;
        /**
          * Max file size in bytes.
         */
        "maxFileSize"?: number;
        /**
          * If true, allows multiple file selection.
          * @default false
         */
        "multiple": boolean;
        /**
          * The name of the field when used in a form.
         */
        "name"?: string;
        /**
          * Localization strings
         */
        "resx"?: DropzoneResx;
    }
    /**
     * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
     */
    interface DnnFieldset {
        /**
          * Sets the fieldset to a disabled state.
         */
        "disable": () => Promise<void>;
        /**
          * If true, the fieldset will display as disabled.
         */
        "disabled"?: boolean;
        /**
          * Sets the fieldset to an enabled state.
         */
        "enable": () => Promise<void>;
        /**
          * If true, the label will float in the container, set false to show it on top.
         */
        "floatLabel"?: boolean;
        /**
          * If true the fieldset will display as focused.
         */
        "focused"?: boolean;
        /**
          * Can be used to show some help text about this field.
         */
        "helpText"?: string;
        /**
          * If true, the  fieldset will display as invalid.
         */
        "invalid"?: boolean;
        /**
          * Sets the text of the fieldset label (caption).
         */
        "label"?: string;
        /**
          * Places the label on the top of the container.
         */
        "pinLabel": () => Promise<void>;
        /**
          * Can be set to specify if the fieldset can be resized by the user.
          * @default "none"
         */
        "resizable": "none" | "both" | "horizontal" | "vertical" | "block" | "inline";
        /**
          * Unsets the fieldset focused state.
         */
        "setBlurred": () => Promise<void>;
        /**
          * Sets the fieldset to the focused state.
         */
        "setFocused": () => Promise<void>;
        /**
          * Sets the validity of the field.
         */
        "setValidity": (valid: boolean, message?: string) => Promise<void>;
        /**
          * Places the label in the vertical middle of the container.
         */
        "unpinLabel": () => Promise<void>;
    }
    /**
     * Allows cropping an image in-browser with the option to enforce a specific final size.
     * All computation happens in the browser and the final image is emmited
     * in an event that has a data-url of the image.
     */
    interface DnnImageCropper {
        /**
          * Clears the current image and crop (resets the component).
         */
        "clear": () => Promise<void>;
        /**
          * Sets the desired final image height.
         */
        "height"?: number;
        /**
          * The name of the control when used in a form.
         */
        "name"?: string;
        /**
          * When set to true, prevents cropping an image smaller than the required size, which would blow pixel and make the final picture look blurry.
          * @default false
         */
        "preventUndersized": boolean;
        /**
          * Sets the output quality of the cropped image (number between 0 and 1).
          * @default 0.8
         */
        "quality": number;
        /**
          * Can be used to customize controls text. Some values support tokens, see default values for examples.
         */
        "resx"?: ImageCropperResx;
        /**
          * Sets the desired final image width.
         */
        "width"?: number;
    }
    /**
     * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
     */
    interface DnnInput {
        /**
          * If true, enables users to switch between a password and a text field (to view their password).
         */
        "allowShowPassword"?: boolean;
        /**
          * Defines the type of auto-completion to use for this field, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete.
          * @default "off"
         */
        "autocomplete": string;
        /**
          * Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
         */
        "checkValidity": () => Promise<ValidityState>;
        /**
          * @deprecated This control has it's own validation reporting, will be removed in v0.25.0
         */
        "disableValidityReporting"?: boolean;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * Hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.
         */
        "inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * Defines the maximum allowed value.
         */
        "max"?: number | string;
        /**
          * Defines the maximum amount of charaters.
         */
        "maxlength"?: number;
        /**
          * Defines the minimum allowed value.
         */
        "min"?: number | string;
        /**
          * Defines the minimum amount of charaters.
         */
        "minlength"?: number;
        /**
          * If true, allows multiple emails to be entered separated by commas.
         */
        "multiple"?: boolean;
        /**
          * The name for this input when used in forms.
         */
        "name"?: string;
        /**
          * Valid for text, search, url, tel, email, and password, the pattern attribute defines a regular expression that the input's value must match in order for the value to pass constraint validation.
         */
        "pattern"?: string;
        /**
          * Defines wheter the defined value is readonly.
         */
        "readonly"?: boolean;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * Can be used to set a custom validity message.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Defines the possible steps for numbers and dates/times. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#step
         */
        "step"?: string | number;
        /**
          * The input type, supports most of html standard input type, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types.
          * @default "text"
         */
        "type": "date" | "datetime-local" | "email" | "number" | "password" | "tel" | "text" | "time" | "url" | "search";
        /**
          * The value of the input.
          * @default ""
         */
        "value": number | string | string[];
    }
    interface DnnModal {
        /**
          * @deprecated boolean props should always default to being false per html specs, use preventBackdropDismiss instead, will be removed in v0.28.0. Pass false to remove the backdrop click auto-dismiss feature.
         */
        "backdropDismiss"?: boolean;
        /**
          * Optionally pass the aria-label text for the close button. Defaults to "Close modal" if not provided.
          * @default "Close modal"
         */
        "closeText"?: string;
        /**
          * Hides the modal
         */
        "hide": () => Promise<void>;
        /**
          * Optionally you can pass true to not show the close button. If you decide to do so, you should either not also prevent dismissal by clicking the backdrop or provide your own dismissal logic in the modal content.
          * @default false
         */
        "hideCloseButton": boolean;
        /**
          * Pass true to remove the backdrop click auto-dismiss feature. Defaults to false.
          * @default false
         */
        "preventBackdropDismiss"?: boolean;
        /**
          * If set to true, the modal becomes resizable.
          * @default false
         */
        "resizable"?: boolean;
        /**
          * Shows the modal
         */
        "show": () => Promise<void>;
        /**
          * @deprecated boolean props should always default to being false per html specs, use hideCloseButton instead, will be removed in v0.28.0. Optionally you can pass false to not show the close button. If you decide to do so, you should either not also prevent dismissal by clicking the backdrop or provide your own dismissal logic in the modal content.
         */
        "showCloseButton"?: boolean;
        /**
          * Reflects the visible state of the modal.
          * @default false
         */
        "visible": boolean;
    }
    interface DnnMonacoEditor {
        /**
          * Defines the language for the editor.
          * @default "html"
         */
        "language": "plaintext" | "bat" | "coffeescript" | "c" | "cpp" | "csharp" | "dockerfile" | "fsharp" | "go" | "handlebars" | "html" | "ini" | "pug" | "java" | "lua" | "markdown" | "msdax" | "objective-c" | "postiats" | "php" | "powershell" | "python" | "r" | "razor" | "ruby" | "swift" | "sql" | "vb" | "xml" | "less" | "scss" | "css" | "yaml" | "sol" | "sb" | "json" | "typescript" | "javascript";
        /**
          * The name of the control to use for forms.
         */
        "name"?: string;
        /**
          * Sets the code contained in the editor
          * @default ""
         */
        "value": string;
    }
    interface DnnPermissionsGrid {
        /**
          * The list of users to show under the search users field when a search is performed.
          * @default []
         */
        "foundUsers": ISearchedUser[];
        /**
          * The list of permissions.
         */
        "permissions": IPermissions;
        /**
          * Optionally allows localizing the component strings.
         */
        "resx"?: ILocalization;
        /**
          * The list of role groups.
         */
        "roleGroups": IRoleGroup[];
        /**
          * The list of possible roles.
         */
        "roles": IRole[];
    }
    interface DnnProgressBar {
        /**
          * Sets the max value for the progress bar.
          * @default 100
         */
        "max": number;
        /**
          * Determines if gradient colors will be used for progress bar.
          * @default false
         */
        "useGradient": boolean;
        /**
          * Sets to current value for the progress bar.
          * @default 0
         */
        "value": number;
    }
    interface DnnRichtext {
        /**
          * Customize the options before initializing the editor, will have all the default options merged with 'options' if passed. This is called last after merging default options with your custom 'options' and just before initializing the editor.
         */
        "customizeOptions"?: (options: Config) => Config;
        /**
          * Name of the field when used in a form.
         */
        "name"?: string;
        /**
          * Optional configuration for Jodit, see https://xdsoft.net/jodit/docs/classes/config.Config.html This will be merged with the default options and passed to the editor. If you prefer to not have to pass a full config object, you can use 'customizeOptions' to modify the options before initializing the editor instead of providing all options here.
         */
        "options"?: Config;
        /**
          * Allows registering your own plugins. The callback will be called with the editor instance as the only argument durig initialization. All other behavior needs to be implemented in the plugin itself using editor.on("eventname"). See https://xdsoft.net/jodit/examples/plugin/custom_plugin.html for an example. Creating a plugin does NOT automatically add it to the toolbar, you need to do that yourself in 'options' or 'customizeOptions', See https://xdsoft.net/jodit/examples/toolbar/custom_button.html for an example.
          * @default []
         */
        "plugins": {name: string, callback: (editor: Jodit) => void}[];
        /**
          * Sets the value of the content of the editor.
          * @default ""
         */
        "value": string;
    }
    interface DnnSearchbox {
        /**
          * How many milliseconds to wait before firing the queryChanged event.
          * @default 500
         */
        "debounceTime": number;
        /**
          * Sets the field placeholder text.
          * @default ""
         */
        "placeholder"?: string;
        /**
          * Sets the query
          * @default ""
         */
        "query": string;
    }
    interface DnnSelect {
        /**
          * Defines the type of automatic completion the browser can use. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
          * @default "off"
         */
        "autocomplete": string;
        /**
          * Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
         */
        "checkValidity": () => Promise<ValidityState>;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * The name for this input, if used in forms.
         */
        "name"?: string;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * The value of the input.
          * @default ""
         */
        "value": string;
    }
    interface DnnSortIcon {
        /**
          * Defines the current sort direction
          * @default "none"
         */
        "sortDirection": "asc" | "desc" | "none";
    }
    /**
     * Represents a single tab and must be used inside a dnn-tabs element.
     */
    interface DnnTab {
        /**
          * Hides the modal
         */
        "hide": () => Promise<void>;
        /**
          * Shows the tab.
         */
        "show": () => Promise<void>;
        /**
          * Defines the tab title.
         */
        "tabTitle": string;
    }
    interface DnnTabs {
    }
    /**
     * A custom textarea component.
     */
    interface DnnTextarea {
        /**
          * Defines the type of auto-completion to use for this field, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete.
          * @default "off"
         */
        "autocomplete": string;
        /**
          * Reports the input validity details. See https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
         */
        "checkValidity": () => Promise<ValidityState>;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * Defines the maximum amount of charaters.
         */
        "maxlength"?: number;
        /**
          * Defines the minimum amount of charaters.
         */
        "minlength"?: number;
        /**
          * The name for this input when used in forms.
         */
        "name"?: string;
        /**
          * Defines wheter the defined value is readonly.
         */
        "readonly"?: boolean;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * Can be set to change how the user can resize the field.
          * @default "block"
         */
        "resizable": "none" | "both" | "horizontal" | "vertical" | "block" | "inline";
        /**
          * Defines how many rows (lines of text) to initially show.
          * @default 3
         */
        "rows": number;
        /**
          * Can be used to set a custom validity message.
         */
        "setCustomValidity": (message: string) => Promise<void>;
        /**
          * Sets the value of the textarea.
          * @default ""
         */
        "value": string;
    }
    interface DnnToggle {
        /**
          * If 'true' the toggle is checked (on).
          * @default false
         */
        "checked": boolean;
        /**
          * If 'true' the toggle is not be interacted with.
          * @default false
         */
        "disabled": boolean;
        /**
          * The field name to use in forms.
         */
        "name"?: string;
        /**
          * The value to post when used in forms.
          * @default "on"
         */
        "value": string;
    }
    interface DnnTreeviewItem {
        /**
          * Defines if the current node is expanded.
          * @default false
         */
        "expanded": boolean;
    }
    /**
     * A component that shows a vertical list of items as they fit. When they don't all fit, it puts the ones that don't fit into a dropdown menu.
     */
    interface DnnVerticalOverflowMenu {
    }
    interface DnnVerticalSplitview {
        /**
          * Gets the current divider position percentage.
         */
        "getSplitWidthPercentage": () => Promise<number>;
        /**
          * Sets the width percentage of the divider
         */
        "setSplitWidthPercentage": (newWidth: number) => Promise<void>;
        /**
          * The percentage position of the splitter in the container.
          * @default 30
         */
        "splitWidthPercentage": number;
        /**
          * The width of the splitter area.
          * @default 16
         */
        "splitterWidth": number;
    }
}
export interface DnnAutocompleteCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnAutocompleteElement;
}
export interface DnnButtonCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnButtonElement;
}
export interface DnnCheckboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnCheckboxElement;
}
export interface DnnChevronCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnChevronElement;
}
export interface DnnCollapsibleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnCollapsibleElement;
}
export interface DnnColorInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnColorInputElement;
}
export interface DnnColorPickerCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnColorPickerElement;
}
export interface DnnDropzoneCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnDropzoneElement;
}
export interface DnnImageCropperCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnImageCropperElement;
}
export interface DnnInputCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnInputElement;
}
export interface DnnModalCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnModalElement;
}
export interface DnnMonacoEditorCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnMonacoEditorElement;
}
export interface DnnPermissionsGridCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnPermissionsGridElement;
}
export interface DnnRichtextCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnRichtextElement;
}
export interface DnnSearchboxCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnSearchboxElement;
}
export interface DnnSelectCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnSelectElement;
}
export interface DnnSortIconCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnSortIconElement;
}
export interface DnnTextareaCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnTextareaElement;
}
export interface DnnToggleCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnToggleElement;
}
export interface DnnTreeviewItemCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnTreeviewItemElement;
}
export interface DnnVerticalSplitviewCustomEvent<T> extends CustomEvent<T> {
    detail: T;
    target: HTMLDnnVerticalSplitviewElement;
}
declare global {
    interface HTMLDnnAutocompleteElementEventMap {
        "valueChange": number | string | string[];
        "valueInput": number | string | string[];
        "needMoreItems": NeedMoreItemsEventArgs;
        "searchQueryChanged": string;
        "itemSelected": string;
    }
    interface HTMLDnnAutocompleteElement extends Components.DnnAutocomplete, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnAutocompleteElementEventMap>(type: K, listener: (this: HTMLDnnAutocompleteElement, ev: DnnAutocompleteCustomEvent<HTMLDnnAutocompleteElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnAutocompleteElementEventMap>(type: K, listener: (this: HTMLDnnAutocompleteElement, ev: DnnAutocompleteCustomEvent<HTMLDnnAutocompleteElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnAutocompleteElement: {
        prototype: HTMLDnnAutocompleteElement;
        new (): HTMLDnnAutocompleteElement;
    };
    interface HTMLDnnButtonElementEventMap {
        "confirmed": any;
        "canceled": any;
    }
    interface HTMLDnnButtonElement extends Components.DnnButton, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnButtonElementEventMap>(type: K, listener: (this: HTMLDnnButtonElement, ev: DnnButtonCustomEvent<HTMLDnnButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnButtonElementEventMap>(type: K, listener: (this: HTMLDnnButtonElement, ev: DnnButtonCustomEvent<HTMLDnnButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnButtonElement: {
        prototype: HTMLDnnButtonElement;
        new (): HTMLDnnButtonElement;
    };
    interface HTMLDnnCheckboxElementEventMap {
        "checkedchange": "checked" | "unchecked" | "intermediate";
    }
    interface HTMLDnnCheckboxElement extends Components.DnnCheckbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnCheckboxElementEventMap>(type: K, listener: (this: HTMLDnnCheckboxElement, ev: DnnCheckboxCustomEvent<HTMLDnnCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnCheckboxElementEventMap>(type: K, listener: (this: HTMLDnnCheckboxElement, ev: DnnCheckboxCustomEvent<HTMLDnnCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnCheckboxElement: {
        prototype: HTMLDnnCheckboxElement;
        new (): HTMLDnnCheckboxElement;
    };
    interface HTMLDnnChevronElementEventMap {
        "changed": any;
    }
    interface HTMLDnnChevronElement extends Components.DnnChevron, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnChevronElementEventMap>(type: K, listener: (this: HTMLDnnChevronElement, ev: DnnChevronCustomEvent<HTMLDnnChevronElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnChevronElementEventMap>(type: K, listener: (this: HTMLDnnChevronElement, ev: DnnChevronCustomEvent<HTMLDnnChevronElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnChevronElement: {
        prototype: HTMLDnnChevronElement;
        new (): HTMLDnnChevronElement;
    };
    interface HTMLDnnCollapsibleElementEventMap {
        "dnnCollapsibleHeightChanged": void;
    }
    interface HTMLDnnCollapsibleElement extends Components.DnnCollapsible, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnCollapsibleElementEventMap>(type: K, listener: (this: HTMLDnnCollapsibleElement, ev: DnnCollapsibleCustomEvent<HTMLDnnCollapsibleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnCollapsibleElementEventMap>(type: K, listener: (this: HTMLDnnCollapsibleElement, ev: DnnCollapsibleCustomEvent<HTMLDnnCollapsibleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnCollapsibleElement: {
        prototype: HTMLDnnCollapsibleElement;
        new (): HTMLDnnCollapsibleElement;
    };
    interface HTMLDnnColorInputElementEventMap {
        "colorChange": DnnColorInfo;
        "colorInput": DnnColorInfo;
    }
    /**
     * A custom input component that allows previewing and changing a color value.
     */
    interface HTMLDnnColorInputElement extends Components.DnnColorInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnColorInputElementEventMap>(type: K, listener: (this: HTMLDnnColorInputElement, ev: DnnColorInputCustomEvent<HTMLDnnColorInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnColorInputElementEventMap>(type: K, listener: (this: HTMLDnnColorInputElement, ev: DnnColorInputCustomEvent<HTMLDnnColorInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnColorInputElement: {
        prototype: HTMLDnnColorInputElement;
        new (): HTMLDnnColorInputElement;
    };
    interface HTMLDnnColorPickerElementEventMap {
        "colorChanged": ColorInfo;
    }
    /**
     * Color Picker for Dnn
     */
    interface HTMLDnnColorPickerElement extends Components.DnnColorPicker, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnColorPickerElementEventMap>(type: K, listener: (this: HTMLDnnColorPickerElement, ev: DnnColorPickerCustomEvent<HTMLDnnColorPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnColorPickerElementEventMap>(type: K, listener: (this: HTMLDnnColorPickerElement, ev: DnnColorPickerCustomEvent<HTMLDnnColorPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnColorPickerElement: {
        prototype: HTMLDnnColorPickerElement;
        new (): HTMLDnnColorPickerElement;
    };
    interface HTMLDnnContextMenuElement extends Components.DnnContextMenu, HTMLStencilElement {
    }
    var HTMLDnnContextMenuElement: {
        prototype: HTMLDnnContextMenuElement;
        new (): HTMLDnnContextMenuElement;
    };
    interface HTMLDnnDropzoneElementEventMap {
        "filesSelected": File[];
    }
    interface HTMLDnnDropzoneElement extends Components.DnnDropzone, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnDropzoneElementEventMap>(type: K, listener: (this: HTMLDnnDropzoneElement, ev: DnnDropzoneCustomEvent<HTMLDnnDropzoneElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnDropzoneElementEventMap>(type: K, listener: (this: HTMLDnnDropzoneElement, ev: DnnDropzoneCustomEvent<HTMLDnnDropzoneElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnDropzoneElement: {
        prototype: HTMLDnnDropzoneElement;
        new (): HTMLDnnDropzoneElement;
    };
    /**
     * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
     */
    interface HTMLDnnFieldsetElement extends Components.DnnFieldset, HTMLStencilElement {
    }
    var HTMLDnnFieldsetElement: {
        prototype: HTMLDnnFieldsetElement;
        new (): HTMLDnnFieldsetElement;
    };
    interface HTMLDnnImageCropperElementEventMap {
        "imageCropChanged": string;
        "imageFileCropChanged": File;
    }
    /**
     * Allows cropping an image in-browser with the option to enforce a specific final size.
     * All computation happens in the browser and the final image is emmited
     * in an event that has a data-url of the image.
     */
    interface HTMLDnnImageCropperElement extends Components.DnnImageCropper, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnImageCropperElementEventMap>(type: K, listener: (this: HTMLDnnImageCropperElement, ev: DnnImageCropperCustomEvent<HTMLDnnImageCropperElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnImageCropperElementEventMap>(type: K, listener: (this: HTMLDnnImageCropperElement, ev: DnnImageCropperCustomEvent<HTMLDnnImageCropperElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnImageCropperElement: {
        prototype: HTMLDnnImageCropperElement;
        new (): HTMLDnnImageCropperElement;
    };
    interface HTMLDnnInputElementEventMap {
        "valueChange": number | string | string[];
        "valueInput": number | string | string[];
    }
    /**
     * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
     */
    interface HTMLDnnInputElement extends Components.DnnInput, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnInputElementEventMap>(type: K, listener: (this: HTMLDnnInputElement, ev: DnnInputCustomEvent<HTMLDnnInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnInputElementEventMap>(type: K, listener: (this: HTMLDnnInputElement, ev: DnnInputCustomEvent<HTMLDnnInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnInputElement: {
        prototype: HTMLDnnInputElement;
        new (): HTMLDnnInputElement;
    };
    interface HTMLDnnModalElementEventMap {
        "dismissed": any;
    }
    interface HTMLDnnModalElement extends Components.DnnModal, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnModalElementEventMap>(type: K, listener: (this: HTMLDnnModalElement, ev: DnnModalCustomEvent<HTMLDnnModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnModalElementEventMap>(type: K, listener: (this: HTMLDnnModalElement, ev: DnnModalCustomEvent<HTMLDnnModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnModalElement: {
        prototype: HTMLDnnModalElement;
        new (): HTMLDnnModalElement;
    };
    interface HTMLDnnMonacoEditorElementEventMap {
        "contentChanged": string;
    }
    interface HTMLDnnMonacoEditorElement extends Components.DnnMonacoEditor, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnMonacoEditorElementEventMap>(type: K, listener: (this: HTMLDnnMonacoEditorElement, ev: DnnMonacoEditorCustomEvent<HTMLDnnMonacoEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnMonacoEditorElementEventMap>(type: K, listener: (this: HTMLDnnMonacoEditorElement, ev: DnnMonacoEditorCustomEvent<HTMLDnnMonacoEditorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnMonacoEditorElement: {
        prototype: HTMLDnnMonacoEditorElement;
        new (): HTMLDnnMonacoEditorElement;
    };
    interface HTMLDnnPermissionsGridElementEventMap {
        "userSearchQueryChanged": string;
        "permissionsChanged": IPermissions;
    }
    interface HTMLDnnPermissionsGridElement extends Components.DnnPermissionsGrid, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnPermissionsGridElementEventMap>(type: K, listener: (this: HTMLDnnPermissionsGridElement, ev: DnnPermissionsGridCustomEvent<HTMLDnnPermissionsGridElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnPermissionsGridElementEventMap>(type: K, listener: (this: HTMLDnnPermissionsGridElement, ev: DnnPermissionsGridCustomEvent<HTMLDnnPermissionsGridElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnPermissionsGridElement: {
        prototype: HTMLDnnPermissionsGridElement;
        new (): HTMLDnnPermissionsGridElement;
    };
    interface HTMLDnnProgressBarElement extends Components.DnnProgressBar, HTMLStencilElement {
    }
    var HTMLDnnProgressBarElement: {
        prototype: HTMLDnnProgressBarElement;
        new (): HTMLDnnProgressBarElement;
    };
    interface HTMLDnnRichtextElementEventMap {
        "valueChange": string;
        "valueInput": string;
    }
    interface HTMLDnnRichtextElement extends Components.DnnRichtext, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnRichtextElementEventMap>(type: K, listener: (this: HTMLDnnRichtextElement, ev: DnnRichtextCustomEvent<HTMLDnnRichtextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnRichtextElementEventMap>(type: K, listener: (this: HTMLDnnRichtextElement, ev: DnnRichtextCustomEvent<HTMLDnnRichtextElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnRichtextElement: {
        prototype: HTMLDnnRichtextElement;
        new (): HTMLDnnRichtextElement;
    };
    interface HTMLDnnSearchboxElementEventMap {
        "queryChanged": string;
    }
    interface HTMLDnnSearchboxElement extends Components.DnnSearchbox, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnSearchboxElementEventMap>(type: K, listener: (this: HTMLDnnSearchboxElement, ev: DnnSearchboxCustomEvent<HTMLDnnSearchboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnSearchboxElementEventMap>(type: K, listener: (this: HTMLDnnSearchboxElement, ev: DnnSearchboxCustomEvent<HTMLDnnSearchboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnSearchboxElement: {
        prototype: HTMLDnnSearchboxElement;
        new (): HTMLDnnSearchboxElement;
    };
    interface HTMLDnnSelectElementEventMap {
        "valueChange": string;
    }
    interface HTMLDnnSelectElement extends Components.DnnSelect, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnSelectElementEventMap>(type: K, listener: (this: HTMLDnnSelectElement, ev: DnnSelectCustomEvent<HTMLDnnSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnSelectElementEventMap>(type: K, listener: (this: HTMLDnnSelectElement, ev: DnnSelectCustomEvent<HTMLDnnSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnSelectElement: {
        prototype: HTMLDnnSelectElement;
        new (): HTMLDnnSelectElement;
    };
    interface HTMLDnnSortIconElementEventMap {
        "sortChanged": "asc"|"desc"|"none";
    }
    interface HTMLDnnSortIconElement extends Components.DnnSortIcon, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnSortIconElementEventMap>(type: K, listener: (this: HTMLDnnSortIconElement, ev: DnnSortIconCustomEvent<HTMLDnnSortIconElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnSortIconElementEventMap>(type: K, listener: (this: HTMLDnnSortIconElement, ev: DnnSortIconCustomEvent<HTMLDnnSortIconElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnSortIconElement: {
        prototype: HTMLDnnSortIconElement;
        new (): HTMLDnnSortIconElement;
    };
    /**
     * Represents a single tab and must be used inside a dnn-tabs element.
     */
    interface HTMLDnnTabElement extends Components.DnnTab, HTMLStencilElement {
    }
    var HTMLDnnTabElement: {
        prototype: HTMLDnnTabElement;
        new (): HTMLDnnTabElement;
    };
    interface HTMLDnnTabsElement extends Components.DnnTabs, HTMLStencilElement {
    }
    var HTMLDnnTabsElement: {
        prototype: HTMLDnnTabsElement;
        new (): HTMLDnnTabsElement;
    };
    interface HTMLDnnTextareaElementEventMap {
        "valueInput": string;
        "valueChange": string;
    }
    /**
     * A custom textarea component.
     */
    interface HTMLDnnTextareaElement extends Components.DnnTextarea, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnTextareaElementEventMap>(type: K, listener: (this: HTMLDnnTextareaElement, ev: DnnTextareaCustomEvent<HTMLDnnTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnTextareaElementEventMap>(type: K, listener: (this: HTMLDnnTextareaElement, ev: DnnTextareaCustomEvent<HTMLDnnTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnTextareaElement: {
        prototype: HTMLDnnTextareaElement;
        new (): HTMLDnnTextareaElement;
    };
    interface HTMLDnnToggleElementEventMap {
        "checkChanged": DnnToggleChangeEventDetail;
    }
    interface HTMLDnnToggleElement extends Components.DnnToggle, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnToggleElementEventMap>(type: K, listener: (this: HTMLDnnToggleElement, ev: DnnToggleCustomEvent<HTMLDnnToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnToggleElementEventMap>(type: K, listener: (this: HTMLDnnToggleElement, ev: DnnToggleCustomEvent<HTMLDnnToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnToggleElement: {
        prototype: HTMLDnnToggleElement;
        new (): HTMLDnnToggleElement;
    };
    interface HTMLDnnTreeviewItemElementEventMap {
        "userExpanded": void;
        "userCollapsed": void;
    }
    interface HTMLDnnTreeviewItemElement extends Components.DnnTreeviewItem, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnTreeviewItemElementEventMap>(type: K, listener: (this: HTMLDnnTreeviewItemElement, ev: DnnTreeviewItemCustomEvent<HTMLDnnTreeviewItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnTreeviewItemElementEventMap>(type: K, listener: (this: HTMLDnnTreeviewItemElement, ev: DnnTreeviewItemCustomEvent<HTMLDnnTreeviewItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnTreeviewItemElement: {
        prototype: HTMLDnnTreeviewItemElement;
        new (): HTMLDnnTreeviewItemElement;
    };
    /**
     * A component that shows a vertical list of items as they fit. When they don't all fit, it puts the ones that don't fit into a dropdown menu.
     */
    interface HTMLDnnVerticalOverflowMenuElement extends Components.DnnVerticalOverflowMenu, HTMLStencilElement {
    }
    var HTMLDnnVerticalOverflowMenuElement: {
        prototype: HTMLDnnVerticalOverflowMenuElement;
        new (): HTMLDnnVerticalOverflowMenuElement;
    };
    interface HTMLDnnVerticalSplitviewElementEventMap {
        "widthChanged": number;
    }
    interface HTMLDnnVerticalSplitviewElement extends Components.DnnVerticalSplitview, HTMLStencilElement {
        addEventListener<K extends keyof HTMLDnnVerticalSplitviewElementEventMap>(type: K, listener: (this: HTMLDnnVerticalSplitviewElement, ev: DnnVerticalSplitviewCustomEvent<HTMLDnnVerticalSplitviewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        removeEventListener<K extends keyof HTMLDnnVerticalSplitviewElementEventMap>(type: K, listener: (this: HTMLDnnVerticalSplitviewElement, ev: DnnVerticalSplitviewCustomEvent<HTMLDnnVerticalSplitviewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
    }
    var HTMLDnnVerticalSplitviewElement: {
        prototype: HTMLDnnVerticalSplitviewElement;
        new (): HTMLDnnVerticalSplitviewElement;
    };
    interface HTMLElementTagNameMap {
        "dnn-autocomplete": HTMLDnnAutocompleteElement;
        "dnn-button": HTMLDnnButtonElement;
        "dnn-checkbox": HTMLDnnCheckboxElement;
        "dnn-chevron": HTMLDnnChevronElement;
        "dnn-collapsible": HTMLDnnCollapsibleElement;
        "dnn-color-input": HTMLDnnColorInputElement;
        "dnn-color-picker": HTMLDnnColorPickerElement;
        "dnn-context-menu": HTMLDnnContextMenuElement;
        "dnn-dropzone": HTMLDnnDropzoneElement;
        "dnn-fieldset": HTMLDnnFieldsetElement;
        "dnn-image-cropper": HTMLDnnImageCropperElement;
        "dnn-input": HTMLDnnInputElement;
        "dnn-modal": HTMLDnnModalElement;
        "dnn-monaco-editor": HTMLDnnMonacoEditorElement;
        "dnn-permissions-grid": HTMLDnnPermissionsGridElement;
        "dnn-progress-bar": HTMLDnnProgressBarElement;
        "dnn-richtext": HTMLDnnRichtextElement;
        "dnn-searchbox": HTMLDnnSearchboxElement;
        "dnn-select": HTMLDnnSelectElement;
        "dnn-sort-icon": HTMLDnnSortIconElement;
        "dnn-tab": HTMLDnnTabElement;
        "dnn-tabs": HTMLDnnTabsElement;
        "dnn-textarea": HTMLDnnTextareaElement;
        "dnn-toggle": HTMLDnnToggleElement;
        "dnn-treeview-item": HTMLDnnTreeviewItemElement;
        "dnn-vertical-overflow-menu": HTMLDnnVerticalOverflowMenuElement;
        "dnn-vertical-splitview": HTMLDnnVerticalSplitviewElement;
    }
}
declare namespace LocalJSX {
    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };

    interface DnnAutocomplete {
        /**
          * Defines the type of automatic completion the browser could use. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
          * @default "off"
         */
        "autocomplete"?: string;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this autocomplete.
         */
        "label"?: string;
        /**
          * The name for this autocomplete when used in forms.
         */
        "name"?: string;
        /**
          * Fires when an item is selected.
         */
        "onItemSelected"?: (event: DnnAutocompleteCustomEvent<string>) => void;
        /**
          * Fires when the component needs to display more items in the suggestions.
         */
        "onNeedMoreItems"?: (event: DnnAutocompleteCustomEvent<NeedMoreItemsEventArgs>) => void;
        /**
          * Fires when the search query has changed. This is almost like valueInput, but it is debounced and can be used to trigger a search query without overloading API endpoints while typing.
         */
        "onSearchQueryChanged"?: (event: DnnAutocompleteCustomEvent<string>) => void;
        /**
          * Fires when the value has changed and the user exits the input.
         */
        "onValueChange"?: (event: DnnAutocompleteCustomEvent<number | string | string[]>) => void;
        /**
          * Fires when the using is inputing data (on keystrokes).
         */
        "onValueInput"?: (event: DnnAutocompleteCustomEvent<number | string | string[]>) => void;
        /**
          * How many suggestions to preload in pixels of their height. This is used to calculate the virtual scroll height and request more items before they get into view.
          * @default 1000
         */
        "preloadThresholdPixels"?: number;
        /**
          * Callback to render suggestions, if not provided, only the label will be rendered.
         */
        "renderSuggestion"?: (suggestion: DnnAutocompleteSuggestion) => HTMLElement;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * Sets the list of suggestions.
          * @default []
         */
        "suggestions"?: DnnAutocompleteSuggestion[];
        /**
          * The total amount of suggestions for the given search query. This can be used to show virtual scroll and pagination progressive feeding. The needMoreItems event should be used to request more items.
         */
        "totalSuggestions"?: number;
        /**
          * Defines the value for this autocomplete
          * @default ""
         */
        "value"?: string;
    }
    interface DnnButton {
        /**
          * Defines the look of the button.
          * @default 'primary'
         */
        "appearance"?: 'primary' | 'danger' | 'secondary' | 'tertiary';
        /**
          * Optionally add a confirmation dialog before firing the action.
          * @default false
         */
        "confirm"?: boolean;
        /**
          * The text of the confirmation message;
          * @default "Are you sure ?"
         */
        "confirmMessage"?: string;
        /**
          * The text of the no button for confirmation.
          * @default "No"
         */
        "confirmNoText"?: string;
        /**
          * The text of the yes button for confirmation.
          * @default "Yes"
         */
        "confirmYesText"?: string;
        /**
          * Disables the button
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * @deprecated Use type instead. Optional button type, can be either submit, reset or button and defaults to button if not specified. Warning: DNN wraps the whole page in a form, only use this if you are handling form submission manually. Warning: This will be deprecated in the next version and replaced with a new 'type' property.
          * @default 'button'
         */
        "formButtonType"?: 'submit' | 'reset' | 'button';
        /**
          * The name of the element, used when submitting an HTML form.
         */
        "name"?: string;
        /**
          * Fires when confirm is true and the user cancels the action.
         */
        "onCanceled"?: (event: DnnButtonCustomEvent<any>) => void;
        /**
          * Fires when confirm is true and the user confirms the action.
         */
        "onConfirmed"?: (event: DnnButtonCustomEvent<any>) => void;
        /**
          * Optionally reverses the button style.
          * @default false
         */
        "reversed"?: boolean;
        /**
          * Optionally sets the button size, small normal or large, defaults to normal
          * @default 'normal'
         */
        "size"?: 'small' | 'normal' | 'large';
        /**
          * Optional button type, can be either submit, reset or button and defaults to button if not specified. Warning: DNN wraps the whole page in a form, only use this if you are handling form submission manually.
          * @default 'button'
         */
        "type"?: 'submit' | 'reset' | 'button';
    }
    interface DnnCheckbox {
        /**
          * Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined)
          * @default "unchecked"
         */
        "checked"?: CheckedState;
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The name to show in the formData (if using forms).
          * @default ""
         */
        "name"?: string;
        /**
          * A function that will be called when the checkbox needs to change state and returns the next state. Can be used to customize the order of the states when the component is clicked. Only called if you also use the tri-state feature (useIntermediate).
          * @default (currentState) => this.defaultNextStateHandler(currentState)
         */
        "nextStateHandler"?: (currentState: CheckedState) => CheckedState;
        /**
          * Fires up when the checkbox checked property changes.
         */
        "onCheckedchange"?: (event: DnnCheckboxCustomEvent<"checked" | "unchecked" | "intermediate">) => void;
        /**
          * If true, the checkbox needs to be checked for the form validation to succeed.
          * @default false
         */
        "required"?: boolean;
        /**
          * Can be used to customize the validation message when the field is required but not checked.
          * @default "The checkbox must be checked"
         */
        "requiredMessage"?: string;
        /**
          * Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state)
          * @default false
         */
        "useIntermediate"?: boolean;
        /**
          * The value for this checkbox (not to be confused with its checked state).
          * @default "on"
         */
        "value"?: string;
    }
    interface DnnChevron {
        /**
          * Collapse text for screen readers
          * @default "collapse"
         */
        "collapseText"?: string;
        /**
          * Expand text for screen readers
          * @default "expand"
         */
        "expandText"?: string;
        /**
          * Is the chevron expanded
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Fires up when the expanded status changes
         */
        "onChanged"?: (event: DnnChevronCustomEvent<any>) => void;
    }
    interface DnnCollapsible {
        /**
          * Defines if the panel is expanded or not.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Fires whenever the collapsible height has changed
         */
        "onDnnCollapsibleHeightChanged"?: (event: DnnCollapsibleCustomEvent<void>) => void;
        /**
          * Defines the transition time in ms, defaults to 150ms
          * @default 150
         */
        "transitionDuration"?: number;
    }
    /**
     * A custom input component that allows previewing and changing a color value.
     */
    interface DnnColorInput {
        /**
          * Sets the initial color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "000088"
         */
        "color"?: string;
        /**
          * Sets the initial contrast color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "FFFFFF"
         */
        "contrastColor"?: string;
        /**
          * Sets the initial dark color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "0000044"
         */
        "darkColor"?: string;
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * Sets the initial light color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "00000FF"
         */
        "lightColor"?: string;
        /**
          * Can be used to customize the text language.
          * @default {     contrast: "Contrast",     preview: "Preview",     cancel: "Cancel",     confirm: "Confirm",     normal: "Normal",     light: "Light",     dark: "Dark",   }
         */
        "localization"?: {
    contrast: string,
    preview: string,
    cancel: string,
    confirm: string,
    normal: string,
    light: string,
    dark: string,
  };
        /**
          * The name for this input if forms are used.
         */
        "name"?: string;
        /**
          * Fires when the color was changed and confirmed.
         */
        "onColorChange"?: (event: DnnColorInputCustomEvent<DnnColorInfo>) => void;
        /**
          * Fires live as the user is trying color changes inside the modal.
         */
        "onColorInput"?: (event: DnnColorInputCustomEvent<DnnColorInfo>) => void;
        /**
          * Disables interacting with the component.
         */
        "readonly"?: boolean;
        /**
          * If true, the picker will allow selecting a contast color too.
         */
        "useContrastColor"?: boolean;
        /**
          * If true, the picker will allow selecting a dark color too.
         */
        "useDarkColor"?: boolean;
        /**
          * If true, the picker will allow selecting a light color too.
         */
        "useLightColor"?: boolean;
    }
    /**
     * Color Picker for Dnn
     */
    interface DnnColorPicker {
        /**
          * Sets the initial color, must be a valid 8 character hexadecimal string without the # sign.
          * @default "FFFFFF"
         */
        "color"?: string;
        /**
          * Sets the width-height ratio of the color picker saturation-lightness box.
          * @example 100% renders a perfect square
          * @default "50%"
         */
        "colorBoxHeight"?: string;
        /**
          * Fires up when the color is changed and emits a ColorInfo object
          * @see .. /../utilities/colorInfo.ts
         */
        "onColorChanged"?: (event: DnnColorPickerCustomEvent<ColorInfo>) => void;
    }
    interface DnnContextMenu {
        /**
          * If true, the menu will close when an item is clicked.
          * @default false
         */
        "closeOnClick"?: boolean;
    }
    interface DnnDropzone {
        /**
          * If true, will allow the user to take a snapshot using the device camera. (only works over https).
          * @default false
         */
        "allowCameraMode"?: boolean;
        /**
          * A list of allowed file extensions. If not specified, any file is allowed. Ex: ["jpg", "jpeg", "gif", "png"]
         */
        "allowedExtensions"?: string[];
        /**
          * Specifies the jpeg quality for when the device camera is used to generate a picture. Needs to be a number between 0 and 1 and defaults to 0.8
          * @default 0.8
         */
        "captureQuality"?: number;
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Max file size in bytes.
         */
        "maxFileSize"?: number;
        /**
          * If true, allows multiple file selection.
          * @default false
         */
        "multiple"?: boolean;
        /**
          * The name of the field when used in a form.
         */
        "name"?: string;
        /**
          * Fires when file were selected.
         */
        "onFilesSelected"?: (event: DnnDropzoneCustomEvent<File[]>) => void;
        /**
          * Localization strings
         */
        "resx"?: DropzoneResx;
    }
    /**
     * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
     */
    interface DnnFieldset {
        /**
          * If true, the fieldset will display as disabled.
         */
        "disabled"?: boolean;
        /**
          * If true, the label will float in the container, set false to show it on top.
         */
        "floatLabel"?: boolean;
        /**
          * If true the fieldset will display as focused.
         */
        "focused"?: boolean;
        /**
          * Can be used to show some help text about this field.
         */
        "helpText"?: string;
        /**
          * If true, the  fieldset will display as invalid.
         */
        "invalid"?: boolean;
        /**
          * Sets the text of the fieldset label (caption).
         */
        "label"?: string;
        /**
          * Can be set to specify if the fieldset can be resized by the user.
          * @default "none"
         */
        "resizable"?: "none" | "both" | "horizontal" | "vertical" | "block" | "inline";
    }
    /**
     * Allows cropping an image in-browser with the option to enforce a specific final size.
     * All computation happens in the browser and the final image is emmited
     * in an event that has a data-url of the image.
     */
    interface DnnImageCropper {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Sets the desired final image height.
         */
        "height"?: number;
        /**
          * The name of the control when used in a form.
         */
        "name"?: string;
        /**
          * When the image crop changes, emits the dataurl for the new cropped image.
         */
        "onImageCropChanged"?: (event: DnnImageCropperCustomEvent<string>) => void;
        /**
          * Emits both when a file is initially select and when the crop has changed. Compared to imageCropChanged, this event emits the file itself, which can be useful for uploading the file to a server including its name.
         */
        "onImageFileCropChanged"?: (event: DnnImageCropperCustomEvent<File>) => void;
        /**
          * When set to true, prevents cropping an image smaller than the required size, which would blow pixel and make the final picture look blurry.
          * @default false
         */
        "preventUndersized"?: boolean;
        /**
          * Sets the output quality of the cropped image (number between 0 and 1).
          * @default 0.8
         */
        "quality"?: number;
        /**
          * Can be used to customize controls text. Some values support tokens, see default values for examples.
         */
        "resx"?: ImageCropperResx;
        /**
          * Sets the desired final image width.
         */
        "width"?: number;
    }
    /**
     * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
     */
    interface DnnInput {
        /**
          * If true, enables users to switch between a password and a text field (to view their password).
         */
        "allowShowPassword"?: boolean;
        /**
          * Defines the type of auto-completion to use for this field, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete.
          * @default "off"
         */
        "autocomplete"?: string;
        /**
          * @deprecated This control has it's own validation reporting, will be removed in v0.25.0
         */
        "disableValidityReporting"?: boolean;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * Hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.
         */
        "inputmode"?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * Defines the maximum allowed value.
         */
        "max"?: number | string;
        /**
          * Defines the maximum amount of charaters.
         */
        "maxlength"?: number;
        /**
          * Defines the minimum allowed value.
         */
        "min"?: number | string;
        /**
          * Defines the minimum amount of charaters.
         */
        "minlength"?: number;
        /**
          * If true, allows multiple emails to be entered separated by commas.
         */
        "multiple"?: boolean;
        /**
          * The name for this input when used in forms.
         */
        "name"?: string;
        /**
          * Fires when the value has changed and the user exits the input.
         */
        "onValueChange"?: (event: DnnInputCustomEvent<number | string | string[]>) => void;
        /**
          * Fires when the using is inputing data (on keystrokes).
         */
        "onValueInput"?: (event: DnnInputCustomEvent<number | string | string[]>) => void;
        /**
          * Valid for text, search, url, tel, email, and password, the pattern attribute defines a regular expression that the input's value must match in order for the value to pass constraint validation.
         */
        "pattern"?: string;
        /**
          * Defines wheter the defined value is readonly.
         */
        "readonly"?: boolean;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * Defines the possible steps for numbers and dates/times. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#step
         */
        "step"?: string | number;
        /**
          * The input type, supports most of html standard input type, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types.
          * @default "text"
         */
        "type"?: "date" | "datetime-local" | "email" | "number" | "password" | "tel" | "text" | "time" | "url" | "search";
        /**
          * The value of the input.
          * @default ""
         */
        "value"?: number | string | string[];
    }
    interface DnnModal {
        /**
          * @deprecated boolean props should always default to being false per html specs, use preventBackdropDismiss instead, will be removed in v0.28.0. Pass false to remove the backdrop click auto-dismiss feature.
         */
        "backdropDismiss"?: boolean;
        /**
          * Optionally pass the aria-label text for the close button. Defaults to "Close modal" if not provided.
          * @default "Close modal"
         */
        "closeText"?: string;
        /**
          * Optionally you can pass true to not show the close button. If you decide to do so, you should either not also prevent dismissal by clicking the backdrop or provide your own dismissal logic in the modal content.
          * @default false
         */
        "hideCloseButton"?: boolean;
        /**
          * Fires when the modal is dismissed.
         */
        "onDismissed"?: (event: DnnModalCustomEvent<any>) => void;
        /**
          * Pass true to remove the backdrop click auto-dismiss feature. Defaults to false.
          * @default false
         */
        "preventBackdropDismiss"?: boolean;
        /**
          * If set to true, the modal becomes resizable.
          * @default false
         */
        "resizable"?: boolean;
        /**
          * @deprecated boolean props should always default to being false per html specs, use hideCloseButton instead, will be removed in v0.28.0. Optionally you can pass false to not show the close button. If you decide to do so, you should either not also prevent dismissal by clicking the backdrop or provide your own dismissal logic in the modal content.
         */
        "showCloseButton"?: boolean;
        /**
          * Reflects the visible state of the modal.
          * @default false
         */
        "visible"?: boolean;
    }
    interface DnnMonacoEditor {
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Defines the language for the editor.
          * @default "html"
         */
        "language"?: "plaintext" | "bat" | "coffeescript" | "c" | "cpp" | "csharp" | "dockerfile" | "fsharp" | "go" | "handlebars" | "html" | "ini" | "pug" | "java" | "lua" | "markdown" | "msdax" | "objective-c" | "postiats" | "php" | "powershell" | "python" | "r" | "razor" | "ruby" | "swift" | "sql" | "vb" | "xml" | "less" | "scss" | "css" | "yaml" | "sol" | "sb" | "json" | "typescript" | "javascript";
        /**
          * The name of the control to use for forms.
         */
        "name"?: string;
        /**
          * Emits the new value of the content when it is changed.
         */
        "onContentChanged"?: (event: DnnMonacoEditorCustomEvent<string>) => void;
        /**
          * Sets the code contained in the editor
          * @default ""
         */
        "value"?: string;
    }
    interface DnnPermissionsGrid {
        /**
          * The list of users to show under the search users field when a search is performed.
          * @default []
         */
        "foundUsers"?: ISearchedUser[];
        /**
          * Fires when any permissions have changed, can be used for instance to have linked permissions.
         */
        "onPermissionsChanged"?: (event: DnnPermissionsGridCustomEvent<IPermissions>) => void;
        /**
          * Fires when searching for users to add to the permissions. Emits the search query.
         */
        "onUserSearchQueryChanged"?: (event: DnnPermissionsGridCustomEvent<string>) => void;
        /**
          * The list of permissions.
         */
        "permissions": IPermissions;
        /**
          * Optionally allows localizing the component strings.
         */
        "resx"?: ILocalization;
        /**
          * The list of role groups.
         */
        "roleGroups": IRoleGroup[];
        /**
          * The list of possible roles.
         */
        "roles": IRole[];
    }
    interface DnnProgressBar {
        /**
          * Sets the max value for the progress bar.
          * @default 100
         */
        "max"?: number;
        /**
          * Determines if gradient colors will be used for progress bar.
          * @default false
         */
        "useGradient"?: boolean;
        /**
          * Sets to current value for the progress bar.
          * @default 0
         */
        "value"?: number;
    }
    interface DnnRichtext {
        /**
          * Customize the options before initializing the editor, will have all the default options merged with 'options' if passed. This is called last after merging default options with your custom 'options' and just before initializing the editor.
         */
        "customizeOptions"?: (options: Config) => Config;
        /**
          * If `true`, the user cannot interact with the element.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Name of the field when used in a form.
         */
        "name"?: string;
        /**
          * Fires when the value changed.
         */
        "onValueChange"?: (event: DnnRichtextCustomEvent<string>) => void;
        /**
          * Fires during value input.
         */
        "onValueInput"?: (event: DnnRichtextCustomEvent<string>) => void;
        /**
          * Optional configuration for Jodit, see https://xdsoft.net/jodit/docs/classes/config.Config.html This will be merged with the default options and passed to the editor. If you prefer to not have to pass a full config object, you can use 'customizeOptions' to modify the options before initializing the editor instead of providing all options here.
         */
        "options"?: Config;
        /**
          * Allows registering your own plugins. The callback will be called with the editor instance as the only argument durig initialization. All other behavior needs to be implemented in the plugin itself using editor.on("eventname"). See https://xdsoft.net/jodit/examples/plugin/custom_plugin.html for an example. Creating a plugin does NOT automatically add it to the toolbar, you need to do that yourself in 'options' or 'customizeOptions', See https://xdsoft.net/jodit/examples/toolbar/custom_button.html for an example.
          * @default []
         */
        "plugins"?: {name: string, callback: (editor: Jodit) => void}[];
        /**
          * Sets the value of the content of the editor.
          * @default ""
         */
        "value"?: string;
    }
    interface DnnSearchbox {
        /**
          * How many milliseconds to wait before firing the queryChanged event.
          * @default 500
         */
        "debounceTime"?: number;
        /**
          * Fires up each time the search query changes. The data passed is the new query.
         */
        "onQueryChanged"?: (event: DnnSearchboxCustomEvent<string>) => void;
        /**
          * Sets the field placeholder text.
          * @default ""
         */
        "placeholder"?: string;
        /**
          * Sets the query
          * @default ""
         */
        "query"?: string;
    }
    interface DnnSelect {
        /**
          * Defines the type of automatic completion the browser can use. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
          * @default "off"
         */
        "autocomplete"?: string;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * The name for this input, if used in forms.
         */
        "name"?: string;
        /**
          * Fires when the value has changed and the user exits the input.
         */
        "onValueChange"?: (event: DnnSelectCustomEvent<string>) => void;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * The value of the input.
          * @default ""
         */
        "value"?: string;
    }
    interface DnnSortIcon {
        /**
          * Emitted when the sort is changed.
         */
        "onSortChanged"?: (event: DnnSortIconCustomEvent<"asc"|"desc"|"none">) => void;
        /**
          * Defines the current sort direction
          * @default "none"
         */
        "sortDirection"?: "asc" | "desc" | "none";
    }
    /**
     * Represents a single tab and must be used inside a dnn-tabs element.
     */
    interface DnnTab {
        /**
          * Defines the tab title.
         */
        "tabTitle": string;
    }
    interface DnnTabs {
    }
    /**
     * A custom textarea component.
     */
    interface DnnTextarea {
        /**
          * Defines the type of auto-completion to use for this field, see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete.
          * @default "off"
         */
        "autocomplete"?: string;
        /**
          * Defines whether the field is disabled.
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * Defines the help label displayed under the field.
         */
        "helpText"?: string;
        /**
          * The label for this input.
         */
        "label"?: string;
        /**
          * Defines the maximum amount of charaters.
         */
        "maxlength"?: number;
        /**
          * Defines the minimum amount of charaters.
         */
        "minlength"?: number;
        /**
          * The name for this input when used in forms.
         */
        "name"?: string;
        /**
          * Fires when the value has changed and the user exits the input.
         */
        "onValueChange"?: (event: DnnTextareaCustomEvent<string>) => void;
        /**
          * Fires when the using is inputing data (on keystrokes).
         */
        "onValueInput"?: (event: DnnTextareaCustomEvent<string>) => void;
        /**
          * Defines wheter the defined value is readonly.
         */
        "readonly"?: boolean;
        /**
          * Defines whether the field requires having a value.
         */
        "required"?: boolean;
        /**
          * Can be set to change how the user can resize the field.
          * @default "block"
         */
        "resizable"?: "none" | "both" | "horizontal" | "vertical" | "block" | "inline";
        /**
          * Defines how many rows (lines of text) to initially show.
          * @default 3
         */
        "rows"?: number;
        /**
          * Sets the value of the textarea.
          * @default ""
         */
        "value"?: string;
    }
    interface DnnToggle {
        /**
          * If 'true' the toggle is checked (on).
          * @default false
         */
        "checked"?: boolean;
        /**
          * If 'true' the toggle is not be interacted with.
          * @default false
         */
        "disabled"?: boolean;
        /**
          * The `id` of a `<form>` element to associate this element with.
         */
        "form"?: string;
        /**
          * The field name to use in forms.
         */
        "name"?: string;
        /**
          * Fires when the toggle changed
         */
        "onCheckChanged"?: (event: DnnToggleCustomEvent<DnnToggleChangeEventDetail>) => void;
        /**
          * The value to post when used in forms.
          * @default "on"
         */
        "value"?: string;
    }
    interface DnnTreeviewItem {
        /**
          * Defines if the current node is expanded.
          * @default false
         */
        "expanded"?: boolean;
        /**
          * Fires when the user collapses a node.
         */
        "onUserCollapsed"?: (event: DnnTreeviewItemCustomEvent<void>) => void;
        /**
          * Fires when the user expands a node.
         */
        "onUserExpanded"?: (event: DnnTreeviewItemCustomEvent<void>) => void;
    }
    /**
     * A component that shows a vertical list of items as they fit. When they don't all fit, it puts the ones that don't fit into a dropdown menu.
     */
    interface DnnVerticalOverflowMenu {
    }
    interface DnnVerticalSplitview {
        /**
          * Fires when the width of the divider changes.
         */
        "onWidthChanged"?: (event: DnnVerticalSplitviewCustomEvent<number>) => void;
        /**
          * The percentage position of the splitter in the container.
          * @default 30
         */
        "splitWidthPercentage"?: number;
        /**
          * The width of the splitter area.
          * @default 16
         */
        "splitterWidth"?: number;
    }

    interface DnnAutocompleteAttributes {
        "label": string;
        "name": string;
        "helpText": string;
        "value": string;
        "required": boolean;
        "disabled": boolean;
        "totalSuggestions": number;
        "preloadThresholdPixels": number;
        "autocomplete": string;
    }
    interface DnnButtonAttributes {
        "appearance": 'primary' | 'danger' | 'secondary' | 'tertiary';
        "type": 'submit' | 'reset' | 'button';
        "formButtonType": 'submit' | 'reset' | 'button';
        "reversed": boolean;
        "size": 'small' | 'normal' | 'large';
        "confirm": boolean;
        "confirmYesText": string;
        "confirmNoText": string;
        "confirmMessage": string;
        "disabled": boolean;
    }
    interface DnnCheckboxAttributes {
        "checked": CheckedState;
        "useIntermediate": boolean;
        "value": string;
        "name": string;
        "required": boolean;
        "requiredMessage": string;
    }
    interface DnnChevronAttributes {
        "expandText": string;
        "collapseText": string;
        "expanded": boolean;
    }
    interface DnnCollapsibleAttributes {
        "expanded": boolean;
        "transitionDuration": number;
    }
    interface DnnColorInputAttributes {
        "color": string;
        "contrastColor": string;
        "lightColor": string;
        "darkColor": string;
        "label": string;
        "readonly": boolean;
        "name": string;
        "helpText": string;
        "useContrastColor": boolean;
        "useLightColor": boolean;
        "useDarkColor": boolean;
    }
    interface DnnColorPickerAttributes {
        "color": string;
        "colorBoxHeight": string;
    }
    interface DnnContextMenuAttributes {
        "closeOnClick": boolean;
    }
    interface DnnDropzoneAttributes {
        "allowCameraMode": boolean;
        "captureQuality": number;
        "maxFileSize": number;
        "name": string;
        "multiple": boolean;
    }
    interface DnnFieldsetAttributes {
        "focused": boolean;
        "disabled": boolean;
        "invalid": boolean;
        "label": string;
        "floatLabel": boolean;
        "helpText": string;
        "resizable": "none" | "both" | "horizontal" | "vertical" | "block" | "inline";
    }
    interface DnnImageCropperAttributes {
        "width": number;
        "height": number;
        "quality": number;
        "preventUndersized": boolean;
        "name": string;
    }
    interface DnnInputAttributes {
        "type": "date" | "datetime-local" | "email" | "number" | "password" | "tel" | "text" | "time" | "url" | "search";
        "label": string;
        "name": string;
        "value": string;
        "helpText": string;
        "required": boolean;
        "disabled": boolean;
        "autocomplete": string;
        "min": string;
        "max": string;
        "minlength": number;
        "maxlength": number;
        "multiple": boolean;
        "pattern": string;
        "readonly": boolean;
        "step": string;
        "disableValidityReporting": boolean;
        "allowShowPassword": boolean;
        "inputmode": "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
    }
    interface DnnModalAttributes {
        "backdropDismiss": boolean;
        "preventBackdropDismiss": boolean;
        "closeText": string;
        "resizable": boolean;
        "showCloseButton": boolean;
        "hideCloseButton": boolean;
        "visible": boolean;
    }
    interface DnnMonacoEditorAttributes {
        "language": "plaintext" | "bat" | "coffeescript" | "c" | "cpp" | "csharp" | "dockerfile" | "fsharp" | "go" | "handlebars" | "html" | "ini" | "pug" | "java" | "lua" | "markdown" | "msdax" | "objective-c" | "postiats" | "php" | "powershell" | "python" | "r" | "razor" | "ruby" | "swift" | "sql" | "vb" | "xml" | "less" | "scss" | "css" | "yaml" | "sol" | "sb" | "json" | "typescript" | "javascript";
        "value": string;
        "name": string;
    }
    interface DnnProgressBarAttributes {
        "value": number;
        "max": number;
        "useGradient": boolean;
    }
    interface DnnRichtextAttributes {
        "value": string;
        "name": string;
    }
    interface DnnSearchboxAttributes {
        "placeholder": string;
        "debounceTime": number;
        "query": string;
    }
    interface DnnSelectAttributes {
        "label": string;
        "name": string;
        "required": boolean;
        "helpText": string;
        "disabled": boolean;
        "autocomplete": string;
        "value": string;
    }
    interface DnnSortIconAttributes {
        "sortDirection": "asc" | "desc" | "none";
    }
    interface DnnTabAttributes {
        "tabTitle": string;
    }
    interface DnnTextareaAttributes {
        "resizable": "none" | "both" | "horizontal" | "vertical" | "block" | "inline";
        "value": string;
        "label": string;
        "name": string;
        "helpText": string;
        "required": boolean;
        "disabled": boolean;
        "autocomplete": string;
        "minlength": number;
        "maxlength": number;
        "readonly": boolean;
        "rows": number;
    }
    interface DnnToggleAttributes {
        "checked": boolean;
        "disabled": boolean;
        "name": string;
        "value": string;
    }
    interface DnnTreeviewItemAttributes {
        "expanded": boolean;
    }
    interface DnnVerticalSplitviewAttributes {
        "splitterWidth": number;
        "splitWidthPercentage": number;
    }

    interface IntrinsicElements {
        "dnn-autocomplete": Omit<DnnAutocomplete, keyof DnnAutocompleteAttributes> & { [K in keyof DnnAutocomplete & keyof DnnAutocompleteAttributes]?: DnnAutocomplete[K] } & { [K in keyof DnnAutocomplete & keyof DnnAutocompleteAttributes as `attr:${K}`]?: DnnAutocompleteAttributes[K] } & { [K in keyof DnnAutocomplete & keyof DnnAutocompleteAttributes as `prop:${K}`]?: DnnAutocomplete[K] };
        "dnn-button": Omit<DnnButton, keyof DnnButtonAttributes> & { [K in keyof DnnButton & keyof DnnButtonAttributes]?: DnnButton[K] } & { [K in keyof DnnButton & keyof DnnButtonAttributes as `attr:${K}`]?: DnnButtonAttributes[K] } & { [K in keyof DnnButton & keyof DnnButtonAttributes as `prop:${K}`]?: DnnButton[K] };
        "dnn-checkbox": Omit<DnnCheckbox, keyof DnnCheckboxAttributes> & { [K in keyof DnnCheckbox & keyof DnnCheckboxAttributes]?: DnnCheckbox[K] } & { [K in keyof DnnCheckbox & keyof DnnCheckboxAttributes as `attr:${K}`]?: DnnCheckboxAttributes[K] } & { [K in keyof DnnCheckbox & keyof DnnCheckboxAttributes as `prop:${K}`]?: DnnCheckbox[K] };
        "dnn-chevron": Omit<DnnChevron, keyof DnnChevronAttributes> & { [K in keyof DnnChevron & keyof DnnChevronAttributes]?: DnnChevron[K] } & { [K in keyof DnnChevron & keyof DnnChevronAttributes as `attr:${K}`]?: DnnChevronAttributes[K] } & { [K in keyof DnnChevron & keyof DnnChevronAttributes as `prop:${K}`]?: DnnChevron[K] };
        "dnn-collapsible": Omit<DnnCollapsible, keyof DnnCollapsibleAttributes> & { [K in keyof DnnCollapsible & keyof DnnCollapsibleAttributes]?: DnnCollapsible[K] } & { [K in keyof DnnCollapsible & keyof DnnCollapsibleAttributes as `attr:${K}`]?: DnnCollapsibleAttributes[K] } & { [K in keyof DnnCollapsible & keyof DnnCollapsibleAttributes as `prop:${K}`]?: DnnCollapsible[K] };
        "dnn-color-input": Omit<DnnColorInput, keyof DnnColorInputAttributes> & { [K in keyof DnnColorInput & keyof DnnColorInputAttributes]?: DnnColorInput[K] } & { [K in keyof DnnColorInput & keyof DnnColorInputAttributes as `attr:${K}`]?: DnnColorInputAttributes[K] } & { [K in keyof DnnColorInput & keyof DnnColorInputAttributes as `prop:${K}`]?: DnnColorInput[K] };
        "dnn-color-picker": Omit<DnnColorPicker, keyof DnnColorPickerAttributes> & { [K in keyof DnnColorPicker & keyof DnnColorPickerAttributes]?: DnnColorPicker[K] } & { [K in keyof DnnColorPicker & keyof DnnColorPickerAttributes as `attr:${K}`]?: DnnColorPickerAttributes[K] } & { [K in keyof DnnColorPicker & keyof DnnColorPickerAttributes as `prop:${K}`]?: DnnColorPicker[K] };
        "dnn-context-menu": Omit<DnnContextMenu, keyof DnnContextMenuAttributes> & { [K in keyof DnnContextMenu & keyof DnnContextMenuAttributes]?: DnnContextMenu[K] } & { [K in keyof DnnContextMenu & keyof DnnContextMenuAttributes as `attr:${K}`]?: DnnContextMenuAttributes[K] } & { [K in keyof DnnContextMenu & keyof DnnContextMenuAttributes as `prop:${K}`]?: DnnContextMenu[K] };
        "dnn-dropzone": Omit<DnnDropzone, keyof DnnDropzoneAttributes> & { [K in keyof DnnDropzone & keyof DnnDropzoneAttributes]?: DnnDropzone[K] } & { [K in keyof DnnDropzone & keyof DnnDropzoneAttributes as `attr:${K}`]?: DnnDropzoneAttributes[K] } & { [K in keyof DnnDropzone & keyof DnnDropzoneAttributes as `prop:${K}`]?: DnnDropzone[K] };
        "dnn-fieldset": Omit<DnnFieldset, keyof DnnFieldsetAttributes> & { [K in keyof DnnFieldset & keyof DnnFieldsetAttributes]?: DnnFieldset[K] } & { [K in keyof DnnFieldset & keyof DnnFieldsetAttributes as `attr:${K}`]?: DnnFieldsetAttributes[K] } & { [K in keyof DnnFieldset & keyof DnnFieldsetAttributes as `prop:${K}`]?: DnnFieldset[K] };
        "dnn-image-cropper": Omit<DnnImageCropper, keyof DnnImageCropperAttributes> & { [K in keyof DnnImageCropper & keyof DnnImageCropperAttributes]?: DnnImageCropper[K] } & { [K in keyof DnnImageCropper & keyof DnnImageCropperAttributes as `attr:${K}`]?: DnnImageCropperAttributes[K] } & { [K in keyof DnnImageCropper & keyof DnnImageCropperAttributes as `prop:${K}`]?: DnnImageCropper[K] };
        "dnn-input": Omit<DnnInput, keyof DnnInputAttributes> & { [K in keyof DnnInput & keyof DnnInputAttributes]?: DnnInput[K] } & { [K in keyof DnnInput & keyof DnnInputAttributes as `attr:${K}`]?: DnnInputAttributes[K] } & { [K in keyof DnnInput & keyof DnnInputAttributes as `prop:${K}`]?: DnnInput[K] };
        "dnn-modal": Omit<DnnModal, keyof DnnModalAttributes> & { [K in keyof DnnModal & keyof DnnModalAttributes]?: DnnModal[K] } & { [K in keyof DnnModal & keyof DnnModalAttributes as `attr:${K}`]?: DnnModalAttributes[K] } & { [K in keyof DnnModal & keyof DnnModalAttributes as `prop:${K}`]?: DnnModal[K] };
        "dnn-monaco-editor": Omit<DnnMonacoEditor, keyof DnnMonacoEditorAttributes> & { [K in keyof DnnMonacoEditor & keyof DnnMonacoEditorAttributes]?: DnnMonacoEditor[K] } & { [K in keyof DnnMonacoEditor & keyof DnnMonacoEditorAttributes as `attr:${K}`]?: DnnMonacoEditorAttributes[K] } & { [K in keyof DnnMonacoEditor & keyof DnnMonacoEditorAttributes as `prop:${K}`]?: DnnMonacoEditor[K] };
        "dnn-permissions-grid": DnnPermissionsGrid;
        "dnn-progress-bar": Omit<DnnProgressBar, keyof DnnProgressBarAttributes> & { [K in keyof DnnProgressBar & keyof DnnProgressBarAttributes]?: DnnProgressBar[K] } & { [K in keyof DnnProgressBar & keyof DnnProgressBarAttributes as `attr:${K}`]?: DnnProgressBarAttributes[K] } & { [K in keyof DnnProgressBar & keyof DnnProgressBarAttributes as `prop:${K}`]?: DnnProgressBar[K] };
        "dnn-richtext": Omit<DnnRichtext, keyof DnnRichtextAttributes> & { [K in keyof DnnRichtext & keyof DnnRichtextAttributes]?: DnnRichtext[K] } & { [K in keyof DnnRichtext & keyof DnnRichtextAttributes as `attr:${K}`]?: DnnRichtextAttributes[K] } & { [K in keyof DnnRichtext & keyof DnnRichtextAttributes as `prop:${K}`]?: DnnRichtext[K] };
        "dnn-searchbox": Omit<DnnSearchbox, keyof DnnSearchboxAttributes> & { [K in keyof DnnSearchbox & keyof DnnSearchboxAttributes]?: DnnSearchbox[K] } & { [K in keyof DnnSearchbox & keyof DnnSearchboxAttributes as `attr:${K}`]?: DnnSearchboxAttributes[K] } & { [K in keyof DnnSearchbox & keyof DnnSearchboxAttributes as `prop:${K}`]?: DnnSearchbox[K] };
        "dnn-select": Omit<DnnSelect, keyof DnnSelectAttributes> & { [K in keyof DnnSelect & keyof DnnSelectAttributes]?: DnnSelect[K] } & { [K in keyof DnnSelect & keyof DnnSelectAttributes as `attr:${K}`]?: DnnSelectAttributes[K] } & { [K in keyof DnnSelect & keyof DnnSelectAttributes as `prop:${K}`]?: DnnSelect[K] };
        "dnn-sort-icon": Omit<DnnSortIcon, keyof DnnSortIconAttributes> & { [K in keyof DnnSortIcon & keyof DnnSortIconAttributes]?: DnnSortIcon[K] } & { [K in keyof DnnSortIcon & keyof DnnSortIconAttributes as `attr:${K}`]?: DnnSortIconAttributes[K] } & { [K in keyof DnnSortIcon & keyof DnnSortIconAttributes as `prop:${K}`]?: DnnSortIcon[K] };
        "dnn-tab": Omit<DnnTab, keyof DnnTabAttributes> & { [K in keyof DnnTab & keyof DnnTabAttributes]?: DnnTab[K] } & { [K in keyof DnnTab & keyof DnnTabAttributes as `attr:${K}`]?: DnnTabAttributes[K] } & { [K in keyof DnnTab & keyof DnnTabAttributes as `prop:${K}`]?: DnnTab[K] } & OneOf<"tabTitle", DnnTab["tabTitle"], DnnTabAttributes["tabTitle"]>;
        "dnn-tabs": DnnTabs;
        "dnn-textarea": Omit<DnnTextarea, keyof DnnTextareaAttributes> & { [K in keyof DnnTextarea & keyof DnnTextareaAttributes]?: DnnTextarea[K] } & { [K in keyof DnnTextarea & keyof DnnTextareaAttributes as `attr:${K}`]?: DnnTextareaAttributes[K] } & { [K in keyof DnnTextarea & keyof DnnTextareaAttributes as `prop:${K}`]?: DnnTextarea[K] };
        "dnn-toggle": Omit<DnnToggle, keyof DnnToggleAttributes> & { [K in keyof DnnToggle & keyof DnnToggleAttributes]?: DnnToggle[K] } & { [K in keyof DnnToggle & keyof DnnToggleAttributes as `attr:${K}`]?: DnnToggleAttributes[K] } & { [K in keyof DnnToggle & keyof DnnToggleAttributes as `prop:${K}`]?: DnnToggle[K] };
        "dnn-treeview-item": Omit<DnnTreeviewItem, keyof DnnTreeviewItemAttributes> & { [K in keyof DnnTreeviewItem & keyof DnnTreeviewItemAttributes]?: DnnTreeviewItem[K] } & { [K in keyof DnnTreeviewItem & keyof DnnTreeviewItemAttributes as `attr:${K}`]?: DnnTreeviewItemAttributes[K] } & { [K in keyof DnnTreeviewItem & keyof DnnTreeviewItemAttributes as `prop:${K}`]?: DnnTreeviewItem[K] };
        "dnn-vertical-overflow-menu": DnnVerticalOverflowMenu;
        "dnn-vertical-splitview": Omit<DnnVerticalSplitview, keyof DnnVerticalSplitviewAttributes> & { [K in keyof DnnVerticalSplitview & keyof DnnVerticalSplitviewAttributes]?: DnnVerticalSplitview[K] } & { [K in keyof DnnVerticalSplitview & keyof DnnVerticalSplitviewAttributes as `attr:${K}`]?: DnnVerticalSplitviewAttributes[K] } & { [K in keyof DnnVerticalSplitview & keyof DnnVerticalSplitviewAttributes as `prop:${K}`]?: DnnVerticalSplitview[K] };
    }
}
export { LocalJSX as JSX };
declare module "@stencil/core" {
    export namespace JSX {
        interface IntrinsicElements {
            "dnn-autocomplete": LocalJSX.IntrinsicElements["dnn-autocomplete"] & JSXBase.HTMLAttributes<HTMLDnnAutocompleteElement>;
            "dnn-button": LocalJSX.IntrinsicElements["dnn-button"] & JSXBase.HTMLAttributes<HTMLDnnButtonElement>;
            "dnn-checkbox": LocalJSX.IntrinsicElements["dnn-checkbox"] & JSXBase.HTMLAttributes<HTMLDnnCheckboxElement>;
            "dnn-chevron": LocalJSX.IntrinsicElements["dnn-chevron"] & JSXBase.HTMLAttributes<HTMLDnnChevronElement>;
            "dnn-collapsible": LocalJSX.IntrinsicElements["dnn-collapsible"] & JSXBase.HTMLAttributes<HTMLDnnCollapsibleElement>;
            /**
             * A custom input component that allows previewing and changing a color value.
             */
            "dnn-color-input": LocalJSX.IntrinsicElements["dnn-color-input"] & JSXBase.HTMLAttributes<HTMLDnnColorInputElement>;
            /**
             * Color Picker for Dnn
             */
            "dnn-color-picker": LocalJSX.IntrinsicElements["dnn-color-picker"] & JSXBase.HTMLAttributes<HTMLDnnColorPickerElement>;
            "dnn-context-menu": LocalJSX.IntrinsicElements["dnn-context-menu"] & JSXBase.HTMLAttributes<HTMLDnnContextMenuElement>;
            "dnn-dropzone": LocalJSX.IntrinsicElements["dnn-dropzone"] & JSXBase.HTMLAttributes<HTMLDnnDropzoneElement>;
            /**
             * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
             */
            "dnn-fieldset": LocalJSX.IntrinsicElements["dnn-fieldset"] & JSXBase.HTMLAttributes<HTMLDnnFieldsetElement>;
            /**
             * Allows cropping an image in-browser with the option to enforce a specific final size.
             * All computation happens in the browser and the final image is emmited
             * in an event that has a data-url of the image.
             */
            "dnn-image-cropper": LocalJSX.IntrinsicElements["dnn-image-cropper"] & JSXBase.HTMLAttributes<HTMLDnnImageCropperElement>;
            /**
             * A custom input component that wraps the html input element is a mobile friendly component that supports a label, some help text and other features.
             */
            "dnn-input": LocalJSX.IntrinsicElements["dnn-input"] & JSXBase.HTMLAttributes<HTMLDnnInputElement>;
            "dnn-modal": LocalJSX.IntrinsicElements["dnn-modal"] & JSXBase.HTMLAttributes<HTMLDnnModalElement>;
            "dnn-monaco-editor": LocalJSX.IntrinsicElements["dnn-monaco-editor"] & JSXBase.HTMLAttributes<HTMLDnnMonacoEditorElement>;
            "dnn-permissions-grid": LocalJSX.IntrinsicElements["dnn-permissions-grid"] & JSXBase.HTMLAttributes<HTMLDnnPermissionsGridElement>;
            "dnn-progress-bar": LocalJSX.IntrinsicElements["dnn-progress-bar"] & JSXBase.HTMLAttributes<HTMLDnnProgressBarElement>;
            "dnn-richtext": LocalJSX.IntrinsicElements["dnn-richtext"] & JSXBase.HTMLAttributes<HTMLDnnRichtextElement>;
            "dnn-searchbox": LocalJSX.IntrinsicElements["dnn-searchbox"] & JSXBase.HTMLAttributes<HTMLDnnSearchboxElement>;
            "dnn-select": LocalJSX.IntrinsicElements["dnn-select"] & JSXBase.HTMLAttributes<HTMLDnnSelectElement>;
            "dnn-sort-icon": LocalJSX.IntrinsicElements["dnn-sort-icon"] & JSXBase.HTMLAttributes<HTMLDnnSortIconElement>;
            /**
             * Represents a single tab and must be used inside a dnn-tabs element.
             */
            "dnn-tab": LocalJSX.IntrinsicElements["dnn-tab"] & JSXBase.HTMLAttributes<HTMLDnnTabElement>;
            "dnn-tabs": LocalJSX.IntrinsicElements["dnn-tabs"] & JSXBase.HTMLAttributes<HTMLDnnTabsElement>;
            /**
             * A custom textarea component.
             */
            "dnn-textarea": LocalJSX.IntrinsicElements["dnn-textarea"] & JSXBase.HTMLAttributes<HTMLDnnTextareaElement>;
            "dnn-toggle": LocalJSX.IntrinsicElements["dnn-toggle"] & JSXBase.HTMLAttributes<HTMLDnnToggleElement>;
            "dnn-treeview-item": LocalJSX.IntrinsicElements["dnn-treeview-item"] & JSXBase.HTMLAttributes<HTMLDnnTreeviewItemElement>;
            /**
             * A component that shows a vertical list of items as they fit. When they don't all fit, it puts the ones that don't fit into a dropdown menu.
             */
            "dnn-vertical-overflow-menu": LocalJSX.IntrinsicElements["dnn-vertical-overflow-menu"] & JSXBase.HTMLAttributes<HTMLDnnVerticalOverflowMenuElement>;
            "dnn-vertical-splitview": LocalJSX.IntrinsicElements["dnn-vertical-splitview"] & JSXBase.HTMLAttributes<HTMLDnnVerticalSplitviewElement>;
        }
    }
}