@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-memo-list-dialog.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const memoListDialogCss = ":host .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem 0.5rem;padding-bottom:0}:host .inner-container .left-container{padding:0.25rem 0.5rem}:host .inner-container .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .inner-container .right-container .title{padding-top:0.1rem;font-size:var(--font-size-18, 1.125rem)}:host .inner-container .right-container .completed{color:var(--app-color, #5a30f4);text-decoration:line-through;-webkit-transition:0.3s;transition:0.3s}:host .inner-container .right-container .active{color:var(--dark, #000000);text-decoration:none;-webkit-transition:0.3s;transition:0.3s}:host .inner-container .right-container .description{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .inner-container .right-container .date.danger{color:var(--danger, #d44333)}:host .inner-container .right-container .avatar-box{padding-top:0.5rem;padding-right:0.4rem}:host .inner-container .right-container .avatar-box .avatar-container ul{margin:auto;padding:0;line-height:2rem;list-style:none}:host .inner-container .right-container .avatar-box .avatar-container ul li{display:inline-table;margin-right:0.25rem}:host .photo{margin:1rem;margin-top:0}:host .owner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-32, 2rem);padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);border-top:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .owner-container yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}";
 
@@ -17,48 +18,48 @@ const YooMemoListDialogComponent = class {
     this.usersView = index.createEvent(this, "usersView", 7);
   }
   showDeleteAlert(memo) {
-    const title = index$1.translate('DELETE');
-    const bodyMessage = index$1.translate('DELETETODOTASKCONFIRM');
-    index$1.showAlert(title, [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], bodyMessage).then((ret) => {
+    const title = overlays.translate('DELETE');
+    const bodyMessage = overlays.translate('DELETETODOTASKCONFIRM');
+    overlays.showAlert(title, [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], bodyMessage).then((ret) => {
       if (ret === true) {
-        index$1.closeModal({ memo, action: 'delete' });
+        overlays.closeModal({ memo, action: 'delete' });
       }
     });
   }
   onClose() {
     if (this.changed) {
-      index$1.closeModal({ memo: this.memo, action: 'update' });
+      overlays.closeModal({ memo: this.memo, action: 'update' });
     }
     else {
-      index$1.closeModal(null);
+      overlays.closeModal(null);
     }
   }
   onCloseActionSheet(memo, action) {
     this.actionSheetDismiss = { memo, action };
   }
   onViewUsers(memo) {
-    index$1.closeModal({ memo, action: 'view_users' });
+    overlays.closeModal({ memo, action: 'view_users' });
   }
   onShowActionSheet(memo) {
     const buttons = [
       {
         actionType: 'edit',
-        text: index$1.translate('YOOBICEDIT'),
+        text: overlays.translate('YOOBICEDIT'),
         handler: () => this.onCloseActionSheet(memo, 'edit')
       },
       {
         actionType: 'delete',
-        text: index$1.translate('DELETE'),
+        text: overlays.translate('DELETE'),
         handler: () => this.onCloseActionSheet(memo, 'delete')
       }
     ];
-    index$1.showActionSheet(buttons, 'black').then(() => {
+    overlays.showActionSheet(buttons, 'black').then(() => {
       const ANIMATION_DURATION = 300;
       if (this.actionSheetDismiss) {
         const action = this.actionSheetDismiss.action;
         setTimeout(() => {
           if (action === 'edit') {
-            index$1.closeModal(this.actionSheetDismiss);
+            overlays.closeModal(this.actionSheetDismiss);
           }
           else {
             this.showDeleteAlert(this.actionSheetDismiss.memo);
@@ -96,17 +97,17 @@ const YooMemoListDialogComponent = class {
     }
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "left", color: "text-color" }))), index.h("yoo-truncate", null, index$1.translate('TASKDETAIL')), index$1.isMemoEditable(this.memo, index$1.getSession()) ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, index.h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "left", color: "text-color" }))), index.h("yoo-truncate", null, overlays.translate('TASKDETAIL')), overlays.isMemoEditable(this.memo, overlays.getSession()) ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, index.h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
   }
   renderContent() {
-    const readonly = this.memo.usersRef.indexOf(index$1.getSession().userId) < 0;
-    const allowAnnotate = this.memo.usersRef.indexOf(index$1.getSession().userId) >= 0 || this.memo.creatorRef === index$1.getSession().userId;
-    return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && index$1.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", index$1.pipes.dateFormat.transform(this.memo.duedate, 'L'))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, this.memo.users.map((user) => {
+    const readonly = this.memo.usersRef.indexOf(overlays.getSession().userId) < 0;
+    const allowAnnotate = this.memo.usersRef.indexOf(overlays.getSession().userId) >= 0 || this.memo.creatorRef === overlays.getSession().userId;
+    return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && overlays.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", overlays.pipes.dateFormat.transform(this.memo.duedate, 'L'))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, this.memo.users.map((user) => {
       return (index.h("li", { onClick: () => this.onViewUsers(this.memo) }, index.h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
     })))))), this.memo.imageData ? (index.h("div", { class: "photo" }, index.h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (index.h("div", { class: "owner-container" }, [
       this.memo.owner && index.h("yoo-avatar", { size: "small", user: this.memo.owner }),
-      index.h("span", { class: "text" }, index$1.getUserDisplayName(this.memo.owner)),
-      this.memo && this.memo._lmt && index.h("div", { class: "memo-date" }, index$1.pipes.dateFormat.transform(this.memo._lmt, 'L LT'))
+      index.h("span", { class: "text" }, overlays.getUserDisplayName(this.memo.owner)),
+      this.memo && this.memo._lmt && index.h("div", { class: "memo-date" }, overlays.pipes.dateFormat.transform(this.memo._lmt, 'L LT'))
     ]))));
   }
   render() {

package/dist/cjs/yoo-memo-list.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const memoListCss = ":host .outer-container{padding:0 1rem}:host .outer-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:1rem}:host .outer-container .title-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .title-container .flex{-ms-flex:1;flex:1}:host .outer-container .title-container yoo-badge{margin-left:0.5rem}:host .outer-container .title-container yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{position:relative;z-index:2;background:var(--light, #ffffff);-webkit-transition:0.2s;transition:0.2s}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #d84c96) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light, #ffffff);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight, #fafafa)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood{background-color:var(--wood, #99644c) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover:hover{color:var(--light, #ffffff);background-color:var(--wood, #99644c)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web .icon-container{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:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);margin-right:var(--spacing-04, 0.25rem);border-radius:50%;-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 yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--success, #3aa76d);opacity:0.5}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button .text-action{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\")}:host .outer-container yoo-ion-list yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host .outer-container .border{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding-right:0.5rem}:host .outer-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;padding-top:0.75rem;padding-bottom:0.75rem}:host .outer-container .inner-container .photo{width:40px;height:40px;margin-top:0.2rem;margin-bottom:0.5rem;margin-left:1.9rem;border-radius:0.25rem}:host .outer-container .inner-container .description-container{margin-bottom:0.3rem;padding-left:2rem}:host .outer-container .inner-container .description-container yoo-truncate{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .owner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-32, 2rem);padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);border-top:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .inner-container .owner-container yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container .item-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .outer-container .inner-container .item-container .center-container{-ms-flex-positive:1;flex-grow:1;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .inner-container .item-container .center-container .menu-item-title.closed{color:var(--app-color, #5a30f4);text-decoration:line-through}:host .outer-container .inner-container .item-container .center-container .menu-item-title.open{line-height:1.2rem}:host .outer-container .inner-container .item-container .center-container .menu-item-title.readonly{opacity:0.7}:host .outer-container .inner-container .item-container .center-container .menu-item-title.selected{color:var(--app-color, #5a30f4);text-decoration:line-through;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .center-container .menu-item-title.unselected{color:var(--dark, #000000);text-decoration:none;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .right-container{display:-ms-flexbox;display:flex;padding:0 0.5rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box{margin-top:0.25rem}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date{-ms-flex-item-align:center;align-self:center;margin-left:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date.danger{color:var(--danger, #d44333)}:host .outer-container .inner-container .item-container .right-container .avatar-box{padding-right:0.4rem}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul{display:-ms-flexbox;display:flex;margin:auto;padding:0;list-style:none}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul li{display:inline-table;margin-right:-0.5rem}:host([type=closed]) .outer-container{padding-bottom:2rem}";
 
@@ -63,7 +64,7 @@ const YooMemoListComponent = class {
     this.dialog.memo = memo;
     this.dialog.type = this.type;
     this.memoSelect.emit(memo);
-    index$1.showModal(this.dialog, null, 'quickview', index$1.isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', index$1.isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true, false, this.modalHost).then((ret) => {
+    overlays.showModal(this.dialog, null, 'quickview', overlays.isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', overlays.isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true, false, this.modalHost).then((ret) => {
       if (ret && ret.data) {
         const action = ret.data.action;
         switch (action) {
@@ -85,9 +86,9 @@ const YooMemoListComponent = class {
     });
   }
   onMemoDelete(memo, itemElement) {
-    const title = index$1.translate('DELETE');
-    const bodyMessage = index$1.translate('DELETETODOTASKCONFIRM');
-    index$1.showAlert(title, [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], bodyMessage).then((ret) => {
+    const title = overlays.translate('DELETE');
+    const bodyMessage = overlays.translate('DELETETODOTASKCONFIRM');
+    overlays.showAlert(title, [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], bodyMessage).then((ret) => {
       if (ret === true) {
         this.memoDelete.emit(memo);
       }
@@ -102,16 +103,16 @@ const YooMemoListComponent = class {
   renderMemosItemMobile(memo, memoIndex) {
     let itemElement;
     let itemSliding;
-    return (index.h("yoo-ion-item-sliding", { ref: (el) => (itemSliding = el) }, index.h("yoo-ion-item", { ref: (el) => (itemElement = el), class: "border", lines: "none" }, this.renderInnerContainer(memo, memoIndex)), index$1.isMemoEditable(memo, index$1.getSession()) && (index.h("yoo-ion-item-options", { side: "end" }, index.h("div", { class: { 'options-container': true, web: index$1.isWeb(this.host) } }, index.h("button", { onClick: () => {
+    return (index.h("yoo-ion-item-sliding", { ref: (el) => (itemSliding = el) }, index.h("yoo-ion-item", { ref: (el) => (itemElement = el), class: "border", lines: "none" }, this.renderInnerContainer(memo, memoIndex)), overlays.isMemoEditable(memo, overlays.getSession()) && (index.h("yoo-ion-item-options", { side: "end" }, index.h("div", { class: { 'options-container': true, web: overlays.isWeb(this.host) } }, index.h("button", { onClick: () => {
         this.memoEdit.emit(memo);
         itemSliding.close();
-      }, class: "bg-stable" }, index.h("yoo-icon", { name: "pen", color: "light" }), index.h("span", { class: "text-action" }, index$1.translate('YOOBICEDIT'))), index.h("button", { onClick: () => {
+      }, class: "bg-stable" }, index.h("yoo-icon", { name: "pen", color: "light" }), index.h("span", { class: "text-action" }, overlays.translate('YOOBICEDIT'))), index.h("button", { onClick: () => {
         this.onMemoDelete(memo, itemElement);
         itemSliding.close();
-      }, class: "bg-danger" }, index.h("yoo-icon", { name: "delete", color: "light" }), index.h("span", { class: "text-action" }, index$1.translate('DELETE'))))))));
+      }, class: "bg-danger" }, index.h("yoo-icon", { name: "delete", color: "light" }), index.h("span", { class: "text-action" }, overlays.translate('DELETE'))))))));
   }
   renderInnerContainer(memo, memoIndex) {
-    const readonly = memo.usersRef.indexOf(index$1.getSession().userId) < 0;
+    const readonly = memo.usersRef.indexOf(overlays.getSession().userId) < 0;
     let spanElement;
     return [
       index.h("div", { class: "inner-container" }, index.h("div", { class: "item-container" }, index.h("div", { class: {
@@ -120,11 +121,11 @@ const YooMemoListComponent = class {
           done: memo.done
         } }, this.selectedMemoIndex === memoIndex ? (index.h("yoo-icon", { name: this.type === CLOSED_STATE ? 'circle' : 'check', color: this.type === CLOSED_STATE ? 'dark' : 'app-color' })) : (index.h("yoo-form-checkbox", { value: this.type === CLOSED_STATE ? true : null, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoUpdate(event, memo, spanElement, memoIndex) : null) }))), index.h("div", { class: "center-container", onClick: () => this.onOpenMemoListDialog(memo) }, index.h("span", { ref: (el) => (spanElement = el), class: 'menu-item-title ' + this.type + (readonly ? ' readonly' : '') }, memo.title)), index.h("div", { class: "right-container", onClick: () => this.onOpenMemoListDialog(memo) }, this.renderAvatarContainer(memo), index.h("div", { class: "date-box" }, memo.duedate && (index.h("span", { class: {
           'menu-item-date': true,
-          danger: this.type !== CLOSED_STATE && index$1.isDateBefore(memo.duedate, new Date())
-        } }, index$1.pipes.dateFormat.transform(memo.duedate, 'L')))))), memo.imageData && index.h("yoo-img", { type: "background", class: "photo", onClick: () => this.onOpenMemoListDialog(memo), src: memo.imageData }), memo.description && (index.h("div", { class: "description-container", onClick: () => this.onOpenMemoListDialog(memo) }, index.h("yoo-truncate", { maxLength: 100, byWords: true, content: memo.description }))), memo.done && memo.owner && (index.h("div", { class: "owner-container", onClick: () => this.onOpenMemoListDialog(memo) }, [
+          danger: this.type !== CLOSED_STATE && overlays.isDateBefore(memo.duedate, new Date())
+        } }, overlays.pipes.dateFormat.transform(memo.duedate, 'L')))))), memo.imageData && index.h("yoo-img", { type: "background", class: "photo", onClick: () => this.onOpenMemoListDialog(memo), src: memo.imageData }), memo.description && (index.h("div", { class: "description-container", onClick: () => this.onOpenMemoListDialog(memo) }, index.h("yoo-truncate", { maxLength: 100, byWords: true, content: memo.description }))), memo.done && memo.owner && (index.h("div", { class: "owner-container", onClick: () => this.onOpenMemoListDialog(memo) }, [
         memo.owner && index.h("yoo-avatar", { size: "small", user: memo.owner }),
-        index.h("span", { class: "text" }, index$1.getUserDisplayName(memo.owner)),
-        memo && memo._lmt && index.h("div", { class: "memo-date" }, index$1.pipes.dateFormat.transform(memo._lmt, 'L LT'))
+        index.h("span", { class: "text" }, overlays.getUserDisplayName(memo.owner)),
+        memo && memo._lmt && index.h("div", { class: "memo-date" }, overlays.pipes.dateFormat.transform(memo._lmt, 'L LT'))
       ])))
     ];
   }
@@ -132,7 +133,7 @@ const YooMemoListComponent = class {
     return index.h("yoo-avatars", { users: memo.users, maxDisplay: MAX_AVATAR_DISPLAY, size: "small", layout: "stack" });
   }
   renderMemos() {
-    const _isWeb = index$1.isWeb(this.host);
+    const _isWeb = overlays.isWeb(this.host);
     return this.memos.slice(0, this.numberOfMemosToRender).map((memo, memoIndex) => {
       // we need to keep the extra div, otherwise stencil update the checkbox of the next item
       return index.h("div", { class: "memo-container", "attr-name": memo._id, "data-id": memo._id }, _isWeb ? this.renderMemosItemWeb(memo, memoIndex) : this.renderMemosItemMobile(memo, memoIndex));
@@ -140,7 +141,7 @@ const YooMemoListComponent = class {
   }
   render() {
     const badgeColor = this.type === 'open' ? 'danger' : 'app-color-10';
-    return (index.h("div", { class: "outer-container" }, index.h("span", null, this.memos && this.memos.length ? (index.h("div", { class: "title-container", onClick: () => this.onIconClicked() }, index.h("div", { class: "title" }, this.type === 'open' ? index$1.translate('YOOBICACTIONS') : this.type === CLOSED_STATE ? index$1.translate('COMPLETED') : null), index.h("yoo-badge", { text: index$1.pipes.number.transform(this.memos.length), color: badgeColor, size: "extra-small" }), index.h("span", { class: "flex" }), index.h("yoo-icon", { size: "small", name: this.collapsed ? 'arrow-down' : 'arrow-up' }))) : null, !this.collapsed && this.memos ? (index.h("yoo-ion-list", null, !this.showLoader && this.renderMemos(), this.showLoader && index.h("yoo-loader", { class: "fixed backdrop", size: "large" }), index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), onIonInfinite: () => this.onInfiniteScroll() }, this.numberOfMemosToRender < this.memos.length && index.h("yoo-ion-infinite-scroll-content", null)))) : null)));
+    return (index.h("div", { class: "outer-container" }, index.h("span", null, this.memos && this.memos.length ? (index.h("div", { class: "title-container", onClick: () => this.onIconClicked() }, index.h("div", { class: "title" }, this.type === 'open' ? overlays.translate('YOOBICACTIONS') : this.type === CLOSED_STATE ? overlays.translate('COMPLETED') : null), index.h("yoo-badge", { text: overlays.pipes.number.transform(this.memos.length), color: badgeColor, size: "extra-small" }), index.h("span", { class: "flex" }), index.h("yoo-icon", { size: "small", name: this.collapsed ? 'arrow-down' : 'arrow-up' }))) : null, !this.collapsed && this.memos ? (index.h("yoo-ion-list", null, !this.showLoader && this.renderMemos(), this.showLoader && index.h("yoo-loader", { class: "fixed backdrop", size: "large" }), index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), onIonInfinite: () => this.onInfiniteScroll() }, this.numberOfMemosToRender < this.memos.length && index.h("yoo-ion-infinite-scroll-content", null)))) : null)));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-mention-tag.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const mentionTagCss = ".accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}yoo-mention-tag.success{color:var(--success, #3aa76d)}yoo-mention-tag.app-color{color:var(--app-color, #5a30f4)}yoo-mention-tag.url{text-decoration:underline}yoo-mention-tag.url.light{color:var(--light, #ffffff)}";
 
@@ -28,7 +29,7 @@ const YooMentionTagComponent = class {
       ev.stopPropagation();
       if ((_a = this.host) === null || _a === void 0 ? void 0 : _a.dataset) {
         if (this.isURL) {
-          if (index$1.isDeeplink((_c = (_b = this.host) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.url)) {
+          if (overlays.isDeeplink((_c = (_b = this.host) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.url)) {
             window.postMessage([{ value: (_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.dataset) === null || _e === void 0 ? void 0 : _e.url }], '*');
           }
           else {
@@ -36,7 +37,7 @@ const YooMentionTagComponent = class {
           }
         }
         else if ((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.dataset) === null || _j === void 0 ? void 0 : _j.id) {
-          index$1.getAsyncExtraData({ type: 'user-detail-id', params: { id: this.host.dataset.id } });
+          overlays.getAsyncExtraData({ type: 'user-detail-id', params: { id: this.host.dataset.id } });
         }
       }
     }