@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/design-system/yoo-form-location.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-aa1ece32.js';
-import { H as isWeb, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-8c73ba77.js';
+import { H as isWeb, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
+import './index-dac754e1.js';
+import './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formLocationCss = "svg:not(:root){overflow:hidden}:host .outer-container .map-container,:host .readonly .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container yoo-form-toggle,:host .readonly yoo-form-toggle{display:block;margin-top:var(--spacing-08, 0.5rem)}:host(.history) .readonly{border:none !important}";
@@ -18,7 +18,20 @@ const YooFormLocationComponent = class {
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.fetchData = createEvent(this, "fetchData", 7);
     this.toggleChanged = createEvent(this, "toggleChanged", 7);
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.multiple = undefined;
+    this.name = undefined;
+    this.disableToggle = undefined;
+    this.validity = undefined;
+    this.tags = undefined;
+    this.isHistory = undefined;
+    this.inputTabIndex = undefined;
+    this.model = undefined;
+    this.size = undefined;
+    this.aroundMe = undefined;
   }
   async updateValues(values) {
     if (this.formAutocomplete) {

package/dist/design-system/yoo-form-missing-word.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { i as initTags } from './index-9755cd2c.js';
-import { c as checkArray, h as hasDuplicates, g as getDuplicatedValue, s as showWarningBanner } from './draggable-tags-helpers-23aa8675.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { a3 as translateMulti, bJ as formatTranslation, bk as isValueATranslationKey, bK as MAX_TAGS_CHARACTERS, t as translate } from './index-44691ffd.js';
-import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
+import { i as initTags } from './index-d4e19a7d.js';
+import { c as checkArray, h as hasDuplicates, g as getDuplicatedValue, s as showWarningBanner } from './draggable-tags-helpers-12717a36.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-8c73ba77.js';
+import { a3 as translateMulti, bJ as formatTranslation, bk as isValueATranslationKey, bK as MAX_TAGS_CHARACTERS, t as translate } from './index-97f4ed07.js';
+import './index-dac754e1.js';
+import './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formMissingWordCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host #paragraph{line-height:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host #paragraph .dropzone{display:-ms-inline-flexbox;display:inline-flex;height:var(--spacing-32, 2rem);margin:0 var(--spacing-04, 0.25rem);text-align:center;border-bottom-width:var(--border-width-01, 0.0625rem);border-bottom-style:solid}:host #paragraph .dropzone.has-tag{margin:0;padding:var(--spacing-04, 0.25rem);border-bottom-color:transparent}:host(:not([readonly])) main{display:grid;grid-template-rows:auto auto 1fr;gap:var(--spacing-08, 0.5rem);height:100%}:host(:not([readonly])) main #paragraph .dropzone:not(.has-tag){width:5rem;padding:0 var(--spacing-02, 0.125rem);border-bottom-color:var(--app-color, #5a30f4)}:host(:not([readonly])) main #paragraph .dropzone[hit]{background-color:var(--stable-ultralight, #fafafa)}:host(:not([readonly])) main #instructions{color:var(--stable, #adadad)}:host(:not([readonly])) main #zone-tags{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(100% - var(--spacing-16, 1rem));min-height:5rem;padding:var(--spacing-08, 0.5rem);white-space:nowrap;border:var(--border-width-01, 0.0625rem) solid transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) main #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(:not([readonly])) main #zone-tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host([animated]) .dropzone{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}:host([animated]) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";
@@ -16,12 +16,20 @@ const YooFormMissingWordComponent = class {
     registerInstance(this, hostRef);
     this.validityChanged = createEvent(this, "validityChanged", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
+    this.bracketsRegexp = /\[\[([^)]+)]]/;
+    this.parenthesesRegexp = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
     this.animated = true;
+    this.readonly = undefined;
+    this.livePreview = undefined;
+    this.value = undefined;
+    this.validity = undefined;
     this.placeholder = 'SELECTRIGHTWORDS';
+    this.sentence = undefined;
+    this.required = undefined;
+    this.isVisible = undefined;
     this.answer = [];
     this.values = [];
-    this.bracketsRegexp = /\[\[([^)]+)]]/;
-    this.parenthesesRegexp = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
+    this.revealDropzones = undefined;
   }
   onRequiredChanged() {
     this.validate();

package/dist/design-system/yoo-form-missionfield.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { bL as filterListByText } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-8c73ba77.js';
+import { bL as filterListByText } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formMissionfieldCss = "svg:not(:root){overflow:hidden}:host .container .spacer{width:100%;height:var(--spacing-16, 1rem)}:host .readonly .title,:host .readonly .field,:host .readonly .score{margin-right:var(--spacing-16, 1rem)}:host(.inline:not(.mobile)) .container{display:-ms-flexbox;display:flex}:host(.inline:not(.mobile)) .container yoo-form-autocomplete{width:12.5rem}:host(.inline:not(.mobile)) .container .spacer{min-width:var(--spacing-16, 1rem);max-width:var(--spacing-16, 1rem)}:host(.inline.mobile) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.inline.mobile) .container yoo-form-autocomplete{width:100%}:host(.inline.mobile) .container .spacer{min-width:var(--spacing-16, 1rem);max-width:var(--spacing-16, 1rem)}";
@@ -18,7 +18,19 @@ const YooFormMissionfieldComponent = class {
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.fetchData = createEvent(this, "fetchData", 7);
     this.fetchCustomData = createEvent(this, "fetchCustomData", 7);
+    this.value = undefined;
+    this.type = undefined;
+    this.multiple = undefined;
+    this.readonly = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.hideCampaign = undefined;
+    this.fieldFilter = undefined;
+    this.inputTabIndex = undefined;
+    this.customModelValues = undefined;
+    this.size = undefined;
+    this.required = undefined;
   }
   async updateValues(values) {
     if (this.formAutocompleteCampaign) {

package/dist/design-system/yoo-form-multi-input.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { c as FormFieldType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { c as FormFieldType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { A as isEqual, p as isString } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { aU as getUUID, H as isWeb, t as translate, dj as MODAL_BASE_ZINDEX, bk as isValueATranslationKey } from './index-44691ffd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-8c73ba77.js';
+import { aU as getUUID, H as isWeb, t as translate, bk as isValueATranslationKey } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const formMultiInputCss = "svg:not(:root){overflow:hidden}:host .row{display:-ms-flexbox;display:flex}:host .row.grid{display:grid;grid-template-columns:49% 49%}:host .row .column{-ms-flex:1;flex:1;max-width:100%}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem;overflow:hidden;white-space:nowrap}:host .row .column .cell yoo-form-input-container yoo-form-text-editor{white-space:initial}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{-ms-flex:1;flex:1;padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";
+const formMultiInputCss = "svg:not(:root){overflow:hidden}:host .row{display:-ms-flexbox;display:flex}:host .row.grid{display:grid;grid-template-columns:49% 49%}:host .row .column{-ms-flex:1;flex:1;max-width:100%}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{-ms-flex:1;flex:1;padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";
 
 const YooFormMultiInputComponent = class {
   constructor(hostRef) {
@@ -22,24 +22,6 @@ const YooFormMultiInputComponent = class {
     this.fetchCustomData = createEvent(this, "fetchCustomData", 7);
     this.auditClicked = createEvent(this, "auditClicked", 7);
     this.translationValueUpdated = createEvent(this, "translationValueUpdated", 7);
-    /**
-     * normally the input value format is [['a', 'b'], ['c', 'd'], ['e', 'f']] where each nested array defines ROW
-     * set to TRUE if you need to use nested array as a COLUMN: [['a', 'c', 'e'], ['b', 'd', 'f']]
-     */
-    this.reverseValueDimensions = false;
-    this.allowAudit = false;
-    /**
-     * Defines this.value is simple Array instead of [[]]
-     */
-    this.isSimpleArray = false;
-    /**
-     * Specify of the values can be draggable
-     */
-    this.allowDragAndDrop = false;
-    /**
-     * Columns definition.
-     */
-    this.columns = [];
     this.isObjectValues = false;
     this.focusTo = null;
     this.deletedRowIndex = null;
@@ -47,6 +29,18 @@ const YooFormMultiInputComponent = class {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
+    this.value = undefined;
+    this.reverseValueDimensions = false;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.allowAudit = false;
+    this.translations = undefined;
+    this.isSimpleArray = false;
+    this.customSize = undefined;
+    this.allowDragAndDrop = false;
+    this.columns = [];
+    this.variantInput = undefined;
+    this.cells = undefined;
   }
   async reset(keys) {
     this.cells = this.getCells();
@@ -533,7 +527,6 @@ const YooFormMultiInputComponent = class {
         debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
-        customZIndex: TagType === 'yoo-form-text-editor' && (MODAL_BASE_ZINDEX - cell.rowIndex),
         reloadText: TagType === 'yoo-form-text-editor' && this.deletedRowIndex !== null && cell.rowIndex >= this.deletedRowIndex
       };
       textInput = (h(TagType, { ...props }, (_u = cell.column.inputComponentSlots) === null || _u === void 0 ? void 0 : _u.map(({ tag, props = {}, text }) => {

package/dist/design-system/yoo-form-number-picker-dialog.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { e0 as safeScrollIntoView, t as translate, w as closeModal, H as isWeb } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { e0 as safeScrollIntoView, t as translate, w as closeModal, H as isWeb } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formNumberPickerDialogCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container .content{position:relative;height:calc(100% - 44px);background-color:var(--light, #ffffff)}:host .outer-container .content yoo-ion-scroll{top:auto;z-index:20008;height:100%;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .item-selected{color:var(--app-color, #5a30f4)}:host .center{padding-top:0.5rem;text-align:center}:host .lastElement{padding-bottom:5rem}:host .footer-background{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:1}:host .footer-background.bottom{height:2.875rem;background:var(--light, #ffffff);border:var(--border);border-radius:var(--border-radius-01, 0.0625rem)}:host .footer-background.middle{bottom:2.875rem;height:1.4375rem}:host .footer-background.middle.web{height:2.875rem}:host .footer-background.top{top:0;bottom:4.3125rem;height:1.4375rem}:host .footer-background.top.web{bottom:5.75rem;height:2.875rem}";
@@ -13,6 +13,9 @@ const YooFormNumberPickerDialogComponent = class {
     registerInstance(this, hostRef);
     this.swipedUp = createEvent(this, "swipedUp", 7);
     this.swipedDown = createEvent(this, "swipedDown", 7);
+    this.value = undefined;
+    this.values = undefined;
+    this.selection = undefined;
     this.fullscreen = false;
   }
   handleModalPresent() {

package/dist/design-system/yoo-form-number-picker.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import { Q as getCssColor, H as isWeb, G as showModal, o as isNativeMobile, aP as Keyboard, t as translate } from './index-44691ffd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-22891abe.js';
+import { Q as getCssColor, H as isWeb, G as showModal, o as isNativeMobile, aP as Keyboard, t as translate } from './index-97f4ed07.js';
+import './index-590d30dd.js';
 import { O as isFinite, a7 as range } from './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formNumberPickerCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.readonly{padding:0.5rem 0.5rem 0 0}:host .outer-container yoo-form-input{--input-background-color:transparent;width:100%;height:100%}:host([use-buttons]) .outer-container{margin:0 auto;color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem)}:host([use-buttons]) .outer-container yoo-button.left{--border-radius-top-right:0;--border-radius-bottom-right:0}:host([use-buttons]) .outer-container yoo-button.right{--border-radius-top-left:0;--border-radius-bottom-left:0}:host([use-buttons]) .outer-container .input-container{width:100%;height:100%}:host([use-buttons]) .outer-container .input-invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([use-buttons]) .invalid-container{text-align:end}:host([use-buttons]) .invalid-container .message{display:none}:host([use-buttons]) .invalid-container .invalid-message{display:inline-block;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-align:end}:host([size=large][use-buttons]) .outer-container{width:12.5rem;height:3rem;border-radius:var(--border-radius-08, 0.5rem)}:host([size=large][use-buttons]) .outer-container .input-container.input-invalid{max-height:2.875rem}:host([size=large][use-buttons]) .outer-container yoo-button{--side-padding:0 var(--spacing-24, 1.5rem)}:host([size=large][use-buttons]) .outer-container yoo-button.right{--border-radius-top-right:var(--border-radius-08, 0.5rem);--border-radius-bottom-right:var(--border-radius-08, 0.5rem)}:host([size=large][use-buttons]) .outer-container yoo-button.left{--border-radius-top-left:var(--border-radius-08, 0.5rem);--border-radius-bottom-left:var(--border-radius-08, 0.5rem)}:host([size=medium][use-buttons]) .outer-container{width:7rem;height:2rem}:host([size=medium][use-buttons]) .outer-container .input-container.input-invalid{max-height:1.875rem}:host([size=small][use-buttons]) .outer-container{width:6rem;height:1.5rem}:host([size=small][use-buttons]) .outer-container .input-container.input-invalid{max-height:1.375rem}:host([size=small][use-buttons]) .outer-container yoo-form-input{--input-font-size:var(--font-size-12, 0.75rem)}:host([use-buttons][type=primary]) .outer-container{border:solid var(--app-color, #5a30f4) var(--border-width-01, 0.0625rem)}:host([use-buttons][type=primary]) .outer-container .input-container{background-color:var(--app-color, #5a30f4)}:host([use-buttons][type=primary]) .outer-container .input-container:not(.input-invalid){border-right:solid var(--light-20, rgba(255, 255, 255, 0.2)) var(--border-width-01, 0.0625rem);border-left:solid var(--light-20, rgba(255, 255, 255, 0.2)) var(--border-width-01, 0.0625rem)}:host([use-buttons][type=secondary]) .outer-container{border:solid var(--stable-alt, #d0d0d0) var(--border-width-01, 0.0625rem)}:host([use-buttons][type=secondary]) .outer-container .input-container{background-color:var(--light, #ffffff)}:host([use-buttons][type=secondary]) .outer-container .input-container:not(.input-invalid){border-right:solid var(--stable-10, rgba(173, 173, 173, 0.1)) var(--border-width-01, 0.0625rem);border-left:solid var(--stable-10, rgba(173, 173, 173, 0.1)) var(--border-width-01, 0.0625rem)}:host([use-buttons][disabled]) .outer-container{border:solid var(--stable-light, #f1f1f1) var(--border-width-01, 0.0625rem)}:host([use-buttons][disabled]) .outer-container .input-container{background-color:transparent}:host([use-buttons][readonly]) .outer-container{height:auto;margin:0;border:none}";
@@ -12,22 +12,19 @@ const YooFormNumberPickerComponent = class {
     registerInstance(this, hostRef);
     this.validityChanged = createEvent(this, "validityChanged", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
-    /**
-     * Adds clear icon. Only works for the form-input
-     */
     this.clearable = true;
-    /**
-     * Set the number picker to be with buttons
-     */
+    this.required = undefined;
+    this.invalidMessage = undefined;
+    this.readonly = undefined;
     this.useButtons = false;
-    /**
-     * Component size, select from 'small', 'medium' and 'large'
-     */
+    this.stepAmount = undefined;
+    this.disabled = undefined;
     this.size = 'large';
-    /**
-     * Component state, works if useButtons is true to set to primary which will have app color, secondary which will have light background
-     */
     this.type = 'secondary';
+    this.validity = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.value = undefined;
     this.selection = null;
     this.showValidation = false;
     this.forceShowValidation = false;
@@ -136,7 +133,14 @@ const YooFormNumberPickerComponent = class {
           height: 'medium'
         });
       }
-      showModal(this.dialog, modalOptions, null, this.getModalAnimation('Enter'), this.getModalAnimation('Leave'), true, false).then((ret) => {
+      showModal({
+        component: this.dialog,
+        componentProps: modalOptions,
+        enterAnimation: this.getModalAnimation('Enter'),
+        leaveAnimation: this.getModalAnimation('Leave'),
+        showBackdrop: true,
+        displayFullscreenButton: false
+      }).then((ret) => {
         if (ret && !ret.overlayDismiss) {
           this.setValue(ret.data);
         }

package/dist/design-system/yoo-form-opening-hours.entry.js

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, i as createEvent, e as Host } from './index-a6a92b3d.js';
-import { D as allDayPeriod, H as periods, J as allDayPeriods, K as period, L as allDaysValue, N as defaultsOpeningHours } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { t as translate } from './index-44691ffd.js';
+import { h, r as registerInstance, i as createEvent, e as Host } from './index-22891abe.js';
+import { D as allDayPeriod, H as periods, J as allDayPeriods, K as period, L as allDaysValue, N as defaultsOpeningHours } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -89,10 +89,8 @@ const YooFormOpeningHoursComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.inputChanged = createEvent(this, "inputChanged", 7);
-    /**
-     * If `true`, the content is not editable.
-     */
     this.readonly = false;
+    this.value = undefined;
   }
   onChange(value) {
     this.value = value;

package/dist/design-system/yoo-form-palette.entry.js

@@ -1,10 +1,11 @@
-import { r as registerInstance, h } from './index-a6a92b3d.js';
+import { r as registerInstance, h } from './index-22891abe.js';
 
 const formPaletteCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .color-square{-ms-flex:1;flex:1;height:var(--spacing-24, 1.5rem)}:host .outer-container .color-square:first-of-type{border-top-left-radius:var(--border-radius-04, 0.25rem);border-bottom-left-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .color-square:last-of-type{border-top-right-radius:var(--border-radius-04, 0.25rem);border-bottom-right-radius:var(--border-radius-04, 0.25rem)}";
 
 const YooFormPaletteComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.colors = undefined;
   }
   render() {
     var _a;

package/dist/design-system/yoo-form-permissions.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { O as FormPermissionsRole } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { I as debounce, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { O as FormPermissionsRole } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { I as debounce, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -17,6 +17,13 @@ const YooFormPermissionsComponent = class {
     this.userRolesUpdated = createEvent(this, "userRolesUpdated", 7);
     // private translatableRoles: string[];
     this.setUserRolesDebounce = debounce(() => this.setUserRoles(), 100);
+    this.availableRoles = undefined;
+    this.owner = undefined;
+    this.editors = undefined;
+    this.viewers = undefined;
+    this.publishers = undefined;
+    this.undefinedUserRoles = undefined;
+    this.maxUsersCount = undefined;
   }
   // private gridEl: HTMLYooGridElement;
   onRefChange() {

package/dist/design-system/yoo-form-phone-number.entry.js

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { g as getGeolocation } from './geolocation-helpers-32aa6208.js';
 import { V as inRange } from './lodash-777f91de.js';
-import { t as translate } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { t as translate } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 // This file is a workaround for a bug in web browsers' "native"
@@ -8115,34 +8115,21 @@ const YooFormPhoneNumberComponent = class {
     registerInstance(this, hostRef);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.validityChanged = createEvent(this, "validityChanged", 7);
-    /**
-     * If `true`, the user can clear the value.
-     */
     this.clearable = false;
-    /**
-     * If `true`, the user cannot interact with it.
-     */
     this.disabled = false;
-    /**
-     * If `true`, the dropdown is open.
-     */
     this.expanded = false;
-    /**
-     * If `true`, it requires a value inside.
-     */
+    this.name = undefined;
+    this.placeholder = undefined;
     this.required = false;
-    /**
-     * Size.
-     */
     this.size = 'medium';
-    /**
-     * If `true`, the user cannot edit the value.
-     */
     this.readonly = false;
-    /**
-     * Whether to use geolocation (will remove loader)
-     */
+    this.value = undefined;
     this.useGeolocation = true;
+    this.country = undefined;
+    this.focusedOnce = undefined;
+    this.geolocation = undefined;
+    this.nationalNumber = undefined;
+    this.options = undefined;
     this.isLoading = false;
   }
   get phoneNumber() {

package/dist/design-system/yoo-form-plan-assign.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-8c73ba77.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
+import './index-dac754e1.js';
+import './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formPlanAssignCss = "svg:not(:root){overflow:hidden}:host .margin-bottom{display:block;margin-bottom:1rem}";
@@ -17,7 +17,13 @@ const YooFormPlanAssignComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.fetchData = createEvent(this, "fetchData", 7);
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.required = undefined;
   }
   async updateValues(values, search) {
     if (search.type === 'users' && this.formAutocompleteUsers) {

package/dist/design-system/yoo-form-plan.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { C as get } from './lodash-777f91de.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-aa1ece32.js';
-import { I as debounce, X as findParent, e1 as getPermissions, W as getAsyncExtraData, e2 as isPlanInFuture, t as translate } from './index-44691ffd.js';
-import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-8c73ba77.js';
+import { I as debounce, X as findParent, e1 as getPermissions, W as getAsyncExtraData, e2 as isPlanInFuture, t as translate } from './index-97f4ed07.js';
+import './index-dac754e1.js';
+import './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formPlanCss = "svg:not(:root){overflow:hidden}:host .outer-container yoo-button{margin:var(--spacing-16, 1rem) 0}";
@@ -17,12 +17,25 @@ const YooFormPlanComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.fetchCustomData = createEvent(this, "fetchCustomData", 7);
-    this.validators = [];
     this.fetchDataDebounce = debounce(() => {
       if (this.planRef) {
         this.fetchCustomData.emit(this.planRef);
       }
     }, 500);
+    this.value = undefined;
+    this.plan = undefined;
+    this.secondaryView = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.missionRef = undefined;
+    this.feedRef = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.isLesson = undefined;
+    this.checkPermission = undefined;
+    this.planRef = undefined;
+    this.required = undefined;
   }
   //The plan data has to be refreshed when the course detail has been closed to update the validity of the component
   //We cannot use the ".then" on the getAsyncExtraData method as it is triggered when a user starts the course not when they finish it

package/dist/design-system/yoo-form-pricecheck.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-a6a92b3d.js';
-import { c as FormFieldType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-22891abe.js';
+import { c as FormFieldType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { k as keys, v as isObject } from './lodash-777f91de.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { aj as showAlert, t as translate, a8 as getSession, bM as toSeconds, bN as dateDiff, X as findParent, G as showModal, w as closeModal } from './index-44691ffd.js';
-import './common-helpers-73accd43.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-8c73ba77.js';
+import { aj as showAlert, t as translate, a8 as getSession, bM as toSeconds, bN as dateDiff, X as findParent, G as showModal, w as closeModal } from './index-97f4ed07.js';
+import './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formPricecheckCss = "svg:not(:root){overflow:hidden}:host .outer-container .barcode-container,:host .readonly .barcode-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:98px;height:98px;margin-bottom:1rem;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem;cursor:pointer}:host .outer-container .barcode-container .required,:host .readonly .barcode-container .required{position:absolute;top:auto;right:auto;bottom:auto;left:0.625rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .products>.title,:host .readonly .products>.title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:1.5;text-align:left;text-transform:uppercase}:host .outer-container .products .subtitle,:host .readonly .products .subtitle{margin-top:0.125rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .remove,:host .outer-container .products .edit,:host .readonly .products .remove,:host .readonly .products .edit{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;text-align:center}:host .outer-container .products .entity,:host .readonly .products .entity{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .products .toolbar,:host .readonly .products .toolbar{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 0.5rem 0.5rem 1rem;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .products .toolbar.history,:host .readonly .products .toolbar.history{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .products .toolbar .price,:host .readonly .products .toolbar .price{-ms-flex:1;flex:1;padding-left:0.5rem;padding-left:4.2rem;color:var(--dark, #000000);white-space:nowrap}:host .outer-container .products .toolbar .delta,:host .readonly .products .toolbar .delta{margin-left:1rem}:host .outer-container .products .toolbar .delta.success,:host .readonly .products .toolbar .delta.success{color:var(--success, #3aa76d)}:host .outer-container .products .toolbar .delta.app-color,:host .readonly .products .toolbar .delta.app-color{color:var(--app-color, #5a30f4)}:host .outer-container .products .toolbar .delta.danger,:host .readonly .products .toolbar .delta.danger{color:var(--danger, #d44333)}:host .outer-container .products .toolbar .icon,:host .readonly .products .toolbar .icon{width:22px;min-width:22px;height:22px;min-height:22px;text-align:center;background:var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .products .footer,:host .readonly .products .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0.5rem;padding-top:1rem;padding-bottom:0.5rem;color:var(--dark, #000000)}:host .outer-container .products .footer .title,:host .readonly .products .footer .title{-ms-flex:1;flex:1;text-transform:uppercase}:host .outer-container .products .footer .price,:host .readonly .products .footer .price{text-align:right}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";
@@ -17,9 +17,19 @@ const YooFormPricecheckComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.extraDataChanged = createEvent(this, "extraDataChanged", 7);
+    this.value = undefined;
     this.extraData = {};
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
     this.isHistory = false;
+    this.type = undefined;
+    this.manualOCR = undefined;
+    this.regexOCR = undefined;
+    this.catalog = undefined;
+    this.products = undefined;
+    this.required = undefined;
   }
   async updateValues(priceRecognitionResults) {
     var _a;
@@ -242,7 +252,7 @@ const YooFormPricecheckComponent = class {
               }
             }
           ];
-          showModal(form).then((ret) => {
+          showModal({ component: form }).then((ret) => {
             if (!ret.data && !retry) {
               setTimeout(() => closeModal(true), 300);
             }
@@ -252,7 +262,7 @@ const YooFormPricecheckComponent = class {
       }
     };
     dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-    showModal(dialog).then(() => {
+    showModal({ component: dialog }).then(() => {
       dialog === null || dialog === void 0 ? void 0 : dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     });

package/dist/design-system/yoo-form-product-batch.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getProductBatchDateTag } from './operation-helpers-8fa9a997.js';
-import { e as showPhotoEditor } from './common-helpers-73accd43.js';
-import { s as setValidator } from './form-input-helpers-aa1ece32.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getProductBatchDateTag } from './operation-helpers-459b75e3.js';
+import { e as showPhotoEditor } from './common-helpers-2a9aacec.js';
+import { s as setValidator } from './form-input-helpers-8c73ba77.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formProductBatchCss = "svg:not(:root){overflow:hidden}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.5rem}:host .readonly .content{-ms-flex:1;flex:1}:host .readonly yoo-img{width:5rem;height:5rem;margin-right:var(--spacing-16, 1rem)}:host .readonly .title{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);line-height:1.18}:host .readonly .subtitle{font-size:var(--font-size-18, 1.125rem)}:host .readonly .subtitle .value{padding-left:0.5rem;color:var(--text-color, #807f83)}:host .readonly yoo-tag{margin-top:0.5rem}";
@@ -17,7 +17,13 @@ const YooFormProductBatchComponent = class {
     this.inputBlurred = createEvent(this, "inputBlurred", 7);
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.required = undefined;
   }
   onRequireChanged() {
     this.validate();