@yoobic/yobi 8.6.2 → 8.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-5f7067a7.js → index-5eba6373.js} +1 -1
- package/dist/cjs/yoo-ag-grid.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-categorize-words.cjs.entry.js +2 -2
- package/dist/cjs/yoo-form-dynamic.cjs.entry.js +3 -4
- package/dist/cjs/yoo-form-hotzones.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-image-tagging.cjs.entry.js +2 -2
- package/dist/cjs/yoo-form-missing-word.cjs.entry.js +2 -2
- package/dist/cjs/yoo-form-phone-number.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-ranking.cjs.entry.js +1 -1
- package/dist/cjs/yoo-input-bar.cjs.entry.js +2 -2
- package/dist/cjs/yoo-kpi.cjs.entry.js +1 -1
- package/dist/collection/components/form/form-categorize-words/form-categorize-words.css +5 -1
- package/dist/collection/components/form/form-dynamic/form-dynamic.js +3 -4
- package/dist/collection/components/form/form-image-tagging/form-image-tagging.css +7 -3
- package/dist/collection/components/form/form-missing-word/form-missing-word.css +7 -3
- package/dist/collection/components/grid/ag-grid/ag-grid.css +26 -0
- package/dist/collection/feature-platform/insight/kpi/kpi.js +1 -1
- package/dist/collection/utils/draggables/index.js +1 -1
- package/dist/design-system/{index-18c4d6ca.js → index-06f92ab1.js} +1 -1
- package/dist/design-system/yoo-ag-grid.entry.js +1 -1
- package/dist/design-system/yoo-form-categorize-words.entry.js +2 -2
- package/dist/design-system/yoo-form-dynamic.entry.js +3 -4
- package/dist/design-system/yoo-form-hotzones.entry.js +1 -1
- package/dist/design-system/yoo-form-image-tagging.entry.js +2 -2
- package/dist/design-system/yoo-form-missing-word.entry.js +2 -2
- package/dist/design-system/yoo-form-phone-number.entry.js +1 -1
- package/dist/design-system/yoo-form-ranking.entry.js +1 -1
- package/dist/design-system/yoo-input-bar.entry.js +2 -2
- package/dist/design-system/yoo-kpi.entry.js +1 -1
- package/dist/esm/{index-18c4d6ca.js → index-06f92ab1.js} +1 -1
- package/dist/esm/yoo-ag-grid.entry.js +1 -1
- package/dist/esm/yoo-form-categorize-words.entry.js +2 -2
- package/dist/esm/yoo-form-dynamic.entry.js +3 -4
- package/dist/esm/yoo-form-hotzones.entry.js +1 -1
- package/dist/esm/yoo-form-image-tagging.entry.js +2 -2
- package/dist/esm/yoo-form-missing-word.entry.js +2 -2
- package/dist/esm/yoo-form-phone-number.entry.js +1 -1
- package/dist/esm/yoo-form-ranking.entry.js +1 -1
- package/dist/esm/yoo-input-bar.entry.js +2 -2
- package/dist/esm/yoo-kpi.entry.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a41e9468.js');
|
|
6
6
|
const index$2 = require('./index-c324ec5f.js');
|
|
7
|
-
const index$1 = require('./index-
|
|
7
|
+
const index$1 = require('./index-5eba6373.js');
|
|
8
8
|
const draggableTagsHelpers = require('./draggable-tags-helpers-52704f70.js');
|
|
9
9
|
const formInputHelpers = require('./form-input-helpers-d356d5d8.js');
|
|
10
10
|
const lodash = require('./lodash-0db8fd9d.js');
|
|
@@ -12,7 +12,7 @@ require('./_commonjsHelpers-94df2ea7.js');
|
|
|
12
12
|
require('./index-0324c531.js');
|
|
13
13
|
require('./common-helpers-e1f8a78c.js');
|
|
14
14
|
|
|
15
|
-
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
|
|
15
|
+
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}";
|
|
16
16
|
|
|
17
17
|
const DEFAULT_CATEGORIES_COLOR = ['warning', 'app-color'];
|
|
18
18
|
const YooFormCategorizeWordsComponent = class {
|
|
@@ -2383,7 +2383,7 @@ const YooFormDynamicComponent = class {
|
|
|
2383
2383
|
}))));
|
|
2384
2384
|
}
|
|
2385
2385
|
})), ((_b = this.charts) === null || _b === void 0 ? void 0 : _b.length) > 0 && index$2.h("yoo-mission-score", { class: "light", charts: this.charts })),
|
|
2386
|
-
this.renderFormFooter('recap')
|
|
2386
|
+
this.renderFormFooter('recap', -1)
|
|
2387
2387
|
];
|
|
2388
2388
|
}
|
|
2389
2389
|
}
|
|
@@ -2567,7 +2567,6 @@ const YooFormDynamicComponent = class {
|
|
|
2567
2567
|
const lastUnlockedSlideIndex = Math.max(lodash.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);
|
|
2568
2568
|
let formFooterType = slideIndex === lastUnlockedSlideIndex || slideIndex === slideLength ? 'last' : 'next';
|
|
2569
2569
|
formFooterType = this.isLessonPreview() ? 'next' : formFooterType;
|
|
2570
|
-
const relativeActiveIndex = this.showRecap ? this.activeIndex - 1 : this.activeIndex;
|
|
2571
2570
|
return [
|
|
2572
2571
|
this.shouldRenderSlideContent(slide, slideIndex) ? (index$2.h("div", { class: {
|
|
2573
2572
|
'flex': true,
|
|
@@ -2582,7 +2581,7 @@ const YooFormDynamicComponent = class {
|
|
|
2582
2581
|
'flex slide-container': true,
|
|
2583
2582
|
'no-shadow': !this.showTabs
|
|
2584
2583
|
}, style: { display: 'none' } })),
|
|
2585
|
-
|
|
2584
|
+
this.renderFormFooter(formFooterType, slideIndex, lastUnlockedSlideIndex)
|
|
2586
2585
|
];
|
|
2587
2586
|
}
|
|
2588
2587
|
getFieldsPerArea(fields, areaName) {
|
|
@@ -3084,7 +3083,7 @@ const YooFormDynamicComponent = class {
|
|
|
3084
3083
|
renderFormFooter(type, slideIndex, lastUnlockedSlideIndex) {
|
|
3085
3084
|
if (this.shouldRenderFormFooter(type, slideIndex, lastUnlockedSlideIndex)) {
|
|
3086
3085
|
const buttons = this.getFormFooterButtons(type, slideIndex, lastUnlockedSlideIndex);
|
|
3087
|
-
return (index$2.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' ? index$1.isWeb(this.host) ? 'lesson-detail' : 'relative' : '' }));
|
|
3086
|
+
return (index$2.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' ? index$1.isWeb(this.host) ? 'lesson-detail' : 'relative' : '' }));
|
|
3088
3087
|
}
|
|
3089
3088
|
}
|
|
3090
3089
|
getNextButtons(slideIndex) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a41e9468.js');
|
|
6
6
|
const index$1 = require('./index-c324ec5f.js');
|
|
7
7
|
const localForage = require('./local-forage-40d573ac.js');
|
|
8
|
-
const index$2 = require('./index-
|
|
8
|
+
const index$2 = require('./index-5eba6373.js');
|
|
9
9
|
const annotationsHelpers = require('./annotations-helpers-13dddf2d.js');
|
|
10
10
|
const commonHelpers = require('./common-helpers-e1f8a78c.js');
|
|
11
11
|
const draggableTagsHelpers = require('./draggable-tags-helpers-52704f70.js');
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-a41e9468.js');
|
|
6
6
|
const index$1 = require('./index-c324ec5f.js');
|
|
7
7
|
require('./index-f4af084f.js');
|
|
8
|
-
const index$2 = require('./index-
|
|
8
|
+
const index$2 = require('./index-5eba6373.js');
|
|
9
9
|
const annotationsHelpers = require('./annotations-helpers-13dddf2d.js');
|
|
10
10
|
const draggableTagsHelpers = require('./draggable-tags-helpers-52704f70.js');
|
|
11
11
|
const formInputHelpers = require('./form-input-helpers-d356d5d8.js');
|
|
@@ -15,7 +15,7 @@ require('./_commonjsHelpers-94df2ea7.js');
|
|
|
15
15
|
require('./index-0324c531.js');
|
|
16
16
|
require('./common-helpers-e1f8a78c.js');
|
|
17
17
|
|
|
18
|
-
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(
|
|
18
|
+
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)}";
|
|
19
19
|
|
|
20
20
|
const YooFormImageTaggingComponent = class {
|
|
21
21
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-a41e9468.js');
|
|
6
6
|
const index$1 = require('./index-c324ec5f.js');
|
|
7
|
-
const index$2 = require('./index-
|
|
7
|
+
const index$2 = require('./index-5eba6373.js');
|
|
8
8
|
const draggableTagsHelpers = require('./draggable-tags-helpers-52704f70.js');
|
|
9
9
|
const formInputHelpers = require('./form-input-helpers-d356d5d8.js');
|
|
10
10
|
const lodash = require('./lodash-0db8fd9d.js');
|
|
@@ -12,7 +12,7 @@ require('./_commonjsHelpers-94df2ea7.js');
|
|
|
12
12
|
require('./index-0324c531.js');
|
|
13
13
|
require('./common-helpers-e1f8a78c.js');
|
|
14
14
|
|
|
15
|
-
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)}
|
|
15
|
+
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}";
|
|
16
16
|
|
|
17
17
|
const YooFormMissingWordComponent = class {
|
|
18
18
|
constructor(hostRef) {
|