@yoobic/yobi 8.2.0-0 → 8.2.0-3

package/dist/esm/yoo-scratch-card-creator.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-019c1b1a.js';
+import { t as translate } from './index-a466c5f3.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const scratchCardCreatorCss = ":host .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .container .title{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host .container yoo-form-radio{margin:var(--spacing-16, 1rem) 0}:host .container .content .title{margin-bottom:var(--spacing-16, 1rem)}:host .container .hidden-content{min-width:55%}:host .container .hidden-content .sub-title{margin:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem)}";
 

package/dist/esm/yoo-scratch-card.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, k as getAssetPath, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { ba as getMedia, o as isWeb, bg as getContrastColor, T as translateMulti } from './index-ac1d7e65.js';
-import './index-58ba48a5.js';
+import { r as registerInstance, i as createEvent, k as getAssetPath, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { ba as getMedia, o as isWeb, bg as getContrastColor, T as translateMulti } from './index-a466c5f3.js';
+import './index-6603a3a7.js';
 import { j as getPointerCoordinates } from './annotations-helpers-06bdd868.js';
-import { g as getFromOfflineStorage } from './localForage-72f58d84.js';
-import './lodash-a98c6524.js';
+import { g as getFromOfflineStorage } from './localForage-5c2c3fc3.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const scratchCardCss = ":host{position:relative;display:block;width:100%;max-width:25rem;margin:0 auto;border-radius:var(--border-radius-08, 0.5rem)}:host canvas,:host .content-card{position:absolute;width:100%;height:100%;border-radius:inherit}:host canvas{z-index:2;display:block;visibility:visible;cursor:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASKADAAQAAAABAAAASAAAAACQMUbvAAAIdklEQVR4AeVcz2sUSRROJ5OfkyjEGNGEdV11cTeCoIKCXgTPevPk3f/As3+CiBePgie9efIg6EFBQQUPycLqLtFNBMeJmjjm1ySZ/b6mX/u6qrqnM5mJMz0Dk6p69erV+75+9aNruuN1bO/Hq1N3lTrZqWqmXg7HddRo+9JvwwhrFIBa7JptagFdSxsh2ZmaTjmVNiGsau/u3bvd4+PjgwMDA/2dnZ29XV1dfRsbG7n19fUulDvZF8obkK+juAb5Moori4uLSzMzM6VLly6VU/hTN6KqAkrhDFWS7HiPHj0aGBoaGu7v7x9aXV0dSGnTqdbT07O4tLT0DZ/P586dW4RSEhlJdU77pjAJmKnrKse2Byldo6OjI2trayOIgH5pjHJsG9FJSnO5XAgaEbaEcrFQKBRB1npCu7BNgo6zaivOOtveunUrd+rUqdHu7u5RREuOvZqkmGWnZw6hJofVUkZUrZXL5cLz588LV65cWXM0pagmkpwgYzrQYqvdtWvXvAsXLuzq7e0dAzHdVNZE6Lw2VGteyGF7yYOo8srKyuz9+/fn4I+LEJcs0QULaKJ2zFzz5s2bnuXl5d9AwiDbCxmSVrG55WohSKWlvr6+fw8fPrwaYzw1UZshyKn75MmTQXwOVSqVnBAiaYxzDRMrgiqe562VSqW3Z8+eLcV0mIokJ2iHQZee9+rVq13Q3Q9nPCFFUoeNbRFpknDRSMK748ePzyF1EeKSRfz09x0RiV2wyOF88+LFi3Hw8iv2KZ0kRb528+2ViB9M6Rt9pK/02eGJSxZR64qU7IJlgB1dvHjxIJZYLuF+vaR2858nwdbC476TKaIqf+TIkYG9e/d+efz4semUhVErJFZC0az3Iwe73D1CiqTaaDPl9ZBDRH08efLkDPwzh5ZZDiEkDTGLHM45rUQOUcoFZErfg3nTwhYyYmTiCDINdGC1yqPtft2hYatpi4bP+wMspr8WZirEERRpzH0Ol3JOeqyQDiNKTV4Qn4mBWIgpjcuuSTrCJCflAwcO/A5jvOsOl/M0xptNRyZuTN6d2HEPYtKeMybtCHb6bwkMmb/X4VLJKyBXodmAb9YfTtz84jPt2CNFJmxziEUIw40nz2jGs0KMJpKYiI0YtRz5CAcmQVrX4105WHbekWvFVsvLBSc2YjRJ0Xg0QRHmcJ7DXai/3xGDumGr54mJX2IkVgNPyIVZIXoeD7swqZnhJ/WZSYmRWAEoJEWD84ePqxLHmrsRgpmZmDVoycvIwNK/G7KCyIOUhFVcEeSfIWPX2Wc0yGyRWHluDoBWFLkI6sDJ3C5hN7OsKGDESsxKFGadBGGnOUSNdiBJMArmkJkgQ4IiYYXfrXKYuMJfIcwGWS0TM7Eb+Dwzgrzh4WE/egzFtigG2CMBYxLUgVDrZ9hJ6LUDM4KX2E28FkG4R+k1ldql7MLuIqhtlnfzwoMgC7tFECYrc6Iy7WS27MLuIijztxdxVxgEWdg1Qf7szcOkOANZlyvs4UrWtmSkvdgWQQizjbSNs6bnwm4RhDBLes4ma5xE8Liwa4L8s1goxT1fEzGWxYLCHp5La4J8zNhVLmcRfBpMLuwuglbSGMuiDgiysFsE4ZmapSyCT4PJhd0iaGpqKu6BozR9tLSOCzs3ROGmKMh7r1+//oOP6/Iut6URp3SePyLiRHHx2LFjf6EJJ+jYSdqvRKh9S2k7M2oB5gg5BMchFrIlaIvF4mfJt0sag7kiQ0hS8sG89+zZswme9md9mHF44Wef5dOnT08CtxlBzp99SBJ/3P/ETDt8AqzWSCJ2axWDzFd8+fJl0bX1zhphxEisAS6LJHNoCX5fjmG2D8NsX1aHWTC8PmB4fXAQ5JPliiDq+pUPHjwo4Mf9zN6bERsxOsgJRNE9EIVWRD19+nQEewT/AaqwVQYyjB7s9abPnDnjGl7hUIuLIFLgK12/fn0ODzF8p8EM8OJDIBZiIrYAUyw2HTGCX8v8PH7Y78ELcX/ilSP/LR5RbNUUr2qV8ULeFN4xk5ddNEE671zFNG5fGYbKeGntLSbslj9tJAZiIaYAaIQQDZ55HS26zpSz7D18+HBk586d4bPSukEr5Dm05ufn350/f57zDokxyTHLVSNIcPvGaBj3LIVWnI/oM31PIEewRlLrdyBV64qiDrx9vID3HfJY2XpxyG3qqObNkyU5eC56/ubNm9M40rCiJPDUKU8iiO1MAjx00IEJ7guOBnJ4qy/f7CRJ5JCce/fuCQmSylU0yyK3CAgrgoxJEMUi8+ekHTt2/CKvKJiNf3aZE/LCwsJ7NazokosMl8x3P2kfVM1YhR1PT0//zWXTt9ZEf+gTfdsKOYQj0VANmktPZHzoszufzx/E1j3/s+/bOKS4CcTnn2Apl+iQVGN1yXR9R7U5SCsLIVrm52/fvr3x9evX4tGjR8sgivPSZuxa9moVMGqwjP9348aN91evXuWejQTEkRAnj3QfCzqi9aMQpy9yD28HdeHK7cHTWuE/FvjRvDE5rKh8w7mASP6I/vnLsICX1Ow4Tm7qpR5iZkMhRMu1zMNLIp0TExO7EfIjmCzrfjLJocSTQAzp4uTk5Cf8xwWJGPHJRYJLJvrOVINyKiQI49pquZ+/c+dOfmxsbBj3c0OYH/xnIBPsxlaRFMxz/n82mZ2d/Xz58uXvgbIGrvPaVpxc61h5DcaqTCFIaq/rwjyGQPeJEycGsT3ox5zRi28fSOOjx5F/j8OTPp7X4AZ5Gd8VLNdLOPkrob1eMTVonTddT6ozdSPl0PGIdPOFJDtmnVnebG8mWLOs7SXVab3YfL1Xm62Cj3VUVaQBnUZHmYzPNgpQLXbNNrWArKVNPDuoMZ1KVK6hstH2xaW6EyOGtwtAvftrGCHiqKT/A1pKjwctZWCLAAAAAElFTkSuQmCC\") 30 30, auto;opacity:1;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host canvas[fade-out]{opacity:0}:host .content-card>*{width:100%;height:100%;border-radius:inherit}:host .content-card .text-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow-y:scroll;word-break:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}:host .content-card .text-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content-card .text-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content-card .text-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content-card .text-content:not(.long){-ms-flex-align:center;align-items:center}:host yoo-loader{border-radius:var(--border-radius-08, 0.5rem)}:host yoo-button{position:absolute;right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem);z-index:1;-webkit-transform:scale(var(--scale, 0));transform:scale(var(--scale, 0));-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}:host yoo-button[visible]{--scale:1;z-index:2}:host:after{display:block;padding-bottom:100%;content:\"\"}";
 

package/dist/esm/yoo-scroll-to-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3d00bad4.js';
+import { r as registerInstance, h } from './index-019c1b1a.js';
 
 const YooScrollToButtonComponent = class {
   constructor(hostRef) {

package/dist/esm/yoo-section-list.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate, aK as gsapTo, aL as gsapSet, cL as gsapFrom, cM as showRename, T as translateMulti } from './index-ac1d7e65.js';
-import { V as debounce, q as clone, G as omit, A as get } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate, aK as gsapTo, aL as gsapSet, cL as gsapFrom, cM as showRename, T as translateMulti } from './index-a466c5f3.js';
+import { V as debounce, q as clone, G as omit, A as get } from './lodash-494e728c.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const sectionListCss = ":host yoo-truncate{--max-lines:2}:host .headers{display:-ms-flexbox;display:flex;padding:0 var(--spacing-40, 2.5rem)}:host .headers div:first-child{-ms-flex:5;flex:5}:host .headers div{-ms-flex:2.333;flex:2.333;padding-left:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .sections{padding-bottom:10rem}:host .sections .section{margin:var(--spacing-16, 1rem);background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4));border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section.hidden{display:none}:host .sections .section.sortable-drag .section-title div,:host .sections .section.sortable-drag .section-title yoo-icon,:host .sections .section.sortable-ghost .section-title div,:host .sections .section.sortable-ghost .section-title yoo-icon{opacity:0}:host .sections .section.sortable-drag .items,:host .sections .section.sortable-ghost .items{display:none}:host .sections .section.sortable-drag .section-title{background:var(--light, #ffffff);border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);border-radius:var(--border-radius-04, 0.25rem);-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 .sections .section.sortable-drag .section-title .title{opacity:1}:host .sections .section.sortable-ghost{cursor:-webkit-grabbing !important;cursor:grabbing !important}:host .sections .section.sortable-ghost .section-title{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section .section-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .sections .section .section-title .title{font-weight:bold}:host .sections .section .section-title .title,:host .sections .section .section-title .item-count{padding-left:0.5rem;font-size:var(--font-size-16, 1rem)}:host .sections .section .section-title .item-count{-ms-flex:1;flex:1;color:var(--stable, #adadad);white-space:nowrap}:host .sections .section .section-title .draggable{cursor:move}:host .sections .section .section-title .draggable yoo-icon{vertical-align:middle}:host .sections .section .section-title yoo-icon{padding:0 var(--spacing-08, 0.5rem)}:host .sections .section .section-title yoo-icon.section-dialog{vertical-align:middle}:host .sections .section .items{padding-bottom:var(--spacing-16, 1rem);overflow:hidden}:host .sections .section .items .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);overflow:hidden}:host .sections .section .items .item .draggable{padding:1rem;cursor:move}:host .sections .section .items .item .draggable yoo-icon{vertical-align:middle}:host .sections .section .items .item.hidden{display:none}:host .sections .section .items .item.selectable{padding-left:0}:host .sections .section .items .item.selectable.mousehover .checkbox,:host .sections .section .items .item.selectable .checkbox.visible{visibility:visible}:host .sections .section .items .item.selectable .checkbox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:35px;visibility:hidden}:host .sections .section .items .item.sortable-drag .item-container{border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);-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 .sections .section .items .item.sortable-ghost{cursor:-webkit-grabbing;cursor:grabbing}:host .sections .section .items .item.sortable-ghost .item-container{background:var(--stable-light-40, rgba(241, 241, 241, 0.4));border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section .items .item.sortable-ghost .item-container div{opacity:0}:host .sections .section .items .item.no-mousehover.mousehover .item-container{cursor:-webkit-grabbing;cursor:grabbing}:host .sections .section .items .item .checkbox{display:none;overflow:hidden}:host .sections .section .items .item .item-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;background-color:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .sections .section .items .item .item-container .title-container{-ms-flex:4;flex:4;padding:var(--spacing-16, 1rem);overflow:hidden}:host .sections .section .items .item .item-container .title-container .title{font-size:var(--font-size-18, 1.125rem)}:host .sections .section .items .item .item-container .title-container .description{color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .sections .section .items .item .item-container .item-actions yoo-context-menu{padding:var(--spacing-16, 1rem)}:host .sections .section .items .item .item-container .item-actions .lesson-button{padding:var(--spacing-16, 1rem)}:host .sections .section .items .item .item-container .info-container{display:-ms-flexbox;display:flex;-ms-flex:7;flex:7}:host .sections .section .items .item .item-container .info-container .column{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center}:host .sections .section .items .item .item-container .info-container .column yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .sections .section .items .item .item-container .info-container .column .value{font-size:var(--font-size-18, 1.125rem)}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover).sortable-chosen{cursor:-webkit-grab;cursor:grab}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container{background-color:var(--app-color, #5a30f4);cursor:pointer}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip{margin-right:var(--spacing-04, 0.25rem)}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);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 .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip:last-child{margin-right:var(--spacing-16, 1rem)}:host .sections .section:hover{cursor:pointer}:host .dialog{position:absolute;right:0;margin:0.375rem var(--spacing-08, 0.5rem) 0 0;overflow:hidden;background-color:var(--light, #ffffff);border-radius:0.25rem;-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 .dialog.hidden{display:none}:host .dialog.not.hidden{display:block}:host .dialog .menu{margin:var(--spacing-08, 0.5rem) 0;padding-right:var(--spacing-24, 1.5rem);padding-left:1rem;font-size:var(--font-size-14, 0.875rem);list-style-type:none}:host .dialog .menu li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .dialog .menu li yoo-icon{padding-right:var(--spacing-08, 0.5rem)}";
 

package/dist/esm/yoo-segment.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
+import { t as translate } from './index-a466c5f3.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const segmentCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem)}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active{background:var(--app-color, #5a30f4);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 .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}";
 

package/dist/esm/yoo-side-menu-tree.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate } from './index-a466c5f3.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const sideMenuTreeCss = ":host{--spacing-bottom:var(--spacing-48, 3rem)}:host .outer-container{padding-bottom:var(--spacing-bottom)}:host .outer-container yoo-header{padding-bottom:var(--spacing-16, 1rem);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .outer-container .sub-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);cursor:pointer}:host .outer-container .sub-item .title{padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .sub-item yoo-icon.hide{opacity:0}:host .outer-container .sub-item yoo-icon,:host .outer-container .sub-item yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .sub-item yoo-badge{margin-left:auto}:host .outer-container .bottom-action{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host(.calendars) yoo-header{font-weight:var(--font-weight-400, 400)}";
 

