@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-form-todo-task.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
+const index$2 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -16,7 +16,7 @@ const Action = ({ hidden, icon, text, onClick }) => (index.h("yoo-tooltip", { co
 const getRoundedDate = (date, minutesStep = 5) => {
   const result = new Date(date.getTime());
   const oldMinutes = result.getMinutes();
-  const newMinutes = +overlays.getRoundedMinutes(result, minutesStep);
+  const newMinutes = +index$1.getRoundedMinutes(result, minutesStep);
   result.setMinutes(newMinutes, 0, 0);
   if (newMinutes === 0 && oldMinutes !== newMinutes) {
     result.setHours(result.getHours() + 1);
@@ -30,7 +30,7 @@ const getCalendarElement = (activeDay, onChange) => {
   calendar.isDatePicker = true;
   calendar.addEventListener('dateChanged', ({ detail }) => {
     const { date } = detail;
-    date.setHours(overlays.getHours(activeDay), overlays.getMinutes(activeDay));
+    date.setHours(index$1.getHours(activeDay), index$1.getMinutes(activeDay));
     onChange(date);
   });
   return calendar;
@@ -40,7 +40,7 @@ const getTimeElement = (activeDay, onChange) => {
   time.style.setProperty('--spacing', 'var(--spacing-04)');
   time.type = 'datetime';
   time.value = activeDay;
-  time.addEventListener('amPmToggled', ({ detail }) => onChange(overlays.dateAdd(activeDay, 'h', detail === 'AM' ? -12 : 12)));
+  time.addEventListener('amPmToggled', ({ detail }) => onChange(index$1.dateAdd(activeDay, 'h', detail === 'AM' ? -12 : 12)));
   time.addEventListener('inputChanged', ({ detail }) => onChange(new Date(detail)));
   return time;
 };
@@ -52,7 +52,7 @@ const getSaveElement = (web, onClick) => {
   button.style.background = 'var(--light)';
   button.style.setProperty('--hover-color', 'transparent');
   button.style.setProperty('--side-padding', '0');
-  button.textContent = overlays.translate('DONE');
+  button.textContent = index$1.translate('DONE');
   button.addEventListener('click', onClick);
   if (web) {
     button.style.position = 'sticky';
@@ -69,7 +69,7 @@ const getSaveElement = (web, onClick) => {
 const getScheduleElement = (target, dueDate, onChange) => {
   const schedule = document.createElement('div');
   const activeDate = dueDate ? new Date(dueDate) : getRoundedDate(new Date());
-  const web = overlays.isWeb(target);
+  const web = index$1.isWeb(target);
   schedule.style.overflow = 'auto';
   if (web) {
     const { top, right, bottom, left } = target.getBoundingClientRect();
@@ -87,11 +87,11 @@ const getScheduleElement = (target, dueDate, onChange) => {
   }
   schedule.appendChild(getCalendarElement(activeDate, (date) => activeDate.setFullYear(date.getFullYear(), date.getMonth(), date.getDate())));
   schedule.appendChild(getTimeElement(activeDate, (date) => activeDate.setHours(date.getHours(), date.getMinutes())));
-  schedule.appendChild(getSaveElement(web, () => overlays.closeModal(null, schedule)));
+  schedule.appendChild(getSaveElement(web, () => index$1.closeModal(null, schedule)));
   return {
     schedule,
     showSchedule: async () => {
-      const modal = await overlays.showModal(schedule, web ? {} : { half: true, coeffHalf: 0.66 }, web ? 'context-menu' : null, web ? 'fadeEnterAnimation' : 'slideYEnterAnimation', web ? 'fadeLeaveAnimation' : 'slideYLeaveAnimation', !web, web);
+      const modal = await index$1.showModal(schedule, web ? {} : { half: true, coeffHalf: 0.66 }, web ? 'context-menu' : null, web ? 'fadeEnterAnimation' : 'slideYEnterAnimation', web ? 'fadeLeaveAnimation' : 'slideYLeaveAnimation', !web, web);
       onChange(activeDate);
       return modal;
     }
@@ -132,37 +132,37 @@ const YooFormTodoTaskComponent = class {
     this.actionableTags = [
       {
         action: {
-          getDescription: () => overlays.translate('MANDATORYPHOTODESCRIPTION'),
-          getText: () => overlays.translate('MANDATORYPHOTO'),
+          getDescription: () => index$1.translate('MANDATORYPHOTODESCRIPTION'),
+          getText: () => index$1.translate('MANDATORYPHOTO'),
           icon: 'camera',
           iconColor: 'app-color',
-          isPrimary: () => overlays.isWeb(this.host),
+          isPrimary: () => index$1.isWeb(this.host),
           onClick: () => this.updateValue({ ...this.value, isphotorequired: { value: true } })
         },
         isTagged: () => { var _a, _b; return (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.isphotorequired) === null || _b === void 0 ? void 0 : _b.value; },
         tag: {
           getColor: () => 'app-color',
-          getText: () => overlays.translate('MANDATORYPHOTO'),
+          getText: () => index$1.translate('MANDATORYPHOTO'),
           icon: 'image',
           onRemove: () => this.updateValue({ ...this.value, isphotorequired: { value: false } })
         }
       },
       {
         action: {
-          getDescription: () => overlays.translate('ADDDUEDATE'),
-          getText: () => overlays.translate('DUEDATE'),
+          getDescription: () => index$1.translate('ADDDUEDATE'),
+          getText: () => index$1.translate('DUEDATE'),
           icon: 'calendar',
           iconColor: 'app-color',
-          isPrimary: () => overlays.isWeb(this.host),
+          isPrimary: () => index$1.isWeb(this.host),
           onClick: ({ target }) => this.openSchedule(target)
         },
         isTagged: () => { var _a, _b; return !!((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.duedate) === null || _b === void 0 ? void 0 : _b.value); },
         tag: {
-          getColor: () => { var _a, _b; return (overlays.isDateAfter((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.duedate) === null || _b === void 0 ? void 0 : _b.value, new Date(), 'day') ? 'text-color' : 'danger'); },
-          getText: () => { var _a, _b, _c, _d; return overlays.translate('YOOBICDUEAT', { date: overlays.dateFormat((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.duedate) === null || _b === void 0 ? void 0 : _b.value, 'L'), time: overlays.dateFormat((_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.duedate) === null || _d === void 0 ? void 0 : _d.value, 'LT') }); },
+          getColor: () => { var _a, _b; return (index$1.isDateAfter((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.duedate) === null || _b === void 0 ? void 0 : _b.value, new Date(), 'day') ? 'text-color' : 'danger'); },
+          getText: () => { var _a, _b, _c, _d; return index$1.translate('YOOBICDUEAT', { date: index$1.dateFormat((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.duedate) === null || _b === void 0 ? void 0 : _b.value, 'L'), time: index$1.dateFormat((_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.duedate) === null || _d === void 0 ? void 0 : _d.value, 'LT') }); },
           icon: 'calendar-date',
           onClick: (event) => {
-            if (!this.readonly || !overlays.isWeb(this.host)) {
+            if (!this.readonly || !index$1.isWeb(this.host)) {
               event.stopPropagation();
               this.openSchedule(event.target);
             }
@@ -193,16 +193,16 @@ const YooFormTodoTaskComponent = class {
   }
   closeScheduleDialog(event) {
     if (this.scheduleElement && !event.composedPath().includes(this.scheduleElement)) {
-      overlays.closeModal(null, this.scheduleElement);
+      index$1.closeModal(null, this.scheduleElement);
     }
   }
   componentWillLoad() {
     this.updateValidity();
   }
   componentDidLoad() {
-    index$1.intersectionObserve(this.inputElement, (entries) => entries.forEach(({ isIntersecting }) => this.autofocus && isIntersecting && this.inputElement.setFocus()));
-    index$1.resizeObserve(this.actionsElement, (entries) => entries.forEach(({ contentRect }) => (this.actionsWidth = contentRect.width / 16)));
-    index$1.resizeObserve(this.tagsElement, (entries) => entries.forEach(({ contentRect }) => (this.tagsHeight = contentRect.height / 16)));
+    index$2.intersectionObserve(this.inputElement, (entries) => entries.forEach(({ isIntersecting }) => this.autofocus && isIntersecting && this.inputElement.setFocus()));
+    index$2.resizeObserve(this.actionsElement, (entries) => entries.forEach(({ contentRect }) => (this.actionsWidth = contentRect.width / 16)));
+    index$2.resizeObserve(this.tagsElement, (entries) => entries.forEach(({ contentRect }) => (this.tagsHeight = contentRect.height / 16)));
   }
   componentWillUpdate() {
     this.updateValidity();
@@ -233,7 +233,7 @@ const YooFormTodoTaskComponent = class {
   render() {
     var _a;
     const heading = this.heading;
-    const web = overlays.isWeb(this.host);
+    const web = index$1.isWeb(this.host);
     const actionableTags = web && this.readonly ? {} : lodash.groupBy(this.actionableTags, ({ action }) => action.isPrimary());
     const primaryActionableTags = actionableTags.true || [];
     const secondaryActionableTags = actionableTags.false || [];
@@ -248,13 +248,13 @@ const YooFormTodoTaskComponent = class {
         const value = event.detail;
         event.stopPropagation();
         heading.key ? this.updateTranslation(heading.key, value) : this.updateValue({ ...this.value, text: { value } });
-      } }), index.h("yoo-form-checkbox", { disabled: true, hidden: !this.readonly, size: web ? 'medium' : 'large', onInputChanged: (event) => event.stopPropagation() }), index.h("h1", { hidden: !this.readonly, style: { [overlays.isRTL() ? 'paddingLeft' : 'paddingRight']: actionable ? `${this.actionsWidth}rem` : null, textAlign: 'start' } }, heading.value), index.h("div", { class: "tags", hidden: !tagged, ref: (el) => (this.tagsElement = el) }, this.actionableTags
+      } }), index.h("yoo-form-checkbox", { disabled: true, hidden: !this.readonly, size: web ? 'medium' : 'large', onInputChanged: (event) => event.stopPropagation() }), index.h("h1", { hidden: !this.readonly, style: { [index$1.isRTL() ? 'paddingLeft' : 'paddingRight']: actionable ? `${this.actionsWidth}rem` : null, textAlign: 'start' } }, heading.value), index.h("div", { class: "tags", hidden: !tagged, ref: (el) => (this.tagsElement = el) }, this.actionableTags
       .map(({ tag, isTagged }) => ({ ...tag, isTagged }))
       .map(({ getColor, getText, icon, isTagged, onClick, onRemove }) => (index.h(Tag, { color: getColor(), hidden: !isTagged(), icon: icon, removable: !this.readonly || !web, text: getText(), web: web, onClick: onClick, onRemove: onRemove })))), index.h("div", { class: "actions", hidden: !actionable, ref: (el) => (this.actionsElement = el) }, primaryActionableTags
       .map(({ action, isTagged }) => ({ ...action, isTagged }))
       .map(({ getText, icon, isTagged, onClick }) => (index.h(Action, { hidden: isTagged(), icon: icon, text: getText(), onClick: onClick }))), index.h("yoo-icon", { color: "stable", hidden: !secondaryActionable, name: "more", onClick: (event) => {
         event.stopPropagation();
-        overlays.showActionSheet([
+        index$1.showActionSheet([
           ...secondaryActionableTags.map(({ action, isTagged }) => ({
             description: action.getDescription(),
             handler: action.onClick,

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formTodoCss = "svg:not(:root){overflow:hidden}:host .outer-container yoo-button{--margin-container:auto}:host .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .newtodo{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-16, 1rem)}:host .newtodo.nomargin{margin-top:0}:host .newtodo .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .newtodo .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-02, 0.125rem)}:host .newtodo .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center}:host .newtodo yoo-button{display:inline-block;width:auto}:host .newtodo yoo-button .label{color:var(--app-color, #5a30f4)}:host .readonly .margin-left{display:block;margin-left:var(--spacing-16, 1rem)}:host .readonly .todo-container{margin-bottom:var(--spacing-24, 1.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-10, rgba(173, 173, 173, 0.1));border-radius:var(--spacing-08, 0.5rem)}:host .readonly .todo-container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin:0.6875rem 0 0.5rem 0}:host .readonly .todo-container .content .content-left yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .readonly .todo-container .content .content-left yoo-icon.stable-alt{color:var(--stable-alt, #d0d0d0)}:host .readonly .todo-container .content .content-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .readonly .todo-container .content .content-right .date{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .readonly .todo-container .comments{margin-bottom:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .readonly .todo-container .photo-container{margin-bottom:0.875rem}:host .readonly .todo-container .comment-container{margin-top:0.875rem}:host .readonly .todo-container .textarea-container{margin-top:var(--spacing-08, 0.5rem)}:host .readonly .todo-container .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);margin-bottom:var(--spacing-08, 0.5rem)}";
@@ -45,7 +45,7 @@ const YooFormTodoComponent = class {
   }
   onClearTodo(ev) {
     ev.stopPropagation();
-    overlays.showAlert(overlays.translate('DELETEAPCONFIRM'), [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')]).then((ret) => {
+    index$1.showAlert(index$1.translate('DELETEAPCONFIRM'), [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')]).then((ret) => {
       if (ret) {
         this.value = null;
         formInputHelpers.setValueAndValidateInput(this.value, this);
@@ -56,10 +56,10 @@ const YooFormTodoComponent = class {
     var _a, _b;
     if (!this.disabled && this.slidesTodo && this.slidesTodo.length > 0) {
       this.value = this.value || {
-        title: overlays.translate('YOOBICTODO') + ' - ' + overlays.translateMulti(((_b = (_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.selectedMission) === null || _b === void 0 ? void 0 : _b.title) || '')
+        title: index$1.translate('YOOBICTODO') + ' - ' + index$1.translateMulti(((_b = (_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.selectedMission) === null || _b === void 0 ? void 0 : _b.title) || '')
       };
       if (this.linked) {
-        const formDynamic = overlays.findParent(this.host, 'yoo-form-dynamic');
+        const formDynamic = index$1.findParent(this.host, 'yoo-form-dynamic');
         const previous = await formDynamic.findPreviousValue(this.name);
         if (previous === null || previous === void 0 ? void 0 : previous.field) {
           this.value.field = lodash.cloneDeep(previous.field);
@@ -79,7 +79,7 @@ const YooFormTodoComponent = class {
       dialog.fieldFetchDataFn = (ev) => {
         this.fieldFetchData.emit(ev);
       };
-      overlays.showModal(dialog, { height: 'medium' }, '', overlays.getModalAnimation('Enter', 'Y', { host: this.host }), overlays.getModalAnimation('Leave', 'Y', { host: this.host }), true).then((ret) => {
+      index$1.showModal(dialog, { height: 'medium' }, '', index$1.getModalAnimation('Enter', 'Y', { host: this.host }), index$1.getModalAnimation('Leave', 'Y', { host: this.host }), true).then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           formInputHelpers.setValueAndValidateInput(ret.data, this);
         }
@@ -97,21 +97,21 @@ const YooFormTodoComponent = class {
     return this.value.values.map((t) => {
       const tStyle = formInputHelpers.taskStyle(t.finished);
       return [
-        index.h("div", { class: "task" }, index.h("div", { class: "task-part" }, t.text.value ? (index.h("div", { class: tStyle.style }, index.h("yoo-icon", { class: tStyle.icon }), index.h("span", { class: 'text ' + tStyle.breakText }, overlays.translateMulti(t.text.value)))) : null, t.duedate && t.duedate.value ? (index.h("div", { class: "subtitle" }, index.h("span", { class: "date-label" }, overlays.translate('DUEDATE'), ":"), index.h("span", null, " ", overlays.pipes.dateFormat.transform(t.duedate.value, 'L')))) : null), index.h("div", { class: "task-part" }, t.comments && t.comments.value ? index.h("div", { class: "subtitle" }, " ", t.comments.value) : null, t.finished && t.finished.date ? (index.h("div", { class: "subtitle" }, index.h("span", { class: "date-label" }, overlays.translate('YOOBICFINISHEDDATE'), ":"), index.h("span", null, " ", overlays.pipes.dateFormat.transform(t.finished.date, 'L LT')))) : null, t.hasphoto ? index.h("div", { class: "subtitle photo cursor" }) : null, t.userComments ? index.h("div", { class: "subtitle" }, " ", t.userComments) : null)),
+        index.h("div", { class: "task" }, index.h("div", { class: "task-part" }, t.text.value ? (index.h("div", { class: tStyle.style }, index.h("yoo-icon", { class: tStyle.icon }), index.h("span", { class: 'text ' + tStyle.breakText }, index$1.translateMulti(t.text.value)))) : null, t.duedate && t.duedate.value ? (index.h("div", { class: "subtitle" }, index.h("span", { class: "date-label" }, index$1.translate('DUEDATE'), ":"), index.h("span", null, " ", index$1.pipes.dateFormat.transform(t.duedate.value, 'L')))) : null), index.h("div", { class: "task-part" }, t.comments && t.comments.value ? index.h("div", { class: "subtitle" }, " ", t.comments.value) : null, t.finished && t.finished.date ? (index.h("div", { class: "subtitle" }, index.h("span", { class: "date-label" }, index$1.translate('YOOBICFINISHEDDATE'), ":"), index.h("span", null, " ", index$1.pipes.dateFormat.transform(t.finished.date, 'L LT')))) : null, t.hasphoto ? index.h("div", { class: "subtitle photo cursor" }) : null, t.userComments ? index.h("div", { class: "subtitle" }, " ", t.userComments) : null)),
         index.h("div", { class: "border" })
       ];
     });
   }
   renderReadonly() {
     var _a, _b;
-    return (index.h("div", { class: "readonly" }, ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("yoo-form-todo-mission", { class: "readonly", values: this.value.values, user: overlays.getSession().user, readonly: this.readonly, completed: this.readonly, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
+    return (index.h("div", { class: "readonly" }, ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("yoo-form-todo-mission", { class: "readonly", values: this.value.values, user: index$1.getSession().user, readonly: this.readonly, completed: this.readonly, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
   }
   renderEditable() {
     if (this.value && this.value.title) {
-      return (index.h("div", { class: "newtodo nomargin" }, index.h("yoo-button", { color: "stable-light", class: "app-color margin-right" }, index.h("div", { class: "label", onClick: () => this.onOpenModal() }, overlays.translate('YOOBICEDIT'))), index.h("div", { class: "flex" }, " ", ' ' + this.value.title), index.h("div", { class: "icon" }, index.h("yoo-icon", { size: "small", name: "cross", onClick: (ev) => this.onClearTodo(ev) }))));
+      return (index.h("div", { class: "newtodo nomargin" }, index.h("yoo-button", { color: "stable-light", class: "app-color margin-right" }, index.h("div", { class: "label", onClick: () => this.onOpenModal() }, index$1.translate('YOOBICEDIT'))), index.h("div", { class: "flex" }, " ", ' ' + this.value.title), index.h("div", { class: "icon" }, index.h("yoo-icon", { size: "small", name: "cross", onClick: (ev) => this.onClearTodo(ev) }))));
     }
     else {
-      return (index.h("div", { class: "newtodo nomargin" }, index.h("yoo-button", { color: "stable-light", onClick: () => this.onOpenModal() }, index.h("yoo-icon", { size: "small", slot: "start", name: "plus", color: "app-color" }), index.h("div", { class: "label" }, overlays.translate('ADDTODO')))));
+      return (index.h("div", { class: "newtodo nomargin" }, index.h("yoo-button", { color: "stable-light", onClick: () => this.onOpenModal() }, index.h("yoo-icon", { size: "small", slot: "start", name: "plus", color: "app-color" }), index.h("div", { class: "label" }, index$1.translate('ADDTODO')))));
     }
   }
   render() {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -54,8 +54,8 @@ const YooFormToggleComponent = class {
   }
   onToggle() {
     if (!this.readonly) {
-      if (overlays.isNativeMobile() && overlays.isIOS()) {
-        overlays.vibrateHapticMedium();
+      if (index$1.isNativeMobile() && index$1.isIOS()) {
+        index$1.vibrateHapticMedium();
       }
       formInputHelpers.setValueAndValidateInput(!this.value, this);
       this.clicked.emit(true);
@@ -63,7 +63,7 @@ const YooFormToggleComponent = class {
   }
   renderHelp() {
     if (!this.showHelpBeneathTitle) {
-      return (index.h("div", { class: "help", onClick: (ev) => ev.stopPropagation() }, index.h("yoo-tooltip", { hoverable: overlays.isWeb(this.host), content: overlays.translate(this.help), placement: "top-end" }, index.h("yoo-icon", { size: "small", name: "help", color: "stable" }))));
+      return (index.h("div", { class: "help", onClick: (ev) => ev.stopPropagation() }, index.h("yoo-tooltip", { hoverable: index$1.isWeb(this.host), content: index$1.translate(this.help), placement: "top-end" }, index.h("yoo-icon", { size: "small", name: "help", color: "stable" }))));
     }
   }
   renderHeader() {
@@ -89,9 +89,9 @@ const YooFormToggleComponent = class {
     const hostClass = {
       ...commonHelpers.getAppContext(this.host),
       line: this.type === 'line',
-      [((_b = (_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.currentTheme) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '']: true
+      [((_b = (_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.currentTheme) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '']: true
     };
-    return (index.h(index.Host, { class: hostClass }, index.h("div", { class: { 'readonly': this.readonly, 'outer-container': !this.readonly, 'without-tooltip': this.showHelpBeneathTitle } }, index.h("div", { class: "inner-container" }, this.icon && this.renderIcon(), !overlays.isWeb(this.host) && this.header && this.renderHeader()), !overlays.isWeb(this.host) && this.help && this.type === 'line' && this.renderHelp(), this.readonly ? this.renderReadonly() : this.renderEditable(), overlays.isWeb(this.host) && this.header && this.renderHeader(), overlays.isWeb(this.host) && this.help && this.type === 'line' && this.renderHelp())));
+    return (index.h(index.Host, { class: hostClass }, index.h("div", { class: { 'readonly': this.readonly, 'outer-container': !this.readonly, 'without-tooltip': this.showHelpBeneathTitle } }, index.h("div", { class: "inner-container" }, this.icon && this.renderIcon(), !index$1.isWeb(this.host) && this.header && this.renderHeader()), !index$1.isWeb(this.host) && this.help && this.type === 'line' && this.renderHelp(), this.readonly ? this.renderReadonly() : this.renderEditable(), index$1.isWeb(this.host) && this.header && this.renderHeader(), index$1.isWeb(this.host) && this.help && this.type === 'line' && this.renderHelp())));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$2 = require('./index-a1bbe627.js');
+require('./index-6f92bccb.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 
 var filepond = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!
@@ -17035,8 +17035,8 @@ const YooFormUploaderComponent = class {
         if (!file) {
           return;
         }
-        if (overlays.isNativeFilePath(file)) {
-          const fileObject = await overlays.getFileByPath(file);
+        if (index$1.isNativeFilePath(file)) {
+          const fileObject = await index$1.getFileByPath(file);
           await this.pond.addFile(file, {
             file: {
               name: fileObject.name,
@@ -17045,11 +17045,11 @@ const YooFormUploaderComponent = class {
             metadata
           });
         }
-        else if (overlays.isFile(file)) {
+        else if (index$1.isFile(file)) {
           await this.addFileToPond(file, this.value, metadata);
         }
         else if (file._downloadURL) {
-          await this.pond.addFile(await overlays.urlToFileBlob(file._downloadURL), { metadata });
+          await this.pond.addFile(await index$1.urlToFileBlob(file._downloadURL), { metadata });
         }
       }));
       this.pond.on('error', (err, file) => {
@@ -17087,7 +17087,7 @@ const YooFormUploaderComponent = class {
         }
         // tag file with uploder for broker to upload this file to box db
         if (this.tagFile) {
-          file.file['tag'] = index$1.FormFieldType.documentuploader;
+          file.file['tag'] = index$2.FormFieldType.documentuploader;
         }
         if (this.forceVTT) {
           file.file['forceVTT'] = true;
@@ -17097,12 +17097,12 @@ const YooFormUploaderComponent = class {
         }
         this.uploadedIds.push(file.id);
         // return instance to the actual file
-        if (overlays.isNativeMobile()) {
+        if (index$1.isNativeMobile()) {
           if (await file.getMetadata('init_file')) {
             return this.multiple ? this.value[index] : this.value;
           }
-          if (overlays.isBlob(file.file)) {
-            return (_a = (await overlays.saveToLocalFile(file.file, file.file.name))) === null || _a === void 0 ? void 0 : _a.nativeURL;
+          if (index$1.isBlob(file.file)) {
+            return (_a = (await index$1.saveToLocalFile(file.file, file.file.name))) === null || _a === void 0 ? void 0 : _a.nativeURL;
           }
         }
         return file.file;
@@ -17124,7 +17124,7 @@ const YooFormUploaderComponent = class {
       maxTotalFileSize: null,
       allowMultiple: this.multiple,
       className: this.cssClass ? this.cssClass : '',
-      acceptedFileTypes: this.extensions ? this.extensions.map((ext) => ((ext === null || ext === void 0 ? void 0 : ext.includes) && ext.includes('/') ? ext : overlays.getMimeType(ext))) : [],
+      acceptedFileTypes: this.extensions ? this.extensions.map((ext) => ((ext === null || ext === void 0 ? void 0 : ext.includes) && ext.includes('/') ? ext : index$1.getMimeType(ext))) : [],
       fileValidateTypeDetectType: (_source, type) => new Promise((resolve) => {
         //let type = source?.type;
         // nb. : for Windows-based browsers
@@ -17133,28 +17133,28 @@ const YooFormUploaderComponent = class {
         }
         resolve(type);
       }),
-      labelIdle: this.multiple ? overlays.translate('FILEPONDLABELIDLEMULTIPLE' + (overlays.isWeb(this.host) ? '' : 'MOBILE')) : overlays.translate('FILEPONDLABELIDLE' + (overlays.isWeb(this.host) ? '' : 'MOBILE')),
-      labelInvalidField: overlays.translate('FILEPONDLABELINVALIDFIELD'),
-      labelFileWaitingForSize: overlays.translate('FILEPONDLABELFILEWAITINGFORSIZE'),
-      labelFileSizeNotAvailable: overlays.translate('FILEPONDLABELFILESIZENOTAVAILABLE'),
-      labelFileLoading: overlays.translate('FILEPONDLABELFILELOADING'),
-      labelFileLoadError: overlays.translate('FILEPONDLABELFILELOADERROR'),
-      labelFileProcessing: overlays.translate('FILEPONDLABELFILEPROCESSING'),
-      labelFileProcessingComplete: overlays.translate('FILEPONDLABELFILEPROCESSINGCOMPLETE'),
-      labelFileProcessingAborted: overlays.translate('FILEPONDLABELFILEPROCESSINGABORTED'),
-      labelFileProcessingError: overlays.translate('FILEPONDLABELFILEPROCESSINGERROR'),
-      labelFileProcessingRevertError: overlays.translate('FILEPONDLABELFILEPROCESSINGREVERTERROR'),
-      labelFileRemoveError: overlays.translate('FILEPONDLABELFILEREMOVEERROR'),
-      labelTapToCancel: overlays.translate('FILEPONDLABELTAPTOCANCEL'),
-      labelTapToRetry: overlays.translate('FILEPONDLABELTAPTORETRY'),
-      labelTapToUndo: overlays.translate('FILEPONDLABELTAPTOUNDO'),
-      labelButtonRemoveItem: overlays.translate('FILEPONDLABELBUTTONREMOVEITEM'),
-      labelButtonAbortItemLoad: overlays.translate('FILEPONDLABELBUTTONABORTITEMLOAD'),
-      labelButtonRetryItemLoad: overlays.translate('FILEPONDLABELBUTTONRETRYITEMLOAD'),
-      labelButtonAbortItemProcessing: overlays.translate('FILEPONDLABELBUTTONABORTITEMPROCESSING'),
-      labelButtonUndoItemProcessing: overlays.translate('FILEPONDLABELBUTTONUNDOITEMPROCESSING'),
-      labelButtonRetryItemProcessing: overlays.translate('FILEPONDLABELBUTTONRETRYITEMPROCESSING'),
-      labelButtonProcessItem: overlays.translate('FILEPONDLABELBUTTONPROCESSITEM'),
+      labelIdle: this.multiple ? index$1.translate('FILEPONDLABELIDLEMULTIPLE' + (index$1.isWeb(this.host) ? '' : 'MOBILE')) : index$1.translate('FILEPONDLABELIDLE' + (index$1.isWeb(this.host) ? '' : 'MOBILE')),
+      labelInvalidField: index$1.translate('FILEPONDLABELINVALIDFIELD'),
+      labelFileWaitingForSize: index$1.translate('FILEPONDLABELFILEWAITINGFORSIZE'),
+      labelFileSizeNotAvailable: index$1.translate('FILEPONDLABELFILESIZENOTAVAILABLE'),
+      labelFileLoading: index$1.translate('FILEPONDLABELFILELOADING'),
+      labelFileLoadError: index$1.translate('FILEPONDLABELFILELOADERROR'),
+      labelFileProcessing: index$1.translate('FILEPONDLABELFILEPROCESSING'),
+      labelFileProcessingComplete: index$1.translate('FILEPONDLABELFILEPROCESSINGCOMPLETE'),
+      labelFileProcessingAborted: index$1.translate('FILEPONDLABELFILEPROCESSINGABORTED'),
+      labelFileProcessingError: index$1.translate('FILEPONDLABELFILEPROCESSINGERROR'),
+      labelFileProcessingRevertError: index$1.translate('FILEPONDLABELFILEPROCESSINGREVERTERROR'),
+      labelFileRemoveError: index$1.translate('FILEPONDLABELFILEREMOVEERROR'),
+      labelTapToCancel: index$1.translate('FILEPONDLABELTAPTOCANCEL'),
+      labelTapToRetry: index$1.translate('FILEPONDLABELTAPTORETRY'),
+      labelTapToUndo: index$1.translate('FILEPONDLABELTAPTOUNDO'),
+      labelButtonRemoveItem: index$1.translate('FILEPONDLABELBUTTONREMOVEITEM'),
+      labelButtonAbortItemLoad: index$1.translate('FILEPONDLABELBUTTONABORTITEMLOAD'),
+      labelButtonRetryItemLoad: index$1.translate('FILEPONDLABELBUTTONRETRYITEMLOAD'),
+      labelButtonAbortItemProcessing: index$1.translate('FILEPONDLABELBUTTONABORTITEMPROCESSING'),
+      labelButtonUndoItemProcessing: index$1.translate('FILEPONDLABELBUTTONUNDOITEMPROCESSING'),
+      labelButtonRetryItemProcessing: index$1.translate('FILEPONDLABELBUTTONRETRYITEMPROCESSING'),
+      labelButtonProcessItem: index$1.translate('FILEPONDLABELBUTTONPROCESSITEM'),
       allowImagePreview: false,
       imagePreviewHeight: 50,
       allowDrop: allowed,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const videoPlayerHelpers = require('./video-player-helpers-f53226be.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const videoPlayerHelpers = require('./video-player-helpers-2d1d0372.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -30,7 +30,7 @@ const YooFormVideoPlayerComponent = class {
     }
   }
   connectedCallback() {
-    if (overlays.isOffline()) {
+    if (index$1.isOffline()) {
       this.inputChanged.emit(true);
     }
   }
@@ -45,7 +45,7 @@ const YooFormVideoPlayerComponent = class {
       return;
     }
     const type = videoPlayerHelpers.getSourceType(this.field);
-    const blockControlAndAutoPlayOnTap = type !== 'youtube' || !overlays.isNativeMobile() || ((overlays.isTabletOrIpad() || overlays.isAndroid()) && overlays.isNativeMobile());
+    const blockControlAndAutoPlayOnTap = type !== 'youtube' || !index$1.isNativeMobile() || ((index$1.isTabletOrIpad() || index$1.isAndroid()) && index$1.isNativeMobile());
     const videoPlayerCoreParameters = {
       source: videoPlayerHelpers.fixVideoSource(this.field),
       controls: !blockControlAndAutoPlayOnTap,

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const YooFormWikiComponent = class {
@@ -51,7 +51,7 @@ const YooFormWikiComponent = class {
     const entityType = this.wikiRef ? 'wikis' : (this.missionRef ? 'missions' : (this.feedRef ? 'feeds' : ''));
     const entityId = this.wikiRef || this.missionRef || this.feedRef;
     if (entityId && entityType) {
-      return overlays.getAsyncExtraData({ type: 'show-entity-by-id', params: { entityType, entityId } });
+      return index$1.getAsyncExtraData({ type: 'show-entity-by-id', params: { entityType, entityId } });
     }
   }
   render() {