/* 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 { DotCMSContentlet, DotCMSContentTypeLayoutColumn, DotCMSContentTypeLayoutRow, DotContentState, DotHttpErrorResponse } from "@dotcms/dotcms-models"; import { DotBinaryFileEvent, DotFieldStatusEvent, DotFieldValueEvent, DotInputCalendarStatusEvent, DotKeyValueField } from "./models"; import { DotCardContentletEvent, DotCardContentletItem } from "./models/dot-card-contentlet.model"; import { DotContentletItem } from "./models/dot-contentlet-item.model"; import { DotContextMenuOption } from "./models/dot-context-menu.model"; import { DotContextMenuAction } from "./models/dot-context-menu-action.model"; import { DotSelectButtonOption } from "./models/dotSelectButtonOption"; export namespace Components { interface DotAssetDropZone { /** * Allowed file extensions */ "acceptTypes": string[]; /** * Legend to be shown when creating dotAssets */ "createAssetsText": string; "customUploadFiles": (props: { files: File[], onSuccess: () => void, updateProgress: (progress: number) => void, onError: (header: string, message: string) => void }) => Promise; /** * Labels to be shown in error dialog */ "dialogLabels": { closeButton: string; uploadErrorHeader: string; dotAssetErrorHeader: string; errorHeader: string; }; "displayIndicator": boolean; /** * URL to endpoint to create dotAssets */ "dotAssetsURL": string; /** * Legend to be shown when dropping files */ "dropFilesText": string; /** * Specify the the folder where the dotAssets will be placed */ "folder": string; /** * Specify the max size of each file to be uploaded */ "maxFileSize": string; /** * Error to be shown when try to upload a bigger size file than allowed */ "multiMaxSizeErrorLabel": string; /** * Error to be shown when try to upload a bigger size file than allowed */ "singeMaxSizeErrorLabel": string; /** * Allowed file extensions */ "typesErrorLabel": string; /** * Error to be shown when an error happened on the uploading process */ "uploadErrorLabel": string; /** * Legend to be shown when uploading files */ "uploadFileText": string; } interface DotAutocomplete { /** * Function or array of string to get the data to use for the autocomplete search */ "data": () => Promise | string[]; /** * (optional) Duraction in ms to start search into the autocomplete */ "debounce": number; /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Max results to show after a autocomplete search */ "maxResults": number; /** * (optional) text to show when no value is set */ "placeholder": string; /** * (optional) Min characters to start search in the autocomplete input */ "threshold": number; } interface DotBadge { "bgColor": string; "bordered": boolean; "color": string; "size": string; } interface DotBinaryFile { /** * (optional) Text that be shown when the URL is not valid */ "URLValidationMessage": string; /** * (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */ "accept": string; /** * (optional) Text that be shown in the browse file button */ "buttonLabel": string; /** * Clear value of selected file, when the endpoint fails. */ "clearValue": () => Promise; /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Text that be shown in the browse file button */ "errorMessage": string; /** * (optional) Text that be shown when the file size is not valid */ "fileSizeValidationMessage": string; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * (optional) Set the max file size limit */ "maxFileLength": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Placeholder specifies a short hint that describes the expected value of the input field */ "placeholder": string; /** * (optional) Name of the file uploaded */ "previewImageName": string; /** * (optional) URL of the file uploaded */ "previewImageUrl": string; /** * (optional) Determine if it is required */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * (optional) Text that be shown when the Regular Expression condition not met */ "validationMessage": string; } interface DotBinaryFilePreview { /** * (optional) Delete button's label */ "deleteLabel": string; /** * file name to be displayed */ "fileName": string; /** * (optional) file URL to be displayed */ "previewUrl": string; } interface DotBinaryTextField { /** * (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */ "accept": string; /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Placeholder specifies a short hint that describes the expected value of the input field */ "placeholder": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * Value specifies the value of the element */ "value": any; } interface DotBinaryUploadButton { /** * (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */ "accept": string; /** * (optional) Text that be shown in the browse file button */ "buttonLabel": string; /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Set the max file size limit */ "maxFileLength": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; } interface DotCard { } interface DotCardContentlet { "checked": boolean; "hideMenu": () => Promise; "iconSize": string; "item": DotCardContentletItem; "showMenu": (x: number, y: number) => Promise; "thumbnailSize": string; } interface DotCardView { "clearValue": () => Promise; "getValue": () => Promise; "items": DotCardContentletItem[]; "value": string; } interface DotCheckbox { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * Name that will be used as ID */ "name": string; /** * Value/Label checkbox options separated by comma, to be formatted as: Value|Label */ "options": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. * @memberof DotSelectComponent */ "reset": () => Promise; /** * Value set from the checkbox option */ "value": string; } interface DotChip { /** * (optional) Delete button's label */ "deleteLabel": string; /** * (optional) If is true disabled the delete button */ "disabled": boolean; /** * Chip's label */ "label": string; } interface DotContentletIcon { "icon": string; "size": string; } interface DotContentletLockIcon { "locked": boolean; "size": string; } interface DotContentletThumbnail { "alt": string; "contentlet": DotContentletItem; "height": string; "iconSize": string; "width": string; } interface DotContextMenu { "fontSize": string; "hide": () => Promise; "options": DotContextMenuOption[]; "show": (x: number, y: number, position?: string) => Promise; } interface DotDataViewButton { "value": string; } interface DotDate { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd */ "max": string; /** * (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd */ "min": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * (optional) Step specifies the legal number intervals for the input field */ "step": string; /** * (optional) Text that be shown when min or max are set and condition not met */ "validationMessage": string; /** * Value format yyyy-mm-dd e.g., 2005-12-01 */ "value": string; } interface DotDateRange { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Date format used by the field when displayed */ "displayFormat": string; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * (optional) Max value that the field will allow to set */ "max": string; /** * (optional) Min value that the field will allow to set */ "min": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Text to be rendered next to presets field */ "presetLabel": string; /** * (optional) Array of date presets formatted as [{ label: 'PRESET_LABEL', days: NUMBER }] */ "presets": { label: string; days: number; }[]; /** * (optional) Determine if it is needed */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * (optional) Value formatted with start and end date splitted with a comma */ "value": string; } interface DotDateTime { /** * (optional) The string to use in the date label field */ "dateLabel": string; /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd hh:mm:ss | yyyy-mm-dd | hh:mm:ss */ "max": string; /** * (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd hh:mm:ss | yyyy-mm-dd | hh:mm:ss */ "min": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the filed, clear value and emit events. */ "reset": () => Promise; /** * (optional) Step specifies the legal number intervals for the input fields date && time e.g., 2,10 */ "step": string; /** * (optional) The string to use in the time label field */ "timeLabel": string; /** * (optional) Text that be shown when min or max are set and condition not met */ "validationMessage": string; /** * Value format yyyy-mm-dd hh:mm:ss e.g., 2005-12-01 15:22:00 */ "value": string; } interface DotErrorMessage { } interface DotForm { /** * (optional) List of fields (variableName) separated by comma, to be shown */ "fieldsToShow": string; /** * Layout metada to be rendered */ "layout": DotCMSContentTypeLayoutRow[]; /** * (optional) Text to be rendered on Reset button */ "resetLabel": string; /** * (optional) Text to be rendered on Submit button */ "submitLabel": string; /** * Content type variable name */ "variable": string; } interface DotFormColumn { /** * Fields metada to be rendered */ "column": DotCMSContentTypeLayoutColumn; /** * (optional) List of fields (variableName) separated by comma, to be shown */ "fieldsToShow": string; } interface DotFormRow { /** * (optional) List of fields (variableName) separated by comma, to be shown */ "fieldsToShow": string; /** * Fields metada to be rendered */ "row": DotCMSContentTypeLayoutRow; } interface DotHtmlToImage { "height": string; "value": string; "width": string; } interface DotInputCalendar { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Max, maximum value that the field will allow to set, expect a Date Format */ "max": string; /** * (optional) Min, minimum value that the field will allow to set, expect a Date Format. */ "min": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * (optional) Step specifies the legal number intervals for the input field */ "step": string; /** * type specifies the type of input element to display */ "type": string; /** * Value specifies the value of the input element */ "value": string; } interface DotKeyValue { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "duplicatedKeyMessage": string; /** * (optional) Label for the add button in the key-value-form */ "formAddButtonLabel": string; /** * (optional) The string to use in the key label in the key-value-form */ "formKeyLabel": string; /** * (optional) Placeholder for the key input text in the key-value-form */ "formKeyPlaceholder": string; /** * (optional) The string to use in the value label in the key-value-form */ "formValueLabel": string; /** * (optional) Placeholder for the value input text in the key-value-form */ "formValuePlaceholder": string; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * (optional) The string to use in the delete button of a key/value item */ "listDeleteLabel": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * (optional) Allows unique keys only */ "uniqueKeys": boolean; /** * Value of the field */ "value": string; /** * (optional) The string containing the value to be parsed for whitelist key/value */ "whiteList": string; /** * (optional) The string to use in the empty option of whitelist dropdown key/value item */ "whiteListEmptyOptionLabel": string; } interface DotLabel { /** * (optional) Text to be rendered */ "label": string; /** * (optional) Field name */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; } interface DotMaterialIconPicker { /** * Label set for the input color */ "colorLabel": string; /** * Color value set from the input */ "colorValue": string; /** * Name that will be used as ID */ "name": string; /** * Value for input placeholder */ "placeholder": string; /** * Show/Hide color picker */ "showColor": string; /** * Size value set for font-size */ "size": string; /** * Values that the auto-complete textbox should search for */ "suggestionlist": string[]; /** * Value set from the dropdown option */ "value": string; } interface DotMultiSelect { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * Name that will be used as ID */ "name": string; /** * Value/Label dropdown options separated by comma, to be formatted as: Value|Label */ "options": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. * @memberof DotSelectComponent */ "reset": () => Promise; /** * (optional) Size number of the multi-select dropdown (default=3) */ "size": string; /** * Value set from the dropdown option */ "value": string; } interface DotProgressBar { /** * indicates the progress to be show, a value 1 to 100 */ "progress": number; /** * text to be show bellow the progress bar */ "text": string; } interface DotRadio { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * Name that will be used as ID */ "name": string; /** * Value/Label ratio options separated by comma, to be formatted as: Value|Label */ "options": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * Value set from the ratio option */ "value": string; } interface DotSelect { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * Name that will be used as ID */ "name": string; /** * Value/Label dropdown options separated by comma, to be formatted as: Value|Label */ "options": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. * @memberof DotSelectComponent */ "reset": () => Promise; /** * Value set from the dropdown option */ "value": string; } interface DotSelectButton { "options": DotSelectButtonOption[]; "value": string; } interface DotStateIcon { "labels": { archived: string; published: string; revision: string; draft: string; }; "size": string; "state": DotContentState; } interface DotTags { /** * Function or array of string to get the data to use for the autocomplete search */ "data": () => Promise | string[]; /** * Duraction in ms to start search into the autocomplete */ "debounce": number; /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * Name that will be used as ID */ "name": string; /** * (optional) text to show when no value is set */ "placeholder": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that be shown when required is set and value is not set */ "requiredMessage": string; /** * Reset properties of the filed, clear value and emit events. */ "reset": () => Promise; /** * Min characters to start search in the autocomplete input */ "threshold": number; /** * Value formatted splitted with a comma, for example: tag-1,tag-2 */ "value": string; } interface DotTextarea { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to textarea element */ "label": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Regular expresion that is checked against the value to determine if is valid */ "regexCheck": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. * @memberof DotTextareaComponent */ "reset": () => Promise; /** * (optional) Text that be shown when the Regular Expression condition not met */ "validationMessage": string; /** * Value specifies the value of the textarea element */ "value": string; } interface DotTextfield { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Placeholder specifies a short hint that describes the expected value of the input field */ "placeholder": string; /** * (optional) Regular expresion that is checked against the value to determine if is valid */ "regexCheck": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * type specifies the type of input element to display */ "type": string; /** * (optional) Text that be shown when the Regular Expression condition not met */ "validationMessage": string; /** * Value specifies the value of the input element */ "value": string; } interface DotTime { /** * (optional) Disables field's interaction */ "disabled": boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint": string; /** * (optional) Text to be rendered next to input field */ "label": string; /** * (optional) Max, maximum value that the field will allow to set. Format should be hh:mm:ss */ "max": string; /** * (optional) Min, minimum value that the field will allow to set. Format should be hh:mm:ss */ "min": string; /** * Name that will be used as ID */ "name": string; /** * (optional) Determine if it is mandatory */ "required": boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage": string; /** * Reset properties of the field, clear value and emit events. */ "reset": () => Promise; /** * (optional) Step specifies the legal number intervals for the input field */ "step": string; /** * (optional) Text that be shown when min or max are set and condition not met */ "validationMessage": string; /** * Value format hh:mm:ss e.g., 15:22:00 */ "value": string; } interface DotTooltip { "content": string; "delay": number; "for": string; "position": string; } interface KeyValueForm { /** * (optional) Label for the add item button */ "addButtonLabel": string; /** * (optional) Disables all form interaction */ "disabled": boolean; /** * (optional) Label for the empty option in white-list select */ "emptyDropdownOptionLabel": string; /** * (optional) The string to use in the key input label */ "keyLabel": string; /** * (optional) Placeholder for the key input text */ "keyPlaceholder": string; /** * (optional) The string to use in the value input label */ "valueLabel": string; /** * (optional) Placeholder for the value input text */ "valuePlaceholder": string; /** * (optional) The string to use for white-list key/values */ "whiteList": string; } interface KeyValueTable { /** * (optional) Label for the delete button in each item list */ "buttonLabel": string; /** * (optional) Disables all form interaction */ "disabled": boolean; /** * (optional) Message to show when the list of items is empty */ "emptyMessage": string; /** * (optional) Items to render in the list of key value */ "items": DotKeyValueField[]; } } export interface DotAssetDropZoneCustomEvent extends CustomEvent { detail: T; target: HTMLDotAssetDropZoneElement; } export interface DotAutocompleteCustomEvent extends CustomEvent { detail: T; target: HTMLDotAutocompleteElement; } export interface DotBinaryFileCustomEvent extends CustomEvent { detail: T; target: HTMLDotBinaryFileElement; } export interface DotBinaryFilePreviewCustomEvent extends CustomEvent { detail: T; target: HTMLDotBinaryFilePreviewElement; } export interface DotBinaryTextFieldCustomEvent extends CustomEvent { detail: T; target: HTMLDotBinaryTextFieldElement; } export interface DotBinaryUploadButtonCustomEvent extends CustomEvent { detail: T; target: HTMLDotBinaryUploadButtonElement; } export interface DotCardContentletCustomEvent extends CustomEvent { detail: T; target: HTMLDotCardContentletElement; } export interface DotCardViewCustomEvent extends CustomEvent { detail: T; target: HTMLDotCardViewElement; } export interface DotCheckboxCustomEvent extends CustomEvent { detail: T; target: HTMLDotCheckboxElement; } export interface DotChipCustomEvent extends CustomEvent { detail: T; target: HTMLDotChipElement; } export interface DotDateCustomEvent extends CustomEvent { detail: T; target: HTMLDotDateElement; } export interface DotDateRangeCustomEvent extends CustomEvent { detail: T; target: HTMLDotDateRangeElement; } export interface DotDateTimeCustomEvent extends CustomEvent { detail: T; target: HTMLDotDateTimeElement; } export interface DotFormCustomEvent extends CustomEvent { detail: T; target: HTMLDotFormElement; } export interface DotHtmlToImageCustomEvent extends CustomEvent { detail: T; target: HTMLDotHtmlToImageElement; } export interface DotInputCalendarCustomEvent extends CustomEvent { detail: T; target: HTMLDotInputCalendarElement; } export interface DotKeyValueCustomEvent extends CustomEvent { detail: T; target: HTMLDotKeyValueElement; } export interface DotMaterialIconPickerCustomEvent extends CustomEvent { detail: T; target: HTMLDotMaterialIconPickerElement; } export interface DotMultiSelectCustomEvent extends CustomEvent { detail: T; target: HTMLDotMultiSelectElement; } export interface DotRadioCustomEvent extends CustomEvent { detail: T; target: HTMLDotRadioElement; } export interface DotSelectCustomEvent extends CustomEvent { detail: T; target: HTMLDotSelectElement; } export interface DotSelectButtonCustomEvent extends CustomEvent { detail: T; target: HTMLDotSelectButtonElement; } export interface DotTagsCustomEvent extends CustomEvent { detail: T; target: HTMLDotTagsElement; } export interface DotTextareaCustomEvent extends CustomEvent { detail: T; target: HTMLDotTextareaElement; } export interface DotTextfieldCustomEvent extends CustomEvent { detail: T; target: HTMLDotTextfieldElement; } export interface DotTimeCustomEvent extends CustomEvent { detail: T; target: HTMLDotTimeElement; } export interface KeyValueFormCustomEvent extends CustomEvent { detail: T; target: HTMLKeyValueFormElement; } export interface KeyValueTableCustomEvent extends CustomEvent { detail: T; target: HTMLKeyValueTableElement; } declare global { interface HTMLDotAssetDropZoneElement extends Components.DotAssetDropZone, HTMLStencilElement { } var HTMLDotAssetDropZoneElement: { prototype: HTMLDotAssetDropZoneElement; new (): HTMLDotAssetDropZoneElement; }; interface HTMLDotAutocompleteElement extends Components.DotAutocomplete, HTMLStencilElement { } var HTMLDotAutocompleteElement: { prototype: HTMLDotAutocompleteElement; new (): HTMLDotAutocompleteElement; }; interface HTMLDotBadgeElement extends Components.DotBadge, HTMLStencilElement { } var HTMLDotBadgeElement: { prototype: HTMLDotBadgeElement; new (): HTMLDotBadgeElement; }; interface HTMLDotBinaryFileElement extends Components.DotBinaryFile, HTMLStencilElement { } var HTMLDotBinaryFileElement: { prototype: HTMLDotBinaryFileElement; new (): HTMLDotBinaryFileElement; }; interface HTMLDotBinaryFilePreviewElement extends Components.DotBinaryFilePreview, HTMLStencilElement { } var HTMLDotBinaryFilePreviewElement: { prototype: HTMLDotBinaryFilePreviewElement; new (): HTMLDotBinaryFilePreviewElement; }; interface HTMLDotBinaryTextFieldElement extends Components.DotBinaryTextField, HTMLStencilElement { } var HTMLDotBinaryTextFieldElement: { prototype: HTMLDotBinaryTextFieldElement; new (): HTMLDotBinaryTextFieldElement; }; interface HTMLDotBinaryUploadButtonElement extends Components.DotBinaryUploadButton, HTMLStencilElement { } var HTMLDotBinaryUploadButtonElement: { prototype: HTMLDotBinaryUploadButtonElement; new (): HTMLDotBinaryUploadButtonElement; }; interface HTMLDotCardElement extends Components.DotCard, HTMLStencilElement { } var HTMLDotCardElement: { prototype: HTMLDotCardElement; new (): HTMLDotCardElement; }; interface HTMLDotCardContentletElement extends Components.DotCardContentlet, HTMLStencilElement { } var HTMLDotCardContentletElement: { prototype: HTMLDotCardContentletElement; new (): HTMLDotCardContentletElement; }; interface HTMLDotCardViewElement extends Components.DotCardView, HTMLStencilElement { } var HTMLDotCardViewElement: { prototype: HTMLDotCardViewElement; new (): HTMLDotCardViewElement; }; interface HTMLDotCheckboxElement extends Components.DotCheckbox, HTMLStencilElement { } var HTMLDotCheckboxElement: { prototype: HTMLDotCheckboxElement; new (): HTMLDotCheckboxElement; }; interface HTMLDotChipElement extends Components.DotChip, HTMLStencilElement { } var HTMLDotChipElement: { prototype: HTMLDotChipElement; new (): HTMLDotChipElement; }; interface HTMLDotContentletIconElement extends Components.DotContentletIcon, HTMLStencilElement { } var HTMLDotContentletIconElement: { prototype: HTMLDotContentletIconElement; new (): HTMLDotContentletIconElement; }; interface HTMLDotContentletLockIconElement extends Components.DotContentletLockIcon, HTMLStencilElement { } var HTMLDotContentletLockIconElement: { prototype: HTMLDotContentletLockIconElement; new (): HTMLDotContentletLockIconElement; }; interface HTMLDotContentletThumbnailElement extends Components.DotContentletThumbnail, HTMLStencilElement { } var HTMLDotContentletThumbnailElement: { prototype: HTMLDotContentletThumbnailElement; new (): HTMLDotContentletThumbnailElement; }; interface HTMLDotContextMenuElement extends Components.DotContextMenu, HTMLStencilElement { } var HTMLDotContextMenuElement: { prototype: HTMLDotContextMenuElement; new (): HTMLDotContextMenuElement; }; interface HTMLDotDataViewButtonElement extends Components.DotDataViewButton, HTMLStencilElement { } var HTMLDotDataViewButtonElement: { prototype: HTMLDotDataViewButtonElement; new (): HTMLDotDataViewButtonElement; }; interface HTMLDotDateElement extends Components.DotDate, HTMLStencilElement { } var HTMLDotDateElement: { prototype: HTMLDotDateElement; new (): HTMLDotDateElement; }; interface HTMLDotDateRangeElement extends Components.DotDateRange, HTMLStencilElement { } var HTMLDotDateRangeElement: { prototype: HTMLDotDateRangeElement; new (): HTMLDotDateRangeElement; }; interface HTMLDotDateTimeElement extends Components.DotDateTime, HTMLStencilElement { } var HTMLDotDateTimeElement: { prototype: HTMLDotDateTimeElement; new (): HTMLDotDateTimeElement; }; interface HTMLDotErrorMessageElement extends Components.DotErrorMessage, HTMLStencilElement { } var HTMLDotErrorMessageElement: { prototype: HTMLDotErrorMessageElement; new (): HTMLDotErrorMessageElement; }; interface HTMLDotFormElement extends Components.DotForm, HTMLStencilElement { } var HTMLDotFormElement: { prototype: HTMLDotFormElement; new (): HTMLDotFormElement; }; interface HTMLDotFormColumnElement extends Components.DotFormColumn, HTMLStencilElement { } var HTMLDotFormColumnElement: { prototype: HTMLDotFormColumnElement; new (): HTMLDotFormColumnElement; }; interface HTMLDotFormRowElement extends Components.DotFormRow, HTMLStencilElement { } var HTMLDotFormRowElement: { prototype: HTMLDotFormRowElement; new (): HTMLDotFormRowElement; }; interface HTMLDotHtmlToImageElement extends Components.DotHtmlToImage, HTMLStencilElement { } var HTMLDotHtmlToImageElement: { prototype: HTMLDotHtmlToImageElement; new (): HTMLDotHtmlToImageElement; }; interface HTMLDotInputCalendarElement extends Components.DotInputCalendar, HTMLStencilElement { } var HTMLDotInputCalendarElement: { prototype: HTMLDotInputCalendarElement; new (): HTMLDotInputCalendarElement; }; interface HTMLDotKeyValueElement extends Components.DotKeyValue, HTMLStencilElement { } var HTMLDotKeyValueElement: { prototype: HTMLDotKeyValueElement; new (): HTMLDotKeyValueElement; }; interface HTMLDotLabelElement extends Components.DotLabel, HTMLStencilElement { } var HTMLDotLabelElement: { prototype: HTMLDotLabelElement; new (): HTMLDotLabelElement; }; interface HTMLDotMaterialIconPickerElement extends Components.DotMaterialIconPicker, HTMLStencilElement { } var HTMLDotMaterialIconPickerElement: { prototype: HTMLDotMaterialIconPickerElement; new (): HTMLDotMaterialIconPickerElement; }; interface HTMLDotMultiSelectElement extends Components.DotMultiSelect, HTMLStencilElement { } var HTMLDotMultiSelectElement: { prototype: HTMLDotMultiSelectElement; new (): HTMLDotMultiSelectElement; }; interface HTMLDotProgressBarElement extends Components.DotProgressBar, HTMLStencilElement { } var HTMLDotProgressBarElement: { prototype: HTMLDotProgressBarElement; new (): HTMLDotProgressBarElement; }; interface HTMLDotRadioElement extends Components.DotRadio, HTMLStencilElement { } var HTMLDotRadioElement: { prototype: HTMLDotRadioElement; new (): HTMLDotRadioElement; }; interface HTMLDotSelectElement extends Components.DotSelect, HTMLStencilElement { } var HTMLDotSelectElement: { prototype: HTMLDotSelectElement; new (): HTMLDotSelectElement; }; interface HTMLDotSelectButtonElement extends Components.DotSelectButton, HTMLStencilElement { } var HTMLDotSelectButtonElement: { prototype: HTMLDotSelectButtonElement; new (): HTMLDotSelectButtonElement; }; interface HTMLDotStateIconElement extends Components.DotStateIcon, HTMLStencilElement { } var HTMLDotStateIconElement: { prototype: HTMLDotStateIconElement; new (): HTMLDotStateIconElement; }; interface HTMLDotTagsElement extends Components.DotTags, HTMLStencilElement { } var HTMLDotTagsElement: { prototype: HTMLDotTagsElement; new (): HTMLDotTagsElement; }; interface HTMLDotTextareaElement extends Components.DotTextarea, HTMLStencilElement { } var HTMLDotTextareaElement: { prototype: HTMLDotTextareaElement; new (): HTMLDotTextareaElement; }; interface HTMLDotTextfieldElement extends Components.DotTextfield, HTMLStencilElement { } var HTMLDotTextfieldElement: { prototype: HTMLDotTextfieldElement; new (): HTMLDotTextfieldElement; }; interface HTMLDotTimeElement extends Components.DotTime, HTMLStencilElement { } var HTMLDotTimeElement: { prototype: HTMLDotTimeElement; new (): HTMLDotTimeElement; }; interface HTMLDotTooltipElement extends Components.DotTooltip, HTMLStencilElement { } var HTMLDotTooltipElement: { prototype: HTMLDotTooltipElement; new (): HTMLDotTooltipElement; }; interface HTMLKeyValueFormElement extends Components.KeyValueForm, HTMLStencilElement { } var HTMLKeyValueFormElement: { prototype: HTMLKeyValueFormElement; new (): HTMLKeyValueFormElement; }; interface HTMLKeyValueTableElement extends Components.KeyValueTable, HTMLStencilElement { } var HTMLKeyValueTableElement: { prototype: HTMLKeyValueTableElement; new (): HTMLKeyValueTableElement; }; interface HTMLElementTagNameMap { "dot-asset-drop-zone": HTMLDotAssetDropZoneElement; "dot-autocomplete": HTMLDotAutocompleteElement; "dot-badge": HTMLDotBadgeElement; "dot-binary-file": HTMLDotBinaryFileElement; "dot-binary-file-preview": HTMLDotBinaryFilePreviewElement; "dot-binary-text-field": HTMLDotBinaryTextFieldElement; "dot-binary-upload-button": HTMLDotBinaryUploadButtonElement; "dot-card": HTMLDotCardElement; "dot-card-contentlet": HTMLDotCardContentletElement; "dot-card-view": HTMLDotCardViewElement; "dot-checkbox": HTMLDotCheckboxElement; "dot-chip": HTMLDotChipElement; "dot-contentlet-icon": HTMLDotContentletIconElement; "dot-contentlet-lock-icon": HTMLDotContentletLockIconElement; "dot-contentlet-thumbnail": HTMLDotContentletThumbnailElement; "dot-context-menu": HTMLDotContextMenuElement; "dot-data-view-button": HTMLDotDataViewButtonElement; "dot-date": HTMLDotDateElement; "dot-date-range": HTMLDotDateRangeElement; "dot-date-time": HTMLDotDateTimeElement; "dot-error-message": HTMLDotErrorMessageElement; "dot-form": HTMLDotFormElement; "dot-form-column": HTMLDotFormColumnElement; "dot-form-row": HTMLDotFormRowElement; "dot-html-to-image": HTMLDotHtmlToImageElement; "dot-input-calendar": HTMLDotInputCalendarElement; "dot-key-value": HTMLDotKeyValueElement; "dot-label": HTMLDotLabelElement; "dot-material-icon-picker": HTMLDotMaterialIconPickerElement; "dot-multi-select": HTMLDotMultiSelectElement; "dot-progress-bar": HTMLDotProgressBarElement; "dot-radio": HTMLDotRadioElement; "dot-select": HTMLDotSelectElement; "dot-select-button": HTMLDotSelectButtonElement; "dot-state-icon": HTMLDotStateIconElement; "dot-tags": HTMLDotTagsElement; "dot-textarea": HTMLDotTextareaElement; "dot-textfield": HTMLDotTextfieldElement; "dot-time": HTMLDotTimeElement; "dot-tooltip": HTMLDotTooltipElement; "key-value-form": HTMLKeyValueFormElement; "key-value-table": HTMLKeyValueTableElement; } } declare namespace LocalJSX { interface DotAssetDropZone { /** * Allowed file extensions */ "acceptTypes"?: string[]; /** * Legend to be shown when creating dotAssets */ "createAssetsText"?: string; "customUploadFiles"?: (props: { files: File[], onSuccess: () => void, updateProgress: (progress: number) => void, onError: (header: string, message: string) => void }) => Promise; /** * Labels to be shown in error dialog */ "dialogLabels"?: { closeButton: string; uploadErrorHeader: string; dotAssetErrorHeader: string; errorHeader: string; }; "displayIndicator"?: boolean; /** * URL to endpoint to create dotAssets */ "dotAssetsURL"?: string; /** * Legend to be shown when dropping files */ "dropFilesText"?: string; /** * Specify the the folder where the dotAssets will be placed */ "folder"?: string; /** * Specify the max size of each file to be uploaded */ "maxFileSize"?: string; /** * Error to be shown when try to upload a bigger size file than allowed */ "multiMaxSizeErrorLabel"?: string; /** * Emit an array of Contentlets just created or array of errors */ "onUploadComplete"?: (event: DotAssetDropZoneCustomEvent) => void; /** * Error to be shown when try to upload a bigger size file than allowed */ "singeMaxSizeErrorLabel"?: string; /** * Allowed file extensions */ "typesErrorLabel"?: string; /** * Error to be shown when an error happened on the uploading process */ "uploadErrorLabel"?: string; /** * Legend to be shown when uploading files */ "uploadFileText"?: string; } interface DotAutocomplete { /** * Function or array of string to get the data to use for the autocomplete search */ "data"?: () => Promise | string[]; /** * (optional) Duraction in ms to start search into the autocomplete */ "debounce"?: number; /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Max results to show after a autocomplete search */ "maxResults"?: number; "onEnter"?: (event: DotAutocompleteCustomEvent) => void; "onLostFocus"?: (event: DotAutocompleteCustomEvent) => void; "onSelection"?: (event: DotAutocompleteCustomEvent) => void; /** * (optional) text to show when no value is set */ "placeholder"?: string; /** * (optional) Min characters to start search in the autocomplete input */ "threshold"?: number; } interface DotBadge { "bgColor"?: string; "bordered"?: boolean; "color"?: string; "size"?: string; } interface DotBinaryFile { /** * (optional) Text that be shown when the URL is not valid */ "URLValidationMessage"?: string; /** * (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */ "accept"?: string; /** * (optional) Text that be shown in the browse file button */ "buttonLabel"?: string; /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Text that be shown in the browse file button */ "errorMessage"?: string; /** * (optional) Text that be shown when the file size is not valid */ "fileSizeValidationMessage"?: string; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * (optional) Set the max file size limit */ "maxFileLength"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotBinaryFileCustomEvent) => void; "onDotValueChange"?: (event: DotBinaryFileCustomEvent) => void; /** * (optional) Placeholder specifies a short hint that describes the expected value of the input field */ "placeholder"?: string; /** * (optional) Name of the file uploaded */ "previewImageName"?: string; /** * (optional) URL of the file uploaded */ "previewImageUrl"?: string; /** * (optional) Determine if it is required */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * (optional) Text that be shown when the Regular Expression condition not met */ "validationMessage"?: string; } interface DotBinaryFilePreview { /** * (optional) Delete button's label */ "deleteLabel"?: string; /** * file name to be displayed */ "fileName"?: string; /** * Emit when the file is deleted */ "onDelete"?: (event: DotBinaryFilePreviewCustomEvent) => void; /** * (optional) file URL to be displayed */ "previewUrl"?: string; } interface DotBinaryTextField { /** * (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */ "accept"?: string; /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; "onFileChange"?: (event: DotBinaryTextFieldCustomEvent) => void; "onLostFocus"?: (event: DotBinaryTextFieldCustomEvent) => void; /** * (optional) Placeholder specifies a short hint that describes the expected value of the input field */ "placeholder"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * Value specifies the value of the element */ "value"?: any; } interface DotBinaryUploadButton { /** * (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */ "accept"?: string; /** * (optional) Text that be shown in the browse file button */ "buttonLabel"?: string; /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Set the max file size limit */ "maxFileLength"?: string; /** * Name that will be used as ID */ "name"?: string; "onFileChange"?: (event: DotBinaryUploadButtonCustomEvent) => void; /** * (optional) Determine if it is mandatory */ "required"?: boolean; } interface DotCard { } interface DotCardContentlet { "checked"?: boolean; "iconSize"?: string; "item"?: DotCardContentletItem; "onCheckboxChange"?: (event: DotCardContentletCustomEvent) => void; "onContextMenuClick"?: (event: DotCardContentletCustomEvent) => void; "thumbnailSize"?: string; } interface DotCardView { "items"?: DotCardContentletItem[]; "onCardClick"?: (event: DotCardViewCustomEvent) => void; "onSelected"?: (event: DotCardViewCustomEvent) => void; "value"?: string; } interface DotCheckbox { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotCheckboxCustomEvent) => void; "onDotValueChange"?: (event: DotCheckboxCustomEvent) => void; /** * Value/Label checkbox options separated by comma, to be formatted as: Value|Label */ "options"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage"?: string; /** * Value set from the checkbox option */ "value"?: string; } interface DotChip { /** * (optional) Delete button's label */ "deleteLabel"?: string; /** * (optional) If is true disabled the delete button */ "disabled"?: boolean; /** * Chip's label */ "label"?: string; "onRemove"?: (event: DotChipCustomEvent) => void; } interface DotContentletIcon { "icon"?: string; "size"?: string; } interface DotContentletLockIcon { "locked"?: boolean; "size"?: string; } interface DotContentletThumbnail { "alt"?: string; "contentlet"?: DotContentletItem; "height"?: string; "iconSize"?: string; "width"?: string; } interface DotContextMenu { "fontSize"?: string; "options"?: DotContextMenuOption[]; } interface DotDataViewButton { "value"?: string; } interface DotDate { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd */ "max"?: string; /** * (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd */ "min"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotDateCustomEvent) => void; "onDotValueChange"?: (event: DotDateCustomEvent) => void; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * (optional) Step specifies the legal number intervals for the input field */ "step"?: string; /** * (optional) Text that be shown when min or max are set and condition not met */ "validationMessage"?: string; /** * Value format yyyy-mm-dd e.g., 2005-12-01 */ "value"?: string; } interface DotDateRange { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Date format used by the field when displayed */ "displayFormat"?: string; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * (optional) Max value that the field will allow to set */ "max"?: string; /** * (optional) Min value that the field will allow to set */ "min"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotDateRangeCustomEvent) => void; "onDotValueChange"?: (event: DotDateRangeCustomEvent) => void; /** * (optional) Text to be rendered next to presets field */ "presetLabel"?: string; /** * (optional) Array of date presets formatted as [{ label: 'PRESET_LABEL', days: NUMBER }] */ "presets"?: { label: string; days: number; }[]; /** * (optional) Determine if it is needed */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * (optional) Value formatted with start and end date splitted with a comma */ "value"?: string; } interface DotDateTime { /** * (optional) The string to use in the date label field */ "dateLabel"?: string; /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd hh:mm:ss | yyyy-mm-dd | hh:mm:ss */ "max"?: string; /** * (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd hh:mm:ss | yyyy-mm-dd | hh:mm:ss */ "min"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotDateTimeCustomEvent) => void; "onDotValueChange"?: (event: DotDateTimeCustomEvent) => void; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * (optional) Step specifies the legal number intervals for the input fields date && time e.g., 2,10 */ "step"?: string; /** * (optional) The string to use in the time label field */ "timeLabel"?: string; /** * (optional) Text that be shown when min or max are set and condition not met */ "validationMessage"?: string; /** * Value format yyyy-mm-dd hh:mm:ss e.g., 2005-12-01 15:22:00 */ "value"?: string; } interface DotErrorMessage { } interface DotForm { /** * (optional) List of fields (variableName) separated by comma, to be shown */ "fieldsToShow"?: string; /** * Layout metada to be rendered */ "layout"?: DotCMSContentTypeLayoutRow[]; /** * Emit when submit the form */ "onSubmit"?: (event: DotFormCustomEvent) => void; /** * (optional) Text to be rendered on Reset button */ "resetLabel"?: string; /** * (optional) Text to be rendered on Submit button */ "submitLabel"?: string; /** * Content type variable name */ "variable"?: string; } interface DotFormColumn { /** * Fields metada to be rendered */ "column"?: DotCMSContentTypeLayoutColumn; /** * (optional) List of fields (variableName) separated by comma, to be shown */ "fieldsToShow"?: string; } interface DotFormRow { /** * (optional) List of fields (variableName) separated by comma, to be shown */ "fieldsToShow"?: string; /** * Fields metada to be rendered */ "row"?: DotCMSContentTypeLayoutRow; } interface DotHtmlToImage { "height"?: string; "onPageThumbnail"?: (event: DotHtmlToImageCustomEvent<{ file: File; error?: string; }>) => void; "value"?: string; "width"?: string; } interface DotInputCalendar { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Max, maximum value that the field will allow to set, expect a Date Format */ "max"?: string; /** * (optional) Min, minimum value that the field will allow to set, expect a Date Format. */ "min"?: string; /** * Name that will be used as ID */ "name"?: string; "on_dotStatusChange"?: (event: DotInputCalendarCustomEvent) => void; "on_dotValueChange"?: (event: DotInputCalendarCustomEvent) => void; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Step specifies the legal number intervals for the input field */ "step"?: string; /** * type specifies the type of input element to display */ "type"?: string; /** * Value specifies the value of the input element */ "value"?: string; } interface DotKeyValue { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "duplicatedKeyMessage"?: string; /** * (optional) Label for the add button in the key-value-form */ "formAddButtonLabel"?: string; /** * (optional) The string to use in the key label in the key-value-form */ "formKeyLabel"?: string; /** * (optional) Placeholder for the key input text in the key-value-form */ "formKeyPlaceholder"?: string; /** * (optional) The string to use in the value label in the key-value-form */ "formValueLabel"?: string; /** * (optional) Placeholder for the value input text in the key-value-form */ "formValuePlaceholder"?: string; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * (optional) The string to use in the delete button of a key/value item */ "listDeleteLabel"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotKeyValueCustomEvent) => void; "onDotValueChange"?: (event: DotKeyValueCustomEvent) => void; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage"?: string; /** * (optional) Allows unique keys only */ "uniqueKeys"?: boolean; /** * Value of the field */ "value"?: string; /** * (optional) The string containing the value to be parsed for whitelist key/value */ "whiteList"?: string; /** * (optional) The string to use in the empty option of whitelist dropdown key/value item */ "whiteListEmptyOptionLabel"?: string; } interface DotLabel { /** * (optional) Text to be rendered */ "label"?: string; /** * (optional) Field name */ "name"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; } interface DotMaterialIconPicker { /** * Label set for the input color */ "colorLabel"?: string; /** * Color value set from the input */ "colorValue"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotValueChange"?: (event: DotMaterialIconPickerCustomEvent<{ name: string; value: string; colorValue: string }>) => void; /** * Value for input placeholder */ "placeholder"?: string; /** * Show/Hide color picker */ "showColor"?: string; /** * Size value set for font-size */ "size"?: string; /** * Values that the auto-complete textbox should search for */ "suggestionlist"?: string[]; /** * Value set from the dropdown option */ "value"?: string; } interface DotMultiSelect { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotMultiSelectCustomEvent) => void; "onDotValueChange"?: (event: DotMultiSelectCustomEvent) => void; /** * Value/Label dropdown options separated by comma, to be formatted as: Value|Label */ "options"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage"?: string; /** * (optional) Size number of the multi-select dropdown (default=3) */ "size"?: string; /** * Value set from the dropdown option */ "value"?: string; } interface DotProgressBar { /** * indicates the progress to be show, a value 1 to 100 */ "progress"?: number; /** * text to be show bellow the progress bar */ "text"?: string; } interface DotRadio { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotRadioCustomEvent) => void; "onDotValueChange"?: (event: DotRadioCustomEvent) => void; /** * Value/Label ratio options separated by comma, to be formatted as: Value|Label */ "options"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage"?: string; /** * Value set from the ratio option */ "value"?: string; } interface DotSelect { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotSelectCustomEvent) => void; "onDotValueChange"?: (event: DotSelectCustomEvent) => void; /** * Value/Label dropdown options separated by comma, to be formatted as: Value|Label */ "options"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that will be shown when required is set and condition is not met */ "requiredMessage"?: string; /** * Value set from the dropdown option */ "value"?: string; } interface DotSelectButton { "onSelected"?: (event: DotSelectButtonCustomEvent) => void; "options"?: DotSelectButtonOption[]; "value"?: string; } interface DotStateIcon { "labels"?: { archived: string; published: string; revision: string; draft: string; }; "size"?: string; "state"?: DotContentState; } interface DotTags { /** * Function or array of string to get the data to use for the autocomplete search */ "data"?: () => Promise | string[]; /** * Duraction in ms to start search into the autocomplete */ "debounce"?: number; /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotTagsCustomEvent) => void; "onDotValueChange"?: (event: DotTagsCustomEvent) => void; /** * (optional) text to show when no value is set */ "placeholder"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that be shown when required is set and value is not set */ "requiredMessage"?: string; /** * Min characters to start search in the autocomplete input */ "threshold"?: number; /** * Value formatted splitted with a comma, for example: tag-1,tag-2 */ "value"?: string; } interface DotTextarea { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to textarea element */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotTextareaCustomEvent) => void; "onDotValueChange"?: (event: DotTextareaCustomEvent) => void; /** * (optional) Regular expresion that is checked against the value to determine if is valid */ "regexCheck"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * (optional) Text that be shown when the Regular Expression condition not met */ "validationMessage"?: string; /** * Value specifies the value of the textarea element */ "value"?: string; } interface DotTextfield { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotTextfieldCustomEvent) => void; "onDotValueChange"?: (event: DotTextfieldCustomEvent) => void; /** * (optional) Placeholder specifies a short hint that describes the expected value of the input field */ "placeholder"?: string; /** * (optional) Regular expresion that is checked against the value to determine if is valid */ "regexCheck"?: string; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * type specifies the type of input element to display */ "type"?: string; /** * (optional) Text that be shown when the Regular Expression condition not met */ "validationMessage"?: string; /** * Value specifies the value of the input element */ "value"?: string; } interface DotTime { /** * (optional) Disables field's interaction */ "disabled"?: boolean; /** * (optional) Hint text that suggest a clue of the field */ "hint"?: string; /** * (optional) Text to be rendered next to input field */ "label"?: string; /** * (optional) Max, maximum value that the field will allow to set. Format should be hh:mm:ss */ "max"?: string; /** * (optional) Min, minimum value that the field will allow to set. Format should be hh:mm:ss */ "min"?: string; /** * Name that will be used as ID */ "name"?: string; "onDotStatusChange"?: (event: DotTimeCustomEvent) => void; "onDotValueChange"?: (event: DotTimeCustomEvent) => void; /** * (optional) Determine if it is mandatory */ "required"?: boolean; /** * (optional) Text that be shown when required is set and condition not met */ "requiredMessage"?: string; /** * (optional) Step specifies the legal number intervals for the input field */ "step"?: string; /** * (optional) Text that be shown when min or max are set and condition not met */ "validationMessage"?: string; /** * Value format hh:mm:ss e.g., 15:22:00 */ "value"?: string; } interface DotTooltip { "content"?: string; "delay"?: number; "for"?: string; "position"?: string; } interface KeyValueForm { /** * (optional) Label for the add item button */ "addButtonLabel"?: string; /** * (optional) Disables all form interaction */ "disabled"?: boolean; /** * (optional) Label for the empty option in white-list select */ "emptyDropdownOptionLabel"?: string; /** * (optional) The string to use in the key input label */ "keyLabel"?: string; /** * (optional) Placeholder for the key input text */ "keyPlaceholder"?: string; /** * Emit the added value, key/value pair */ "onAdd"?: (event: KeyValueFormCustomEvent) => void; /** * Emit when key is changed */ "onKeyChanged"?: (event: KeyValueFormCustomEvent) => void; /** * Emit when any of the input is blur */ "onLostFocus"?: (event: KeyValueFormCustomEvent) => void; /** * (optional) The string to use in the value input label */ "valueLabel"?: string; /** * (optional) Placeholder for the value input text */ "valuePlaceholder"?: string; /** * (optional) The string to use for white-list key/values */ "whiteList"?: string; } interface KeyValueTable { /** * (optional) Label for the delete button in each item list */ "buttonLabel"?: string; /** * (optional) Disables all form interaction */ "disabled"?: boolean; /** * (optional) Message to show when the list of items is empty */ "emptyMessage"?: string; /** * (optional) Items to render in the list of key value */ "items"?: DotKeyValueField[]; /** * Emit the index of the item deleted from the list */ "onDelete"?: (event: KeyValueTableCustomEvent) => void; /** * Emit the notification of list reordered */ "onReorder"?: (event: KeyValueTableCustomEvent) => void; } interface IntrinsicElements { "dot-asset-drop-zone": DotAssetDropZone; "dot-autocomplete": DotAutocomplete; "dot-badge": DotBadge; "dot-binary-file": DotBinaryFile; "dot-binary-file-preview": DotBinaryFilePreview; "dot-binary-text-field": DotBinaryTextField; "dot-binary-upload-button": DotBinaryUploadButton; "dot-card": DotCard; "dot-card-contentlet": DotCardContentlet; "dot-card-view": DotCardView; "dot-checkbox": DotCheckbox; "dot-chip": DotChip; "dot-contentlet-icon": DotContentletIcon; "dot-contentlet-lock-icon": DotContentletLockIcon; "dot-contentlet-thumbnail": DotContentletThumbnail; "dot-context-menu": DotContextMenu; "dot-data-view-button": DotDataViewButton; "dot-date": DotDate; "dot-date-range": DotDateRange; "dot-date-time": DotDateTime; "dot-error-message": DotErrorMessage; "dot-form": DotForm; "dot-form-column": DotFormColumn; "dot-form-row": DotFormRow; "dot-html-to-image": DotHtmlToImage; "dot-input-calendar": DotInputCalendar; "dot-key-value": DotKeyValue; "dot-label": DotLabel; "dot-material-icon-picker": DotMaterialIconPicker; "dot-multi-select": DotMultiSelect; "dot-progress-bar": DotProgressBar; "dot-radio": DotRadio; "dot-select": DotSelect; "dot-select-button": DotSelectButton; "dot-state-icon": DotStateIcon; "dot-tags": DotTags; "dot-textarea": DotTextarea; "dot-textfield": DotTextfield; "dot-time": DotTime; "dot-tooltip": DotTooltip; "key-value-form": KeyValueForm; "key-value-table": KeyValueTable; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { "dot-asset-drop-zone": LocalJSX.DotAssetDropZone & JSXBase.HTMLAttributes; "dot-autocomplete": LocalJSX.DotAutocomplete & JSXBase.HTMLAttributes; "dot-badge": LocalJSX.DotBadge & JSXBase.HTMLAttributes; "dot-binary-file": LocalJSX.DotBinaryFile & JSXBase.HTMLAttributes; "dot-binary-file-preview": LocalJSX.DotBinaryFilePreview & JSXBase.HTMLAttributes; "dot-binary-text-field": LocalJSX.DotBinaryTextField & JSXBase.HTMLAttributes; "dot-binary-upload-button": LocalJSX.DotBinaryUploadButton & JSXBase.HTMLAttributes; "dot-card": LocalJSX.DotCard & JSXBase.HTMLAttributes; "dot-card-contentlet": LocalJSX.DotCardContentlet & JSXBase.HTMLAttributes; "dot-card-view": LocalJSX.DotCardView & JSXBase.HTMLAttributes; "dot-checkbox": LocalJSX.DotCheckbox & JSXBase.HTMLAttributes; "dot-chip": LocalJSX.DotChip & JSXBase.HTMLAttributes; "dot-contentlet-icon": LocalJSX.DotContentletIcon & JSXBase.HTMLAttributes; "dot-contentlet-lock-icon": LocalJSX.DotContentletLockIcon & JSXBase.HTMLAttributes; "dot-contentlet-thumbnail": LocalJSX.DotContentletThumbnail & JSXBase.HTMLAttributes; "dot-context-menu": LocalJSX.DotContextMenu & JSXBase.HTMLAttributes; "dot-data-view-button": LocalJSX.DotDataViewButton & JSXBase.HTMLAttributes; "dot-date": LocalJSX.DotDate & JSXBase.HTMLAttributes; "dot-date-range": LocalJSX.DotDateRange & JSXBase.HTMLAttributes; "dot-date-time": LocalJSX.DotDateTime & JSXBase.HTMLAttributes; "dot-error-message": LocalJSX.DotErrorMessage & JSXBase.HTMLAttributes; "dot-form": LocalJSX.DotForm & JSXBase.HTMLAttributes; "dot-form-column": LocalJSX.DotFormColumn & JSXBase.HTMLAttributes; "dot-form-row": LocalJSX.DotFormRow & JSXBase.HTMLAttributes; "dot-html-to-image": LocalJSX.DotHtmlToImage & JSXBase.HTMLAttributes; "dot-input-calendar": LocalJSX.DotInputCalendar & JSXBase.HTMLAttributes; "dot-key-value": LocalJSX.DotKeyValue & JSXBase.HTMLAttributes; "dot-label": LocalJSX.DotLabel & JSXBase.HTMLAttributes; "dot-material-icon-picker": LocalJSX.DotMaterialIconPicker & JSXBase.HTMLAttributes; "dot-multi-select": LocalJSX.DotMultiSelect & JSXBase.HTMLAttributes; "dot-progress-bar": LocalJSX.DotProgressBar & JSXBase.HTMLAttributes; "dot-radio": LocalJSX.DotRadio & JSXBase.HTMLAttributes; "dot-select": LocalJSX.DotSelect & JSXBase.HTMLAttributes; "dot-select-button": LocalJSX.DotSelectButton & JSXBase.HTMLAttributes; "dot-state-icon": LocalJSX.DotStateIcon & JSXBase.HTMLAttributes; "dot-tags": LocalJSX.DotTags & JSXBase.HTMLAttributes; "dot-textarea": LocalJSX.DotTextarea & JSXBase.HTMLAttributes; "dot-textfield": LocalJSX.DotTextfield & JSXBase.HTMLAttributes; "dot-time": LocalJSX.DotTime & JSXBase.HTMLAttributes; "dot-tooltip": LocalJSX.DotTooltip & JSXBase.HTMLAttributes; "key-value-form": LocalJSX.KeyValueForm & JSXBase.HTMLAttributes; "key-value-table": LocalJSX.KeyValueTable & JSXBase.HTMLAttributes; } } }