Socket
Socket
Sign inDemoInstall

dotcms-webcomponents

Package Overview
Dependencies
Maintainers
1
Versions
207
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dotcms-webcomponents - npm Package Compare versions

Comparing version 23.1.0-rc.2 to 23.1.0-rc.3

dist/dotcms-webcomponents/p-012f1108.entry.js

21

dist/cjs/dot-autocomplete_2.cjs.entry.js

@@ -33,14 +33,2 @@ 'use strict';

this.lostFocus = index.createEvent(this, "lostFocus", 7);
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) text to show when no value is set */
this.placeholder = '';
/** (optional) Min characters to start search in the autocomplete input */
this.threshold = 0;
/** (optional) Max results to show after a autocomplete search */
this.maxResults = 0;
/** (optional) Duraction in ms to start search into the autocomplete */
this.debounce = 300;
/** Function or array of string to get the data to use for the autocomplete search */
this.data = null;
this.id = `autoComplete${new Date().getTime()}`;

@@ -54,2 +42,8 @@ this.enteredSuggestionList = false;

};
this.disabled = false;
this.placeholder = '';
this.threshold = 0;
this.maxResults = 0;
this.debounce = 300;
this.data = null;
}

@@ -177,7 +171,4 @@ componentDidLoad() {

this.remove = index.createEvent(this, "remove", 7);
/** Chip's label */
this.label = '';
/** (optional) Delete button's label */
this.deleteLabel = 'Delete';
/** (optional) If is true disabled the delete button */
this.disabled = false;

@@ -184,0 +175,0 @@ }

@@ -15,7 +15,4 @@ 'use strict';

this.delete = index.createEvent(this, "delete", 7);
/** file name to be displayed */
this.fileName = '';
/** (optional) file URL to be displayed */
this.previewUrl = '';
/** (optional) Delete button's label */
this.deleteLabel = 'Delete';

@@ -48,12 +45,9 @@ }

this.lostFocus = index.createEvent(this, "lostFocus", 7);
/** Value specifies the value of the <input> element */
this.value = null;
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.accept = undefined;
this.disabled = false;
this.status = undefined;
}

@@ -136,11 +130,7 @@ render() {

this.fileChange = index.createEvent(this, "fileChange", 7);
/** Name that will be used as ID */
this.name = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.accept = undefined;
this.disabled = false;
/** (optional) Set the max file size limit */
this.maxFileLength = '';
/** (optional) Text that be shown in the browse file button */
this.buttonLabel = '';

@@ -147,0 +137,0 @@ }

@@ -18,37 +18,22 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Name that will be used as ID */
this.file = null;
this.allowedFileTypes = [];
this.errorMessageMap = new Map();
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = 'Drop or paste a file or url';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is required */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Text that be shown when the URL is not valid */
this.URLValidationMessage = 'The specified URL is not valid';
/** (optional) Text that be shown when the file size is not valid */
this.fileSizeValidationMessage = 'File size is not valid';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */
this.accept = '';
/** (optional) Set the max file size limit */
this.maxFileLength = '';
/** (optional) Text that be shown in the browse file button */
this.buttonLabel = 'Browse';
/** (optional) Text that be shown in the browse file button */
this.errorMessage = '';
/** (optional) Name of the file uploaded */
this.previewImageName = '';
/** (optional) URL of the file uploaded */
this.previewImageUrl = '';
this.file = null;
this.allowedFileTypes = [];
this.errorMessageMap = new Map();
this.status = undefined;
}

@@ -55,0 +40,0 @@ /**

@@ -25,4 +25,5 @@ 'use strict';

this.cardClick = index.createEvent(this, "cardClick", 7);
this.selection = [];
this.items = [];
this.selection = [];
this.value = undefined;
}

@@ -29,0 +30,0 @@ watchItems(newValue) {

@@ -17,18 +17,12 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label checkbox options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** Value set from the checkbox option */
this.value = '';
this._options = undefined;
this.status = undefined;
}

@@ -35,0 +29,0 @@ componentWillLoad() {

@@ -12,2 +12,3 @@ 'use strict';

index.registerInstance(this, hostRef);
this.value = undefined;
}

@@ -14,0 +15,0 @@ render() {

@@ -19,36 +19,25 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value format yyyy-mm-dd hh:mm:ss e.g., 2005-12-01 15:22:00 */
this._step = {
date: null,
time: null
};
this._status = {
date: null,
time: null
};
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (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 */
this.min = '';
/** (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 */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input fields date && time e.g., 2,10 */
this.step = '1,1';
/** (optional) The string to use in the date label field */
this.dateLabel = 'Date';
/** (optional) The string to use in the time label field */
this.timeLabel = 'Time';
this._step = {
date: null,
time: null
};
this._status = {
date: null,
time: null
};
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -55,0 +44,0 @@ /**

@@ -17,24 +17,15 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value format yyyy-mm-dd e.g., 2005-12-01 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -41,0 +32,0 @@ /**

@@ -24,2 +24,4 @@ 'use strict';

index.registerInstance(this, hostRef);
this.row = undefined;
this.fieldsToShow = undefined;
}

@@ -26,0 +28,0 @@ render() {

@@ -14,2 +14,4 @@ 'use strict';

index.registerInstance(this, hostRef);
this.column = undefined;
this.fieldsToShow = undefined;
}

@@ -16,0 +18,0 @@ render() {

@@ -17,9 +17,8 @@ 'use strict';

this.submit = index.createEvent(this, "submit", 7);
/** (optional) Text to be rendered on Reset button */
this.fieldsStatus = {};
this.value = {};
this.fieldsToShow = undefined;
this.resetLabel = 'Reset';
/** (optional) Text to be rendered on Submit button */
this.submitLabel = 'Submit';
/** Layout metada to be rendered */
this.layout = [];
/** Content type variable name */
this.variable = '';

@@ -30,4 +29,2 @@ this.status = utils.getOriginalStatus();

this.processingSubmit = false;
this.fieldsStatus = {};
this.value = {};
}

@@ -34,0 +31,0 @@ /**

@@ -193,5 +193,2 @@ 'use strict';

this.pageThumbnail = index.createEvent(this, "pageThumbnail", 7);
this.value = '';
this.height = '';
this.width = '';
this.boundOnMessageHandler = null;

@@ -221,2 +218,6 @@ this.iframeId = `iframe_${Math.floor(Date.now() / 1000).toString()}`;

;`;
this.value = '';
this.height = '';
this.width = '';
this.previewImg = undefined;
}

@@ -223,0 +224,0 @@ componentDidLoad() {

@@ -15,18 +15,11 @@ 'use strict';

this._dotStatusChange = index.createEvent(this, "_dotStatusChange", 7);
/** Value specifies the value of the input element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set, expect a Date Format. */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set, expect a Date Format */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
/** type specifies the type of input element to display */
this.type = '';
this.status = undefined;
}

@@ -33,0 +26,0 @@ /**

@@ -22,20 +22,21 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value of the field */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that will be shown when required is set and condition is not met */
this.duplicatedKeyMessage = 'The key already exists';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Allows unique keys only */
this.uniqueKeys = false;
this.formKeyPlaceholder = undefined;
this.formValuePlaceholder = undefined;
this.formKeyLabel = undefined;
this.formValueLabel = undefined;
this.formAddButtonLabel = undefined;
this.listDeleteLabel = undefined;
this.whiteListEmptyOptionLabel = undefined;
this.whiteList = undefined;
this.errorExistingKey = undefined;
this.status = undefined;
this.items = [];

@@ -42,0 +43,0 @@ }

@@ -13,7 +13,4 @@ 'use strict';

index.registerInstance(this, hostRef);
/** (optional) Field name */
this.name = '';
/** (optional) Text to be rendered */
this.label = '';
/** (optional) Determine if it is mandatory */
this.required = false;

@@ -20,0 +17,0 @@ }

@@ -1797,19 +1797,2 @@ 'use strict';

