@yoobic/yobi 8.6.1 → 8.6.3

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

@@ -19,7 +19,7 @@ function race(...args) {
 }
 
 /**
- * @license Angular v15.1.4
+ * @license Angular v15.1.5
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -8447,7 +8447,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('15.1.4');
+const VERSION = new Version('15.1.5');
 
 // This default value is when checking the hierarchy for a token.
 //

package/dist/cjs/yoo-kpi.cjs.entry.js

@@ -125,7 +125,7 @@ const YooKpiComponent = class {
       case 'carousel':
         return this.photosSrc ? (index.h("div", { class: "photo-container" }, index.h("yoo-form-carousel", { ref: (el) => (this.carousel = el), usePhotoEditor: true, navbarVisiblity: "hidden", mediaSrc: this.photosSrc.map((photo) => (photo.isImageRecognition && (photo === null || photo === void 0 ? void 0 : photo.drawings) || photo.value)), annotations: this.photosSrc.map((photo) => photo === null || photo === void 0 ? void 0 : photo.annotations), drawings: this.photosSrc.map((photo) => photo === null || photo === void 0 ? void 0 : photo.drawings), class: { light: true, 'form-preview': this.isFormPreview } }))) : (index.h("div", { class: "empty-state" }, index.h("yoo-empty-state", { type: "photo" }), index.h("div", null, index$1.translate('LISTEMPTY'))));
       case 'grid':
-        return (index.h("yoo-pivot-table", { ref: (el) => (this.pivotTable = el), onEdited: (ev) => this.onEdited(ev), onRowClick: (ev) => this.onChartClick(ev), onRowDoubleClick: (ev) => this.onChartDoubleClick(ev), config: this.config, definition: this.definition, isFullScreen: this.isFullScreen, gridClass: "no-border", class: {
+        return (index.h("yoo-pivot-table", { ref: (el) => (this.pivotTable = el), onEdited: (ev) => this.onEdited(ev), onRowClick: (ev) => this.onChartClick(ev), onRowDoubleClick: (ev) => this.onChartDoubleClick(ev), config: this.config, definition: this.definition, isFullScreen: this.isFullScreen, gridClass: "grid-alternate no-border", class: {
             'rounded': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('rounded')
           } }));
       case 'map':

package/dist/collection/components/form/form-capture/form-capture.js

@@ -801,10 +801,9 @@ export class YooFormCaptureComponent {
     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/collection/components/form/form-categorize-words/form-categorize-words.css

@@ -215,6 +215,11 @@ svg:not(:root) {
 }
 :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: flex;
@@ -244,7 +249,6 @@ svg:not(:root) {
 :host .dropzone {
   display: inline-flex;
   flex-wrap: wrap;
-  gap: var(--spacing-08, 0.5rem);
   align-content: baseline;
   box-sizing: border-box;
   width: 100%;

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -2172,7 +2172,7 @@ export class YooFormDynamicComponent {
             }))));
           }
         })), ((_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)
       ];
     }
   }
@@ -2356,7 +2356,6 @@ export class YooFormDynamicComponent {
     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,
@@ -2371,7 +2370,7 @@ export class YooFormDynamicComponent {
           '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) {
@@ -2873,7 +2872,7 @@ export class YooFormDynamicComponent {
   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/collection/components/form/form-image-tagging/form-image-tagging.css

@@ -211,6 +211,13 @@ svg:not(:root) {
 :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;
 }
@@ -261,9 +268,6 @@ svg:not(:root) {
 :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 {
   animation: scale-up 0.35s ease-in-out 0.35s;

package/dist/collection/components/form/form-missing-word/form-missing-word.css

@@ -211,6 +211,13 @@ svg:not(:root) {
 :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;
   user-select: none;
@@ -264,9 +271,6 @@ svg:not(:root) {
 :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);
-}
 
 @keyframes reveal-zone {
   from {

package/dist/collection/components/grid/ag-grid/ag-grid.css

@@ -8985,6 +8985,9 @@ input[class^=ag-][type=range]:disabled {
 :host .ag-input-field-input::placeholder {
   font-size: var(--font-size-14, 0.875rem);
 }
+:host .ag-rtl .ag-side-bar-left, :host .ag-ltr .ag-side-bar-right {
+  border-left: var(--ag-borders) var(--stable-light);
+}
 :host input[class^=ag-] {
   border-radius: var(--border-radius-04, 0.25rem);
 }
@@ -9081,4 +9084,27 @@ input[class^=ag-][type=range]:disabled {
 
 :host(.with-selection) .ag-checkbox-input-wrapper {
   opacity: 1;
+}
+
+:host(.grid-alternate) .ag-theme-balham .ag-ltr .ag-header-cell, :host(.grid-alternate) .ag-theme-yoobic .ag-ltr .ag-header-cell, :host(.grid-alternate) .ag-theme-small-font .ag-ltr .ag-header-cell,
+:host(.grid-alternate) .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-first-right-pinned),
+:host(.grid-alternate) .ag-theme-yoobic .ag-ltr .ag-cell:not(.ag-cell-first-right-pinned),
+:host(.grid-alternate) .ag-theme-small-font .ag-ltr .ag-cell:not(.ag-cell-first-right-pinned) {
+  border-right: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1) !important;
+}
+:host(.grid-alternate) .ag-theme-balham .ag-header-cell.ag-header-active::after, :host(.grid-alternate) .ag-theme-yoobic .ag-header-cell.ag-header-active::after, :host(.grid-alternate) .ag-theme-small-font .ag-header-cell.ag-header-active::after {
+  opacity: 1;
+}
+:host(.grid-alternate) .ag-theme-balham .ag-header-cell::after, :host(.grid-alternate) .ag-theme-yoobic .ag-header-cell::after, :host(.grid-alternate) .ag-theme-small-font .ag-header-cell::after {
+  right: 4px;
+  opacity: 0;
+}
+:host(.grid-alternate) .ag-theme-balham .ag-row.ag-row-selected, :host(.grid-alternate) .ag-theme-yoobic .ag-row.ag-row-selected, :host(.grid-alternate) .ag-theme-small-font .ag-row.ag-row-selected {
+  background-color: var(--app-color-20, rgba(90, 48, 244, 0.2)) !important;
+}
+:host(.grid-alternate) .ag-theme-balham .ag-row-odd, :host(.grid-alternate) .ag-theme-yoobic .ag-row-odd, :host(.grid-alternate) .ag-theme-small-font .ag-row-odd {
+  background-color: var(--stable-light-40, rgba(241, 241, 241, 0.4));
+}
+:host(.grid-alternate) .ag-theme-balham .ag-row-odd.ag-row-selected, :host(.grid-alternate) .ag-theme-yoobic .ag-row-odd.ag-row-selected, :host(.grid-alternate) .ag-theme-small-font .ag-row-odd.ag-row-selected {
+  background-color: var(--app-color-20, rgba(90, 48, 244, 0.2)) !important;
 }

package/dist/collection/feature-platform/insight/kpi/kpi.js

@@ -107,7 +107,7 @@ export class YooKpiComponent {
       case 'carousel':
         return this.photosSrc ? (h("div", { class: "photo-container" }, h("yoo-form-carousel", { ref: (el) => (this.carousel = el), usePhotoEditor: true, navbarVisiblity: "hidden", mediaSrc: this.photosSrc.map((photo) => (photo.isImageRecognition && (photo === null || photo === void 0 ? void 0 : photo.drawings) || photo.value)), annotations: this.photosSrc.map((photo) => photo === null || photo === void 0 ? void 0 : photo.annotations), drawings: this.photosSrc.map((photo) => photo === null || photo === void 0 ? void 0 : photo.drawings), class: { light: true, 'form-preview': this.isFormPreview } }))) : (h("div", { class: "empty-state" }, h("yoo-empty-state", { type: "photo" }), h("div", null, translate('LISTEMPTY'))));
       case 'grid':
-        return (h("yoo-pivot-table", { ref: (el) => (this.pivotTable = el), onEdited: (ev) => this.onEdited(ev), onRowClick: (ev) => this.onChartClick(ev), onRowDoubleClick: (ev) => this.onChartDoubleClick(ev), config: this.config, definition: this.definition, isFullScreen: this.isFullScreen, gridClass: "no-border", class: {
+        return (h("yoo-pivot-table", { ref: (el) => (this.pivotTable = el), onEdited: (ev) => this.onEdited(ev), onRowClick: (ev) => this.onChartClick(ev), onRowDoubleClick: (ev) => this.onChartDoubleClick(ev), config: this.config, definition: this.definition, isFullScreen: this.isFullScreen, gridClass: "grid-alternate no-border", class: {
             'rounded': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('rounded')
           } }));
       case 'map':

package/dist/collection/utils/draggables/index.js

@@ -112,7 +112,7 @@ export class Dropzones {
   async hideOverflowingTagInZone(zoneElement, tagElement, onShowTag) {
     const { tagZoneConfig } = this.zonesConfig || {};
     if (tagElement && zoneElement && tagZoneConfig.hasOverflow) {
-      const borderWidth = parseFloat(getComputedStyle(tagElement).borderWidth);
+      const borderWidth = Math.round(parseFloat(getComputedStyle(tagElement).borderWidth));
       const isTagOverflowing = (tagElement.offsetTop + borderWidth * 2) >= (zoneElement.offsetTop + zoneElement.offsetHeight);
       if (isTagOverflowing) {
         Object.assign(tagElement.style, {

package/dist/design-system/{index-18c4d6ca.js → index-06f92ab1.js}

@@ -113,7 +113,7 @@ class Dropzones {
   async hideOverflowingTagInZone(zoneElement, tagElement, onShowTag) {
     const { tagZoneConfig } = this.zonesConfig || {};
     if (tagElement && zoneElement && tagZoneConfig.hasOverflow) {
-      const borderWidth = parseFloat(getComputedStyle(tagElement).borderWidth);
+      const borderWidth = Math.round(parseFloat(getComputedStyle(tagElement).borderWidth));
       const isTagOverflowing = (tagElement.offsetTop + borderWidth * 2) >= (zoneElement.offsetTop + zoneElement.offsetHeight);
       if (isTagOverflowing) {
         Object.assign(tagElement.style, {