@yoobic/yobi 8.7.39 → 8.7.41

package/dist/cjs/yoo-form-input.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const index$2 = require('./index-bcf8e912.js');
-const commonHelpers = require('./common-helpers-cc5151ec.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+const index$2 = require('./index-b746651e.js');
+const commonHelpers = require('./common-helpers-9f879d50.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const lodash = require('./lodash-036555ce.js');
-const gridRenderers = require('./grid-renderers-5203125f.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
-require('./incentive-helpers-c169f18c.js');
-require('./missions-helpers-f5b94083.js');
-require('./form-helpers-7160aa9d.js');
+const gridRenderers = require('./grid-renderers-f57babe9.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
+require('./incentive-helpers-86f93a09.js');
+require('./missions-helpers-f7984b18.js');
+require('./form-helpers-5766a575.js');
 require('./geolocation-helpers-69ed0ac9.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-json.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 
 var clipboard = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!

package/dist/cjs/yoo-form-location.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-const index$1 = require('./index-da3f81e7.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formLocationCss = "svg:not(:root){overflow:hidden}:host .outer-container .map-container,:host .readonly .map-container{position:relative;height:14rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;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}";

package/dist/cjs/yoo-form-missing-word.cjs.entry.js

@@ -2,24 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const index$2 = require('./index-9e1c83f2.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-d8717a72.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./common-helpers-cc5151ec.js');
-require('./index-60c425f7.js');
+const index$1 = require('./index-e5fa8107.js');
+require('./index-b746651e.js');
+const index$2 = require('./index-be1dae54.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-38897ed1.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+const index = require('./index-ecf9b58f.js');
+require('./lodash-036555ce.js');
+require('./common-helpers-9f879d50.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
+function getRegExpFromCharCode(charCode) {
+  return new RegExp(`${String.fromCharCode(charCode)}`, 'g');
+}
+function standardiseBrackets(sentence) {
+  return sentence
+    ? sentence
+      //replace asian brackets with international brakets
+      .replace(getRegExpFromCharCode(65288), '(')
+      .replace(getRegExpFromCharCode(65289), ')')
+      .replace(/\(\(/g, ' ((')
+      .replace(/\)\)/g, ')) ')
+    : '';
+}
+function formatSentenceAndExtractWords(sentence) {
+  var _a, _b;
+  const words = [];
+  const truthyValuesRegex = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
+  const falsyValuesRegex = { g: /\(\(([^)]?)\)\)/g, i: /\(\(([^)]?)\)\)/i };
+  sentence = standardiseBrackets(index.translateMulti(sentence));
+  sentence = (index.sanitizeInputValue(sentence) || '')
+    .split(' ')
+    .map((v) => v.replaceAll('))', ')) ').replaceAll('((', ' ((').replaceAll(' )) ', ')) ').replaceAll(' (( ', ' (('))
+    .join(' ')
+    //remove duplicate spaces
+    .replace(/\s+/g, ' ')
+    .trim();
+  (_a = sentence.match(falsyValuesRegex.g)) === null || _a === void 0 ? void 0 : _a.forEach((falsyValue) => {
+    sentence = sentence.replace(falsyValue, '').trim();
+  });
+  (_b = sentence.match(truthyValuesRegex.g)) === null || _b === void 0 ? void 0 : _b.forEach((extractedValue, index) => {
+    var _a, _b;
+    sentence = sentence.replace(extractedValue, `[[${index}]]`).trim();
+    const word = (_b = (_a = extractedValue.match(truthyValuesRegex.i)) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.trim();
+    word && words.push(word);
+  });
+  return { sentence, words };
+}
+
 const formMissingWordCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host yoo-tag:last-of-type{-webkit-margin-end:0;margin-inline-end:0}: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{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto}:host(:not([readonly])) main::-webkit-scrollbar{display:none}: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{padding:var(--spacing-16, 1rem) 0;color:var(--stable, #adadad)}:host(:not([readonly])) main #zone-tags{position:relative;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%;min-height:3rem;padding:var(--spacing-08, 0.5rem);white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host(:not([readonly])) main #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa)}@-webkit-keyframes reveal-zone{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes reveal-zone{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) .dropzone:not(#zone-tags):not(.completed){-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:reveal-zone 750ms ease-in-out forwards;animation:reveal-zone 750ms ease-in-out forwards}:host([animated]:not([readonly])) yoo-tag{-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}";
 
 const YooFormMissingWordComponent = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.validityChanged = index.createEvent(this, "validityChanged", 7);
-    this.inputChanged = index.createEvent(this, "inputChanged", 7);
+    index$1.registerInstance(this, hostRef);
+    this.validityChanged = index$1.createEvent(this, "validityChanged", 7);
+    this.inputChanged = index$1.createEvent(this, "inputChanged", 7);
     this.bracketsRegexp = /\[\[([^)]+)]]/;
     this.parenthesesRegexp = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
     this.animated = true;
@@ -39,7 +77,7 @@ const YooFormMissingWordComponent = class {
   }
   async onValuesChanged(newValues, oldValues) {
     var _a;
-    this.hasDataChanged = !lodash.isEqual(newValues, oldValues);
+    this.hasDataChanged = (newValues === null || newValues === void 0 ? void 0 : newValues.toString()) !== (oldValues === null || oldValues === void 0 ? void 0 : oldValues.toString());
     if (this.hasDataChanged) {
       this.tags = await ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.updateTags({ newValues, oldValues }));
       this.value = this.droppedValues;
@@ -49,28 +87,30 @@ const YooFormMissingWordComponent = class {
     return this.validity;
   }
   validate() {
-    var _a, _b;
-    if (draggableTagsHelpers.checkArray(this.translatedAnswers)) {
-      this.validity = !this.required || ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.filter((v) => v)) === null || _b === void 0 ? void 0 : _b.length) === this.translatedAnswers.length;
-      this.validityChanged.emit(this.validity);
-      return this.validity;
-    }
+    var _a, _b, _c;
+    this.validity = !this.required || ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.filter((v) => v)) === null || _b === void 0 ? void 0 : _b.length) === ((_c = this.missingWords) === null || _c === void 0 ? void 0 : _c.length);
+    this.validityChanged.emit(this.validity);
+    return this.validity;
   }
   get droppedValues() {
     return this.tags.getDroppedValues().flat();
   }
   get isMatchingBrackets() {
     var _a;
-    return !!((_a = this.translatedSentence.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a.length);
+    return !!((_a = this.sanitizedSentence.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a.length);
+  }
+  get sanitizedSentence() {
+    return formatSentenceAndExtractWords(this.sentence).sentence;
   }
-  get translatedSentence() {
-    return index$1.formatTranslation(index$1.translateMulti(this.sentence));
+  get sequencedSentence() {
+    var _a, _b;
+    return ((_b = (_a = (this.isMatchingBrackets ? this.sanitizedSentence.split(' ') : this.sanitizedSentence.split(this.parenthesesRegexp.g))) === null || _a === void 0 ? void 0 : _a.map((v) => v.trim())) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
   }
-  get translatedAnswers() {
+  get missingWords() {
     var _a, _b;
     return this.isMatchingBrackets
-      ? (_a = this.answer) === null || _a === void 0 ? void 0 : _a.map((asw) => { var _a; return (_a = index$1.translateMulti(asw)) === null || _a === void 0 ? void 0 : _a.trim(); })
-      : (_b = this.translatedSentence.match(this.parenthesesRegexp.g)) === null || _b === void 0 ? void 0 : _b.map((v) => {
+      ? (_a = this.answer) === null || _a === void 0 ? void 0 : _a.map((asw) => { var _a; return (_a = index.translateMulti(asw)) === null || _a === void 0 ? void 0 : _a.trim(); })
+      : (_b = this.sanitizedSentence.match(this.parenthesesRegexp.g)) === null || _b === void 0 ? void 0 : _b.map((v) => {
         var _a, _b;
         return ((_a = v === null || v === void 0 ? void 0 : v.match(this.parenthesesRegexp.i)) === null || _a === void 0 ? void 0 : _a.length) && ((_b = v.match(this.parenthesesRegexp.i)[1]) === null || _b === void 0 ? void 0 : _b.trim());
       });
@@ -124,8 +164,8 @@ const YooFormMissingWordComponent = class {
         }
       }
       const noMissingValues = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length);
-      const newValuesLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.map((v) => !index$1.isValueATranslationKey(v) && v.length);
-      const hasTooLongValues = newValuesLength === null || newValuesLength === void 0 ? void 0 : newValuesLength.some((n) => n > index$1.MAX_TAGS_CHARACTERS);
+      const newValuesLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.map((v) => !index.isValueATranslationKey(v) && v.length);
+      const hasTooLongValues = newValuesLength === null || newValuesLength === void 0 ? void 0 : newValuesLength.some((n) => n > index.MAX_TAGS_CHARACTERS);
       const bannerMessage = hasTooLongValues ? 'MAXCHARACTERSREACHEDFORVALUES' : hasDuplicateValues ? 'NODUPLICATEVALUES' : noMissingValues ? 'NOMISSINGVALUES' : '';
       const showBanner = hasDuplicateValues || hasTooLongValues || noMissingValues;
       draggableTagsHelpers.showWarningBanner(this.host, showBanner, bannerMessage);
@@ -134,45 +174,46 @@ const YooFormMissingWordComponent = class {
   initGame() {
     this.tags = index$2.initTags(this.tagConfig, this.zonesConfig);
   }
+  getZoneIndexFromValue(value) {
+    var _a, _b;
+    if (this.sanitizedSentence.match(this.bracketsRegexp)) {
+      return (_b = parseInt((_a = value.match(this.bracketsRegexp)) === null || _a === void 0 ? void 0 : _a[1], 10)) !== null && _b !== void 0 ? _b : -1;
+    }
+    else if (this.sanitizedSentence.match(this.parenthesesRegexp.g)) {
+      return this.missingWords.indexOf(value);
+    }
+    return -1;
+  }
   renderInstructions() {
-    return index.h("section", { id: "instructions" }, index$1.translate(this.placeholder));
+    return index$1.h("section", { id: "instructions" }, index.translate(this.placeholder));
   }
   renderTagsZone() {
-    return index.h("section", { class: "dropzone", id: "zone-tags", key: "zone-tags" });
+    return index$1.h("section", { class: "dropzone", id: "zone-tags", key: "zone-tags" });
   }
   renderBanner() {
     return (this.livePreview &&
-      !this.readonly && (index.h("yoo-banner", null, index.h("p", { slot: "content" }))));
+      !this.readonly && (index$1.h("yoo-banner", null, index$1.h("p", { slot: "content" }))));
   }
   renderSentence() {
-    const sentence = this.isMatchingBrackets ? this.translatedSentence.split(' ') : this.translatedSentence.split(this.parenthesesRegexp.g);
-    const getZoneIndex = (value) => {
+    var _a;
+    return (index$1.h("section", { id: "paragraph", ref: (el) => (this.paragraphElement = el) }, ((_a = this.sequencedSentence) === null || _a === void 0 ? void 0 : _a.map((word) => {
       var _a;
-      if (value.match(this.bracketsRegexp)) {
-        return parseInt(value.match(this.bracketsRegexp)[1], 10);
-      }
-      else if ((_a = this.translatedAnswers) === null || _a === void 0 ? void 0 : _a.includes(value)) {
-        return this.translatedAnswers.indexOf(value);
-      }
-      return -1;
-    };
-    return (index.h("section", { id: "paragraph", ref: (el) => (this.paragraphElement = el) }, (sentence === null || sentence === void 0 ? void 0 : sentence.map((v) => {
-      const zoneIndex = getZoneIndex(v);
+      const zoneIndex = this.getZoneIndexFromValue(word);
       if (zoneIndex >= 0) {
-        return zoneIndex <= this.translatedAnswers.length - 1 ? index.h("div", { class: "dropzone", id: `zone-${zoneIndex}` }) : '';
+        return zoneIndex <= ((_a = this.missingWords) === null || _a === void 0 ? void 0 : _a.length) - 1 ? index$1.h("div", { class: "dropzone", id: `zone-${zoneIndex}` }) : '';
       }
       else {
-        return v.concat(' ');
+        return word.concat(' ');
       }
-    })) || this.translatedSentence));
+    })) || this.sanitizedSentence));
   }
   renderMain() {
-    return (index.h("main", null, this.sentence && this.renderSentence(), !this.readonly && [this.renderInstructions(), this.renderTagsZone()]));
+    return (index$1.h("main", null, this.sentence && this.renderSentence(), !this.readonly && [this.renderInstructions(), this.renderTagsZone()]));
   }
   render() {
-    return (index.h(index.Host, null, this.renderBanner(), this.renderMain()));
+    return (index$1.h(index$1.Host, null, this.renderBanner(), this.renderMain()));
   }
-  get host() { return index.getElement(this); }
+  get host() { return index$1.getElement(this); }
   static get watchers() { return {
     "required": ["onRequiredChanged"],
     "values": ["onValuesChanged"]

package/dist/cjs/yoo-form-missionfield.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const commonHelpers = require('./common-helpers-cc5151ec.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+require('./index-b746651e.js');
+const commonHelpers = require('./common-helpers-9f879d50.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.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)}";

package/dist/cjs/yoo-form-multi-input.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const index$1 = require('./index-60c425f7.js');
-require('./index-bcf8e912.js');
-const commonHelpers = require('./common-helpers-cc5151ec.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+const index$1 = require('./index-666b1127.js');
+require('./index-b746651e.js');
+const commonHelpers = require('./common-helpers-9f879d50.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const lodash = require('./lodash-036555ce.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$2 = require('./index-da3f81e7.js');
+const index$2 = require('./index-ecf9b58f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formMultiInputCss = "svg:not(:root){overflow:hidden}:host [hidden]{display:block;visibility:hidden}:host main{display:grid;gap:var(--spacing-12, 0.75rem)}:host main h4,:host main .cell{font-size:var(--font-size-14, 0.875rem)}:host main yoo-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main yoo-icon[name=link]{-webkit-transform:translateX(var(--icon-link-tsX, var(--spacing-16, 1rem)));transform:translateX(var(--icon-link-tsX, var(--spacing-16, 1rem)))}:host main .column-titles,:host main .row{display:grid;grid-template-columns:repeat(var(--columns), 1fr);gap:var(--spacing-32, 2rem)}:host main .column-titles h4,:host main .row h4{margin:0;color:var(--dark, #000000)}:host main .rows{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host main .rows .row{position:relative;-ms-flex-align:end;align-items:flex-end;-webkit-transition:opacity 0.5s ease-in-out, background-color 0.25s ease-in-out, padding 0.25s ease-in-out;transition:opacity 0.5s ease-in-out, background-color 0.25s ease-in-out, padding 0.25s ease-in-out}:host main .rows .row.animated yoo-icon[name=link],:host main .rows .row.animated .input-content{opacity:0;-webkit-animation:fadeIn 0.75s ease-in-out forwards;animation:fadeIn 0.75s ease-in-out forwards}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:host main .rows .row.animated yoo-button{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:scaleUp 0.35s ease-in-out forwards;animation:scaleUp 0.35s ease-in-out forwards}@-webkit-keyframes scaleUp{from{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleUp{from{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}:host main .rows .row.sortable-ghost{opacity:0.25}:host main .rows .row .column{position:relative;height:100%}:host main .rows .row .column[data-input-type=form-text-area] .input-content{grid-template-areas:\"input-text color-selector\" \"input-text remove-button\";grid-template-rows:auto 1fr}:host main .rows .row .column[data-input-type=form-text-area] .input-content yoo-icon[name=link]{padding-top:100%}:host main .rows .row .column[data-input-type=form-text-area] .input-content yoo-form-text-area{grid-area:input-text}:host main .rows .row .column[data-input-type=form-text-area] .input-content yoo-button.remove-button{grid-area:remove-button;align-self:self-start}:host main .rows .row .column[data-input-type=form-text-area] .input-content yoo-form-color-picker{grid-area:color-selector;margin-bottom:var(--spacing-08, 0.5rem)}:host main .rows .row .column .cell yoo-form-input-container{--label-padding-top:0;--content-padding-top:0}:host main .rows .row .column .cell yoo-form-input-container[hide-label]{--label-display:none}:host main .rows .row .column .cell yoo-form-input-container:not([hide-label]){--label-padding-bottom:var(--spacing-08, 0.5rem)}:host main .rows .row .column .cell yoo-form-input-container .input-content{display:grid;-ms-flex-align:center;align-items:center}:host main .rows .row .column .cell yoo-form-input-container .input-content>*:not(:first-child):not(yoo-icon[name=link]){-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:var(--spacing-08, 0.5rem)}:host main .rows .row .column .cell yoo-form-input-container .input-content>yoo-form-color-picker:not(:first-child):not(yoo-icon[name=link]){-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:var(--spacing-08, 0.5rem);padding-left:0}:host main .rows .row .column .buttons{margin-top:var(--spacing-12, 0.75rem);padding:inherit}:host main .buttons{width:100%;padding-top:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host main .buttons div{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem)}:host(.no-column-title[data-layout-type=image]) .rows .row{gap:var(--spacing-08, 0.5rem)}:host(.no-column-title[data-layout-type=image]) .row,:host(.no-column-title[data-layout-type=image]) .column,:host(.no-column-title[data-layout-type=image]) .cell{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.no-column-title[data-layout-type=image]) .column{min-width:calc(var(--spacing-32, 2rem) * 3)}:host(.dragging) .row .buttons{display:none}:host(.draggable) .rows .row{grid-template-columns:auto repeat(var(--columns), 1fr);gap:var(--spacing-08, 0.5rem)}:host(.draggable) .rows .row span{display:inline-block;width:var(--spacing-16, 1rem);height:100%;overflow:hidden;color:var(--stable, #adadad);line-height:var(--line-height-drag, 0.35rem);letter-spacing:var(--spacing-02, 0.125rem);text-align:center;cursor:move;content:\"....\"}:host(.draggable) .rows .row span::after{content:\".. .. .. ..\"}:host([readonly]){--icon-link-tsX:0}:host([readonly]) main .rows .row{padding:var(--spacing-08, 0.5rem) 0}:host(.mobile.deletable-rows:not([data-layout-type=image])){--icon-link-tsX:var(--spacing-24, 1.5rem)}:host(.mobile){--line-height-drag:var(--spacing-08, 0.5rem)}:host(.mobile) main .row{gap:var(--spacing-56, 3.5rem)}:host(.mobile) main .row span{font-size:var(--font-size-24, 1.5rem)}:host(.mobile) main .buttons,:host(.mobile) .column:not([data-input-type=form-input]) .buttons{position:inherit}:host(:not([style*=\"--columns:1\"])) .column .buttons.absolute{position:absolute;z-index:1}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.linked) main .column-titles,:host(.linked) main .row{gap:var(--spacing-56, 3.5rem)}:host(.linked[readonly]) main .column-titles,:host(.linked[readonly]) main .row{gap:var(--spacing-32, 2rem)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const index$1 = require('./index-da3f81e7.js');
+require('./index-b746651e.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.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:100%;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:var(--spacing-08, 0.5rem);text-align:center}:host .lastElement{padding-bottom:var(--safe-area-inset-bottom)}:host(.fullscreen) .outer-container{height:calc(100% - 2.75rem - var(--safe-area-inset-top))}";

package/dist/cjs/yoo-form-number-picker.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
+require('./index-b746651e.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.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}";

package/dist/cjs/yoo-form-opening-hours.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const index$2 = require('./index-60c425f7.js');
-require('./index-bcf8e912.js');
-const index$1 = require('./index-da3f81e7.js');
+const index$2 = require('./index-666b1127.js');
+require('./index-b746651e.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-form-phone-number.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
+require('./index-b746651e.js');
 const geolocationHelpers = require('./geolocation-helpers-69ed0ac9.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 // This file is a workaround for a bug in web browsers' "native"

package/dist/cjs/yoo-form-plan-assign.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-const index$1 = require('./index-da3f81e7.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formPlanAssignCss = "svg:not(:root){overflow:hidden}:host .margin-bottom{display:block;margin-bottom:1rem}";

package/dist/cjs/yoo-form-plan.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formPlanCss = "svg:not(:root){overflow:hidden}:host .outer-container yoo-button{margin:var(--spacing-16, 1rem) 0}";

package/dist/cjs/yoo-form-pricecheck.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const index$2 = require('./index-60c425f7.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+const index$2 = require('./index-666b1127.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./common-helpers-cc5151ec.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.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:var(--border-radius-08, 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: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}";

package/dist/cjs/yoo-form-product-batch.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const operationHelpers = require('./operation-helpers-604601a4.js');
-const commonHelpers = require('./common-helpers-cc5151ec.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-const index$1 = require('./index-da3f81e7.js');
+require('./index-b746651e.js');
+const operationHelpers = require('./operation-helpers-18849722.js');
+const commonHelpers = require('./common-helpers-9f879d50.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.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}";

package/dist/cjs/yoo-form-products-sales.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-const index$1 = require('./index-da3f81e7.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formProductsSalesCss = "svg:not(:root){overflow:hidden}:host .outer-container.readonly{margin:1rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.readonly .total{margin:0}:host .outer-container.readonly .total span:not(.price){color:var(--stable, #adadad)}:host .outer-container.readonly .sales{margin-bottom:0}:host .outer-container .products{overflow:hidden}:host .outer-container .products.readonly{height:0}:host .outer-container .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .label .toggle{-ms-flex:1;flex:1;text-align:right}:host .outer-container .total-items{color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .product{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-16, 1rem)}:host .outer-container .product .image yoo-img{width:96px;height:96px}:host .outer-container .product .details{-ms-flex:1;flex:1;padding-left:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .product .details .sales{font-size:var(--font-size-16, 1rem)}:host .outer-container .product .details .sales span{margin:0;font-weight:normal}:host .outer-container .product .details .sales .price{font-weight:normal;text-align:right}:host .outer-container .product .details .title{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .product .details .price{padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .product .details .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .weight{color:var(--stable, #adadad)}:host .outer-container .sales{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0 var(--spacing-24, 1.5rem) 0}:host .outer-container .sales .unactive{visibility:hidden}:host .outer-container .sales .price{-ms-flex:1;flex:1}:host .outer-container .sales yoo-button{margin:0 var(--spacing-08, 0.5rem)}:host .outer-container .sales div{margin:0 var(--spacing-04, 0.25rem);white-space:nowrap}:host .outer-container .sales yoo-form-input{width:4rem;min-width:3rem}:host .outer-container .sales .quantity{width:25%;margin:0;font-size:var(--font-size-12, 0.75rem);text-align:right;text-transform:uppercase}:host .outer-container .total{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:var(--spacing-16, 1rem) 0}:host .outer-container .total span{-ms-flex:1;flex:1}:host .outer-container .total .price{font-weight:var(--font-weight-700, 700);text-align:right}";

package/dist/cjs/yoo-form-progress-indicator.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const index$1 = require('./index-bcf8e912.js');
-const index$2 = require('./index-da3f81e7.js');
+const index$1 = require('./index-b746651e.js');
+const index$2 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
+require('./index-666b1127.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formProgressIndicatorCss = "svg:not(:root){overflow:hidden}:host([dir=ltr]) .outer-container .step-container .progress-line{position:absolute;top:1.9375rem;right:-0.375rem;bottom:auto;left:1rem}:host([dir=ltr]) .outer-container .step-container .progress-line.first{left:var(--spacing-04, 0.25rem)}:host([dir=ltr]) .outer-container .step-container .progress-line.last{right:50%}:host([dir=ltr]) .outer-container .step-container .progress-line.active{left:2.75rem}:host([dir=ltr]) .outer-container .step-container .progress-line.active-next{right:0}:host([dir=rtl]) .outer-container .step-container .progress-line{position:absolute;top:1.9375rem;right:1rem;bottom:auto;left:-0.375rem}:host([dir=rtl]) .outer-container .step-container .progress-line.first{right:var(--spacing-04, 0.25rem)}:host([dir=rtl]) .outer-container .step-container .progress-line.last{left:50%}:host([dir=rtl]) .outer-container .step-container .progress-line.active{right:2.75rem}:host([dir=rtl]) .outer-container .step-container .progress-line.active-next{left:0}:host{--progress-indicator-half-width:1.375rem;--step-title-width:18.75rem;--scroll-container-color:unset;--scroll-container-margin:unset}:host .scroll-container{position:relative;min-height:5rem;margin:var(--scroll-container-margin);padding-bottom:var(--spacing-08, 0.5rem);background-color:var(--scroll-container-color)}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 calc(50% - var(--progress-indicator-half-width))}:host .outer-container .step-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:5rem;padding-top:0.75rem;cursor:pointer}:host .outer-container .step-container.last{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host .outer-container .step-container.active{padding-top:0.5625rem}:host .outer-container .step-container .step-title{display:-webkit-box;max-height:calc((var(--font-size-14, 0.875rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-14, 0.875rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;width:var(--step-title-width);-webkit-margin-before:var(--spacing-08, 0.5rem);margin-block-start:var(--spacing-08, 0.5rem);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--spacing-32, 2rem);margin-inline-end:var(--spacing-32, 2rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .step-container .step-circle-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.5rem;height:2.5rem}:host .outer-container .step-container .step-circle-outer.active{border:2px solid var(--dark, #000000);border-radius:50%}:host .outer-container .step-container .step-circle{border-radius:50%;position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;overflow:hidden;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--stable-light, #f1f1f1)}:host .outer-container .step-container .step-circle.more{padding:5.5px 8.5px;cursor:context-menu}:host .outer-container .step-container .step-circle.completed{color:var(--accent, #276ef1);background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .step-container .step-circle .percentage-fill{position:absolute;top:auto;right:0;bottom:0;left:0}:host .outer-container .step-container .progress-line{height:var(--border-width-01, 0.0625rem);background-color:var(--stable-light, #f1f1f1)}:host .outer-container .context-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .context-container span{position:relative;width:100%;padding:0.5rem 1rem;line-height:1.5;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .outer-container .context-container span:last-child{border-bottom:none}:host .outer-container .context-container span:hover{color:var(--dark, #000000);background:var(--accent-hover)}:host .outer-container .context-container span.context-current{font-weight:var(--font-weight-700, 700)}:host .outer-container .context-container span yoo-icon{position:absolute;top:0.75rem;right:0.625rem;bottom:auto;left:auto}:host([size=small]) .outer-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:0}:host([size=small]) .outer-container .step-container.last{width:1rem;-webkit-margin-end:0;margin-inline-end:0}:host([size=small]) .outer-container .step-container.active{padding-top:0.6875rem}:host([size=small]) .outer-container .step-container .progress-line.active{left:0.25rem}:host([size=small]) .outer-container .step-container .step-circle-outer{width:1rem}:host([size=small]) .outer-container .step-container .step-circle-outer.active{border:none}:host([size=small]) .outer-container .step-container .step-circle-outer .step-circle{width:1.4rem;min-width:1.4rem;max-width:1.4rem;height:1.4rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);background:var(--stable-light, #f1f1f1);border:none}:host([size=small]) .outer-container .step-container .step-circle-outer .step-circle.current{color:var(--light, #ffffff);background:var(--success, #3aa76d)}:host([size=small]) .outer-container .step-container .step-circle-outer .step-circle.completed{background:var(--success, #3aa76d)}:host([size=small]) .outer-container .step-container .step-circle-outer .step-circle.light{background:var(--light, #ffffff);border:none}:host([size=small]) .outer-container .step-container .progress-line.active-next{background:var(--success, #3aa76d)}:host([size=small]) .outer-container .step-container .step-title{margin-top:0}:host(.vertical) .outer-container{-ms-flex-direction:column;flex-direction:column;max-width:2rem}:host(.vertical) .outer-container .step-container{position:relative;padding-right:0rem;padding-bottom:2.8125rem}:host(.vertical) .outer-container .step-container .step-title{position:relative;top:2.3125rem;right:0px;bottom:0px;left:2.8125rem}:host(.vertical) .outer-container .step-container .step-circle{padding:4.5px 0.5px;text-align:center}:host(.vertical) .outer-container .step-container .step-circle.completed .completed-icon{text-align:center}:host(.vertical) .outer-container .progress-line{position:absolute;top:2.6875rem;right:0.875rem;bottom:auto;left:auto;z-index:-1;width:5px;height:8.45rem;background-color:var(--stable-alt, #d0d0d0)}:host(.vertical) .outer-container .progress-line.faded{z-index:-2;background-color:var(--stable-light, #f1f1f1)}:host(.aligned-left) yoo-ion-scroll{padding:0 var(--spacing-16, 1rem)}:host(.aligned-left) .outer-container .step-container{display:block}:host(.aligned-left) .outer-container .step-container.last{width:auto}:host(.app-color) .outer-container .step-container .step-circle{color:var(--app-color, #5a30f4);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle.completed{color:var(--light, #ffffff) !important;background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle.completed span{color:var(--light, #ffffff)}:host(.app-color) .outer-container .step-container .step-circle.invalid{color:var(--light, #ffffff) !important;background-color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.app-color) .outer-container .step-container .step-circle.invalid span{color:var(--light, #ffffff)}:host(.app-color) .outer-container .step-container .step-circle.current-invalid{color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.app-color) .outer-container .step-container .step-circle.locked{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad)}:host(.app-color) .outer-container .step-container .step-circle .percentage-fill{background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .progress-line.completed{background-color:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle.completed{background:var(--app-color, #5a30f4) !important;border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle-outer .step-circle.current{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .progress-line.active-next{background:var(--app-color, #5a30f4) !important}:host(.success) .outer-container .step-container .step-circle{color:var(--success, #3aa76d);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.success) .outer-container .step-container .step-circle.completed{color:var(--light, #ffffff) !important;background:var(--success, #3aa76d)}:host(.success) .outer-container .step-container .step-circle.completed span{color:var(--light, #ffffff)}:host(.success) .outer-container .step-container .step-circle.invalid{color:var(--light, #ffffff) !important;background-color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.success) .outer-container .step-container .step-circle.invalid span{color:var(--light, #ffffff)}:host(.success) .outer-container .step-container .step-circle.current-invalid{color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.success) .outer-container .step-container .step-circle.locked{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad)}:host(.success) .outer-container .step-container .step-circle .percentage-fill{background:var(--success, #3aa76d)}:host(.success) .outer-container .step-container .progress-line.completed{background-color:var(--success, #3aa76d)}:host(.success) .outer-container .step-container .step-circle.completed{color:var(--success, #3aa76d);border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.danger) .outer-container .step-container .step-circle{color:var(--danger, #d44333);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.completed{color:var(--light, #ffffff) !important;background:var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.completed span{color:var(--light, #ffffff)}:host(.danger) .outer-container .step-container .step-circle.invalid{color:var(--light, #ffffff) !important;background-color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.invalid span{color:var(--light, #ffffff)}:host(.danger) .outer-container .step-container .step-circle.current-invalid{color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.locked{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad)}:host(.danger) .outer-container .step-container .step-circle .percentage-fill{background:var(--danger, #d44333)}:host(.danger) .outer-container .step-container .progress-line.completed{background-color:var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.completed{color:var(--danger, #d44333)}:host(.warning) .outer-container .step-container .step-circle{background-color:var(--warning, #ed6e33)}:host(.warning) .outer-container .step-container .step-circle.current{color:var(--warning, #ed6e33);border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33)}:host(.warning) .outer-container .progress-line-container .progress-line{background-color:var(--warning, #ed6e33)}:host(.warning) .outer-container .step-container .step-circle.completed{color:var(--warning, #ed6e33)}:host(.info) .outer-container .step-container .step-circle{background-color:var(--info, #d84c96)}:host(.info) .outer-container .step-container .step-circle.current{color:var(--info, #d84c96);border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96)}:host(.info) .outer-container .progress-line-container .progress-line{background-color:var(--info, #d84c96)}:host(.info) .outer-container .step-container .step-circle.completed{color:var(--info, #d84c96)}:host(.more-stable) yoo-truncate{background-color:var(--stable-ultralight, #fafafa)}:host([animated=true]) .scroll-container{-webkit-transition:0.3s;transition:0.3s}:host([animated=true]) .outer-container .step-container .step-circle .percentage-fill{position:absolute;top:auto;right:0;bottom:0;left:0;-webkit-transition:0.3s all;transition:0.3s all}";

package/dist/cjs/yoo-form-qrcode.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-const index$1 = require('./index-da3f81e7.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+const index$1 = require('./index-ecf9b58f.js');
 require('./lodash-036555ce.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formQrcodeCss = "svg:not(:root){overflow:hidden}:host .outer-container .inner-container{margin:var(--spacing-08, 0.5rem) 0}:host .outer-container.readonly yoo-img{width:50%;margin:auto}:host .outer-container.readonly .inner-container{-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.readonly .inner-container .header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container.readonly .inner-container .header-container span{width:100%;font-weight:var(--font-weight-700, 700)}:host .outer-container.readonly .inner-container .header-container yoo-button{width:100%}:host .outer-container.readonly .inner-container .canvas-container{width:6.25rem;height:6.25rem;margin-top:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem)}:host([size=large]) .outer-container.readonly .inner-container{margin-top:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host([size=large]) .outer-container.readonly .inner-container .canvas-container{width:12.5rem;height:12.5rem}";

package/dist/cjs/yoo-form-query-builder.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
-require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
+require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-bcf8e912.js');
-require('./common-helpers-cc5151ec.js');
+require('./index-b746651e.js');
+require('./common-helpers-9f879d50.js');
 
 const formQueryBuilderCss = "svg:not(:root){overflow:hidden}:host{padding:0}";
 

package/dist/cjs/yoo-form-range.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-bcf8e912.js');
-const formInputHelpers = require('./form-input-helpers-faf2f0b6.js');
+require('./index-b746651e.js');
+const formInputHelpers = require('./form-input-helpers-98024b83.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-da3f81e7.js');
-require('./index-60c425f7.js');
-require('./common-helpers-cc5151ec.js');
+const index$1 = require('./index-ecf9b58f.js');
+require('./index-666b1127.js');
+require('./common-helpers-9f879d50.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formRangeCss = "svg:not(:root){overflow:hidden}:host yoo-range{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:not([readonly])){display:grid}:host(:not([readonly])) yoo-range{padding:var(--spacing-08, 0.5rem)}:host([dual-knobs]){grid-column-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr}:host([dual-knobs]) yoo-range{grid-column:1/-1}";