this.dotValueChange = index.createEvent(this, "dotValueChange", 7);
this.suggestionArr = [];
/** Value for input placeholder */
this.placeholder = '';
/** Name that will be used as ID */
this.name = '';
/** Value set from the dropdown option */
this.value = '';
/** Size value set for font-size */
this.size = null;
/** Show/Hide color picker */
this.showColor = null;
/** Color value set from the input */
this.colorValue = '#000';
/** Label set for the input color */
this.colorLabel = 'Color';
/** Values that the auto-complete textbox should search for */
this.suggestionlist = MaterialIconClasses;
this.findMatch = (searchTerm) => {

@@ -1895,2 +1878,13 @@ return this.suggestionlist.filter((term) => term.includes(searchTerm) && term !== searchTerm);

};
this.showSuggestions = undefined;
this.suggestionArr = [];
this.selectedSuggestionIndex = undefined;
this.placeholder = '';
this.name = '';
this.value = '';
this.size = null;
this.showColor = null;
this.colorValue = '#000';
this.colorLabel = 'Color';
this.suggestionlist = MaterialIconClasses;
}

@@ -1897,0 +1891,0 @@ handleWindowClick(e) {

@@ -17,22 +17,15 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value set from the dropdown option */
this._dotTouched = false;
this._dotPristine = true;
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label dropdown options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Size number of the multi-select dropdown (default=3) */
this.size = '3';
this._dotTouched = false;
this._dotPristine = true;
this._options = undefined;
this.status = undefined;
}

@@ -39,0 +32,0 @@ componentWillLoad() {

@@ -12,5 +12,3 @@ 'use strict';

index.registerInstance(this, hostRef);
/** text to be show bellow the progress bar*/
this.text = 'Uploading Files...';
/** indicates the progress to be show, a value 1 to 100 */
this.progress = 0;

@@ -17,0 +15,0 @@ }

@@ -17,18 +17,12 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value set from the ratio option */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = '';
/** Value/Label ratio options separated by comma, to be formatted as: Value|Label */
this.options = '';
this._options = undefined;
this.status = undefined;
}

@@ -35,0 +29,0 @@ /**

@@ -17,20 +17,14 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value set from the dropdown option */
this._dotTouched = false;
this._dotPristine = true;
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label dropdown options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** (optional) Disables field's interaction */
this.disabled = false;
this._dotTouched = false;
this._dotPristine = true;
this._options = undefined;
this.status = undefined;
}

@@ -37,0 +31,0 @@ componentWillLoad() {

@@ -16,24 +16,14 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value formatted splitted with a comma, for example: tag-1,tag-2 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) text to show when no value is set */
this.placeholder = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and value is not set */
this.requiredMessage = 'This field is required';
/** (optional) Disables field's interaction */
this.disabled = false;
/** Min characters to start search in the autocomplete input */
this.threshold = 1;
/** Duraction in ms to start search into the autocomplete */
this.debounce = 300;
/** Function or array of string to get the data to use for the autocomplete search */
this.data = null;
this.status = undefined;
}

@@ -40,0 +30,0 @@ /**

@@ -17,20 +17,12 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value specifies the value of the textarea element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to textarea element */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Regular expresion that is checked against the value to determine if is valid */
this.regexCheck = '';
this.status = undefined;
}

@@ -37,0 +29,0 @@ /**

@@ -17,24 +17,14 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value specifies the value of the input element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Regular expresion that is checked against the value to determine if is valid */
this.regexCheck = '';
/** type specifies the type of input element to display */
this.type = 'text';
this.status = undefined;
}

@@ -41,0 +31,0 @@ /**

@@ -17,24 +17,15 @@ 'use strict';

this.dotStatusChange = index.createEvent(this, "dotStatusChange", 7);
/** Value format hh:mm:ss e.g., 15:22:00 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set. Format should be hh:mm:ss */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set. Format should be hh:mm:ss */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -41,0 +32,0 @@ /**

@@ -6,3 +6,3 @@ 'use strict';

/*
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
*/

@@ -9,0 +9,0 @@ const patchBrowser = () => {

@@ -16,21 +16,13 @@ 'use strict';

this.lostFocus = index.createEvent(this, "lostFocus", 7);
/** (optional) Disables all form interaction */
this.whiteListArray = {};
this.disabled = false;
/** (optional) Label for the add item button */
this.addButtonLabel = 'Add';
/** (optional) Placeholder for the key input text */
this.keyPlaceholder = '';
/** (optional) Placeholder for the value input text */
this.valuePlaceholder = '';
/** (optional) The string to use in the key input label */
this.keyLabel = 'Key';
/** (optional) The string to use in the value input label */
this.valueLabel = 'Value';
/** (optional) Label for the empty option in white-list select */
this.emptyDropdownOptionLabel = 'Pick an option';
/** (optional) The string to use for white-list key/values */
this.whiteList = '';
this.inputs = Object.assign({}, DEFAULT_VALUE);
this.selectedWhiteListKey = '';
this.whiteListArray = {};
}

@@ -123,11 +115,7 @@ selectedWhiteListKeyWatch() {

this.reorder = index.createEvent(this, "reorder", 7);
/** (optional) Items to render in the list of key value */
this.dragSrcEl = null;
this.items = [];
/** (optional) Disables all form interaction */
this.disabled = false;
/** (optional) Label for the delete button in each item list */
this.buttonLabel = 'Delete';
/** (optional) Message to show when the list of items is empty */
this.emptyMessage = 'No values';
this.dragSrcEl = null;
}

