@yoobic/yobi 8.5.0-40 → 8.5.0-42

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const mapHelpers = require('./map-helpers-65e8193f.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const mapHelpers = require('./map-helpers-aa7ba3aa.js');
+const overlays = require('./overlays-c545c947.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const mapCss = "svg:not(:root){overflow:hidden}:host{width:100%;height:100%}:host .content-container{width:100%;height:100%}:host .content-container.modal-header{height:calc(100% - 44px)}:host.absolute{position:absolute;top:0;right:0;bottom:0;left:0}:host:not(.absolute){position:relative}";

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const localForage = require('./localForage-162ce4f9.js');
-const commonHelpers = require('./common-helpers-82a45712.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
+require('./index-3f2bca41.js');
+const localForage = require('./localForage-3d6912e0.js');
+const commonHelpers = require('./common-helpers-edf7fda5.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-a1aee400.js');
+require('./index-f9aace31.js');
 
 const markdownCss = "/*!\n * froala_editor v4.0.14 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}svg:not(:root){overflow:hidden}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host{display:block}:host .markdown-content{overflow-wrap:break-word}:host .markdown-content svg{max-width:100%}@media print{:host .fr-view hr{page-break-after:avoid !important}}:host(.lesson-form.lesson-live-preview.information) .fr-view img.fr-dib{margin:0 auto}";
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const memoListDialogCss = "svg:not(:root){overflow:hidden}: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)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const memoListCss = "svg:not(:root){overflow:hidden}: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}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const mentionTagCss = "svg:not(:root){overflow:hidden}.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)}";

package/dist/cjs/yoo-mission-details.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const missionsHelpers = require('./missions-helpers-c5b0436f.js');
-const commonHelpers = require('./common-helpers-82a45712.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const missionsHelpers = require('./missions-helpers-e5867ec5.js');
+const commonHelpers = require('./common-helpers-edf7fda5.js');
+const overlays = require('./overlays-c545c947.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const missionDetailsCss = "svg:not(:root){overflow:hidden}:host .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:var(--spacing-16, 1rem);padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .menu-item.pointer{cursor:pointer}:host .menu .menu-item .menu-right .menu-content a{color:var(--app-color, #5a30f4)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0;overflow:hidden;white-space:nowrap}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi .kpi-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:0}:host .menu .menu-item .menu-right .menu-content.mission-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap}:host .menu .menu-item .menu-right .mission-user .user{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;width:100%}:host .menu .menu-item .menu-right .mission-user .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user .actions{display:-ms-flexbox;display:flex}:host .menu .menu-item .menu-right .mission-user .actions yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .menu>.menu-item:last-child .menu-left .border{display:none}:host .menu.pdf{margin:0;padding:0}:host .menu.pdf .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-08, 0.5rem)}:host .menu.pdf .menu-item .menu-left{display:none}:host .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:var(--spacing-16, 1rem);margin-bottom:0.3rem}:host .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host .mission-detail.padding{padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host .mission-detail.margin{margin:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-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(.mission-detail-deprecated){height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-detail-deprecated) .score-item .mission-title{margin-top:1rem;margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);line-height:2.0625rem}:host(.mission-detail-deprecated) .score-item .menu-content .score-active-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring{padding-bottom:0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .centered{padding:0.5rem;text-align:center}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .network{margin-top:1rem;color:var(--text-color, #807f83)}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.points-container{-ms-flex-align:center;align-items:center;padding:1em 0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.contrasted{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.points{padding:0 !important}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.mixed{padding-top:0.75rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.no-divider{padding-top:0}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.divider{padding-top:0;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mission-detail-deprecated) .mission-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer{height:calc(var(--safe-area-inset-bottom) + 5.75rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content{padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.mission-detail-deprecated).web{background:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).border .mission-detail.web yoo-ion-content{border-radius:0.375rem}:host(.mission-detail-deprecated).border .mission-detail.web yoo-form-footer{--border-radius:0 0 0.375rem 0.375rem}:host(.mission-results-deprecated){display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:calc(var(--spacing-16, 1rem) * -1) calc(var(--spacing-16, 1rem) * -1) 0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .title{font-weight:bold}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu{margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu:not(.pdf){-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-results-deprecated) .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results.web .content .menu.pdf{padding:0}:host(.mission-results-deprecated).inline{display:block;height:initial}";
+const missionDetailsCss = "svg:not(:root){overflow:hidden}:host .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:var(--spacing-16, 1rem);padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .menu-item.pointer{cursor:pointer}:host .menu .menu-item .menu-right .menu-content a{color:var(--app-color, #5a30f4)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0;overflow:hidden;white-space:nowrap}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi .kpi-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:0}:host .menu .menu-item .menu-right .menu-content.mission-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap}:host .menu .menu-item .menu-right .mission-user .user{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;overflow:hidden}:host .menu .menu-item .menu-right .mission-user .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}:host .menu .menu-item .menu-right .mission-user .user .label span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-item .menu-right .mission-user .actions{display:-ms-flexbox;display:flex}:host .menu .menu-item .menu-right .mission-user .actions yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .menu>.menu-item:last-child .menu-left .border{display:none}:host .menu.pdf{margin:0;padding:0}:host .menu.pdf .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-08, 0.5rem)}:host .menu.pdf .menu-item .menu-left{display:none}:host .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:var(--spacing-16, 1rem);margin-bottom:0.3rem}:host .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host(.mission-detail-deprecated){height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-detail-deprecated) .score-item .mission-title{margin-top:1rem;margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);line-height:2.0625rem}:host(.mission-detail-deprecated) .score-item .menu-content .score-active-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring{padding-bottom:0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .centered{padding:0.5rem;text-align:center}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .network{margin-top:1rem;color:var(--text-color, #807f83)}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.points-container{-ms-flex-align:center;align-items:center;padding:1em 0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.contrasted{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.points{padding:0 !important}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.mixed{padding-top:0.75rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.no-divider{padding-top:0}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.divider{padding-top:0;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mission-detail-deprecated) .mission-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.mission-detail-deprecated) .mission-detail .bg-stable-ultralight{background:var(--stable-ultralight, #fafafa)}:host(.mission-detail-deprecated) .mission-detail .bg-light{background:var(--light, #ffffff)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer{height:calc(var(--safe-area-inset-bottom) + 5.75rem)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer.web{height:calc(var(--safe-area-inset-bottom) + 3.5625rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading,:host(.mission-detail-deprecated) .mission-detail yoo-announcement-heading{display:block}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading{margin:0 var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading.web{margin:0 var(--spacing-24, 1.5rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content{padding:var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content.web{margin:var(--spacing-24, 1.5rem);border-radius:var(--border-radius-08, 0.5rem);-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(.mission-detail-deprecated).web{background:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).border .mission-detail.web yoo-ion-content{border-radius:0.375rem}:host(.mission-detail-deprecated).border .mission-detail.web yoo-form-footer{--border-radius:0 0 0.375rem 0.375rem}:host(.mission-results-deprecated){display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:calc(var(--spacing-16, 1rem) * -1) calc(var(--spacing-16, 1rem) * -1) 0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .title{font-weight:bold}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu{margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu:not(.pdf){-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-results-deprecated) .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results.web .content .menu.pdf{padding:0}:host(.mission-results-deprecated).inline{display:block;height:initial}";
 
 const Menu = ({ icon, text, extraClass, callback }, children, utils) => {
   return (index.h("li", { class: { 'menu-item': true, pointer: !!callback }, onClick: () => callback === null || callback === void 0 ? void 0 : callback() }, index.h("div", { class: "menu-left" }, index.h("yoo-tag", { icon: icon, size: "medium", color: "app-color-10" }), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, text), index.h("div", { class: { 'menu-content': true, [extraClass]: true } }, utils.map(children, (child) => child)))));
@@ -22,6 +22,7 @@ const YooMissionDetailsComponent = class {
     this.book = index.createEvent(this, "book", 7);
     this.preview = index.createEvent(this, "preview", 7);
     this.assign = index.createEvent(this, "assign", 7);
+    this.finish = index.createEvent(this, "finish", 7);
     this.showUser = index.createEvent(this, "showUser", 7);
     this.selectLocation = index.createEvent(this, "selectLocation", 7);
     this.selectAudience = index.createEvent(this, "selectAudience", 7);
@@ -30,8 +31,9 @@ const YooMissionDetailsComponent = class {
     this.animated = true;
     this.instant = false;
   }
-  get campaignPhotos() {
-    return overlays.getTodoCampaignPhotos(this.mission);
+  get isTodoMission() {
+    var _a;
+    return ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.type) === 'todo';
   }
   get showInformation() {
     var _a, _b;
@@ -54,8 +56,7 @@ const YooMissionDetailsComponent = class {
     return ((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.locationRef) && session.user.locationRef === this.mission.locationRef;
   }
   loadParentMissionData() {
-    var _a;
-    if (((_a = this.mission) === null || _a === void 0 ? void 0 : _a.type) === 'todo' && this.mission.originalMissionId) {
+    if (this.isTodoMission && this.mission.originalMissionId) {
       return overlays.getAsyncExtraData({ type: 'get-by-id', params: { collectionName: 'missions', id: this.mission.originalMissionId } })
         .then((mission) => {
         if (mission._id === this.mission.originalMissionId) {
@@ -73,45 +74,54 @@ const YooMissionDetailsComponent = class {
   getFooterButtons() {
     var _a, _b;
     const buttons = [];
+    const lastIndex = ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) - 1;
     const size = (overlays.isWeb(this.host) ? 'medium' : 'large');
     const buttonsConfig = {
       assign: {
         text: overlays.translate(this.mission.ownerRef ? 'REASSIGN' : 'ASSIGN'),
-        size,
         handler: (ev) => this.onAssign(ev)
       },
       continue: {
         text: overlays.translate('CONTINUE'),
-        size,
-        cssClass: 'continue',
         handler: (ev) => this.onBook('continue', ev)
       },
       preview: {
         text: overlays.translate('PREVIEW'),
-        size,
         handler: (ev) => this.onPreview(ev)
       },
+      read: {
+        text: overlays.translate('MARKASREAD'),
+        handler: (ev) => this.onFinish(ev)
+      },
       start: {
         text: overlays.translate('START'),
-        size,
         handler: (ev) => this.onBook('start', ev)
       },
+      submit: {
+        text: overlays.translate('SUBMIT'),
+        handler: (ev) => this.onFinish(ev)
+      },
       unbook: {
         text: overlays.translate('UNBOOK'),
-        size,
         color: 'light',
-        cssClass: 'unbook',
         handler: (ev) => this.onBook('unbook', ev)
       }
     };
-    const lastIndex = ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) - 1;
     (_b = this.actions) === null || _b === void 0 ? void 0 : _b.forEach((item, index) => {
       const config = buttonsConfig[item];
       if (config) {
+        let color = 'light';
+        if (this.disabled) {
+          color = 'stable-light';
+        }
+        else if (index === lastIndex) {
+          color = 'app-color';
+        }
         buttons.push({
-          ...buttonsConfig[item],
-          disabled: this.disabled,
-          color: (index === lastIndex) ? 'app-color' : 'light'
+          animated: !this.disabled,
+          color,
+          size,
+          ...config
         });
       }
     });
@@ -120,6 +130,10 @@ const YooMissionDetailsComponent = class {
   onMissionChanged() {
     this.loadParentMissionData();
   }
+  async updateHeader() {
+    var _a;
+    (_a = this.headerEl) === null || _a === void 0 ? void 0 : _a.updateHeader();
+  }
   componentWillLoad() {
     this.isMobile = overlays.isIonic(this.host);
     return this.loadParentMissionData();
@@ -136,9 +150,13 @@ const YooMissionDetailsComponent = class {
     ev.stopPropagation();
     this.assign.emit();
   }
+  onFinish(ev) {
+    ev.stopPropagation();
+    this.finish.emit();
+  }
   renderExtraActions(user) {
     var _a;
-    if (((_a = this.extraActions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+    if (!this.isPdf && ((_a = this.extraActions) === null || _a === void 0 ? void 0 : _a.length)) {
       const actions = this.extraActions.filter((action) => ((action === null || action === void 0 ? void 0 : action.isVisible) ? action.isVisible(user) : true));
       if (actions.length > 0) {
         return (index.h("div", { class: "actions" }, actions.map((action) => (index.h("yoo-icon", { name: action === null || action === void 0 ? void 0 : action.icon(), color: action === null || action === void 0 ? void 0 : action.iconColor(), onClick: (ev) => {
@@ -249,13 +267,17 @@ const YooMissionDetailsComponent = class {
     }
   }
   renderFinishedBy() {
+    var _a, _b, _c;
     if (this.showInformation && this.mission.ownerDisplayName) {
-      const text = this.mission.type === 'visit' ? 'YOOBICUSER' : 'FINISHEDBY';
+      const hasSeveralAssignee = this.isTodoMission &&
+        lodash.uniq(lodash.compact((_c = (_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.values) === null || _c === void 0 ? void 0 : _c.map((task) => { var _a, _b; return (_b = (_a = task === null || task === void 0 ? void 0 : task.user) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b._id; }))).length > 1;
+      const text = hasSeveralAssignee ? 'YOOBICSUBMITTEDBY' : 'FINISHEDBY';
+      const finalText = this.mission.type === 'visit' ? 'YOOBICUSER' : text;
       const finishedDate = overlays.translate('ONDATEAT', {
         date: overlays.pipes.dateFormat.transform(this.mission.finishedDate, 'L'),
         time: overlays.pipes.dateFormat.transform(this.mission.finishedDate, 'LT')
       });
-      return (index.h(Menu, { icon: "author", text: overlays.translate(text), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (index.h("div", { class: "user" }, index.h("div", { class: "label dark" }, index.h("span", null, this.mission.assigneeOwnerDisplayName), finishedDate && index.h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
+      return (index.h(Menu, { icon: "author", text: overlays.translate(finalText), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (index.h("div", { class: "user" }, index.h("div", { class: "label dark" }, index.h("span", null, this.mission.assigneeOwnerDisplayName), finishedDate && index.h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
         index.h("div", { class: "user" }, this.mission.owner && index.h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.owner }), index.h("div", { class: "label dark" }, index.h("span", null, this.mission.ownerDisplayName), finishedDate && index.h("span", { class: "font-medium text-color" }, finishedDate))),
         this.renderExtraActions(this.mission.owner)
       ])));
@@ -338,18 +360,40 @@ const YooMissionDetailsComponent = class {
     }
   }
   renderOriginalMission() {
-    if (this.mission.type === 'todo' && this.originalMission) {
+    if (this.isTodoMission && this.originalMission) {
       const entry = missionsHelpers.mapMissionToCardInboxEntry(this.originalMission, { skipUnread: this.isPdf, skipLock: this.isPdf, skipLocation: true });
       return (index.h(Menu, { icon: "mission", text: overlays.translateMulti('VIEWMISSION'), callback: () => overlays.getAsyncExtraData({ type: 'mission-detail', params: { mission: this.originalMission } }) }, index.h("yoo-card-inbox", { entry: entry })));
     }
   }
+  renderTodos() {
+    var _a, _b;
+    return (((_a = this.missionTodos) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "action-plan", text: overlays.translate('YOOBICTODO') }, (_b = this.missionTodos) === null || _b === void 0 ? void 0 : _b.map((m) => {
+      let elemt;
+      const entry = missionsHelpers.mapMissionToCardInboxEntry(m, { skipUnread: this.isPdf, skipLock: this.isPdf, forceProgressDisplay: true });
+      delete entry.identities;
+      delete entry.tags;
+      return index.h("yoo-card-inbox", { entry: entry, ref: (ev) => elemt = ev, onClick: () => {
+          elemt.entry = { ...entry, unread: false };
+          overlays.getAsyncExtraData({ type: 'mission-detail', params: { mission: m } });
+        } });
+    }))));
+  }
+  renderAudience() {
+    var _a;
+    return (((_a = this.audienceUsers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "group", text: overlays.translate('MISSIONAUDIENCE', { smart_count: this.audienceUsers.length }) }, index.h("yoo-avatars", { layout: "list", showMore: this.audienceUsers.length > 10, maxDisplay: 10, users: this.audienceUsers, size: "small", onClick: () => this.selectAudience.emit() }))));
+  }
   renderFooter(buttons) {
     return !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("yoo-form-footer", { buttons: buttons });
   }
-  renderAnnouncementDetails() {
-    return index.h(index.Host, null, index.h("yoo-announcement-heading", { announcement: this.mission, isPreview: this.isPreview }), index.h("div", { class: 'mission-detail padding ' + (this.isMobile || this.isPreview ? '' : ' margin web') }, index.h("div", { class: "mission-content" }, index.h("slot", null))), index.h("slot", { name: "end" }));
+  renderTodoMissionHeader() {
+    if (this.isTodoCampaign) {
+      return index.h("yoo-announcement-heading", { ref: (ev) => this.headerEl = ev, mission: this.mission, isPreview: this.isPreview });
+    }
+    else {
+      return index.h("yoo-mission-heading", { ref: (ev) => this.headerEl = ev, mission: this.mission, animated: this.animated });
+    }
   }
-  renderActionPlanDetails() {
+  renderTodoMissionSummary() {
     const menuContent = lodash.compact([
       this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason),
       this.renderOriginalValidatedBy(),
@@ -366,7 +410,18 @@ const YooMissionDetailsComponent = class {
       this.renderDuration(),
       this.renderOriginalMission()
     ]);
-    return (index.h("div", { class: 'mission-detail ' + (this.isMobile ? '' : 'web') }, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), index.h("slot", null))));
+    return !this.isTodoCampaign && !!menuContent.length &&
+      index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent);
+  }
+  renderTodoMissionDetails() {
+    const buttons = this.getFooterButtons();
+    return [
+      index.h("div", { class: { 'mission-detail': true, web: !this.isMobile } }, index.h("yoo-ion-content", { scrollEvents: true, class: {
+          'bg-light': this.isMobile,
+          'bg-stable-ultralight': !this.isMobile,
+          'no-scrollbar': true
+        } }, index.h("div", null, index.h("slot", { name: "before-header" }), this.renderTodoMissionHeader(), index.h("div", { class: { 'mission-content': true, 'web': !this.isMobile && !this.isPreview, 'bg-light': true } }, this.renderTodoMissionSummary(), index.h("slot", null)), !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("div", { class: { 'scroll-spacer': true, web: !this.isMobile } }))), this.renderFooter(buttons))
+    ];
   }
   renderMissionDetails() {
     var _a, _b, _c;
@@ -400,31 +455,9 @@ const YooMissionDetailsComponent = class {
       this.renderTodos(),
       this.renderAudience()
     ]);
-    return (index.h("div", { class: { 'mission-detail': true, web: !this.isMobile } }, index.h("yoo-ion-content", { class: "bg-light no-scrollbar", scrollEvents: true }, index.h("div", null, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value ? this.progress.value : null }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), index.h("yoo-mission-score", { charts: this.charts, header: "PREVIOUSSCORE", networkScore: this.networkScore }), index.h("slot", null)), index.h("slot", { name: "end" }), !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("div", { class: "scroll-spacer" }))), this.renderFooter(buttons)));
-  }
-  renderTodos() {
-    var _a, _b;
-    return (((_a = this.missionTodos) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "action-plan", text: overlays.translate('YOOBICTODO') }, (_b = this.missionTodos) === null || _b === void 0 ? void 0 : _b.map((m) => {
-      let elemt;
-      const entry = missionsHelpers.mapMissionToCardInboxEntry(m, { skipUnread: this.isPdf, skipLock: this.isPdf, forceProgressDisplay: true });
-      delete entry.identities;
-      delete entry.tags;
-      return index.h("yoo-card-inbox", { entry: entry, ref: (ev) => elemt = ev, onClick: () => {
-          elemt.entry = { ...entry, unread: false };
-          overlays.getAsyncExtraData({ type: 'mission-detail', params: { mission: m } });
-        } });
-    }))));
-  }
-  renderAudience() {
-    var _a;
-    return (((_a = this.audienceUsers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "group", text: overlays.translate('MISSIONAUDIENCE', { smart_count: this.audienceUsers.length }) }, index.h("yoo-avatars", { layout: "list", showMore: this.audienceUsers.length > 10, maxDisplay: 10, users: this.audienceUsers, size: "small", onClick: () => this.selectAudience.emit() }))));
+    return (index.h("div", { class: { 'mission-detail': true, web: !this.isMobile } }, index.h("yoo-ion-content", { class: "bg-light no-scrollbar", scrollEvents: true }, index.h("div", null, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value ? this.progress.value : null }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), index.h("yoo-mission-score", { charts: this.charts, header: "PREVIOUSSCORE", networkScore: this.networkScore }), index.h("slot", null)), index.h("slot", { name: "end" }), !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("div", { class: { 'scroll-spacer': true, web: !this.isMobile } }))), this.renderFooter(buttons)));
   }
-  renderDetails() {
-    var _a;
-    const isActionPlan = ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.type) === 'todo';
-    return isActionPlan ? this.renderActionPlanDetails() : this.renderMissionDetails();
-  }
-  renderResults() {
+  renderMissionResults() {
     var _a, _b, _c, _d;
     const excludedTabs = ['dueDate', 'category'];
     const tags = missionsHelpers.getMissionTags(this.mission).filter((tag) => !excludedTabs.includes(tag._id));
@@ -453,11 +486,14 @@ const YooMissionDetailsComponent = class {
     ]);
     return (index.h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...commonHelpers.getAppContext(this.host) } }, this.isPdf && (index.h("div", { class: "header-photo-container" }, ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.pdfHeaderPhoto) && index.h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }), index.h("div", { class: "header-content" }, index.h("div", { class: "title" }, overlays.translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)), index.h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address), index.h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => index.h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))), index.h("div", { class: "content" }, !this.isPdf && this.showInformation && index.h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), index.h("slot", null), this.showScore && index.h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })), index.h("slot", { name: "end" })));
   }
+  renderDetails() {
+    return this.isTodoMission ? this.renderTodoMissionDetails() : this.renderMissionDetails();
+  }
+  renderResults() {
+    return this.isTodoCampaign ? this.renderTodoMissionDetails() : this.renderMissionResults();
+  }
   render() {
-    if (this.isAnnouncement) {
-      return this.renderAnnouncementDetails();
-    }
-    return (index.h(index.Host, { class: { 'web': overlays.isWeb(), 'mission-results-deprecated': this.isResult, 'mission-detail-deprecated': !this.isResult } }, this.mission && this.isResult && this.renderResults(), this.mission && !this.isResult && this.renderDetails()));
+    return (index.h(index.Host, { class: { 'web': overlays.isWeb(), 'mission-results-deprecated': this.isResult && !this.isTodoCampaign, 'mission-detail-deprecated': !this.isResult || this.isTodoCampaign } }, this.mission && !this.isResult && this.renderDetails(), this.mission && this.isResult && this.renderResults()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-mission-heading.cjs.entry.js

@@ -3,22 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const missionsHelpers = require('./missions-helpers-c5b0436f.js');
-const commonHelpers = require('./common-helpers-82a45712.js');
-const missionLockedBanner = require('./mission-locked-banner-4b44a134.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const missionsHelpers = require('./missions-helpers-e5867ec5.js');
+const commonHelpers = require('./common-helpers-edf7fda5.js');
+const missionLockedBanner = require('./mission-locked-banner-8549b4b1.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const missionHeadingCss = "svg:not(:root){overflow:hidden}:host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:grid;grid-template-columns:var(--spacing-16, 1rem) auto;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
+const missionHeadingCss = "svg:not(:root){overflow:hidden}:host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:grid;grid-template-columns:var(--spacing-16, 1rem) auto;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--svg-width:1rem;--stroke-width-circle:2;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host div:last-child{margin-bottom:0}";
 
 const YooMissionHeadingComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.animated = true;
   }
+  async updateHeader() {
+    index.forceUpdate(this);
+  }
   componentWillLoad() {
     this.isMobile = overlays.isIonic(this.host);
   }

package/dist/cjs/yoo-mission-score.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host yoo-healthscore{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-gap:0.3rem 2rem;grid-template-columns:-webkit-max-content 160px;grid-template-columns:max-content 160px;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem)}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) yoo-healthscore{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}";

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

@@ -3,35 +3,50 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const operationHelpers = require('./operation-helpers-42ea6829.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const operationHelpers = require('./operation-helpers-91b2aee8.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const missionTodoCss = "svg:not(:root){overflow:hidden}:host .margin-bottom{margin-bottom:var(--spacing-16, 1rem)}";
+const missionTodoCss = "svg:not(:root){overflow:hidden}:host .line{height:1px;margin-bottom:var(--spacing-16, 1rem);border-bottom:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0)}:host .line:not(.todo-campaign){margin-top:0.75rem}";
 
 const YooMissionTodoComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.update = index.createEvent(this, "update", 7);
+    this.assignTask = index.createEvent(this, "assignTask", 7);
+    this.scheduleTask = index.createEvent(this, "scheduleTask", 7);
+    this.updateTask = index.createEvent(this, "updateTask", 7);
     this.animated = true;
   }
-  onUpdateTodo(ev) {
+  async forceUpdate() {
     var _a;
+    (_a = this.formTodoMission) === null || _a === void 0 ? void 0 : _a.forceUpdate();
+  }
+  onUpdateTask(ev, isSchedule) {
+    var _a, _b, _c, _d, _e;
     ev.stopPropagation();
-    if (((_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) && !this.isPreview) {
-      this.mission.todo.values = ev.detail.values;
-      this.mission = { ...this.mission };
-      this.update.emit({ mission: this.mission, index: ev.detail.index });
+    if (ev.detail && !this.isPreview && ((_c = (_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.values) === null || _c === void 0 ? void 0 : _c.length) > ev.detail.index) {
+      this.mission.todo.values[ev.detail.index] = ev.detail.task;
+      if (isSchedule) {
+        this.scheduleTask.emit((_d = ev.detail) === null || _d === void 0 ? void 0 : _d.task);
+      }
+      else {
+        this.updateTask.emit((_e = ev.detail) === null || _e === void 0 ? void 0 : _e.task);
+      }
+      index.forceUpdate(this);
     }
   }
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const cleanPriority = ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.priority) === ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.priority) || !overlays.isPresent((_d = this.mission) === null || _d === void 0 ? void 0 : _d.priority);
-    const slidesTodo = operationHelpers.cleanupTodoSlides(this.slidesTodo, cleanPriority);
-    return (index.h(index.Host, null, index.h("yoo-form-dynamic", { class: "margin-bottom inline inline-row-narrow", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true, animated: this.animated }), ((_h = (_g = (_f = this.mission) === null || _f === void 0 ? void 0 : _f.todo) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length) > 0 && (index.h("yoo-form-todo-single", { type: "mission", slidesTodoTask: this.slidesTodoTask, parentScroll: this.parentScroll, readonly: this.readonly, dueDateToClean: this.readonly ? (_j = this.mission) === null || _j === void 0 ? void 0 : _j.duedate : null, isPreview: this.isPreview, values: (_l = (_k = this.mission) === null || _k === void 0 ? void 0 : _k.todo) === null || _l === void 0 ? void 0 : _l.values, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
+    const slidesTodo = operationHelpers.cleanupTodoSlides(this.slidesTodo, cleanPriority, this.isPdf);
+    return (index.h(index.Host, null, index.h("yoo-form-dynamic", { class: "inline inline-row-narrow no-border-collapsible", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true, animated: this.animated }), !!((_h = (_g = (_f = this.mission) === null || _f === void 0 ? void 0 : _f.todo) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length) && [
+      (!!((_j = this.mission.todo.description) === null || _j === void 0 ? void 0 : _j.length) && !!((_k = this.mission.todo.documents) === null || _k === void 0 ? void 0 : _k.length) || !this.isTodoCampaign) &&
+        index.h("div", { class: { 'line': true, 'todo-campaign': this.isTodoCampaign } }),
+      index.h("yoo-form-todo-mission", { ref: (el) => (this.formTodoMission = el), values: (_m = (_l = this.mission) === null || _l === void 0 ? void 0 : _l.todo) === null || _m === void 0 ? void 0 : _m.values, user: this.user, overallDuedate: (_o = this.mission) === null || _o === void 0 ? void 0 : _o.duedate, readonly: this.readonly, completed: ((_p = this.mission) === null || _p === void 0 ? void 0 : _p.status) === 'finished', onAssignUser: (ev) => { var _a; return this.assignTask.emit((_a = ev.detail) === null || _a === void 0 ? void 0 : _a.task); }, onSchedule: (ev) => this.onUpdateTask(ev, true), onUpdate: (ev) => this.onUpdateTask(ev, false) })
+    ]));
   }
 };
 YooMissionTodoComponent.style = missionTodoCss;