package/dist/esm/yoo-side-menu.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { o as isWeb, ak as dispatchCustomEvent, t as translate, _ as getSession } from './index-ac1d7e65.js';
-import { l as isNumber } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { o as isWeb, ak as dispatchCustomEvent, t as translate, _ as getSession } from './index-a466c5f3.js';
+import { l as isNumber } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
-const sideMenuCss = ".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)}:host{--menu-width:15rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--menu-width);height:100%;background:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .scrolling-container{position:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .divider{height:0.0625rem;margin:var(--spacing-08, 0.5rem) 0;background-color:var(--stable-light, #f1f1f1)}:host .avatar-divider{width:2.25rem;margin:auto;background-color:transparent}:host .top-container .header-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 var(--spacing-16, 1rem) 0}:host .top-container .header-items yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host .top-container yoo-form-input{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.hidden{display:none;opacity:0}:host .top-container .header-logo yoo-img{--logo-text-color:var(--dark, #000000);height:2.125rem}:host .top-container .header-logo:hover{cursor:pointer}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:2rem;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .avatar-container:hover{background:var(--app-color-10, rgba(90, 48, 244, 0.1));cursor:pointer}:host .avatar-container yoo-icon{margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-08, 0.5rem)}:host .avatar-container .profile-avatar-and-name{display:-ms-flexbox;display:flex}:host .avatar-container .profile-avatar-and-name .user-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host yoo-accordion{--accordion-background:transparent;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-400, 400);--title-font-color:var(--dark, #000000);--title-icon-color:var(--text-color, #807f83);--right-icon-color:var(--stable, #adadad);--hover-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-color:var(--app-color, #5a30f4)}:host .icon-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:2.25rem}:host .top-list{padding-bottom:var(--spacing-04, 0.25rem)}:host .top-list .menu-icon{margin-bottom:0 !important}:host .bottom-container,:host .top-container{margin:var(--spacing-16, 1rem) var(--spacing-24, 1.5rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);-webkit-transition:0.3s;transition:0.3s}:host .bottom-container .icon-container,:host .top-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;margin:var(--spacing-02, 0.125rem) 0;border-radius:50%;cursor:pointer}:host .bottom-container .icon-container:hover,:host .top-container .icon-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .bottom-container .icon-container yoo-badge,:host .top-container .icon-container yoo-badge{position:absolute;top:1rem;right:auto;bottom:auto;left:-0.325rem}:host .bottom-container .icon-container yoo-badge.count,:host .top-container .icon-container yoo-badge.count{background-color:var(--light, #ffffff);border:solid var(--light, #ffffff) 0.1875rem;border-radius:50%;position:absolute;top:-0.5625rem;right:-0.6875rem;bottom:auto;left:auto}:host .bottom-container .icon-row,:host .top-container .icon-row{display:-ms-flexbox;display:flex}:host .bottom-container .icon-row .icon-container.toggle-icon,:host .top-container .icon-row .icon-container.toggle-icon{position:absolute;right:1.5rem}:host(.collapsed){width:4.5rem}:host(.collapsed) .bottom-container,:host(.collapsed) .top-container{margin:var(--spacing-08, 0.5rem) 0}:host(.collapsed) .top-container .header-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;margin:var(--spacing-04, 0.25rem) 0}:host(.collapsed) .top-container .header-logo:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:50%}:host(.collapsed) .top-container .header-logo yoo-img{width:1.5rem;height:1.5rem}:host(.hidden){width:0}:host(.custom-theme){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff);--text-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.custom-theme) yoo-accordion{--divider-background:var(--light-10, rgba(255, 255, 255, 0.1));--hover-background:var(--stable-light-60, rgba(241, 241, 241, 0.6));--selected-background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.custom-theme) .avatar-container:hover{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}";
+const sideMenuCss = ".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)}:host{--menu-width:15rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--menu-width);height:100%;background:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .scrolling-container{position:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .divider{height:0.0625rem;margin:var(--spacing-08, 0.5rem) 0;background-color:var(--stable-light, #f1f1f1)}:host .avatar-divider{width:2.25rem;margin:auto;background-color:transparent}:host .top-container .header-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 var(--spacing-16, 1rem) 0}:host .top-container .header-items yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host .top-container yoo-form-input{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.hidden{display:none;opacity:0}:host .top-container .header-logo yoo-img{--logo-text-color:var(--dark, #000000);height:2.125rem}:host .top-container .header-logo:hover{cursor:pointer}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:2rem;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .avatar-container:hover{background:var(--app-color-10, rgba(90, 48, 244, 0.1));cursor:pointer}:host .avatar-container yoo-icon{margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-08, 0.5rem)}:host .avatar-container .profile-avatar-and-name{display:-ms-flexbox;display:flex}:host .avatar-container .profile-avatar-and-name .user-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host yoo-accordion{--accordion-background:transparent;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-400, 400);--title-font-color:var(--dark, #000000);--title-icon-color:var(--text-color, #807f83);--right-icon-color:var(--stable, #adadad);--hover-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-color:var(--app-color, #5a30f4)}:host .icon-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:2.25rem}:host .top-list{padding-bottom:var(--spacing-04, 0.25rem)}:host .top-list .menu-icon{margin-bottom:0 !important}:host .bottom-container,:host .top-container{margin:var(--spacing-16, 1rem) var(--spacing-24, 1.5rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);-webkit-transition:0.3s;transition:0.3s}:host .bottom-container .icon-container,:host .top-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;margin:var(--spacing-02, 0.125rem) 0;border-radius:50%;cursor:pointer}:host .bottom-container .icon-container:hover,:host .top-container .icon-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .bottom-container .icon-container yoo-badge,:host .top-container .icon-container yoo-badge{position:absolute;top:1rem;right:auto;bottom:auto;left:-0.325rem}:host .bottom-container .icon-container yoo-badge.count,:host .top-container .icon-container yoo-badge.count{background-color:var(--light, #ffffff);border:solid var(--light, #ffffff) 0.1875rem;border-radius:50%;position:absolute;top:-0.5625rem;right:-0.6875rem;bottom:auto;left:auto}:host .bottom-container .icon-row,:host .top-container .icon-row{display:-ms-flexbox;display:flex}:host .bottom-container .icon-row .icon-container.toggle-icon,:host .top-container .icon-row .icon-container.toggle-icon{position:absolute;right:1.5rem}:host(.collapsed){width:4.5rem}:host(.collapsed) .bottom-container,:host(.collapsed) .top-container{margin:var(--spacing-08, 0.5rem) 0}:host(.collapsed) .top-container .header-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;margin:var(--spacing-04, 0.25rem) 0}:host(.collapsed) .top-container .header-logo:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:50%}:host(.collapsed) .top-container .header-logo yoo-img{width:1.5rem;height:1.5rem}:host(.hidden){width:0}:host(.custom-theme:not(.feed)){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff);--text-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.custom-theme:not(.feed)) yoo-accordion{--divider-background:var(--light-10, rgba(255, 255, 255, 0.1));--hover-background:var(--stable-light-60, rgba(241, 241, 241, 0.6));--selected-background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.custom-theme:not(.feed)) .avatar-container:hover{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}";
 
 const YooSideMenuComponent = class {
   constructor(hostRef) {
@@ -154,8 +154,9 @@ const YooSideMenuComponent = class {
     const tooltipPlacement = !this.isMenuCollapsed && footer ? 'top' : 'right';
     const buttons = (_a = item.subMenu) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
     const isCustomTheme = getSession().isCustomTheme;
+    // const isNight = getSession().currentTheme === 'Night';
     const IconContainer = () => [
-      h("div", { class: "icon-container", onClick: () => { var _a; return (_a = item.handler) === null || _a === void 0 ? void 0 : _a.call(item); } }, item.notif && !isNumber(item.notif) && h("yoo-badge", { shape: "dot", color: "danger" }), h("yoo-icon", { name: item.icon, color: item.selected ? 'app-color' : 'text-color', size: "medium", class: item.icon }), item.notif && isNumber(item.notif) && h("yoo-badge", { class: { count: true, 'custom-theme': isCustomTheme }, color: "danger", text: `${item.notif > 9 ? 9 : item.notif}${item.notif > 9 ? '+' : ''}` })),
+      h("div", { class: "icon-container", onClick: () => { var _a; return (_a = item.handler) === null || _a === void 0 ? void 0 : _a.call(item); } }, item.notif && !isNumber(item.notif) && h("yoo-badge", { shape: "dot", color: "danger" }), h("yoo-icon", { name: item.icon, color: item.selected && isCustomTheme ? 'light' : item.selected ? 'app-color' : 'text-color', size: "medium", class: item.icon }), item.notif && isNumber(item.notif) && h("yoo-badge", { class: { count: true, 'custom-theme': isCustomTheme }, color: "danger", text: `${item.notif > 9 ? 9 : item.notif}${item.notif > 9 ? '+' : ''}` })),
       item.hasDivider && h("div", { class: "divider" })
     ];
     if (buttons) {

package/dist/esm/yoo-slides-media.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { I as closeModal, S as ScreenOrientation, r as findParent, ai as isImage, aN as isImageUrl, d as isNativeMobile, e as isAndroid, az as capitalizeFirstLetter, T as translateMulti, n as showModal, o as isWeb, E as getAsyncExtraData, t as translate, aY as showToast, J as gsapTimeline, av as isPhotoEdited, aK as gsapTo, u as isIphoneX, W as pipes, ag as isVideo } from './index-ac1d7e65.js';
-import { a as isArray } from './lodash-a98c6524.js';
-import { n as lockSwipes } from './common-helpers-34c5464d.js';
-import { b as parseEntityForCardMedia } from './entities-helpers-7dc80276.js';
-import { d as fuzzySearch } from './form-text-area-helpers-5ca978ae.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { I as closeModal, S as ScreenOrientation, r as findParent, ai as isImage, aN as isImageUrl, d as isNativeMobile, e as isAndroid, az as capitalizeFirstLetter, T as translateMulti, n as showModal, o as isWeb, E as getAsyncExtraData, t as translate, aY as showToast, J as gsapTimeline, av as isPhotoEdited, aK as gsapTo, u as isIphoneX, W as pipes, ag as isVideo } from './index-a466c5f3.js';
+import { a as isArray } from './lodash-494e728c.js';
+import { n as lockSwipes } from './common-helpers-bf504592.js';
+import { b as parseEntityForCardMedia } from './entities-helpers-6635a77a.js';
+import { d as fuzzySearch } from './form-text-area-helpers-d3410fe4.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const slidesMediaCss = ".sc-yoo-slides-media-h{--search-bar-display:none;width:100%;height:100%;background:var(--dark, #000000)}@-webkit-keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}@keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}.sc-yoo-slides-media-h .fade-in.sc-yoo-slides-media{margin-bottom:2.5rem !important;-webkit-animation:fadeInTransition 0.5s;animation:fadeInTransition 0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;width:100%;height:100%}.sc-yoo-slides-media-h .content-container.video.sc-yoo-slides-media{padding-top:var(--spacing-64, 4rem);padding-bottom:var(--spacing-64, 4rem)}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-photo-editor.sc-yoo-slides-media{width:100%}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-videoplayer-core.sc-yoo-slides-media{z-index:6;width:100%;background:var(--dark, #000000)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media{position:absolute;top:0;left:0;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media yoo-form-input.sc-yoo-slides-media{padding-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media{display:-ms-flexbox;display:flex}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-left:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding-top:var(--spacing-08, 0.5rem);overflow:auto}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tooltip.sc-yoo-slides-media{max-width:100%}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tag.sc-yoo-slides-media{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.max-height.sc-yoo-slides-media{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media{width:100%;margin-top:auto;padding:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{width:50%;margin-left:auto}.sc-yoo-slides-media-h .action-buttons.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem)}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media{width:100%;height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media{height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media yoo-ion-slides.sc-yoo-slides-media{--host-background-color:var(--dark, #000000);height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--swiper-background:var(--dark, #000000);--wrapper-border-radius:0}.sc-yoo-slides-media-h mark.sc-yoo-slides-media{color:var(--light, #ffffff);background-color:transparent}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:0 !important;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);word-break:break-word;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(0, 0, 0, 0)), color-stop(6%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.85) 70%);-webkit-transition:0.3s;transition:0.3s}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .white-text.sc-yoo-slides-media{padding:0 var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media .user-title.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .photo-information.sc-yoo-slides-media{text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .tags.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);padding-right:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .time.sc-yoo-slides-media{font-size:var(--font-size-14, 0.875rem)}.sc-yoo-slides-media-h .bottom-container.iphone-x.sc-yoo-slides-media{padding-bottom:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h yoo-header.sc-yoo-slides-media{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:11;-webkit-transition:0.3s;transition:0.3s}.card-media.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--wrapper-border-radius:var(--border-radius-08, 0.5rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media{position:absolute;right:0;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media span.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem)}.tagging.sc-yoo-slides-media-h{--search-bar-display:block}";
 
@@ -110,6 +110,7 @@ const YooSlidesMediaComponent = class {
   }
   disconnectedCallback() {
     this.resetCordovaChanges();
+    this.pauseMedia();
   }
   get currentItem() {
     return this.items && isArray(this.items) && this.items.length && isFinite(this.currentIndex) && this.items[this.currentIndex];
@@ -138,6 +139,12 @@ const YooSlidesMediaComponent = class {
       ScreenOrientation.lock(orientation);
     }
   }
+  pauseMedia() {
+    var _a, _b, _c;
+    const { type } = this.currentItem || {};
+    type === 'audio' && ((_b = (_a = this.cardMediaElements) === null || _a === void 0 ? void 0 : _a[this.currentIndex]) === null || _b === void 0 ? void 0 : _b.pauseAudioPlayer());
+    type === 'video' && ((_c = this.videoPlayerElement) === null || _c === void 0 ? void 0 : _c.pauseVideo());
+  }
   showPhotoDetailView() {
     var _a, _b, _c;
     if (this.currentItem && this.displayType && ((_a = this.currentPhotoEditorElement) === null || _a === void 0 ? void 0 : _a.isReadonly)) {
@@ -294,10 +301,11 @@ const YooSlidesMediaComponent = class {
       photoEditorElement.initResizeObserver();
       const switchToPreview = () => {
         this.isReadonly = false;
+        const { validated, flagged, tags } = this.currentItem || {};
         Object.assign(cardMediaElement, {
-          validated: this.currentItem.validated,
-          flagged: this.currentItem.flagged,
-          tags: this.currentItem.tags,
+          validated,
+          flagged,
+          tags,
           annotated: isPhotoEdited(this.currentItem)
         });
         actionButtonContainer.style.display = 'block';
@@ -305,12 +313,13 @@ const YooSlidesMediaComponent = class {
       const switchToPreviewAnimation = async () => {
         const timeline = await gsapTimeline();
         const tl = timeline({
-          paused: true, onComplete() {
+          paused: true, onComplete: () => {
             photoEditorElement.isReadonly = true;
             photoEditorElement.hasBackButton = false;
             photoEditorElement.closeHandler = () => closeModal(null);
             photoEditorElement.prepareImageSize();
             switchToPreview();
+            forceUpdate(this);
           }
         });
         tl.to(mainElement, .75, { width: 560 });
@@ -375,7 +384,7 @@ const YooSlidesMediaComponent = class {
     return [translate('DERIVEDFROM'), h("mark", null, ' "' + translateMulti(item.title) + '" ')];
   }
   renderImageTitle(item) {
-    return h("mark", null, " ", item.imageTitle);
+    return h("mark", null, " ", translateMulti(item.imageTitle));
   }
   onSlideDidChange(ev) {
     // This method gets called when an image is opened for an index !== 0
@@ -425,7 +434,7 @@ const YooSlidesMediaComponent = class {
         'bottom-container': true,
         'iphone-x': isIphoneX(),
         'fade-in': this.hideContainer
-      } }, item.user && this.renderUserInfo(item), h("div", { class: "photo-information" }, item.missiondescription && this.renderMissionDescription(item), !!title && [translate('YOOBICIN'), h("mark", null, " ", ' "' + title + '" '), translate('MISSION')], item.imageTitle && this.renderImageTitle(item)), !!((_b = item === null || item === void 0 ? void 0 : item.tags) === null || _b === void 0 ? void 0 : _b.length) && h("div", { class: "tags" }, item.tags.map((tag) => `#${translateMulti(tag)}`)), this.renderBottomContainerActionButtons(item)));
+      } }, item.user && this.renderUserInfo(item), h("div", { class: "photo-information" }, item.missiondescription && this.renderMissionDescription(item), !!title && [translate('YOOBICIN'), h("mark", null, " ", ' "' + translateMulti(title) + '" '), translate('MISSION')], item.imageTitle && this.renderImageTitle(item)), !!((_b = item === null || item === void 0 ? void 0 : item.tags) === null || _b === void 0 ? void 0 : _b.length) && h("div", { class: "tags" }, item.tags.map((tag) => `#${translateMulti(tag)}`)), this.renderBottomContainerActionButtons(item)));
   }
   renderHoverButtons(item) {
     const isPhoto = !item.type || item.isMulti || item.type === 'photo' || item.type === 'multiphotos';
@@ -441,12 +450,13 @@ const YooSlidesMediaComponent = class {
   renderUserInfo(item) {
     return (h("div", { class: "user-info" }, h("yoo-avatar", { user: item.user, size: "medium" }), item && item.location && item.location.title ? (h("div", { class: "user-title" }, translate('YOOBICBY'), h("mark", null, ' ' + item.userDisplayname + ' '), translate('YOOBICAT'), h("mark", null, ' ' + item.location.title), item.date ? h("div", { class: "time" }, pipes.timeAgo.transform(item.date)) : null)) : (h("div", { class: "user-title" }, translate('YOOBICBY'), h("mark", null, ' ' + item.userDisplayname + ' '), item.date ? h("div", { class: "time" }, pipes.timeAgo.transform(item.date)) : null))));
   }
-  renderVideoPlayer(item, controls = item.control || false) {
+  renderVideoPlayer(item, index, controls = item.control || false) {
     const attrs = {
       videoPlayerCoreParameters: {
         source: (item.value || item._downloadURL || '').split(',')[0],
         controls,
         fullscreen: true,
+        autoplay: this.currentIndex === index,
         noSwiping: true
       },
       modalOptions: {
@@ -454,7 +464,7 @@ const YooSlidesMediaComponent = class {
         modalMode: true
       }
     };
-    return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerEl = el), ...attrs });
+    return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index) {
     var _a, _b, _c, _d;
@@ -569,9 +579,9 @@ const YooSlidesMediaComponent = class {
       }, class: "tag-container" }, h("div", { class: "actions-container" }, h("yoo-form-input", { placeholder: translate('ENTERATAG'), onEnterPressed: (ev) => this.onEnterPressed(ev, photo), onInputChanged: (ev) => (this.currentText = (ev === null || ev === void 0 ? void 0 : ev.detail) || ''), value: this.currentText, class: "side-menu large", "icon-prefix": "search" }), h("yoo-ion-content", null, this.renderList(photo), this.renderList(photo, true))), h("div", { class: "button-container" }, h("yoo-button", { color: "app-color", onClick: () => this.onCloseTagging() }, translate('YOOBICDONE')))));
   }
   renderSlideContentByDisplayType(item, index) {
-    const video = isVideo(this.getPhotoSrc(item));
+    const isTypeVideo = isVideo(this.getPhotoSrc(item));
     if (this.displayType === 'card-media' || item.type === 'audio') {
-      return (h("yoo-card-media", { showCloseButton: !this.isImage(item), ref: (el) => (this.cardMediaElements[index] = el), onUserClicked: () => this.onUserClicked(item), onHeadlineClicked: () => this.onHeadlineClicked(item), onDescriptionClicked: () => this.onDescriptionClicked(item), ...parseEntityForCardMedia(item, this.secondaryActions, 'photos', 'fullscreen', 'large', undefined, this.isReadonly) }, h("div", { slot: "main", class: { 'content-container': true, video } }, this.isImage(item) && this.renderPhotoEditor(item, index), video && this.renderVideoPlayer(item, true)), this.isTagging && h("div", { slot: "footer" }, this.renderTagContent(item)), !this.isTagging && this.renderHoverButtons(item)));
+      return (h("yoo-card-media", { showCloseButton: !this.isImage(item), ref: (el) => (this.cardMediaElements[index] = el), onUserClicked: () => this.onUserClicked(item), onHeadlineClicked: () => this.onHeadlineClicked(item), onDescriptionClicked: () => this.onDescriptionClicked(item), ...parseEntityForCardMedia(item, this.secondaryActions, 'photos', 'fullscreen', 'large', undefined, this.isReadonly) }, h("div", { slot: "main", class: { 'content-container': true, video: isTypeVideo } }, this.isImage(item) && this.renderPhotoEditor(item, index), isTypeVideo && this.renderVideoPlayer(item, index, true)), this.isTagging && h("div", { slot: "footer" }, this.renderTagContent(item)), !this.isTagging && this.renderHoverButtons(item)));
     }
     else if (this.displayType === 'card-feed') {
       //TODO: update flow to open media detail for feeds
@@ -585,13 +595,17 @@ const YooSlidesMediaComponent = class {
     else {
       return [
         item.type !== 'photo' && this.renderActionButtons(item),
-        h("div", { class: "content-container" }, item.type === 'video' ? this.renderVideoPlayer(item) : this.renderPhotoEditor(item, index), this.showBottomContainer && this.renderBottomContainer(item, index)),
+        h("div", { class: "content-container" }, item.type === 'video' ? this.renderVideoPlayer(item, index) : this.renderPhotoEditor(item, index), this.showBottomContainer && this.renderBottomContainer(item, index)),
         (item.user || item.missiondescription || item.fieldTitle || item.tags) && h("div", { class: "toolbar-shadow-portrait" })
       ];
     }
   }
   renderInnerSwipeContent() {
-    return (h("div", { class: "slides-container" }, h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: { 'outside-navigation-arrows': isWeb(this.host) }, initialSlide: this.currentSlideIndex, onIonSlideDrag: () => { var _a; return (_a = this.currentPhotoEditorElement) === null || _a === void 0 ? void 0 : _a.hideAllTooltips(); }, onIonSlideTransitionEnd: (ev) => this.onSlideDidChange(ev) }, this.isFirstLoad && h("yoo-loader", { class: { fixed: true, 'backdrop-dark': !this.isLight }, size: "large" }), this.items.map((item, index) => {
+    return (h("div", { class: "slides-container" }, h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: { 'outside-navigation-arrows': isWeb(this.host) }, initialSlide: this.currentSlideIndex, onIonSlideTransitionStart: () => {
+        var _a;
+        this.isImage(this.currentItem) && ((_a = this.currentPhotoEditorElement) === null || _a === void 0 ? void 0 : _a.hideAllTooltips());
+        this.pauseMedia();
+      }, onIonSlideTransitionEnd: (ev) => this.onSlideDidChange(ev) }, this.isFirstLoad && h("yoo-loader", { class: { fixed: true, 'backdrop-dark': !this.isLight }, size: "large" }), this.items.map((item, index) => {
       return h("yoo-ion-slide", { class: { 'outside-navigation-arrows': isWeb(this.host) } }, this.shouldRenderSlideContent(index) && this.renderSlideContent(item, index));
     }))));
   }

package/dist/esm/yoo-start-meeting-popup.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate } from './index-a466c5f3.js';
+import { b as getAppContext } from './common-helpers-bf504592.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const startMeetingPopupCss = ":host .outer-container{position:relative;width:15rem}:host .outer-container yoo-icon.cross{position:absolute;margin:var(--spacing-08, 0.5rem);cursor:pointer}:host .outer-container yoo-empty-state{height:17.6rem;background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .description-container{padding:var(--spacing-16, 1rem);text-align:center}:host .outer-container .button-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .button-content yoo-button{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .button-content yoo-button yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .button-content yoo-button yoo-icon span{padding-left:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}";
 

package/dist/esm/yoo-swipe-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, h } from './index-019c1b1a.js';
 import { s as setupHammer, h as hammerTypes, i as isBottomSwipe, a as isTopSwipe, b as isRightSwipe, c as isLeftSwipe, d as hammerDirections } from './hammer-helpers-0b560cb3.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-tabs-slides.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-019c1b1a.js';
 
 const tabsSlidesCss = ":host{position:relative;width:100%;color:var(--stable-alt, #d0d0d0)}.outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;width:100%;height:6.25rem;overflow:hidden;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1))}yoo-ion-slides{width:100%;height:100%}yoo-ion-slide{width:unset !important;max-width:17.5rem}.slide-padding{max-height:var(--spacing-48, 3rem);margin:0 1.5rem;overflow:hidden}.active{color:var(--dark, #000000)}.indicator{position:absolute;bottom:-0.5rem;z-index:1;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);background:var(--light, #ffffff);-webkit-box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));-webkit-transform:rotate(45deg);transform:rotate(45deg)}";
 

package/dist/esm/yoo-tabs.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { T as TapticEngine } from './index-e7596cd6.js';
-import { d as isNativeMobile, v as isIOS, dL as safeScrollIntoView, af as showActionSheet, T as translateMulti, o as isWeb, W as pipes } from './index-ac1d7e65.js';
-import { l as isNumber, p as isString, E as isBoolean } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { T as TapticEngine } from './index-03050840.js';
+import { d as isNativeMobile, v as isIOS, dL as safeScrollIntoView, af as showActionSheet, T as translateMulti, o as isWeb, W as pipes } from './index-a466c5f3.js';
+import { l as isNumber, p as isString, E as isBoolean } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const tabsCss = ":host{--justify-tabs:flex-start;--height-tabs:2.5rem;--opacity-tabs:1;--active-tab-background:none;--active-text-color:var(--text-color, #807f83);--active-tab-border-color:var(--app-color, #5a30f4);--tab-border-color:transparent;--tab-border-width:var(--border-width-02, 0.125rem);--tab-padding:0 var(--spacing-16, 1rem);--vertical-tab-gap:var(--spacing-08, 0.5rem);display:block;width:100%;overflow:hidden}:host .tab-container yoo-icon{fill:var(--text-color, #807f83)}:host .tab-container.active{background:var(--active-tab-background)}:host .tab-container.active .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .tab-container.active .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .tab-container.active .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .tab-container.active .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .tab-container.active .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .tab-container.active .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .tab-container.active .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .tab-container.active .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .tab-container.active .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .tab-container.active .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .tab-container.active .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .tab-container.active .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .tab-container.active .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .tab-container.active .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .tab-container.active .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .tab-container.active yoo-icon{fill:var(--dark, #000000)}:host(.transparent) .tab-container:hover,:host(.transparent) .tab-container.active{color:var(--light, #ffffff)}:host(.web) .tab-container{-ms-flex:0;flex:0;padding:var(--tab-padding)}:host(.web) .outer-container-vertical .tab-container{padding:var(--tab-padding)}:host(.web) yoo-ripple-effect{display:none}:host(.web) .tab-container:hover{color:var(--dark, #000000)}:host(.web) .extra:hover{color:var(--app-color, #5a30f4)}:host(.web) .outer-container{margin-top:var(--spacing-08, 0.5rem)}:host(.web.no-margin) .outer-container{margin-top:0}:host(.center){--justify-tabs:center}:host([disabled=\"\"]),:host([disabled=true]){pointer-events:none}:host([disabled=\"\"]) .outer-container,:host([disabled=true]) .outer-container{color:var(--stable, #adadad);opacity:0.4}:host(.no-border) .static-container{border:none}yoo-ripple-effect{--color:var(--app-color, #5a30f4);--opacity:0.1}yoo-icon{-ms-flex-item-align:center;align-self:center;margin-right:0.5625rem}yoo-context-menu.editable{width:var(--icon-size-01, 1rem);margin-left:var(--spacing-08, 0.5rem)}yoo-context-menu.editable yoo-icon{margin-right:0}yoo-button{margin:0 var(--spacing-08, 0.5rem)}span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}yoo-badge,yoo-tag{margin-left:var(--spacing-04, 0.25rem)}yoo-badge.margin-right{margin-right:var(--spacing-08, 0.5rem)}yoo-badge:not([shape=dot]),yoo-tag{-ms-flex-item-align:center;align-self:center}yoo-badge[shape=dot]{-ms-flex-item-align:start;align-self:flex-start}.outer-container{position:relative;height:var(--height-tabs);opacity:var(--opacity-tabs)}.outer-container-vertical{font-size:var(--font-size-16, 1rem)}.outer-container-vertical .tab-container{-ms-flex-pack:left;justify-content:left;height:2.5rem;padding:var(--spacing-08, 0.5rem);color:var(--dark, #000000);text-align:left}.outer-container-vertical .tab-container:hover{color:var(--app-color, #5a30f4)}.outer-container-vertical .tab-container .flex{-ms-flex:1;flex:1}.outer-container-vertical .tab-container yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}.outer-container-vertical .tab-container.active{color:var(--app-color, #5a30f4)}.outer-container-vertical .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}.outer-container-vertical .tab-container+.tab-container{margin-top:var(--vertical-tab-gap)}.outer-container-vertical .tab-description{padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-32, 2rem);color:var(--text-color);font-size:var(--font-size-14, 0.875rem);border-bottom:var(--tab-border-width) solid var(--tab-border-color)}.static-container{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-bottom:var(--spacing-02, 0.125rem) solid var(--stable-light, #f1f1f1)}.scrolling-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:var(--justify-tabs);justify-content:var(--justify-tabs);width:100%;height:100%}.tab-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-08, 0.5rem);color:var(--active-text-color);white-space:nowrap;border-bottom:var(--tab-border-width) solid var(--tab-border-color);cursor:pointer;-webkit-transition:0.3s ease;transition:0.3s ease}.tab-container.active{color:var(--dark, #000000);border-bottom-color:var(--active-tab-border-color)}.extra.active{color:var(--app-color, #5a30f4)}:host(.community-editor) .tab-container{padding-bottom:0px;border:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}:host(.community-editor) .tab-container:not(.active){padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.community-editor) .tab-container.active{background-color:transparent}:host(.community-editor) .tab-container+.tab-container{margin:0}:host(.community-editor) .tab-description{border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}";
 

package/dist/esm/yoo-tag.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, h } from './index-019c1b1a.js';
 
 function changeRgbOpacity(rgbColor, opacity) {
   const _opacity = Math.round(Math.min(Math.max(opacity || 1, 0), 1) * 255);

package/dist/esm/yoo-tappable.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
-import './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { b as getAppContext } from './common-helpers-bf504592.js';
+import './index-a466c5f3.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const tappableCss = ":host{position:relative;z-index:0;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}:host .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--app-color, #5a30f4);z-index:-1;opacity:0.2}@-webkit-keyframes expand-to-full{0%{background-color:var(--app-color, #5a30f4);width:0;opacity:0}100%{background-color:var(--app-color, #5a30f4);width:100%;opacity:0.8}}@keyframes expand-to-full{0%{background-color:var(--app-color, #5a30f4);width:0;opacity:0}100%{background-color:var(--app-color, #5a30f4);width:100%;opacity:0.8}}@-webkit-keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}@keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}:host .dot.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .dot:before{position:relative;display:block;margin-top:100%;border-radius:50%;content:\"\"}:host .dot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:\"\"}:host .dot.tapped,:host .dot.active,:host .dot.tapped:after,:host .dot.active:after{border-radius:50%;-webkit-animation:anim-in 0.35s;animation:anim-in 0.35s}:host .dot.hovered,:host .dot.hovered:after{border-radius:50%;-webkit-animation:anim-in 0.15s;animation:anim-in 0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.neutral) .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:var(--dark, #000000) !important;z-index:-1;opacity:0.2}@keyframes expand-to-full{0%{background-color:var(--dark, #000000) !important;width:0;opacity:0}100%{background-color:var(--dark, #000000) !important;width:100%;opacity:0.8}}@keyframes anim-in{0%{width:0}100%{z-index:-1;width:100%}}:host(.neutral) .dot.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.neutral) .dot:before{position:relative;display:block;margin-top:100%;border-radius:50%;content:\"\"}:host(.neutral) .dot:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;content:\"\"}:host(.neutral) .dot.tapped,:host(.neutral) .dot.active,:host(.neutral) .dot.tapped:after,:host(.neutral) .dot.active:after{border-radius:50%;-webkit-animation:anim-in 0.35s;animation:anim-in 0.35s}:host(.neutral) .dot.hovered,:host(.neutral) .dot.hovered:after{border-radius:50%;-webkit-animation:anim-in 0.15s;animation:anim-in 0.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.center){-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
 

package/dist/esm/yoo-text-sequence.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { r as findParent, G as cleanupWKWebViewFilePath, bd as getKeyToCache, cN as setSecuredContent, T as translateMulti } from './index-ac1d7e65.js';
-import { U as clamp, c as compact } from './lodash-a98c6524.js';
-import './index-58ba48a5.js';
-import { o as onRTEClick, b as getAppContext } from './common-helpers-34c5464d.js';
-import { a as getFromLocalForage } from './localForage-72f58d84.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { r as findParent, G as cleanupWKWebViewFilePath, bd as getKeyToCache, cN as setSecuredContent, T as translateMulti } from './index-a466c5f3.js';
+import { U as clamp, c as compact } from './lodash-494e728c.js';
+import './index-6603a3a7.js';
+import { o as onRTEClick, b as getAppContext } from './common-helpers-bf504592.js';
+import { a as getFromLocalForage } from './localForage-5c2c3fc3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const textSequenceCss = ":host{position:relative;display:block;height:100%;overflow:hidden}:host #sequences{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:0 var(--spacing-16, 1rem);text-align:center;-webkit-transform:translateY(calc(-1 * var(--spacing-16, 1rem)));transform:translateY(calc(-1 * var(--spacing-16, 1rem)))}:host #sequences .sequence{overflow:scroll;color:var(--stable, #adadad);word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9)}:host #sequences .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #sequences .sequence.title{margin-top:50%;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .overlay{position:absolute;left:0;z-index:1;width:100%;height:35%}:host .overlay[placement=top]{top:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(65%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 65%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(35%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 35%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 100%)}:host yoo-button{position:absolute;left:50%;z-index:2;width:5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-button[placement=top]{top:var(--spacing-16, 1rem)}:host yoo-button[placement=bottom]{bottom:var(--spacing-16, 1rem)}:host yoo-button[hidden]{opacity:0}:host yoo-button yoo-icon{fill:var(--app-color, #5a30f4)}:host([live-preview]) #sequences,:host(.mobile) #sequences{margin-top:35%}:host([animated]) yoo-button,:host([animated]) #sequences,:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s}";
 

package/dist/esm/yoo-text.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { i as isFunction } from './lodash-a98c6524.js';
-import { i as sanitizeHTML, b as getAppContext } from './common-helpers-34c5464d.js';
-import './index-ac1d7e65.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { i as isFunction } from './lodash-494e728c.js';
+import { i as sanitizeHTML, b as getAppContext } from './common-helpers-bf504592.js';
+import './index-a466c5f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const YooTextComponent = class {
   constructor(hostRef) {

package/dist/esm/yoo-toast.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { cX as present, w as setAnimation, cY as dismiss, o as isWeb, t as translate, u as isIphoneX, T as translateMulti } from './index-ac1d7e65.js';
-import { l as lifecycleEvents, b as getAppContext } from './common-helpers-34c5464d.js';
-import { e as eventMethod } from './overlays-bd302acb.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { cX as present, w as setAnimation, cY as dismiss, o as isWeb, t as translate, u as isIphoneX, T as translateMulti } from './index-a466c5f3.js';
+import { l as lifecycleEvents, b as getAppContext } from './common-helpers-bf504592.js';
+import { e as eventMethod } from './overlays-b5b163bd.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const toastCss = ".bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--media-size:48px}:host yoo-truncate{--max-lines:3}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;bottom:unset;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.25rem;padding:0.75rem 1rem;font-size:var(--font-size-16, 1rem);background:var(--stable-ultralight, #fafafa);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .danger{color:var(--danger, #d44333)}:host .outer-container .success{color:var(--success, #3aa76d)}:host .outer-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .button-container{padding:0 1rem}:host .outer-container .button-container .danger{color:var(--danger, #d44333)}:host .outer-container .button-container .success{color:var(--success, #3aa76d)}:host .outer-container .button-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .text-container{-ms-flex:1;flex:1;margin-right:auto;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .text-container.sub-messages{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:unset !important}:host .outer-container .icon-container{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .icon-container yoo-icon{display:block}:host .outer-container .image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .image-container yoo-img{--border-radius:50%;width:var(--media-size);height:var(--media-size)}:host .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:55px;min-height:55px;margin-right:0.8rem;margin-bottom:0.5rem;line-height:55px;text-align:center;border-radius:50%}:host .outer-container .extra-button.bg-app-color{background:var(--app-color, #5a30f4)}:host .outer-container .extra-button.flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .extra-button.light{color:var(--light, #ffffff)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark, #000000);opacity:0.4}:host(:not(.fullscreen):not(.progress):not(.form-creator.warning)) .outer-container .text-container{max-width:65%;max-height:unset;overflow-y:hidden;word-break:break-word}:host(.fullscreen) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100% !important;padding:3rem !important}:host(.fullscreen) .outer-container .image-container{-ms-flex:initial;flex:initial;width:100%;margin-bottom:1rem}:host(.fullscreen) .outer-container .image-container yoo-img{--border-radius:unset;width:100%;height:4rem}:host(.fullscreen) .outer-container .text-container{-ms-flex:initial;flex:initial;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center}:host(.bg-stable-light) .outer-container{background:var(--stable-light, #f1f1f1)}:host(.global-actions){-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.global-actions) .outer-container{height:2.75rem !important;margin-bottom:0 !important;overflow:hidden;border-radius:5px}:host(.global-actions) .outer-container .count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;line-height:44px}:host(.global-actions) .outer-container .text-container{-ms-flex:1;flex:1}:host(.global-actions) .outer-container .extra-button{width:2rem;min-width:initial;min-height:initial;margin:0;font-size:var(--font-size-18, 1.125rem);line-height:1rem}:host(.global-actions) .outer-container .extra-button:last-child:not(.context-menu){margin-right:1rem}:host(.bottom) .outer-container{top:unset;bottom:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom:none}:host(.progress) .outer-container{-ms-flex-direction:column;flex-direction:column;padding:0.75rem 1rem}:host(.progress) .outer-container .text-container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem 0}:host(.progress) .outer-container .text-container .message,:host(.progress) .outer-container .text-container .icon-container{display:initial;margin:0}:host(.progress) .outer-container .text-container .button-container{margin-left:auto;padding-right:0}:host(.progress) .outer-container .progressbar-wrapper{width:100%}:host(.progress) .outer-container .progressbar-wrapper yoo-progress-bar{--progress-value-color:var(--app-color, #5a30f4)}:host(.header:not(.block)) .outer-container.iphone-x{padding-top:2.75rem !important}:host(.header.ios:not(.block)) .outer-container{padding-top:1.75rem}:host(.web:not(.rounded-rectangle)){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:100%}:host(.web:not(.rounded-rectangle)) .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:450px;min-height:60px;margin-top:4.25rem;border-radius:0.375rem;-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.web:not(.rounded-rectangle)) .outer-container .message{margin:0 0 0 var(--spacing-16, 1rem)}:host(.web:not(.rounded-rectangle)) .outer-container .button{margin-bottom:0}:host(.web.global-actions) .outer-container{padding:0;color:var(--stable, #adadad)}:host(.web.global-actions) .outer-container .count-container{padding-left:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .text-container{padding:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .extra-button:last-child{margin-left:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);border-left:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:0}:host(.web.top.progress) .outer-container .message{display:block;white-space:nowrap}:host(.web.top.header) .outer-container{border-bottom:none}:host(.web.top.header) .outer-container .icon-container{margin-bottom:0}:host(.web.bottom){border-radius:0.375rem}:host(.web.bottom) .outer-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0;margin-bottom:var(--spacing-16, 1rem);overflow:visible}:host(.web.bottom) .outer-container .count-container{border-radius:0.375rem 0 0 0.375rem}:host(.block) .outer-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:var(--spacing-48, 3rem);border-bottom:none}:host(.block.iphone-x){min-height:var(--spacing-64, 4rem)}:host(.form-creator) .outer-container{padding:0;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0) !important}:host(.form-creator) .outer-container .text-container{padding-left:var(--spacing-16, 1rem)}:host(.form-creator) .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:0.5rem}:host(.form-creator) .outer-container .extra-button.context-menu:last-child{margin-left:0;padding-left:0}:host(.form-creator) .outer-container .icon-container{padding-left:var(--spacing-08, 0.5rem)}:host(.media){--media-size:48px}:host(.media) yoo-truncate{--max-lines:2}:host(.media) .right-media-container{width:var(--media-size);height:var(--media-size)}:host(.photo-actions) .outer-container{min-height:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);background-color:var(--app-color, #5a30f4)}:host(.photo-actions) .outer-container .text-container{color:var(--light, #ffffff)}:host(.photo-actions) .outer-container yoo-icon{font-size:var(--font-size-14, 0.875rem)}:host(.photo-actions) .outer-container yoo-icon.close{min-height:initial;padding:var(--spacing-02, 0.125rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);border-radius:50%}:host(.photo-actions) .outer-container .button{padding:0 var(--spacing-16, 1rem)}:host(.photo-actions) .outer-container .button:not(:last-of-type){border-right:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning) .outer-container{background:var(--warning, #ed6e33);border:none}:host(.form-creator.warning) .outer-container .text-container{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host(.form-creator.warning) .outer-container .button-container.close-icon-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:3rem;border-left:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning.web) .outer-container{width:37.5rem}:host(.form-creator.warning.translate){margin-top:var(--spacing-32, 2rem)}:host(.form-creator.warning.translate) .outer-container yoo-icon{margin:0 var(--spacing-16, 1rem);cursor:pointer}:host(.form-creator.warning.translate) .outer-container .light{cursor:pointer}:host(.form){display:block;overflow:hidden}:host(.form) .outer-container{position:initial;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:unset;padding:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);border:none;border-radius:0.375rem;-webkit-box-shadow:none;box-shadow:none}:host(.rounded-rectangle) .outer-container{margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host(.bg-app-color) .outer-container{background:var(--app-color, #5a30f4)}:host(.bg-app-color) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-app-color) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color) .outer-container .button-container .success,:host(.bg-app-color) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-app-color-10) .outer-container{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.bg-app-color-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container .success,:host(.bg-app-color-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger) .outer-container{background:var(--danger, #d44333)}:host(.bg-danger) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-danger) .outer-container .button-container{padding:0 1rem}:host(.bg-danger) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger) .outer-container .button-container .success,:host(.bg-danger) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger-10) .outer-container{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host(.bg-danger-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-danger-10) .outer-container .button-container{padding:0 1rem}:host(.bg-danger-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger-10) .outer-container .button-container .success,:host(.bg-danger-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-energized) .outer-container{background:var(--energized, #ffc043)}:host(.bg-energized) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-energized) .outer-container .button-container{padding:0 1rem}:host(.bg-energized) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-energized) .outer-container .button-container .success,:host(.bg-energized) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning) .outer-container{background:var(--warning, #ed6e33)}:host(.bg-warning) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-warning) .outer-container .button-container{padding:0 1rem}:host(.bg-warning) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning) .outer-container .button-container .success,:host(.bg-warning) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-10) .outer-container{background:var(--warning-10, rgba(237, 110, 51, 0.1))}:host(.bg-warning-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-10) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-10) .outer-container .button-container .success,:host(.bg-warning-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}";
 

package/dist/esm/yoo-tooltip.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, j as Build, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { o as isWeb, R as isNullOrUndefined, r as findParent, ab as enableKeyboardResize, t as translate } from './index-ac1d7e65.js';
-import { R as ROUND_ARROW, t as tippy } from './tippy.esm-821c1806.js';
-import { l as focusContentEditable } from './form-input-helpers-3d705017.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, j as Build, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { o as isWeb, R as isNullOrUndefined, r as findParent, ab as enableKeyboardResize, t as translate } from './index-a466c5f3.js';
+import { R as ROUND_ARROW, t as tippy } from './tippy.esm-2f90aa34.js';
+import { l as focusContentEditable } from './form-input-helpers-f539955f.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
-import './common-helpers-34c5464d.js';
+import './index-13b57d41.js';
+import './common-helpers-bf504592.js';
 
 const tooltipCss = ".tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block}:host .editable-content,:host .request-access{display:none}";