@@ -134,0 +122,0 @@ render() {

@@ -8,3 +8,3 @@ 'use strict';

/*
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com
*/

@@ -11,0 +11,0 @@ const patchEsm = () => {

@@ -48,4 +48,4 @@ {

"name": "@stencil/core",
"version": "2.18.1",
"typescriptVersion": "4.7.4"
"version": "2.20.0",
"typescriptVersion": "4.8.4"
},

@@ -52,0 +52,0 @@ "collections": [],

@@ -15,4 +15,5 @@ import { h, Host } from '@stencil/core';

constructor() {
this.selection = [];
this.items = [];
this.selection = [];
this.value = undefined;
}

@@ -19,0 +20,0 @@ watchItems(newValue) {

@@ -10,7 +10,4 @@ import { Host, h } from '@stencil/core';

constructor() {
/** file name to be displayed */
this.fileName = '';
/** (optional) file URL to be displayed */
this.previewUrl = '';
/** (optional) Delete button's label */
this.deleteLabel = 'Delete';

@@ -17,0 +14,0 @@ }

@@ -12,12 +12,9 @@ import { Host, h } from '@stencil/core';

constructor() {
/** Value specifies the value of the <input> element */
this.value = null;
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.accept = undefined;
this.disabled = false;
this.status = undefined;
}

@@ -24,0 +21,0 @@ render() {

@@ -12,11 +12,7 @@ import { Host, h } from '@stencil/core';

constructor() {
/** Name that will be used as ID */
this.name = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.accept = undefined;
this.disabled = false;
/** (optional) Set the max file size limit */
this.maxFileLength = '';
/** (optional) Text that be shown in the browse file button */
this.buttonLabel = '';

@@ -23,0 +19,0 @@ }

@@ -13,37 +13,22 @@ import { Host, h } from '@stencil/core';

constructor() {
/** Name that will be used as ID */
this.file = null;
this.allowedFileTypes = [];
this.errorMessageMap = new Map();
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = 'Drop or paste a file or url';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is required */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Text that be shown when the URL is not valid */
this.URLValidationMessage = 'The specified URL is not valid';
/** (optional) Text that be shown when the file size is not valid */
this.fileSizeValidationMessage = 'File size is not valid';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */
this.accept = '';
/** (optional) Set the max file size limit */
this.maxFileLength = '';
/** (optional) Text that be shown in the browse file button */
this.buttonLabel = 'Browse';
/** (optional) Text that be shown in the browse file button */
this.errorMessage = '';
/** (optional) Name of the file uploaded */
this.previewImageName = '';
/** (optional) URL of the file uploaded */
this.previewImageUrl = '';
this.file = null;
this.allowedFileTypes = [];
this.errorMessageMap = new Map();
this.status = undefined;
}

@@ -50,0 +35,0 @@ /**

@@ -6,18 +6,12 @@ import { Host, h } from '@stencil/core';

constructor() {
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label checkbox options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** Value set from the checkbox option */
this.value = '';
this._options = undefined;
this.status = undefined;
}

@@ -24,0 +18,0 @@ componentWillLoad() {

@@ -6,24 +6,3 @@ import { h, Host } from '@stencil/core';

constructor() {
/** (optional) Value formatted with start and end date splitted with a comma */
this.value = '';
/** Name that will be used as ID */
this.name = 'daterange';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Max value that the field will allow to set */
this.max = '';
/** (optional) Min value that the field will allow to set */
this.min = '';
/** (optional) Determine if it is needed */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Date format used by the field when displayed */
this.displayFormat = 'Y-m-d';
/** (optional) Array of date presets formatted as [{ label: 'PRESET_LABEL', days: NUMBER }] */
this.presets = [
this.defaultPresets = [
{

@@ -50,5 +29,13 @@ label: 'Date Presets',

];
/** (optional) Text to be rendered next to presets field */
this.presetLabel = 'Presets';
this.defaultPresets = [
this.value = '';
this.name = 'daterange';
this.label = '';
this.hint = '';
this.max = '';
this.min = '';
this.required = false;
this.requiredMessage = 'This field is required';
this.disabled = false;
this.displayFormat = 'Y-m-d';
this.presets = [
{

@@ -75,2 +62,4 @@ label: 'Date Presets',

];
this.presetLabel = 'Presets';
this.status = undefined;
}

@@ -77,0 +66,0 @@ /**

@@ -9,36 +9,25 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value format yyyy-mm-dd hh:mm:ss e.g., 2005-12-01 15:22:00 */
this._step = {
date: null,
time: null
};
this._status = {
date: null,
time: null
};
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (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 */
this.min = '';
/** (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 */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input fields date && time e.g., 2,10 */
this.step = '1,1';
/** (optional) The string to use in the date label field */
this.dateLabel = 'Date';
/** (optional) The string to use in the time label field */
this.timeLabel = 'Time';
this._step = {
date: null,
time: null
};
this._status = {
date: null,
time: null
};
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -45,0 +34,0 @@ /**

@@ -6,24 +6,15 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value format yyyy-mm-dd e.g., 2005-12-01 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -30,0 +21,0 @@ /**

import { fieldMap, shouldShowField } from '../../utils';
export class DotFormColumnComponent {
constructor() {
this.column = undefined;
this.fieldsToShow = undefined;
}
render() {

@@ -4,0 +8,0 @@ // When the user start dragging a form in the edit page the value of layout of the

import { h } from '@stencil/core';
export class DotFormRowComponent {
constructor() {
this.row = undefined;
this.fieldsToShow = undefined;
}
render() {

@@ -4,0 +8,0 @@ // When the user start dragging a form in the edit page the value of layout of the

@@ -8,9 +8,8 @@ import { h, Host } from '@stencil/core';

constructor() {
/** (optional) Text to be rendered on Reset button */
this.fieldsStatus = {};
this.value = {};
this.fieldsToShow = undefined;
this.resetLabel = 'Reset';
/** (optional) Text to be rendered on Submit button */
this.submitLabel = 'Submit';
/** Layout metada to be rendered */
this.layout = [];
/** Content type variable name */
this.variable = '';

@@ -21,4 +20,2 @@ this.status = getOriginalStatus();

this.processingSubmit = false;
this.fieldsStatus = {};
this.value = {};
}

@@ -25,0 +22,0 @@ /**

@@ -5,18 +5,11 @@ import { h } from '@stencil/core';

constructor() {
/** Value specifies the value of the input element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set, expect a Date Format. */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set, expect a Date Format */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
/** type specifies the type of input element to display */
this.type = '';
this.status = undefined;
}

@@ -23,0 +16,0 @@ /**

@@ -5,21 +5,13 @@ import { h } from '@stencil/core';

constructor() {
/** (optional) Disables all form interaction */
this.whiteListArray = {};
this.disabled = false;
/** (optional) Label for the add item button */
this.addButtonLabel = 'Add';
/** (optional) Placeholder for the key input text */
this.keyPlaceholder = '';
/** (optional) Placeholder for the value input text */
this.valuePlaceholder = '';
/** (optional) The string to use in the key input label */
this.keyLabel = 'Key';
/** (optional) The string to use in the value input label */
this.valueLabel = 'Value';
/** (optional) Label for the empty option in white-list select */
this.emptyDropdownOptionLabel = 'Pick an option';
/** (optional) The string to use for white-list key/values */
this.whiteList = '';
this.inputs = Object.assign({}, DEFAULT_VALUE);
this.selectedWhiteListKey = '';
this.whiteListArray = {};
}

@@ -26,0 +18,0 @@ selectedWhiteListKeyWatch() {

import { h } from '@stencil/core';
export class KeyValueTableComponent {
constructor() {
/** (optional) Items to render in the list of key value */
this.dragSrcEl = null;
this.items = [];
/** (optional) Disables all form interaction */
this.disabled = false;
/** (optional) Label for the delete button in each item list */
this.buttonLabel = 'Delete';
/** (optional) Message to show when the list of items is empty */
this.emptyMessage = 'No values';
this.dragSrcEl = null;
}

@@ -14,0 +10,0 @@ render() {

@@ -11,20 +11,21 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value of the field */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that will be shown when required is set and condition is not met */
this.duplicatedKeyMessage = 'The key already exists';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Allows unique keys only */
this.uniqueKeys = false;
this.formKeyPlaceholder = undefined;
this.formValuePlaceholder = undefined;
this.formKeyLabel = undefined;
this.formValueLabel = undefined;
this.formAddButtonLabel = undefined;
this.listDeleteLabel = undefined;
this.whiteListEmptyOptionLabel = undefined;
this.whiteList = undefined;
this.errorExistingKey = undefined;
this.status = undefined;
this.items = [];

@@ -31,0 +32,0 @@ }

@@ -11,7 +11,4 @@ import { h } from '@stencil/core';

constructor() {
/** (optional) Field name */
this.name = '';
/** (optional) Text to be rendered */
this.label = '';
/** (optional) Determine if it is mandatory */
this.required = false;

@@ -18,0 +15,0 @@ }

@@ -12,22 +12,15 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value set from the dropdown option */
this._dotTouched = false;
this._dotPristine = true;
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label dropdown options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Size number of the multi-select dropdown (default=3) */
this.size = '3';
this._dotTouched = false;
this._dotPristine = true;
this._options = undefined;
this.status = undefined;
}

@@ -34,0 +27,0 @@ componentWillLoad() {

@@ -12,18 +12,12 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value set from the ratio option */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = '';
/** Value/Label ratio options separated by comma, to be formatted as: Value|Label */
this.options = '';
this._options = undefined;
this.status = undefined;
}

@@ -30,0 +24,0 @@ /**

@@ -12,20 +12,14 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value set from the dropdown option */
this._dotTouched = false;
this._dotPristine = true;
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label dropdown options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** (optional) Disables field's interaction */
this.disabled = false;
this._dotTouched = false;
this._dotPristine = true;
this._options = undefined;
this.status = undefined;
}

@@ -32,0 +26,0 @@ componentWillLoad() {

@@ -5,14 +5,2 @@ import { h } from '@stencil/core';

constructor() {
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) text to show when no value is set */
this.placeholder = '';
/** (optional) Min characters to start search in the autocomplete input */
this.threshold = 0;
/** (optional) Max results to show after a autocomplete search */
this.maxResults = 0;
/** (optional) Duraction in ms to start search into the autocomplete */
this.debounce = 300;
/** Function or array of string to get the data to use for the autocomplete search */
this.data = null;
this.id = `autoComplete${new Date().getTime()}`;

@@ -26,2 +14,8 @@ this.enteredSuggestionList = false;

};
this.disabled = false;
this.placeholder = '';
this.threshold = 0;
this.maxResults = 0;
this.debounce = 300;
this.data = null;
}

@@ -28,0 +22,0 @@ componentDidLoad() {

import { h, Host } from '@stencil/core';
export class DotChipComponent {
constructor() {
/** Chip's label */
this.label = '';
/** (optional) Delete button's label */
this.deleteLabel = 'Delete';
/** (optional) If is true disabled the delete button */
this.disabled = false;

@@ -10,0 +7,0 @@ }

@@ -5,24 +5,14 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value formatted splitted with a comma, for example: tag-1,tag-2 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) text to show when no value is set */
this.placeholder = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and value is not set */
this.requiredMessage = 'This field is required';
/** (optional) Disables field's interaction */
this.disabled = false;
/** Min characters to start search in the autocomplete input */
this.threshold = 1;
/** Duraction in ms to start search into the autocomplete */
this.debounce = 300;
/** Function or array of string to get the data to use for the autocomplete search */
this.data = null;
this.status = undefined;
}

@@ -29,0 +19,0 @@ /**

@@ -12,20 +12,12 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value specifies the value of the textarea element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to textarea element */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Regular expresion that is checked against the value to determine if is valid */
this.regexCheck = '';
this.status = undefined;
}

@@ -32,0 +24,0 @@ /**

@@ -12,24 +12,14 @@ import { Host, h } from '@stencil/core';

constructor() {
/** Value specifies the value of the input element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Regular expresion that is checked against the value to determine if is valid */
this.regexCheck = '';
/** type specifies the type of input element to display */
this.type = 'text';
this.status = undefined;
}

@@ -36,0 +26,0 @@ /**

@@ -6,24 +6,15 @@ import { h, Host } from '@stencil/core';

constructor() {
/** Value format hh:mm:ss e.g., 15:22:00 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set. Format should be hh:mm:ss */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set. Format should be hh:mm:ss */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -30,0 +21,0 @@ /**

@@ -21,13 +21,10 @@ /**

constructor() {
/** URL to endpoint to create dotAssets*/
this.dropEventTarget = null;
this.errorMessage = '';
this.dialogHeader = '';
this.dotAssetsURL = '/api/v1/workflow/actions/default/fire/PUBLISH';
/** Specify the max size of each file to be uploaded*/
this.maxFileSize = '';
/** Specify the the folder where the dotAssets will be placed*/
this.folder = '';
/** Legend to be shown when dropping files */
this.dropFilesText = 'Drop Files to Upload';
/** Legend to be shown when uploading files */
this.uploadFileText = 'Uploading Files...';
/** Labels to be shown in error dialog */
this.dialogLabels = {

@@ -40,20 +37,12 @@ closeButton: 'Close',

this.displayIndicator = false;
/** Legend to be shown when creating dotAssets */
this.createAssetsText = 'Creating DotAssets';
/** Error to be shown when try to upload a bigger size file than allowed*/
this.multiMaxSizeErrorLabel = 'One or more of the files exceeds the maximum file size';
/** Error to be shown when try to upload a bigger size file than allowed*/
this.singeMaxSizeErrorLabel = 'The file exceeds the maximum file size';
/** Error to be shown when an error happened on the uploading process*/
this.uploadErrorLabel = 'Drop action not allowed.';
/** Allowed file extensions*/
this.acceptTypes = [];
/** Allowed file extensions*/
this.typesErrorLabel = 'This action only allows $0 files.';
this.customUploadFiles = undefined;
this.dropState = DotDropStatus.NONE;
this.progressIndicator = 0;
this.progressBarText = '';
this.dropEventTarget = null;
this.errorMessage = '';
this.dialogHeader = '';
}

@@ -60,0 +49,0 @@ render() {

@@ -6,5 +6,7 @@ import { h } from '@stencil/core';

constructor() {
this.isShiftKey = false;
this.item = undefined;
this.thumbnailSize = '260';
this.iconSize = '96px';
this.isShiftKey = false;
this.checked = undefined;
}

@@ -11,0 +13,0 @@ async showMenu(x, y) {

import { h } from '@stencil/core';
export class DotDataViewButton {
constructor() {
this.value = undefined;
}
render() {

@@ -4,0 +7,0 @@ return (h("dot-select-button", { value: this.value, options: [

@@ -5,5 +5,2 @@ import { h, Host } from '@stencil/core';

constructor() {
this.value = '';
this.height = '';
this.width = '';
this.boundOnMessageHandler = null;

@@ -33,2 +30,6 @@ this.iframeId = `iframe_${Math.floor(Date.now() / 1000).toString()}`;

;`;
this.value = '';
this.height = '';
this.width = '';
this.previewImg = undefined;
}

@@ -35,0 +36,0 @@ componentDidLoad() {

@@ -5,2 +5,3 @@ import { h, Host } from '@stencil/core';

constructor() {
this.locked = undefined;
this.size = '16px';

@@ -7,0 +8,0 @@ }

@@ -8,2 +8,4 @@ import { h, Host } from '@stencil/core';

this.iconSize = '';
this.contentlet = undefined;
this.renderImage = undefined;
}

@@ -10,0 +12,0 @@ componentWillLoad() {

@@ -6,19 +6,2 @@ import { Host, h } from '@stencil/core';

constructor() {
this.suggestionArr = [];
/** Value for input placeholder */
this.placeholder = '';
/** Name that will be used as ID */
this.name = '';
/** Value set from the dropdown option */
this.value = '';
/** Size value set for font-size */
this.size = null;
/** Show/Hide color picker */
this.showColor = null;
/** Color value set from the input */
this.colorValue = '#000';
/** Label set for the input color */
this.colorLabel = 'Color';
/** Values that the auto-complete textbox should search for */
this.suggestionlist = MaterialIconClasses;
this.findMatch = (searchTerm) => {

@@ -106,2 +89,13 @@ return this.suggestionlist.filter((term) => term.includes(searchTerm) && term !== searchTerm);

};
this.showSuggestions = undefined;
this.suggestionArr = [];
this.selectedSuggestionIndex = undefined;
this.placeholder = '';
this.name = '';
this.value = '';
this.size = null;
this.showColor = null;
this.colorValue = '#000';
this.colorLabel = 'Color';
this.suggestionlist = MaterialIconClasses;
}

@@ -108,0 +102,0 @@ handleWindowClick(e) {

@@ -10,5 +10,3 @@ import { h, Host } from '@stencil/core';

constructor() {
/** text to be show bellow the progress bar*/
this.text = 'Uploading Files...';
/** indicates the progress to be show, a value 1 to 100 */
this.progress = 0;

@@ -15,0 +13,0 @@ }

import { getElement, getPosition, fadeIn } from './utils';
export class DotTooltip {
constructor() {
this.showing = false;
this.content = undefined;
this.for = undefined;
this.delay = undefined;
this.position = 'center bottom';
this.showing = false;
}

@@ -7,0 +10,0 @@ connectedCallback() {

@@ -1,1 +0,1 @@

import{p as e,b as a}from"./p-409b5f09.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a([["p-9f008a7a",[[1,"dot-card-view",{items:[16],value:[1537],getValue:[64],clearValue:[64]}]]],["p-aec93543",[[4,"dot-label",{name:[513],label:[513],required:[516]}]]],["p-64309992",[[0,"dot-binary-file",{name:[513],label:[513],placeholder:[1537],hint:[513],required:[516],requiredMessage:[1,"required-message"],validationMessage:[1,"validation-message"],URLValidationMessage:[1,"u-r-l-validation-message"],fileSizeValidationMessage:[1,"file-size-validation-message"],disabled:[516],accept:[1537],maxFileLength:[1537,"max-file-length"],buttonLabel:[513,"button-label"],errorMessage:[1537,"error-message"],previewImageName:[1537,"preview-image-name"],previewImageUrl:[1537,"preview-image-url"],status:[32],reset:[64],clearValue:[64]},[[0,"fileChange","fileChangeHandler"],[0,"dragover","HandleDragover"],[0,"dragleave","HandleDragleave"],[0,"drop","HandleDrop"],[0,"delete","handleDelete"]]]]],["p-128de124",[[0,"dot-form",{fieldsToShow:[1,"fields-to-show"],resetLabel:[513,"reset-label"],submitLabel:[513,"submit-label"],layout:[16],variable:[513],status:[32],errorMessage:[32],uploadFileInProgress:[32],processingSubmit:[32]},[[0,"dotValueChange","onValueChange"],[0,"dotStatusChange","onStatusChange"]]]]],["p-8674f3b1",[[0,"dot-key-value",{value:[1537],name:[513],label:[513],hint:[513],required:[516],requiredMessage:[513,"required-message"],duplicatedKeyMessage:[513,"duplicated-key-message"],disabled:[516],uniqueKeys:[516,"unique-keys"],formKeyPlaceholder:[513,"form-key-placeholder"],formValuePlaceholder:[513,"form-value-placeholder"],formKeyLabel:[513,"form-key-label"],formValueLabel:[513,"form-value-label"],formAddButtonLabel:[513,"form-add-button-label"],listDeleteLabel:[513,"list-delete-label"],whiteListEmptyOptionLabel:[513,"white-list-empty-option-label"],whiteList:[513,"white-list"],errorExistingKey:[32],status:[32],items:[32],reset:[64]},[[0,"delete","deleteItemHandler"],[0,"reorder","reorderItemsHandler"],[0,"add","addItemHandler"],[0,"keyChanged","keyChangedHandler"]]]]],["p-870f8a52",[[0,"dot-tags",{value:[1537],name:[513],label:[513],hint:[513],placeholder:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],threshold:[514],debounce:[514],data:[16],status:[32],reset:[64]}]]],["p-47a446bc",[[0,"dot-date",{value:[1537],name:[513],label:[513],hint:[513],required:[1540],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[1540],min:[1537],max:[1537],step:[1537],classNames:[32],errorMessageElement:[32],reset:[64]},[[0,"_dotValueChange","emitValueChange"],[0,"_dotStatusChange","emitStatusChange"]]]]],["p-21540270",[[0,"dot-date-time",{value:[1537],name:[513],label:[513],hint:[513],required:[516],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[516],min:[1537],max:[1537],step:[1537],dateLabel:[513,"date-label"],timeLabel:[513,"time-label"],classNames:[32],errorMessageElement:[32],reset:[64]},[[0,"_dotValueChange","emitValueChange"],[0,"_dotStatusChange","emitStatusChange"]]]]],["p-1593ab80",[[0,"dot-time",{value:[1537],name:[513],label:[513],hint:[513],required:[516],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[516],min:[1537],max:[1537],step:[513],classNames:[32],errorMessageElement:[32],reset:[64]},[[0,"_dotValueChange","emitValueChange"],[0,"_dotStatusChange","emitStatusChange"]]]]],["p-de9d45ee",[[4,"dot-asset-drop-zone",{dotAssetsURL:[1,"dot-assets-u-r-l"],maxFileSize:[1,"max-file-size"],folder:[1],dropFilesText:[1,"drop-files-text"],uploadFileText:[1,"upload-file-text"],dialogLabels:[16],displayIndicator:[4,"display-indicator"],createAssetsText:[1,"create-assets-text"],multiMaxSizeErrorLabel:[1,"multi-max-size-error-label"],singeMaxSizeErrorLabel:[1,"singe-max-size-error-label"],uploadErrorLabel:[1,"upload-error-label"],acceptTypes:[16],typesErrorLabel:[1,"types-error-label"],customUploadFiles:[16],dropState:[32],progressIndicator:[32],progressBarText:[32]}]]],["p-59247654",[[0,"dot-checkbox",{name:[513],label:[513],hint:[513],options:[513],required:[516],disabled:[1540],requiredMessage:[513,"required-message"],value:[1537],_options:[32],status:[32],reset:[64]}]]],["p-61cba2fe",[[0,"dot-data-view-button",{value:[1]}]]],["p-19ff3072",[[0,"dot-date-range",{value:[1537],name:[513],label:[513],hint:[513],max:[513],min:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],displayFormat:[513,"display-format"],presets:[1040],presetLabel:[513,"preset-label"],status:[32],reset:[64]}]]],["p-711f24be",[[0,"dot-multi-select",{value:[1537],name:[513],label:[513],hint:[513],options:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],size:[513],_options:[32],status:[32],reset:[64]}]]],["p-af45bee3",[[0,"dot-radio",{value:[1537],name:[513],label:[513],hint:[513],required:[516],disabled:[1540],requiredMessage:[513,"required-message"],options:[513],_options:[32],status:[32],reset:[64]}]]],["p-5c677c8b",[[0,"dot-select",{value:[1537],name:[513],label:[513],hint:[513],options:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],_options:[32],status:[32],reset:[64]}]]],["p-aaab1f64",[[0,"dot-textarea",{value:[1537],name:[513],label:[513],hint:[513],required:[1540],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[1540],regexCheck:[1537,"regex-check"],status:[32],reset:[64]}]]],["p-b470b967",[[0,"dot-textfield",{value:[1025],name:[1],label:[513],placeholder:[1537],hint:[513],required:[1540],requiredMessage:[1,"required-message"],validationMessage:[1,"validation-message"],disabled:[1540],regexCheck:[1537,"regex-check"],type:[1537],status:[32],reset:[64]}]]],["p-06074e2a",[[0,"dot-html-to-image",{value:[1],height:[1025],width:[1025],previewImg:[32]}]]],["p-017a5208",[[0,"dot-material-icon-picker",{placeholder:[513],name:[513],value:[1537],size:[1537],showColor:[1537,"show-color"],colorValue:[1537,"color-value"],colorLabel:[1537,"color-label"],suggestionlist:[16],showSuggestions:[32],suggestionArr:[32],selectedSuggestionIndex:[32]},[[8,"click","handleWindowClick"]]]]],["p-55ff97d3",[[0,"dot-progress-bar",{text:[1],progress:[2]}]]],["p-761bc9df",[[1,"dot-select-button",{value:[513],options:[16]}]]],["p-d6b33f9f",[[0,"dot-form-row",{row:[16],fieldsToShow:[513,"fields-to-show"]}],[4,"dot-error-message"]]],["p-4b0a348c",[[0,"dot-autocomplete",{disabled:[516],placeholder:[513],threshold:[514],maxResults:[514,"max-results"],debounce:[514],data:[16]}],[0,"dot-chip",{label:[513],deleteLabel:[513,"delete-label"],disabled:[516]}]]],["p-3a257caf",[[0,"key-value-form",{disabled:[516],addButtonLabel:[513,"add-button-label"],keyPlaceholder:[513,"key-placeholder"],valuePlaceholder:[513,"value-placeholder"],keyLabel:[513,"key-label"],valueLabel:[513,"value-label"],emptyDropdownOptionLabel:[513,"empty-dropdown-option-label"],whiteList:[513,"white-list"],inputs:[32],selectedWhiteListKey:[32]}],[0,"key-value-table",{items:[16],disabled:[516],buttonLabel:[513,"button-label"],emptyMessage:[513,"empty-message"]}]]],["p-6c30c52c",[[0,"dot-form-column",{column:[16],fieldsToShow:[513,"fields-to-show"]}]]],["p-dfaf402c",[[0,"dot-binary-file-preview",{fileName:[1537,"file-name"],previewUrl:[1537,"preview-url"],deleteLabel:[513,"delete-label"]}],[0,"dot-binary-text-field",{value:[1544],hint:[513],placeholder:[513],required:[516],accept:[513],disabled:[516],status:[32]}],[0,"dot-binary-upload-button",{name:[513],required:[516],accept:[513],disabled:[516],maxFileLength:[513,"max-file-length"],buttonLabel:[513,"button-label"]}]]],["p-70bf37b8",[[0,"dot-input-calendar",{value:[1537],name:[513],required:[516],disabled:[516],min:[513],max:[513],step:[513],type:[513],status:[32],reset:[64]}]]],["p-b2023a2e",[[1,"dot-card-contentlet",{item:[16],thumbnailSize:[1,"thumbnail-size"],iconSize:[1,"icon-size"],checked:[1540],showMenu:[64],hideMenu:[64]}],[0,"dot-contentlet-thumbnail",{height:[513],width:[513],alt:[513],iconSize:[513,"icon-size"],contentlet:[16],renderImage:[32]}],[1,"dot-state-icon",{state:[16],size:[513],labels:[16]}],[1,"dot-badge",{bgColor:[1,"bg-color"],color:[1],size:[1],bordered:[4]}],[1,"dot-card"],[1,"dot-contentlet-lock-icon",{locked:[4],size:[1]}],[1,"dot-context-menu",{options:[16],fontSize:[1,"font-size"],state:[32],hide:[64],show:[64]}],[1,"dot-contentlet-icon",{icon:[513],size:[513]}],[1,"dot-tooltip",{content:[1],for:[1],delay:[2],position:[1]}]]]],e)));
import{p as e,b as a}from"./p-409b5f09.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a([["p-3a7bf302",[[1,"dot-card-view",{items:[16],value:[1537],getValue:[64],clearValue:[64]}]]],["p-aec93543",[[4,"dot-label",{name:[513],label:[513],required:[516]}]]],["p-49b872ee",[[0,"dot-binary-file",{name:[513],label:[513],placeholder:[1537],hint:[513],required:[516],requiredMessage:[1,"required-message"],validationMessage:[1,"validation-message"],URLValidationMessage:[1,"u-r-l-validation-message"],fileSizeValidationMessage:[1,"file-size-validation-message"],disabled:[516],accept:[1537],maxFileLength:[1537,"max-file-length"],buttonLabel:[513,"button-label"],errorMessage:[1537,"error-message"],previewImageName:[1537,"preview-image-name"],previewImageUrl:[1537,"preview-image-url"],status:[32],reset:[64],clearValue:[64]},[[0,"fileChange","fileChangeHandler"],[0,"dragover","HandleDragover"],[0,"dragleave","HandleDragleave"],[0,"drop","HandleDrop"],[0,"delete","handleDelete"]]]]],["p-ab3d68c5",[[0,"dot-form",{fieldsToShow:[1,"fields-to-show"],resetLabel:[513,"reset-label"],submitLabel:[513,"submit-label"],layout:[16],variable:[513],status:[32],errorMessage:[32],uploadFileInProgress:[32],processingSubmit:[32]},[[0,"dotValueChange","onValueChange"],[0,"dotStatusChange","onStatusChange"]]]]],["p-539531f8",[[0,"dot-key-value",{value:[1537],name:[513],label:[513],hint:[513],required:[516],requiredMessage:[513,"required-message"],duplicatedKeyMessage:[513,"duplicated-key-message"],disabled:[516],uniqueKeys:[516,"unique-keys"],formKeyPlaceholder:[513,"form-key-placeholder"],formValuePlaceholder:[513,"form-value-placeholder"],formKeyLabel:[513,"form-key-label"],formValueLabel:[513,"form-value-label"],formAddButtonLabel:[513,"form-add-button-label"],listDeleteLabel:[513,"list-delete-label"],whiteListEmptyOptionLabel:[513,"white-list-empty-option-label"],whiteList:[513,"white-list"],errorExistingKey:[32],status:[32],items:[32],reset:[64]},[[0,"delete","deleteItemHandler"],[0,"reorder","reorderItemsHandler"],[0,"add","addItemHandler"],[0,"keyChanged","keyChangedHandler"]]]]],["p-9fed76c2",[[0,"dot-tags",{value:[1537],name:[513],label:[513],hint:[513],placeholder:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],threshold:[514],debounce:[514],data:[16],status:[32],reset:[64]}]]],["p-e1a1f789",[[0,"dot-date",{value:[1537],name:[513],label:[513],hint:[513],required:[1540],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[1540],min:[1537],max:[1537],step:[1537],classNames:[32],errorMessageElement:[32],reset:[64]},[[0,"_dotValueChange","emitValueChange"],[0,"_dotStatusChange","emitStatusChange"]]]]],["p-0d3b8fd8",[[0,"dot-date-time",{value:[1537],name:[513],label:[513],hint:[513],required:[516],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[516],min:[1537],max:[1537],step:[1537],dateLabel:[513,"date-label"],timeLabel:[513,"time-label"],classNames:[32],errorMessageElement:[32],reset:[64]},[[0,"_dotValueChange","emitValueChange"],[0,"_dotStatusChange","emitStatusChange"]]]]],["p-49d2ecdd",[[0,"dot-time",{value:[1537],name:[513],label:[513],hint:[513],required:[516],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[516],min:[1537],max:[1537],step:[513],classNames:[32],errorMessageElement:[32],reset:[64]},[[0,"_dotValueChange","emitValueChange"],[0,"_dotStatusChange","emitStatusChange"]]]]],["p-51850fa3",[[4,"dot-asset-drop-zone",{dotAssetsURL:[1,"dot-assets-u-r-l"],maxFileSize:[1,"max-file-size"],folder:[1],dropFilesText:[1,"drop-files-text"],uploadFileText:[1,"upload-file-text"],dialogLabels:[16],displayIndicator:[4,"display-indicator"],createAssetsText:[1,"create-assets-text"],multiMaxSizeErrorLabel:[1,"multi-max-size-error-label"],singeMaxSizeErrorLabel:[1,"singe-max-size-error-label"],uploadErrorLabel:[1,"upload-error-label"],acceptTypes:[16],typesErrorLabel:[1,"types-error-label"],customUploadFiles:[16],dropState:[32],progressIndicator:[32],progressBarText:[32]}]]],["p-c536706f",[[0,"dot-checkbox",{name:[513],label:[513],hint:[513],options:[513],required:[516],disabled:[1540],requiredMessage:[513,"required-message"],value:[1537],_options:[32],status:[32],reset:[64]}]]],["p-ff8444dd",[[0,"dot-data-view-button",{value:[1]}]]],["p-012f1108",[[0,"dot-date-range",{value:[1537],name:[513],label:[513],hint:[513],max:[513],min:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],displayFormat:[513,"display-format"],presets:[1040],presetLabel:[513,"preset-label"],status:[32],reset:[64]}]]],["p-e976629c",[[0,"dot-multi-select",{value:[1537],name:[513],label:[513],hint:[513],options:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],size:[513],_options:[32],status:[32],reset:[64]}]]],["p-9b38db53",[[0,"dot-radio",{value:[1537],name:[513],label:[513],hint:[513],required:[516],disabled:[1540],requiredMessage:[513,"required-message"],options:[513],_options:[32],status:[32],reset:[64]}]]],["p-ecfc8549",[[0,"dot-select",{value:[1537],name:[513],label:[513],hint:[513],options:[513],required:[516],requiredMessage:[513,"required-message"],disabled:[516],_options:[32],status:[32],reset:[64]}]]],["p-be5ffc35",[[0,"dot-textarea",{value:[1537],name:[513],label:[513],hint:[513],required:[1540],requiredMessage:[513,"required-message"],validationMessage:[513,"validation-message"],disabled:[1540],regexCheck:[1537,"regex-check"],status:[32],reset:[64]}]]],["p-8e3f45be",[[0,"dot-textfield",{value:[1025],name:[1],label:[513],placeholder:[1537],hint:[513],required:[1540],requiredMessage:[1,"required-message"],validationMessage:[1,"validation-message"],disabled:[1540],regexCheck:[1537,"regex-check"],type:[1537],status:[32],reset:[64]}]]],["p-49bb9d65",[[0,"dot-html-to-image",{value:[1],height:[1025],width:[1025],previewImg:[32]}]]],["p-b19a8709",[[0,"dot-material-icon-picker",{placeholder:[513],name:[513],value:[1537],size:[1537],showColor:[1537,"show-color"],colorValue:[1537,"color-value"],colorLabel:[1537,"color-label"],suggestionlist:[16],showSuggestions:[32],suggestionArr:[32],selectedSuggestionIndex:[32]},[[8,"click","handleWindowClick"]]]]],["p-55ff97d3",[[0,"dot-progress-bar",{text:[1],progress:[2]}]]],["p-761bc9df",[[1,"dot-select-button",{value:[513],options:[16]}]]],["p-c64db76c",[[0,"dot-form-row",{row:[16],fieldsToShow:[513,"fields-to-show"]}],[4,"dot-error-message"]]],["p-3db0bbd7",[[0,"dot-autocomplete",{disabled:[516],placeholder:[513],threshold:[514],maxResults:[514,"max-results"],debounce:[514],data:[16]}],[0,"dot-chip",{label:[513],deleteLabel:[513,"delete-label"],disabled:[516]}]]],["p-dd89d2fa",[[0,"key-value-form",{disabled:[516],addButtonLabel:[513,"add-button-label"],keyPlaceholder:[513,"key-placeholder"],valuePlaceholder:[513,"value-placeholder"],keyLabel:[513,"key-label"],valueLabel:[513,"value-label"],emptyDropdownOptionLabel:[513,"empty-dropdown-option-label"],whiteList:[513,"white-list"],inputs:[32],selectedWhiteListKey:[32]}],[0,"key-value-table",{items:[16],disabled:[516],buttonLabel:[513,"button-label"],emptyMessage:[513,"empty-message"]}]]],["p-01ed5538",[[0,"dot-form-column",{column:[16],fieldsToShow:[513,"fields-to-show"]}]]],["p-823bd001",[[0,"dot-binary-file-preview",{fileName:[1537,"file-name"],previewUrl:[1537,"preview-url"],deleteLabel:[513,"delete-label"]}],[0,"dot-binary-text-field",{value:[1544],hint:[513],placeholder:[513],required:[516],accept:[513],disabled:[516],status:[32]}],[0,"dot-binary-upload-button",{name:[513],required:[516],accept:[513],disabled:[516],maxFileLength:[513,"max-file-length"],buttonLabel:[513,"button-label"]}]]],["p-8c8a205c",[[0,"dot-input-calendar",{value:[1537],name:[513],required:[516],disabled:[516],min:[513],max:[513],step:[513],type:[513],status:[32],reset:[64]}]]],["p-f1b07629",[[1,"dot-card-contentlet",{item:[16],thumbnailSize:[1,"thumbnail-size"],iconSize:[1,"icon-size"],checked:[1540],showMenu:[64],hideMenu:[64]}],[0,"dot-contentlet-thumbnail",{height:[513],width:[513],alt:[513],iconSize:[513,"icon-size"],contentlet:[16],renderImage:[32]}],[1,"dot-state-icon",{state:[16],size:[513],labels:[16]}],[1,"dot-badge",{bgColor:[1,"bg-color"],color:[1],size:[1],bordered:[4]}],[1,"dot-card"],[1,"dot-contentlet-lock-icon",{locked:[4],size:[1]}],[1,"dot-context-menu",{options:[16],fontSize:[1,"font-size"],state:[32],hide:[64],show:[64]}],[1,"dot-contentlet-icon",{icon:[513],size:[513]}],[1,"dot-tooltip",{content:[1],for:[1],delay:[2],position:[1]}]]]],e)));

@@ -29,14 +29,2 @@ import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-ca5e975e.js';

this.lostFocus = createEvent(this, "lostFocus", 7);
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) text to show when no value is set */
this.placeholder = '';
/** (optional) Min characters to start search in the autocomplete input */
this.threshold = 0;
/** (optional) Max results to show after a autocomplete search */
this.maxResults = 0;
/** (optional) Duraction in ms to start search into the autocomplete */
this.debounce = 300;
/** Function or array of string to get the data to use for the autocomplete search */
this.data = null;
this.id = `autoComplete${new Date().getTime()}`;

@@ -50,2 +38,8 @@ this.enteredSuggestionList = false;

};
this.disabled = false;
this.placeholder = '';
this.threshold = 0;
this.maxResults = 0;
this.debounce = 300;
this.data = null;
}

@@ -173,7 +167,4 @@ componentDidLoad() {

this.remove = createEvent(this, "remove", 7);
/** Chip's label */
this.label = '';
/** (optional) Delete button's label */
this.deleteLabel = 'Delete';
/** (optional) If is true disabled the delete button */
this.disabled = false;

@@ -180,0 +171,0 @@ }

@@ -11,7 +11,4 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.delete = createEvent(this, "delete", 7);
/** file name to be displayed */
this.fileName = '';
/** (optional) file URL to be displayed */
this.previewUrl = '';
/** (optional) Delete button's label */
this.deleteLabel = 'Delete';

@@ -44,12 +41,9 @@ }

this.lostFocus = createEvent(this, "lostFocus", 7);
/** Value specifies the value of the <input> element */
this.value = null;
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.accept = undefined;
this.disabled = false;
this.status = undefined;
}

@@ -132,11 +126,7 @@ render() {

this.fileChange = createEvent(this, "fileChange", 7);
/** Name that will be used as ID */
this.name = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.accept = undefined;
this.disabled = false;
/** (optional) Set the max file size limit */
this.maxFileLength = '';
/** (optional) Text that be shown in the browse file button */
this.buttonLabel = '';

@@ -143,0 +133,0 @@ }

@@ -14,37 +14,22 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Name that will be used as ID */
this.file = null;
this.allowedFileTypes = [];
this.errorMessageMap = new Map();
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = 'Drop or paste a file or url';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is required */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Text that be shown when the URL is not valid */
this.URLValidationMessage = 'The specified URL is not valid';
/** (optional) Text that be shown when the file size is not valid */
this.fileSizeValidationMessage = 'File size is not valid';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Describes a type of file that may be selected by the user, separated by comma eg: .pdf,.jpg */
this.accept = '';
/** (optional) Set the max file size limit */
this.maxFileLength = '';
/** (optional) Text that be shown in the browse file button */
this.buttonLabel = 'Browse';
/** (optional) Text that be shown in the browse file button */
this.errorMessage = '';
/** (optional) Name of the file uploaded */
this.previewImageName = '';
/** (optional) URL of the file uploaded */
this.previewImageUrl = '';
this.file = null;
this.allowedFileTypes = [];
this.errorMessageMap = new Map();
this.status = undefined;
}

@@ -51,0 +36,0 @@ /**

@@ -21,4 +21,5 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.cardClick = createEvent(this, "cardClick", 7);
this.selection = [];
this.items = [];
this.selection = [];
this.value = undefined;
}

@@ -25,0 +26,0 @@ watchItems(newValue) {

@@ -13,18 +13,12 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label checkbox options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** Value set from the checkbox option */
this.value = '';
this._options = undefined;
this.status = undefined;
}

@@ -31,0 +25,0 @@ componentWillLoad() {

@@ -8,2 +8,3 @@ import { r as registerInstance, h } from './index-ca5e975e.js';

registerInstance(this, hostRef);
this.value = undefined;
}

@@ -10,0 +11,0 @@ render() {

@@ -15,36 +15,25 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value format yyyy-mm-dd hh:mm:ss e.g., 2005-12-01 15:22:00 */
this._step = {
date: null,
time: null
};
this._status = {
date: null,
time: null
};
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (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 */
this.min = '';
/** (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 */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input fields date && time e.g., 2,10 */
this.step = '1,1';
/** (optional) The string to use in the date label field */
this.dateLabel = 'Date';
/** (optional) The string to use in the time label field */
this.timeLabel = 'Time';
this._step = {
date: null,
time: null
};
this._status = {
date: null,
time: null
};
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -51,0 +40,0 @@ /**

@@ -13,24 +13,15 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value format yyyy-mm-dd e.g., 2005-12-01 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set. Format should be yyyy-mm-dd */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set. Format should be yyyy-mm-dd */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -37,0 +28,0 @@ /**

@@ -20,2 +20,4 @@ import { r as registerInstance, h } from './index-ca5e975e.js';

registerInstance(this, hostRef);
this.row = undefined;
this.fieldsToShow = undefined;
}

@@ -22,0 +24,0 @@ render() {

@@ -10,2 +10,4 @@ import { r as registerInstance } from './index-ca5e975e.js';

registerInstance(this, hostRef);
this.column = undefined;
this.fieldsToShow = undefined;
}

@@ -12,0 +14,0 @@ render() {

@@ -13,9 +13,8 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.submit = createEvent(this, "submit", 7);
/** (optional) Text to be rendered on Reset button */
this.fieldsStatus = {};
this.value = {};
this.fieldsToShow = undefined;
this.resetLabel = 'Reset';
/** (optional) Text to be rendered on Submit button */
this.submitLabel = 'Submit';
/** Layout metada to be rendered */
this.layout = [];
/** Content type variable name */
this.variable = '';

@@ -26,4 +25,2 @@ this.status = getOriginalStatus();

this.processingSubmit = false;
this.fieldsStatus = {};
this.value = {};
}

@@ -30,0 +27,0 @@ /**

@@ -189,5 +189,2 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-ca5e975e.js';

this.pageThumbnail = createEvent(this, "pageThumbnail", 7);
this.value = '';
this.height = '';
this.width = '';
this.boundOnMessageHandler = null;

@@ -217,2 +214,6 @@ this.iframeId = `iframe_${Math.floor(Date.now() / 1000).toString()}`;

;`;
this.value = '';
this.height = '';
this.width = '';
this.previewImg = undefined;
}

@@ -219,0 +220,0 @@ componentDidLoad() {

@@ -11,18 +11,11 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ca5e975e.js';

this._dotStatusChange = createEvent(this, "_dotStatusChange", 7);
/** Value specifies the value of the input element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set, expect a Date Format. */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set, expect a Date Format */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
/** type specifies the type of input element to display */
this.type = '';
this.status = undefined;
}

@@ -29,0 +22,0 @@ /**

@@ -18,20 +18,21 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value of the field */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that will be shown when required is set and condition is not met */
this.duplicatedKeyMessage = 'The key already exists';
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Allows unique keys only */
this.uniqueKeys = false;
this.formKeyPlaceholder = undefined;
this.formValuePlaceholder = undefined;
this.formKeyLabel = undefined;
this.formValueLabel = undefined;
this.formAddButtonLabel = undefined;
this.listDeleteLabel = undefined;
this.whiteListEmptyOptionLabel = undefined;
this.whiteList = undefined;
this.errorExistingKey = undefined;
this.status = undefined;
this.items = [];

@@ -38,0 +39,0 @@ }

@@ -9,7 +9,4 @@ import { r as registerInstance, h } from './index-ca5e975e.js';

registerInstance(this, hostRef);
/** (optional) Field name */
this.name = '';
/** (optional) Text to be rendered */
this.label = '';
/** (optional) Determine if it is mandatory */
this.required = false;

@@ -16,0 +13,0 @@ }

@@ -1793,19 +1793,2 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotValueChange = createEvent(this, "dotValueChange", 7);
this.suggestionArr = [];
/** Value for input placeholder */
this.placeholder = '';
/** Name that will be used as ID */
this.name = '';
/** Value set from the dropdown option */
this.value = '';
/** Size value set for font-size */
this.size = null;
/** Show/Hide color picker */
this.showColor = null;
/** Color value set from the input */
this.colorValue = '#000';
/** Label set for the input color */
this.colorLabel = 'Color';
/** Values that the auto-complete textbox should search for */
this.suggestionlist = MaterialIconClasses;
this.findMatch = (searchTerm) => {

@@ -1891,2 +1874,13 @@ return this.suggestionlist.filter((term) => term.includes(searchTerm) && term !== searchTerm);

};
this.showSuggestions = undefined;
this.suggestionArr = [];
this.selectedSuggestionIndex = undefined;
this.placeholder = '';
this.name = '';
this.value = '';
this.size = null;
this.showColor = null;
this.colorValue = '#000';
this.colorLabel = 'Color';
this.suggestionlist = MaterialIconClasses;
}

@@ -1893,0 +1887,0 @@ handleWindowClick(e) {

@@ -13,22 +13,15 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value set from the dropdown option */
this._dotTouched = false;
this._dotPristine = true;
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label dropdown options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Size number of the multi-select dropdown (default=3) */
this.size = '3';
this._dotTouched = false;
this._dotPristine = true;
this._options = undefined;
this.status = undefined;
}

@@ -35,0 +28,0 @@ componentWillLoad() {

@@ -8,5 +8,3 @@ import { r as registerInstance, h, H as Host } from './index-ca5e975e.js';

registerInstance(this, hostRef);
/** text to be show bellow the progress bar*/
this.text = 'Uploading Files...';
/** indicates the progress to be show, a value 1 to 100 */
this.progress = 0;

@@ -13,0 +11,0 @@ }

@@ -13,18 +13,12 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value set from the ratio option */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = '';
/** Value/Label ratio options separated by comma, to be formatted as: Value|Label */
this.options = '';
this._options = undefined;
this.status = undefined;
}

@@ -31,0 +25,0 @@ /**

@@ -13,20 +13,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value set from the dropdown option */
this._dotTouched = false;
this._dotPristine = true;
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** Value/Label dropdown options separated by comma, to be formatted as: Value|Label */
this.options = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that will be shown when required is set and condition is not met */
this.requiredMessage = `This field is required`;
/** (optional) Disables field's interaction */
this.disabled = false;
this._dotTouched = false;
this._dotPristine = true;
this._options = undefined;
this.status = undefined;
}

@@ -33,0 +27,0 @@ componentWillLoad() {

@@ -12,24 +12,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value formatted splitted with a comma, for example: tag-1,tag-2 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) text to show when no value is set */
this.placeholder = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and value is not set */
this.requiredMessage = 'This field is required';
/** (optional) Disables field's interaction */
this.disabled = false;
/** Min characters to start search in the autocomplete input */
this.threshold = 1;
/** Duraction in ms to start search into the autocomplete */
this.debounce = 300;
/** Function or array of string to get the data to use for the autocomplete search */
this.data = null;
this.status = undefined;
}

@@ -36,0 +26,0 @@ /**

@@ -13,20 +13,12 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value specifies the value of the textarea element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to textarea element */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Regular expresion that is checked against the value to determine if is valid */
this.regexCheck = '';
this.status = undefined;
}

@@ -33,0 +25,0 @@ /**

@@ -13,24 +13,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value specifies the value of the input element */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Placeholder specifies a short hint that describes the expected value of the input field */
this.placeholder = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when the Regular Expression condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Regular expresion that is checked against the value to determine if is valid */
this.regexCheck = '';
/** type specifies the type of input element to display */
this.type = 'text';
this.status = undefined;
}

@@ -37,0 +27,0 @@ /**

@@ -13,24 +13,15 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ca5e975e.js';

this.dotStatusChange = createEvent(this, "dotStatusChange", 7);
/** Value format hh:mm:ss e.g., 15:22:00 */
this.value = '';
/** Name that will be used as ID */
this.name = '';
/** (optional) Text to be rendered next to input field */
this.label = '';
/** (optional) Hint text that suggest a clue of the field */
this.hint = '';
/** (optional) Determine if it is mandatory */
this.required = false;
/** (optional) Text that be shown when required is set and condition not met */
this.requiredMessage = 'This field is required';
/** (optional) Text that be shown when min or max are set and condition not met */
this.validationMessage = "The field doesn't comply with the specified format";
/** (optional) Disables field's interaction */
this.disabled = false;
/** (optional) Min, minimum value that the field will allow to set. Format should be hh:mm:ss */
this.min = '';
/** (optional) Max, maximum value that the field will allow to set. Format should be hh:mm:ss */
this.max = '';
/** (optional) Step specifies the legal number intervals for the input field */
this.step = '1';
this.classNames = undefined;
this.errorMessageElement = undefined;
}

@@ -37,0 +28,0 @@ /**

import { p as promiseResolve, b as bootstrapLazy } from './index-ca5e975e.js';
/*
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
*/

@@ -6,0 +6,0 @@ const patchBrowser = () => {

@@ -12,21 +12,13 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-ca5e975e.js';

this.lostFocus = createEvent(this, "lostFocus", 7);
/** (optional) Disables all form interaction */
this.whiteListArray = {};
this.disabled = false;
/** (optional) Label for the add item button */
this.addButtonLabel = 'Add';
/** (optional) Placeholder for the key input text */
this.keyPlaceholder = '';
/** (optional) Placeholder for the value input text */
this.valuePlaceholder = '';
/** (optional) The string to use in the key input label */
this.keyLabel = 'Key';
/** (optional) The string to use in the value input label */
this.valueLabel = 'Value';
/** (optional) Label for the empty option in white-list select */
this.emptyDropdownOptionLabel = 'Pick an option';
/** (optional) The string to use for white-list key/values */
this.whiteList = '';
this.inputs = Object.assign({}, DEFAULT_VALUE);
this.selectedWhiteListKey = '';
this.whiteListArray = {};
}

@@ -119,11 +111,7 @@ selectedWhiteListKeyWatch() {

this.reorder = createEvent(this, "reorder", 7);
/** (optional) Items to render in the list of key value */
this.dragSrcEl = null;
this.items = [];
/** (optional) Disables all form interaction */
this.disabled = false;
/** (optional) Label for the delete button in each item list */
this.buttonLabel = 'Delete';
/** (optional) Message to show when the list of items is empty */
this.emptyMessage = 'No values';
this.dragSrcEl = null;
}

@@ -130,0 +118,0 @@ render() {

import { p as promiseResolve, b as bootstrapLazy } from './index-ca5e975e.js';
/*
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com
*/

@@ -6,0 +6,0 @@ const patchEsm = () => {

@@ -226,2 +226,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;

* @param ref a reference to the node to get styles for
* @returns the current mode or undefined, if not found
*/

@@ -241,2 +242,3 @@ export declare function getMode<T = string | undefined>(ref: any): T;

* used in conjunction with the base asset path
* @returns the base path
*/

@@ -257,2 +259,3 @@ export declare function getAssetPath(path: string): string;

* @param path the asset path to set
* @returns the set path
*/

@@ -263,2 +266,3 @@ export declare function setAssetPath(path: string): string;

* @param ref the ref to get the Stencil element for
* @returns a reference to the element
*/

@@ -276,2 +280,3 @@ export declare function getElement(ref: any): HTMLStencilElement;

* getRenderingRef
* @returns the rendering ref
*/

@@ -278,0 +283,0 @@ export declare function getRenderingRef(): any;

{
"name": "dotcms-webcomponents",
"version": "23.1.0-rc.2",
"version": "23.1.0-rc.3",
"main": "./dist/index.cjs.js",

@@ -5,0 +5,0 @@ "module": "./dist/index.js",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc