@yoobic/yobi 8.6.1 → 8.6.3

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

@@ -840,10 +840,9 @@ const YooFormCaptureComponent = class {
     const imageData = this.getImageData(index);
     const { drawings, src } = imageData;
     const isMultipleData = isFinite(index) && this.extraData && ((isArray(this.extraData) && !!this.extraData.length) || !!Object.keys(this.extraData).length) && this.extraData[index];
-    const extraActions = [
+    const extraActions = !isNativeFilePath(src) && [
       {
         icon: 'download',
-        isVisible: () => !isNativeFilePath(src),
         handler: () => {
           downloadFile(isMultipleData && this.extraData[index].stitch || src);
         }

package/dist/design-system/yoo-form-categorize-words.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-e4530c67.js';
 import { b3 as changeHexOpacity, H as getCssColor, b4 as extractTextFromStringHTML, a0 as translateMulti } from './index-af49c9aa.js';
-import { i as initTags } from './index-18c4d6ca.js';
+import { i as initTags } from './index-06f92ab1.js';
 import { s as showWarningBanner, h as hasDuplicates } from './draggable-tags-helpers-4329879c.js';
 import { s as setValueAndValidateInput } from './form-input-helpers-fe21bbc7.js';
 import { B as isEqual } from './lodash-a867a6fd.js';
@@ -8,7 +8,7 @@ import './_commonjsHelpers-f4d11124.js';
 import './index-24513959.js';
 import './common-helpers-48ae3d82.js';
 
-const formCategorizeWordsCss = "svg:not(:root){overflow:hidden}:host{--top-category-color:var(--warning, #ed6e33);--bottom-category-color:var(--app-color, #5a30f4);display:block}:host yoo-banner{height:0}:host yoo-tag{max-width:100%}:host [placement]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto}:host [placement] #counter{padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);opacity:0.5}:host [placement] #title{padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem)}:host [placement] #title[hidden]{opacity:0}:host [placement] #title span:first-of-type{font-weight:bold}:host [placement] .dropzone{-ms-flex-positive:1;flex-grow:1;padding:var(--spacing-04, 0.25rem)}:host .dropzone{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-08, 0.5rem);-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host .dropzone[hit]{background-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host .dropzone#zone-tags{height:8.35rem;padding:var(--spacing-08, 0.5rem)}:host(:not([readonly])) main{width:100%;max-height:100%;overflow-y:auto}:host(:not([readonly])) main::-webkit-scrollbar{display:none}:host(:not([readonly])) yoo-tag{max-width:calc(100% - var(--spacing-08, 0.5rem));border-style:solid;border-width:var(--border-width-01, 0.0625rem);-webkit-transition:border-color 350ms ease-in-out, opacity 250ms ease-in-out;transition:border-color 350ms ease-in-out, opacity 250ms ease-in-out}:host(:not([readonly])) yoo-tag[color=light]{border-color:currentColor}:host(:not([readonly])) yoo-tag[color=stable-light]{border-color:var(--stable-light, #f1f1f1)}:host(:not([readonly])) [placement]{min-height:var(--spacing-64, 4rem);padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(:not([readonly])) [placement] .dropzone{min-height:7.5rem}:host(:not([readonly])) [placement] #title{color:var(--light, #ffffff)}:host(:not([readonly])) [placement][placement=top]{background:var(--top-category-color)}:host(:not([readonly])) [placement][placement=bottom]{background:var(--bottom-category-color)}:host([readonly]) main{display:grid;grid-gap:var(--spacing-08, 0.5rem)}:host([readonly]) main [placement]{padding:0}:host([readonly]) main .drop-container:last-of-type{margin-top:var(--spacing-16, 1rem)}:host([animated]) .dropzone,:host([animated]) section{-webkit-transition:background-color 500ms ease-in-out, height 750ms ease-in-out;transition:background-color 500ms ease-in-out, height 750ms ease-in-out}:host([animated]) #title{-webkit-transition:opacity 750ms ease-in-out;transition:opacity 750ms ease-in-out}";
+const formCategorizeWordsCss = "svg:not(:root){overflow:hidden}:host{--top-category-color:var(--warning, #ed6e33);--bottom-category-color:var(--app-color, #5a30f4);display:block}:host yoo-banner{height:0}:host yoo-tag{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host yoo-tag:last-of-type{margin-right:0}:host [placement]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto}:host [placement] #counter{padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);opacity:0.5}:host [placement] #title{padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem)}:host [placement] #title[hidden]{opacity:0}:host [placement] #title span:first-of-type{font-weight:bold}:host [placement] .dropzone{-ms-flex-positive:1;flex-grow:1;padding:var(--spacing-04, 0.25rem)}:host .dropzone{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:100%;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host .dropzone[hit]{background-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host .dropzone#zone-tags{height:8.35rem;padding:var(--spacing-08, 0.5rem)}:host(:not([readonly])) main{width:100%;max-height:100%;overflow-y:auto}:host(:not([readonly])) main::-webkit-scrollbar{display:none}:host(:not([readonly])) yoo-tag{max-width:calc(100% - var(--spacing-08, 0.5rem));border-style:solid;border-width:var(--border-width-01, 0.0625rem);-webkit-transition:border-color 350ms ease-in-out, opacity 250ms ease-in-out;transition:border-color 350ms ease-in-out, opacity 250ms ease-in-out}:host(:not([readonly])) yoo-tag[color=light]{border-color:currentColor}:host(:not([readonly])) yoo-tag[color=stable-light]{border-color:var(--stable-light, #f1f1f1)}:host(:not([readonly])) [placement]{min-height:var(--spacing-64, 4rem);padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(:not([readonly])) [placement] .dropzone{min-height:7.5rem}:host(:not([readonly])) [placement] #title{color:var(--light, #ffffff)}:host(:not([readonly])) [placement][placement=top]{background:var(--top-category-color)}:host(:not([readonly])) [placement][placement=bottom]{background:var(--bottom-category-color)}:host([readonly]) main{display:grid;grid-gap:var(--spacing-08, 0.5rem)}:host([readonly]) main [placement]{padding:0}:host([readonly]) main .drop-container:last-of-type{margin-top:var(--spacing-16, 1rem)}:host([animated]) .dropzone,:host([animated]) section{-webkit-transition:background-color 500ms ease-in-out, height 750ms ease-in-out;transition:background-color 500ms ease-in-out, height 750ms ease-in-out}:host([animated]) #title{-webkit-transition:opacity 750ms ease-in-out;transition:opacity 750ms ease-in-out}";
 
 const DEFAULT_CATEGORIES_COLOR = ['warning', 'app-color'];
 const YooFormCategorizeWordsComponent = class {

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

@@ -2379,7 +2379,7 @@ const YooFormDynamicComponent = class {
             }))));
           }
         })), ((_b = this.charts) === null || _b === void 0 ? void 0 : _b.length) > 0 && h("yoo-mission-score", { class: "light", charts: this.charts })),
-        this.renderFormFooter('recap')
+        this.renderFormFooter('recap', -1)
       ];
     }
   }
@@ -2563,7 +2563,6 @@ const YooFormDynamicComponent = class {
     const lastUnlockedSlideIndex = Math.max(findLastIndex((_a = this.slidesState) === null || _a === void 0 ? void 0 : _a.filter((state) => !state.hidden), (s) => (s === null || s === void 0 ? void 0 : s.locked) !== true && (s === null || s === void 0 ? void 0 : s.hidden) !== true), 0);
     let formFooterType = slideIndex === lastUnlockedSlideIndex || slideIndex === slideLength ? 'last' : 'next';
     formFooterType = this.isLessonPreview() ? 'next' : formFooterType;
-    const relativeActiveIndex = this.showRecap ? this.activeIndex - 1 : this.activeIndex;
     return [
       this.shouldRenderSlideContent(slide, slideIndex) ? (h("div", { class: {
           'flex': true,
@@ -2578,7 +2577,7 @@ const YooFormDynamicComponent = class {
           'flex slide-container': true,
           'no-shadow': !this.showTabs
         }, style: { display: 'none' } })),
-      slideIndex === relativeActiveIndex && this.renderFormFooter(formFooterType, slideIndex, lastUnlockedSlideIndex)
+      this.renderFormFooter(formFooterType, slideIndex, lastUnlockedSlideIndex)
     ];
   }
   getFieldsPerArea(fields, areaName) {
@@ -3080,7 +3079,7 @@ const YooFormDynamicComponent = class {
   renderFormFooter(type, slideIndex, lastUnlockedSlideIndex) {
     if (this.shouldRenderFormFooter(type, slideIndex, lastUnlockedSlideIndex)) {
       const buttons = this.getFormFooterButtons(type, slideIndex, lastUnlockedSlideIndex);
-      return (h("yoo-form-footer", { ref: (el) => (this.formFooterElement = el), animated: false, countDownStartValue: this.timer, countDownValue: this.innerTimer, forceMobile: this.forceMobile || this.formType === 'form-creator-preview', buttons: buttons, showCopyright: this.showCopyright, class: this.formType === 'lesson' ? isWeb(this.host) ? 'lesson-detail' : 'relative' : '' }));
+      return (h("yoo-form-footer", { ref: (el) => (this.formFooterElement = el), style: { visibility: this.isCurrentSlide(slideIndex) ? undefined : 'hidden' }, animated: false, countDownStartValue: this.timer, countDownValue: this.innerTimer, forceMobile: this.forceMobile || this.formType === 'form-creator-preview', buttons: buttons, showCopyright: this.showCopyright, class: this.formType === 'lesson' ? isWeb(this.host) ? 'lesson-detail' : 'relative' : '' }));
     }
   }
   getNextButtons(slideIndex) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-e4530c67.js';
 import { bz as getMedia, b5 as gsapSet, b8 as Draggable, b6 as gsapTo, x as showModal, j as closeModal, as as replaceAllLinks, az as parseMarkDown, a0 as translateMulti, y as isWeb, t as translate, bA as isPointInsidePlan } from './index-af49c9aa.js';
 import { g as getFromOfflineStorage } from './local-forage-595d8901.js';
-import { s as scaleUpDown, u as updateBounds } from './index-18c4d6ca.js';
+import { s as scaleUpDown, u as updateBounds } from './index-06f92ab1.js';
 import { c as calcCoordPercentage } from './annotations-helpers-8950b8d8.js';
 import { g as getAppContext } from './common-helpers-48ae3d82.js';
 import { s as showWarningBanner } from './draggable-tags-helpers-4329879c.js';

package/dist/design-system/yoo-form-image-tagging.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-e4530c67.js';
 import { bz as getMedia, t as translate } from './index-af49c9aa.js';
 import './index-0b8a385c.js';
-import { i as initTags } from './index-18c4d6ca.js';
+import { i as initTags } from './index-06f92ab1.js';
 import { g as getPercentPositionStyle } from './annotations-helpers-8950b8d8.js';
 import { s as showWarningBanner, h as hasDuplicates, c as checkArray, f as filterDuplicateEntries } from './draggable-tags-helpers-4329879c.js';
 import { s as setValueAndValidateInput } from './form-input-helpers-fe21bbc7.js';
@@ -11,7 +11,7 @@ import './_commonjsHelpers-f4d11124.js';
 import './index-24513959.js';
 import './common-helpers-48ae3d82.js';
 
-const formImageTaggingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host #image{position:relative}:host #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host #image .dropzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);background-color:var(--light, #ffffff);border-radius:50%;-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}: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])) #image .dropzone[hit]{background-color:var(--app-color, #5a30f4)}:host(:not([readonly])) span{display:block;margin:var(--spacing-16, 1rem) 0 0;padding:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host(:not([readonly])) #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;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa)}:host(:not([readonly])) #zone-tags yoo-tag{margin:var(--spacing-04, 0.25rem)}:host([animated]:not([readonly])) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out 0.35s;animation:scale-up 0.35s ease-in-out 0.35s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) .dropzone{--index:unset;-webkit-transition:all 250ms linear;transition:all 250ms linear}:host([animated]:not([readonly])) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";
+const formImageTaggingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host yoo-tag:last-of-type{margin-right:0}:host #image{position:relative}:host #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host #image .dropzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);background-color:var(--light, #ffffff);border-radius:50%;-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}: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])) #image .dropzone[hit]{background-color:var(--app-color, #5a30f4)}:host(:not([readonly])) span{display:block;margin:var(--spacing-16, 1rem) 0 0;padding:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host(:not([readonly])) #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;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa)}:host([animated]:not([readonly])) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out 0.35s;animation:scale-up 0.35s ease-in-out 0.35s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]:not([readonly])) .dropzone{--index:unset;-webkit-transition:all 250ms linear;transition:all 250ms linear}:host([animated]:not([readonly])) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";
 
 const YooFormImageTaggingComponent = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-e4530c67.js';
 import { bH as formatTranslation, a0 as translateMulti, bx as isValueATranslationKey, bI as MAX_TAGS_CHARACTERS, t as translate } from './index-af49c9aa.js';
-import { i as initTags } from './index-18c4d6ca.js';
+import { i as initTags } from './index-06f92ab1.js';
 import { c as checkArray, h as hasDuplicates, g as getDuplicatedValue, s as showWarningBanner } from './draggable-tags-helpers-4329879c.js';
 import { s as setValueAndValidateInput } from './form-input-helpers-fe21bbc7.js';
 import { B as isEqual } from './lodash-a867a6fd.js';
@@ -8,7 +8,7 @@ import './_commonjsHelpers-f4d11124.js';
 import './index-24513959.js';
 import './common-helpers-48ae3d82.js';
 
-const formMissingWordCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height: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;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) main #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa)}:host(:not([readonly])) main #zone-tags yoo-tag{margin:var(--spacing-04, 0.25rem)}@-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}";
+const formMissingWordCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host yoo-tag:last-of-type{margin-right: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;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}: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}";
 
 const YooFormMissingWordComponent = class {
   constructor(hostRef) {